theme/sky_high/style/core.css

   1 /* @group Core */
   2
   3 html, body {
   4     background: #dcecf9 url([[pix:theme|body]]) left top repeat-x fixed;
   5 }
   6 body.pagelayout-popup.background {
   7     background: #dcecf9 url([[pix:theme|body]]) left top repeat-x fixed !important;
   8 }
   9 #page, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea {
  10     font-family: Arial, Helvetica, sans-serif;
  11     color: #333;
  12 }
  13 #wrapper {
  14     background: #fff;
  15     margin: 20px 5% 0;
  16     padding: 0px;
  17     border: 1px solid #c1bc9d;
  18 }
  19 #page-content-wrapper {
  20     padding: 0px;
  21     padding-top: 0px;
  22     background: #ebf6f9;
  23     border-top: 1px solid #ccc;
  24 }
  25 .pagelayout-frontpage #page-content #region-main-box #region-post-box {
  26     padding-top: 0;
  27 }
  28 a:link, a:visited {
  29     color: #003466;
  30     text-decoration: none;
  31 }
  32 a:active, a:hover, a:focus {
  33     color: #4785ac;
  34     text-decoration: none;
  35 }
  36 #region-main-box {
  37     border: 0px none;
  38 }
  39 #newmessageoverlay {
  40     background: #f9f9d4;
  41     margin-left: 55px;
  42     margin-top: 10px;
  43     padding: 10px;
  44     border-right: 2px solid #5ea4dc;
  45     border-bottom: 2px solid #5ea4dc;
  46     filter:alpha(opacity=90);
  47     -khtml-opacity: 0.9;
  48       -moz-opacity: 0.9;
  49            opacity: 0.9;
  50 }
  51 #newmessageoverlay #newmessagelinks {
  52     border-top: 1px dashed #ccc;
  53     padding-top: 5px;
  54     margin-top: 5px;
  55 }
  56 #newmessageoverlay a {
  57     font-weight: bold;
  58     font-style: italic;
  59 }
  60 /* @end */
  61
  62 /* @group Header */
  63
  64 #page-header {
  65     background:#97d3f4 url([[pix:theme|header]]) no-repeat top right;
  66     margin-bottom: 0px;
  67     height: 80px;
  68     border-bottom: 1px solid #fff;
  69     width: 100%;
  70 }
  71 .dir-rtl #page-header {
  72     background-image: url([[pix:theme|header-rtl]]);
  73     background-repeat: no-repeat;
  74     background-position: left top;
  75 }
  76 .logo {
  77     height: 50px;
  78     float: left;
  79     padding-left: 10px;
  80     padding-top: 18px;
  81     padding-right: 0px;
  82 }
  83 .headermain {
  84     font-weight:normal;
  85     margin:.8em 0.5em 0.75em;
  86 }
  87 h1.headermain {
  88     color: #006699;
  89     font-weight: normal;
  90     font-size: 1.85em !important;
  91     padding-left: 0px;
  92     margin-top: 30px;
  93 }
  94 h1.headerwlogo {
  95     color: #006699;
  96     font-weight: normal;
  97     font-size: 1.45em !important;
  98     display: block;
  99     float: left;
 100     margin-top: 35px;
 101 }
 102 .tagline {
 103     color: #006699 !important;
 104     padding-top: 7px;
 105     font-size: .45em;
 106     text-transform: uppercase;
 107 }
 108 .headermenu {
 109     font-size: .9em;
 110 }
 111 p.helplink a {
 112     display: block;
 113     width: 25%;
 114     margin: 0 auto;
 115     padding: 10px;
 116 }
 117
 118 /* @end */
 119
 120 /* @group Navbar */
 121
 122 .navbar {
 123     background: #fff;
 124     height: 20px;
 125     padding-top: 5px;
 126     padding-bottom: 4px;
 127     margin-left: 4px;
 128     margin-right: 4px;
 129 }
 130 .breadcrumb {
 131     text-transform: uppercase;
 132     font-weight: bold;
 133     font-size: .9em;
 134     margin-left: 7px;
 135 }
 136 .breadcrumb a {
 137     color: #336699 !important;
 138 }
 139 .breadcrumb ul {
 140     color: #666;
 141 }
 142 .arrow, .arrow_button input {
 143     color: #aaa;
 144 }
 145 /* @end */
 146
 147 /* @group Blocks */
 148
 149 .block_action {
 150     padding:0px;
 151 }
 152 .block .content {
 153     background:#c7eafd;
 154     border:1px solid #867f6a;
 155 }
 156 .block .minicalendar td,
 157 .block .minicalendar th {
 158     border: none;
 159 }
 160 .block {
 161     border: 0px none;
 162 }
 163 .block .header {
 164     border: 1px solid #ccc;
 165     background: #fff;
 166     padding-left:5px;
 167 }
 168 .block .title h2 {
 169     text-transform: uppercase;
 170     padding-bottom: 0px;
 171     color: #336699;
 172     font-size: .95em;
 173 }
 174 .block .content {
 175     background: #fff;
 176     border: 1px solid #ccc;
 177     padding: 10px;
 178     margin-top: -2px;
 179 }
 180 .block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
 181     border: none !important;
 182 }
 183 /* @end */
 184
 185 /* @group Course */
 186
 187 .headingblock {
 188     border: 0px none;
 189     border-bottom: 1px solid #98bcd6;
 190     padding-bottom: 0px;
 191     padding-top: 5px;
 192     color: #336699;
 193     font-size: 1.8em;
 194     font-weight: normal;
 195 }
 196 .completionprogress {
 197     color: #336699;
 198     text-transform: uppercase;
 199     font-size: .85em;
 200 }
 201 .course-content ul.topics li.section,
 202 .course-content ul.weeks li.section {
 203     border: 1px solid #ccc;
 204     margin-right: 20px;
 205 }
 206 .path-course-view li.activity {
 207     border-bottom: 1px dashed #c3daf9;
 208     padding-top: 10px;
 209     padding-bottom: 5px;
 210 }
 211 /* @end */
 212
 213 /* @group Dock */
 214
 215 body.has_dock {
 216     margin: 0;
 217 }
 218 #dock {
 219     border-right: 0px none;
 220     background: url([[pix:theme|dock]]) repeat-y top right #fff;
 221 }
 222 #dock .controls {
 223     bottom:auto;
 224     background-color:#5ea4dc;
 225 }
 226 #dock .dockeditem {
 227     background: url([[pix:theme|dock]]) repeat-y top right #fff;
 228     padding:2px;
 229     padding-right:0px;
 230 }
 231 #dock .dockedtitle {
 232     border-width:0;
 233 }
 234 #dock .dockedtitle h2 {
 235     margin:0;
 236     padding:10px 3px;
 237 }
 238 #dock .dockedtitle.activeitem {
 239     background-color:#407ea8;
 240     border-top: 1px solid #6f6856;
 241 }
 242 #dockeditempanel {
 243     background-color:#5ea4dc;
 244     margin-left:0px;
 245     border-left: none;
 246 }
 247 #dockeditempanel .dockeditempanel_content {
 248     border-color:#6f6856;
 249     border-left: none;
 250 }
 251 #dockeditempanel .dockeditempanel_hd {
 252     background: #407ea8;
 253     border-width:0;
 254 }
 255 #dockeditempanel .dockeditempanel_hd h2 {
 256     font-size:1em;
 257     color:#fff;
 258 }
 259 #dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li {
 260     overflow:visible;
 261 }
 262
 263 /* @end */
 264
 265 /* @group Footer */
 266
 267 #page-footer {
 268     text-align: center;
 269     margin: 0;
 270     padding: 0;
 271 }
 272 #page-footer-inner{
 273     padding: 20px 0 30px;
 274     clear: both;
 275     background: url([[pix:theme|footer]]) no-repeat top right #dfdfdf;
 276     margin: 0px 5%;
 277     border: 1px solid #98bcd6;
 278     border-top: 5px solid #98bcd6;
 279     height: 75px;
 280     text-align: left;
 281 }
 282 .dir-rtl #page-footer-inner {
 283     background-image: url([[pix:theme|footer-rtl]]);
 284     background-repeat: no-repeat;
 285     background-position: left top;
 286 }
 287 #page-footer .footnote {
 288     float: left;
 289     padding-top: 80px;
 290     padding-left: 20px;
 291 }
 292 #page-footer .logininfo {
 293     padding-top: 80px;
 294     text-align: right;
 295 }
 296 .purgecaches {
 297     padding-bottom: 10px;
 298 }
 299 .purgecaches a {
 300     text-decoration: none;
 301     padding: 0 1em;
 302 }
 303 .purgecaches a:link,
 304 .purgecaches a:hover {
 305     border-style: solid;
 306 }
 307 .purgecaches a:link {
 308     border-width: 1px 2px 2px 1px;
 309     border-color: #CECECE #8A8A8A #8A8A8A #CECECE;
 310 }
 311 .purgecaches a:hover {
 312     border-width: 2px 1px 1px 2px;
 313     border-color: #8A8A8A #CECECE #CECECE #8A8A8A;
 314 }
 315 /* @end */
 316
 317 /* @group Forums */
 318
 319 .forumpost {
 320     border: 1px solid #ccc;
 321     background: #c7eafd;
 322 }
 323 .forumpost .left {
 324     background: #c7eafd;
 325 }
 326 .forumpost .header {
 327     background: #d6e2f2;
 328 }
 329 .forumpost .no-overflow {
 330     border-top: 2px solid #94b9d3;background: #FFF;
 331 }
 332 .forumpost .content .posting {
 333     padding:4px;
 334 }
 335 .forumpost .options {
 336     background: #FFF;
 337     padding:4px;
 338 }
 339 /* @end */
 340
 341 .mform .btn-cancel {
 342     color: #003466;
 343     text-decoration: none;
 344 }
 345 .mform .btn-cancel:hover, .mform .btn-cancel:focus {
 346     color: #4785ac;
 347     text-decoration: none;
 348 }