blocks/community/styles.css

   1 /** General display rules **/
   2
   3 /* HUB SELECTOR */
   4 #page-blocks-community-communitycourse .hubscreenshot {float: left; }
   5 #page-blocks-community-communitycourse .hubtitlelink {color: #999; }
   6 #page-blocks-community-communitycourse .hubsmalllogo {padding-left: 3px; padding-right: 7px; float: left; }
   7 #page-blocks-community-communitycourse .hubtext {display: block; width: 68%; padding-left: 165px;}
   8 #page-blocks-community-communitycourse .hubimgandtext {display:table;}
   9 #page-blocks-community-communitycourse .hubimage {float: left; display: block; width: 100px;}
  10 #page-blocks-community-communitycourse .hubdescriptiontext {}
  11 #page-blocks-community-communitycourse .hubstats {padding-top: 10px}
  12 #page-blocks-community-communitycourse .hubstats .iconhelp {float: left; padding-right: 3px;}
  13 #page-blocks-community-communitycourse .hubadditionaldesc {color: #666666; font-size: 90%; display:block;}
  14 #page-blocks-community-communitycourse .hubscreenshot {margin-right: 10px;}
  15 #page-blocks-community-communitycourse .hubnottrusted {}
  16 #page-blocks-community-communitycourse .hubtrusted {display:inline;}
  17 #page-blocks-community-communitycourse .hubnottrusted {}
  18 #page-blocks-community-communitycourse .trustedtr {background-color: #ffe1c3;}
  19 #page-blocks-community-communitycourse .prioritisetr {background-color: #ffd4ff;}
  20 #page-blocks-community-communitycourse .blockdescription {font-size: 80%; color: #555555;}
  21 #page-blocks-community-communitycourse .trusted {font-size: 90%; color: #006633; font-weight: normal; font-style: italic;}
  22
  23 /* COURSES RESULT */
  24 #page-blocks-community-communitycourse .additionaldesc {font-size: 80%; color: #8B8989;}
  25 #page-blocks-community-communitycourse .comment-link {font-size: 80%; color: #555555;}
  26 #page-blocks-community-communitycourse .coursescreenshot {text-align:center;cursor: pointer;}
  27 #page-blocks-community-communitycourse .hubcourseinfo {margin-left: 15px;}
  28 #page-blocks-community-communitycourse .coursesitelink {}
  29 #page-blocks-community-communitycourse .pagingbar {text-align: center;}
  30 #page-blocks-community-communitycourse .coursecomment {float: right;}
  31 #page-blocks-community-communitycourse .courseoperations {margin-top:9px; text-align:center}
  32 #page-blocks-community-communitycourse .hubcoursedownload:hover {background-color: #CDC9C9;}
  33 #page-blocks-community-communitycourse .courselinks {float: right;width: 180px}
  34 #page-blocks-community-communitycourse .ratingaggregate {float: left; padding-right: 4px;}
  35 #page-blocks-community-communitycourse .hubcourserating { padding-top: 3px; font-size: 80%; color: #555555;}
  36 #page-blocks-community-communitycourse .coursedescription {width: 70%; float: left;}
  37 #page-blocks-community-communitycourse .fullhubcourse {margin-bottom: 20px;}
  38 #page-blocks-community-communitycourse .hubcoursetitlepanel {margin-bottom: 6px;}
  39 #page-blocks-community-communitycourse .hubcourseresult {
  40     background:none repeat scroll 0 0 #FFFFFF;
  41     clear:both;
  42     margin:30px auto 0;
  43     z-index:90;
  44     width: 95%;
  45     padding: 10px 10px 10px 10px;
  46     border-style: solid;
  47     border-width: 1px;
  48 }
  49 #page-blocks-community-communitycourse .hubcoursetitle {
  50     -webkit-box-shadow: rgba(0, 0, 0, 0.546875) 0px 0px 4px;
  51     -moz-box-shadow: rgba(0, 0, 0, 0.546875) 0px 0px 4px;
  52     background: #8B8989;
  53     left: -15px;
  54     position: relative;
  55     z-index: 0;
  56     border: 0px;
  57     margin: 0px;
  58     outline: 0px;
  59     padding: 0px;
  60     vertical-align: baseline;
  61     color: #fff;
  62     padding-top: 6px;
  63     padding-bottom: 6px;
  64     text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  65     text-align: left;
  66     font-style:italic;
  67     font-weight:normal;
  68     line-height:1.2em;
  69     font-size: 140%;
  70     color: #fff;
  71     width: 102%;
  72     text-indent: 15px;
  73 }
  74 #page-blocks-community-communitycourse .hubcoursedownload {
  75     display: inline-block;
  76     padding: 5px 8px 6px;
  77     color: black;
  78     text-decoration: none;
  79     -moz-border-radius: 6px;
  80     -webkit-border-radius: 6px;
  81     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  82     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  83     border-bottom: 1px solid rgba(0,0,0,0.25);
  84     position: relative;
  85     cursor: pointer;
  86     background-color: #EEE9E9;
  87     margin-left: 6px;
  88     font-size: 95%;
  89     margin-bottom: 9px;
  90 }
  91 #page-blocks-community-communitycourse .comment-list li {
  92     background-color:#FFFAFA !important;
  93     -moz-border-radius: 6px;
  94     -webkit-border-radius: 6px;
  95     padding-right: 4px;
  96     padding-bottom: 2px;
  97 }
  98
  99 /*  STAR RATING  */
 100 #page-blocks-community-communitycourse .ratingcount {color: #8B8989;font-size: 80%;vertical-align: top;}
 101 #page-blocks-community-communitycourse .norating {font-weight: bold;color:#8B8989;font-size: 80%;}
 102 #page-blocks-community-communitycourse .star-rating{
 103     list-style:none;
 104     margin: 4px 0 4px;
 105     padding:0px;
 106     width: 100px;
 107     height: 20px;
 108     position: relative;
 109     background: url([[pix:i/star-rating]]) top left repeat-x;
 110     float: left;
 111 }
 112 #page-blocks-community-communitycourse .star-rating li{
 113     padding:0px;
 114     margin:0px;
 115     height:20px;
 116     width: 20px;
 117     float: left;
 118 }
 119 #page-blocks-community-communitycourse .star-rating li.current-rating{
 120     background: url([[pix:i/star-rating]]) left bottom;
 121     position: absolute;
 122     height: 20px;
 123     display: block;
 124     text-indent: -9000px;
 125     z-index: 1;
 126 }
 127
 128 /* COMMENTS */
 129 #page-blocks-community-communitycourse .nocomments {font-weight: bold;color:#8B8989;font-size: 80%;}
 130 #page-blocks-community-communitycourse .hubcommentator {float: left;font-weight: bold;}
 131 #page-blocks-community-communitycourse .hubcommentdate {font-weight: bold;}
 132 #page-blocks-community-communitycourse .hubcommenttext{margin-bottom: 10px;}
 133 #page-blocks-community-communitycourse .hubnoscriptcoursecomments {margin-left: 5px;}
 134 #page-blocks-community-communitycourse .yui3-overlay-loading {
 135     /* Hide overlay markup while loading, if js is enabled */
 136     top:-1000em;
 137     left:-1000em;
 138     position:absolute;
 139     z-index:1000;
 140 }
 141 #page-blocks-community-communitycourse .hubcoursecomments {
 142     /* comment button */
 143     display: inline-block;
 144     padding: 3px 3px 3px 3px;
 145     color: white;
 146     text-decoration: none;
 147     -moz-border-radius: 6px;
 148     -webkit-border-radius: 6px;
 149     position: relative;
 150     cursor: pointer;
 151     background-color: #8B8989;
 152     margin-left: 0px;
 153     font-size: 80%;
 154     margin-top:15px;
 155 }
 156 #page-blocks-community-communitycourse .hubrateandcomment { font-size: 80%;}
 157 #page-blocks-community-communitycourse .hubcourseoutcomes {}
 158 #page-blocks-community-communitycourse .nextlink {text-align: center;margin-top: 6px;}
 159 #page-blocks-community-communitycourse .textinfo { text-align: center;}
 160
 161 #ss-mask {
 162     z-index: 10;
 163     position:fixed;
 164     top:0;
 165     left:0;
 166     bottom:0;
 167     right:0;
 168     opacity:0.35;
 169     filter:alpha(opacity=35);
 170     background:#000;
 171 }
 172
 173 .hiddenoverlay {
 174     display: none;
 175     text-align: center;
 176 }
 177
 178 .imagearrow {
 179     font-size: 120%;
 180     display: inline;
 181     cursor: pointer;
 182 }
 183 .imagetitle {
 184     display: inline;
 185     cursor: pointer;
 186 }
 187
 188 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue {
 189     -moz-border-radius:12px 12px 12px 12px;
 190     -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6);
 191     -webkit-border-radius:12px 12px 12px 12px;
 192     -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.6);
 193     border-width:0 0 0 0;
 194 }
 195
 196 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-wrap {
 197     -moz-border-radius:12px 12px 0px 0px;
 198     -webkit-border-radius:12px 12px 0px 0px;
 199     background-color:#FFFFFF;
 200     border:1px solid #555555;
 201 }
 202
 203 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-hd {
 204     -moz-border-radius:12px 12px 0 0;
 205     -webkit-border-radius:12px 12px 0 0;
 206     background-color:#F6F6F6;
 207     border:1px solid #CCCCCC;
 208     overflow: auto;
 209     padding: 7px 6px;
 210 }
 211
 212 #page-blocks-community-communitycourse .moodle-dialogue-base .moodle-dialogue-bd {
 213     padding:0px;
 214     margin-bottom: -5px;
 215 }
 216
 217 #page-blocks-community-communitycourse .moodle-dialogue-base .closebutton {
 218     margin-top:4px;
 219     margin-right: 4px;
 220 }