blocks/community/styles.css

   1 /** General display rules **/
   2
   3 /* HUB SELECTOR */
   4 #page-blocks-community-communitycourse .hubscreenshot {
   5     float: left;
   6 }
   7
   8 #page-blocks-community-communitycourse .hubtitlelink {
   9     color: #999;
  10 }
  11
  12 #page-blocks-community-communitycourse .hubsmalllogo {
  13     padding-left: 3px;
  14     padding-right: 7px;
  15     float: left;
  16 }
  17
  18 #page-blocks-community-communitycourse .hubtext {
  19     display: block;
  20     width: 68%;
  21     padding-left: 165px;
  22 }
  23
  24 #page-blocks-community-communitycourse .hubimage {
  25     float: left;
  26     display: block;
  27     width: 100px;
  28 }
  29
  30 #page-blocks-community-communitycourse .hubstats {
  31     padding-top: 10px;
  32 }
  33
  34 #page-blocks-community-communitycourse .hubstats .iconhelp {
  35     float: left;
  36     padding-right: 3px;
  37 }
  38
  39 #page-blocks-community-communitycourse .hubadditionaldesc {
  40     color: #666;
  41     font-size: 90%;
  42     display: block;
  43 }
  44
  45 #page-blocks-community-communitycourse .hubscreenshot {
  46     margin-right: 10px;
  47 }
  48
  49 #page-blocks-community-communitycourse .hubtrusted {
  50     display: inline;
  51 }
  52
  53 #page-blocks-community-communitycourse .trustedtr {
  54     background-color: #ffe1c3;
  55 }
  56
  57 #page-blocks-community-communitycourse .prioritisetr {
  58     background-color: #ffd4ff;
  59 }
  60
  61 #page-blocks-community-communitycourse .blockdescription {
  62     font-size: 80%;
  63     color: #555;
  64 }
  65
  66 #page-blocks-community-communitycourse .trusted {
  67     font-size: 90%;
  68     color: #063;
  69     font-weight: normal;
  70     font-style: italic;
  71 }
  72
  73 /* COURSES RESULT */
  74 #page-blocks-community-communitycourse .additionaldesc {
  75     font-size: 80%;
  76     color: #8b8989;
  77 }
  78
  79 #page-blocks-community-communitycourse .comment-link {
  80     font-size: 80%;
  81     color: #555;
  82 }
  83
  84 #page-blocks-community-communitycourse .coursescreenshot {
  85     text-align: center;
  86     cursor: pointer;
  87 }
  88
  89 #page-blocks-community-communitycourse .hubcourseinfo {
  90     margin-left: 15px;
  91 }
  92
  93 #page-blocks-community-communitycourse .pagingbar {
  94     text-align: center;
  95 }
  96
  97 #page-blocks-community-communitycourse .coursecomment {
  98     float: right;
  99 }
 100
 101 #page-blocks-community-communitycourse .courseoperations {
 102     margin-top: 9px;
 103     text-align: center;
 104 }
 105
 106 #page-blocks-community-communitycourse .hubcoursedownload:hover {
 107     background-color: #cdc9c9;
 108 }
 109
 110 #page-blocks-community-communitycourse .courselinks {
 111     float: right;
 112     width: 180px;
 113 }
 114
 115 #page-blocks-community-communitycourse .ratingaggregate {
 116     float: left;
 117     padding-right: 4px;
 118 }
 119
 120 #page-blocks-community-communitycourse .hubcourserating {
 121     padding-top: 3px;
 122     font-size: 80%;
 123     color: #555;
 124 }
 125
 126 #page-blocks-community-communitycourse .coursedescription {
 127     width: 70%;
 128     float: left;
 129 }
 130
 131 #page-blocks-community-communitycourse .fullhubcourse {
 132     margin-bottom: 20px;
 133 }
 134
 135 #page-blocks-community-communitycourse .hubcoursetitlepanel {
 136     margin-bottom: 6px;
 137 }
 138
 139 #page-blocks-community-communitycourse .hubcourseresult {
 140     background: none repeat scroll 0 0 #fff;
 141     clear: both;
 142     margin: 30px auto 0;
 143     z-index: 90;
 144     width: 95%;
 145     padding: 10px 10px 10px 10px;
 146     border-style: solid;
 147     border-width: 1px;
 148 }
 149
 150 #page-blocks-community-communitycourse .hubcoursetitle {
 151     -webkit-box-shadow: rgba(0, 0, 0, 0.546875) 0 0 4px;
 152     -moz-box-shadow: rgba(0, 0, 0, 0.546875) 0 0 4px;
 153     background: #8b8989;
 154     left: -15px;
 155     position: relative;
 156     z-index: 0;
 157     border: 0;
 158     margin: 0;
 159     outline: 0;
 160     padding: 0;
 161     vertical-align: baseline;
 162     color: #fff;
 163     padding-top: 6px;
 164     padding-bottom: 6px;
 165     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
 166     text-align: left;
 167     font-style: italic;
 168     font-weight: normal;
 169     line-height: 1.2em;
 170     font-size: 140%;
 171     width: 102%;
 172     text-indent: 15px;
 173 }
 174
 175 #page-blocks-community-communitycourse .hubcoursedownload {
 176     display: inline-block;
 177     padding: 5px 8px 6px;
 178     color: black;
 179     text-decoration: none;
 180     -moz-border-radius: 6px;
 181     -webkit-border-radius: 6px;
 182     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
 183     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
 184     border-bottom: 1px solid rgba(0, 0, 0, 0.25);
 185     position: relative;
 186     cursor: pointer;
 187     background-color: #eee9e9;
 188     margin-left: 6px;
 189     font-size: 95%;
 190     margin-bottom: 9px;
 191 }
 192
 193 /*  STAR RATING  */
 194 #page-blocks-community-communitycourse .ratingcount {
 195     color: #8b8989;
 196     font-size: 80%;
 197     vertical-align: top;
 198 }
 199
 200 #page-blocks-community-communitycourse .norating {
 201     font-weight: bold;
 202     color: #8b8989;
 203     font-size: 80%;
 204 }
 205
 206 #page-blocks-community-communitycourse .star-rating {
 207     list-style: none;
 208     margin: 4px 0 4px;
 209     padding: 0;
 210     width: 100px;
 211     height: 20px;
 212     position: relative;
 213     background: url([[pix:i/star-rating]]) top left repeat-x;
 214     float: left;
 215 }
 216
 217 #page-blocks-community-communitycourse .star-rating li {
 218     padding: 0;
 219     margin: 0;
 220     height: 20px;
 221     width: 20px;
 222     float: left;
 223 }
 224
 225 #page-blocks-community-communitycourse .star-rating li.current-rating {
 226     background: url([[pix:i/star-rating]]) left bottom;
 227     position: absolute;
 228     height: 20px;
 229     display: block;
 230     text-indent: -9000px;
 231     z-index: 1;
 232 }
 233
 234 /* COMMENTS */
 235 #page-blocks-community-communitycourse .nocomments {
 236     font-weight: bold;
 237     color: #8b8989;
 238     font-size: 80%;
 239 }
 240
 241 #page-blocks-community-communitycourse .hubcommentator {
 242     float: left;
 243     font-weight: bold;
 244 }
 245
 246 #page-blocks-community-communitycourse .hubcommentdate {
 247     font-weight: bold;
 248 }
 249
 250 #page-blocks-community-communitycourse .hubcommenttext {
 251     margin-bottom: 10px;
 252 }
 253
 254 #page-blocks-community-communitycourse .hubnoscriptcoursecomments {
 255     margin-left: 5px;
 256 }
 257
 258 #page-blocks-community-communitycourse .yui3-overlay-loading {
 259     /* Hide overlay markup while loading, if js is enabled */
 260     top: -1000em;
 261     left: -1000em;
 262     position: absolute;
 263     z-index: 1000;
 264 }
 265
 266 #page-blocks-community-communitycourse .hubcoursecomments {
 267     /* comment button */
 268     display: inline-block;
 269     padding: 3px 3px 3px 3px;
 270     color: white;
 271     text-decoration: none;
 272     -moz-border-radius: 6px;
 273     -webkit-border-radius: 6px;
 274     position: relative;
 275     cursor: pointer;
 276     background-color: #8b8989;
 277     margin-left: 0;
 278     font-size: 80%;
 279     margin-top: 15px;
 280 }
 281
 282 #page-blocks-community-communitycourse .hubrateandcomment {
 283     font-size: 80%;
 284 }
 285
 286 #page-blocks-community-communitycourse .nextlink {
 287     text-align: center;
 288     margin-top: 6px;
 289 }
 290
 291 #page-blocks-community-communitycourse .textinfo {
 292     text-align: center;
 293 }
 294
 295 #ss-mask {
 296     z-index: 10;
 297     position: fixed;
 298     top: 0;
 299     left: 0;
 300     bottom: 0;
 301     right: 0;
 302     opacity: 0.35;
 303     filter: alpha(opacity=35);
 304     background: #000;
 305 }
 306
 307 .hiddenoverlay {
 308     display: none;
 309     text-align: center;
 310 }
 311
 312 .imagearrow {
 313     font-size: 120%;
 314     display: inline;
 315     cursor: pointer;
 316 }
 317
 318 .imagetitle {
 319     display: inline;
 320     cursor: pointer;
 321 }
 322
 323 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue {
 324     -moz-border-radius: 12px 12px 12px 12px;
 325     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
 326     -webkit-border-radius: 12px 12px 12px 12px;
 327     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
 328     border-width: 0 0 0 0;
 329 }
 330
 331 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-wrap {
 332     -moz-border-radius: 12px 12px 0 0;
 333     -webkit-border-radius: 12px 12px 0 0;
 334     background-color: #fff;
 335     border: 1px solid #555;
 336 }
 337
 338 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-hd {
 339     -moz-border-radius: 12px 12px 0 0;
 340     -webkit-border-radius: 12px 12px 0 0;
 341     background-color: #f6f6f6;
 342     border: 1px solid #ccc;
 343     overflow: auto;
 344     padding: 7px 6px;
 345 }
 346
 347 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-bd {
 348     padding: 0;
 349     margin-bottom: -5px;
 350 }
 351
 352 #page-blocks-community-communitycourse .moodle-dialogue-base .closebutton {
 353     margin-top: 4px;
 354     margin-right: 4px;
 355 }