theme/overlay/style/core.css

   1 /* Global
   2 --------------------------*/
   3 body {
   4     background: #fff;
   5     margin: 0;
   6     padding: 0;
   7     color: #281f18;
   8 }
   9
  10 html {
  11     height: 100%;
  12 }
  13 body {
  14     margin: 0;
  15     padding: 0;
  16     height: 100%;
  17 }
  18
  19 body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
  20     font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
  21 }
  22
  23 .wrapper {
  24     margin: 0 35px;
  25     min-width: 910px;
  26 }
  27
  28 a:hover,a:active {
  29     color: #000;
  30 }
  31
  32 a img {
  33     border: none;
  34 }
  35
  36 a:active {
  37     outline: none;
  38 }
  39
  40 /* Header
  41 ---------------------------*/
  42 #page-header {
  43     background: #333;
  44     color: #fff;
  45     height: 30px;
  46     z-index: 99999;
  47     position: relative;
  48 }
  49
  50 #page-header div.headermenu {
  51     height: 30px;
  52     padding-bottom: 0px;
  53     margin-bottom: 0px;
  54     padding-top: 0px;
  55     margin-top: 0px;
  56     line-height: 30px;
  57 }
  58
  59 #page-header a:link,
  60 #page-header a:visited {
  61     color: #fff;
  62     text-decoration: underline;
  63 }
  64
  65 #newheader {
  66     height: 100px;
  67     position: relative;
  68 }
  69
  70 #newheaderleft {
  71     height: 100px;
  72     width: 50px;
  73     position: absolute;
  74     left: -50px;
  75 }
  76
  77 h1.headermain {
  78     margin-left: 0px;
  79     padding-left: 0px;
  80     color: #fff;
  81     margin-top: 35px;
  82     font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
  83     text-shadow: 2px 3px 3px #292929;
  84     letter-spacing: -1px;
  85     -webkit-text-stroke: 1px white;
  86 }
  87
  88 .headermenu .logininfo,
  89 .headermenu .langmenu,
  90 .headermenu .langmenu div,
  91 .headermenu .langmenu form,
  92 .headermenu .langmenu select,
  93 .headermenu .langmenu label {
  94     display: inline !important;
  95 }
  96
  97 .headermenu .logininfo {
  98     padding-right: 5px;
  99 }
 100
 101 #region-main-box {
 102     background: #eee;
 103 }
 104
 105 #region-post-box {
 106     background: #fff;
 107 }
 108
 109 #page-footer {
 110     background: #333;
 111     color: #fff;
 112 }
 113
 114 #page-content, #region-main-box, #region-main-wrap, #page-content-wrapper, #top, div.region-content {
 115     min-height: 100%;
 116     position: relative;
 117 }
 118
 119 #region-main-box {
 120     -webkit-box-shadow: 6px 0px 8px #ccc;
 121     -moz-box-shadow: 6px 0px 8px #ccc;
 122     box-shadow: 6px 0px 8px #ccc;
 123  }
 124
 125  #region-main {
 126     -webkit-box-shadow: 6px 0px 8px #ccc;
 127     -moz-box-shadow: 6px 0px 8px #ccc;
 128     box-shadow: 6px 0px 8px #ccc;
 129  }
 130
 131 .side-pre-only  #region-main, .content-only #region-main, .content-only #region-main-box  {
 132     -webkit-box-shadow: none;
 133     -moz-box-shadow: none;
 134     box-shadow: none;
 135  }
 136
 137 /* Navbar
 138 --------------------------*/
 139 .navbar {
 140     margin-top: 10px;
 141 }
 142
 143 .navbar .wrapper {
 144     margin-left: 0px !important;
 145     padding-left: 0px !important;
 146 }
 147
 148 .breadcrumb .sep {
 149     color: #777;
 150     font-size: 0.8em;
 151 }
 152
 153 .navbutton {
 154     margin-top: 40px;
 155     margin-right: 10px;
 156     font-size: 12px;
 157 }
 158
 159 /* Blocks
 160 ---------------------------*/
 161 .block {
 162     border: none;
 163     margin-bottom: 25px;
 164 }
 165
 166 .block .header {
 167     border-bottom:none;
 168     text-transform: uppercase;
 169 }
 170
 171 .block.hidden .header {
 172     border-top: 1px solid #dadada;
 173     border-bottom: 1px solid #dadada;
 174 }
 175 .block .title h2 {
 176     font-weight: normal;
 177     font-size: 1.1em;
 178     margin: 0;
 179 }
 180
 181 .block .content {
 182     font-size: 0.95em;
 183 }
 184
 185 .
 186 /* Forums
 187 ---------------------------*/
 188 .forumpost .subject {
 189     font-size: 1.2em;
 190 }
 191
 192 .forumpost .author {
 193     font-size: 0.9em;
 194 }
 195
 196 .forumpost .content {
 197     border-bottom:5px solid #aaa;
 198     padding:5px 7px 10px 7px;
 199 }
 200
 201 .forumpost .topic {
 202     background: #eee;
 203     border-bottom: 1px solid #aaa;
 204 }
 205
 206 /* Course
 207 -------------------------------*/
 208 .course-content .main {
 209     border: 1px solid #eee;
 210     background: #eee;
 211 }
 212
 213 .course-content .current {
 214     background: #1f5480;
 215 }
 216
 217 .course-content .current .left {
 218     background: #1f5480;
 219     color: #fff;
 220 }
 221
 222 .course-content .main .content {
 223     background: #fff;
 224 }
 225
 226 /* YUI Menu - custom menu
 227 -------------------------------*/
 228 #custommenu {
 229     width: 60%;
 230     float: left;
 231 }
 232
 233 #custommenu .yui3-menu-label-active,
 234 #custommenu .yui3-menu-label-menuvisible,
 235 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-active,
 236 #custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible,
 237 #custommenu .yui3-menuitem-active .yui3-menuitem-content,
 238 #custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content,
 239 #custommenu .yui3-menu-horizontal.javascript-disabled li a:hover {
 240     background-color:#666;
 241 }
 242
 243 #custommenu .yui3-menu-content,
 244 #custommenu .yui3-menu .yui3-menu .yui3-menu-content {
 245     background-image:none;
 246     background-color:#333;
 247     border-width:0;
 248     padding:0;
 249 }
 250
 251 #custommenu .yui3-menuitem-active .yui3-menuitem-content {
 252     background-image: none;
 253 }
 254
 255 #custommenu .yui3-menu-label,
 256 #custommenu .yui3-menu .yui3-menu .yui3-menu-label {
 257     background-image:url([[pix:theme|vertical-menu-submenu-indicator]]);
 258     background-position:right center;
 259     background-repeat:no-repeat;
 260 }
 261
 262 #custommenu .yui3-menu-label.yui3-menu-label-menuvisible,
 263 #custommenu .yui3-menu .yui3-menu .yui3-menu-label.yui3-menu-label-menuvisible {
 264     background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);
 265 }
 266
 267 #custommenu .yui3-menu-horizontal .yui3-menu-label,
 268 #custommenu .yui3-menu-horizontal .yui3-menuitem-content {
 269     border-width:0;
 270     text-transform: uppercase;
 271     text-decoration:none;
 272     font-size:1em;
 273     font-weight: 200;
 274     line-height:30px;
 275     cursor: pointer;
 276     padding:0 20px;
 277 }
 278
 279 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
 280 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {
 281     border-width:0;
 282 }
 283
 284 #custommenu .yui3-menu-horizontal.javascript-disabled li a {
 285     padding: 0 20px;
 286     display: block;
 287 }
 288
 289 /** Dock **/
 290 #dock .firstdockitem {margin-top: 30px;}