theme/binarius/style/core.css

   1 /* Global
   2 --------------------------*/
   3
   4 body {
   5     background: #555;
   6     margin: 0;
   7     padding: 0;
   8     color: #000;
   9 }
  10
  11 body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {
  12   font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
  13 }
  14
  15 #wrapper {
  16     margin: 25px 75px;
  17     background: #fff;
  18     -webkit-border-radius: 6px;
  19     -moz-border-radius: 6px;
  20     border-radius: 6px;
  21     -webkit-box-shadow: 0px 0px 10px #000000;
  22     -moz-box-shadow: 0px 0px 10px #000000;
  23     box-shadow: 0px 0px 10px #000000;
  24     padding: 10px;
  25 }
  26
  27 a:link,a:visited {
  28   color: #f14e16;
  29 }
  30
  31 a:hover,a:active {
  32     color:#fb961c;
  33 }
  34
  35 a img {
  36     border: none;
  37 }
  38
  39 a:active {
  40     outline: none;
  41 }
  42
  43 fieldset#general {
  44     border-color: #ddd;
  45 }
  46
  47 /* Header
  48 ------------------------------*/
  49
  50 #page-header {
  51     background: #f04916 url([[pix:theme|header]]) repeat-x 0 0;
  52     -webkit-border-radius: 6px;
  53     -moz-border-radius: 6px;
  54     border-radius: 6px;
  55 }
  56
  57 #page-header .headermain {
  58     color: #fff;
  59     padding: 0.8em 0.5em;
  60     font-size: 2.75em;
  61 }
  62
  63 .headermenu {
  64     color: #fff;
  65 }
  66
  67 .headermenu a {
  68     text-decoration: underline;
  69     color: #fff;
  70 }
  71
  72 .navbar {
  73     font-size: 0.9em;
  74     padding: 10px;color: #555;
  75 }
  76
  77 .navbar .sep {
  78     font-size: 0.85em;
  79     padding-left: 5px;
  80 }
  81
  82 /* Blocks
  83 -----------------------------*/
  84
  85 .block {
  86     border: none;
  87 }
  88
  89 .block .header {
  90     background: #fb931c url([[pix:theme|sideblock]]) repeat-x 0 50%;
  91     padding: 2px 5px;
  92     -webkit-border-radius: 6px;
  93     -moz-border-radius: 6px;
  94     border-radius: 6px;
  95 }
  96
  97 .block.hidden .header {
  98     border-bottom: none;
  99 }
 100
 101 .block .header h2 {
 102     color: #fff;
 103     font-size: 1.25em;
 104 }
 105
 106 .editing .block .header .commands {
 107     padding: 2px 10px;
 108 }
 109
 110 .block .header .block_action {
 111     margin-top: 3px;
 112 }
 113
 114 .block .content {
 115     padding:10px;
 116 }
 117
 118 /* Course
 119 -------------------------------*/
 120
 121 .course-content .main {
 122     border: 1px solid #eee;
 123     background: #eee;
 124 }
 125
 126 .course-content .current {
 127     background: #f14e16;
 128 }
 129
 130 .course-content .current .left {
 131     color: #fff;
 132 }
 133
 134 .course-content .main .content {
 135     background: #fff;
 136 }
 137
 138 /* Forum
 139 --------------------------*/
 140
 141 .forumpost .topic {
 142     background: #fb931c url([[pix:theme|header]]) repeat-x 0 50%;
 143     color: #fff;
 144     border: none;
 145     padding: 0 10px;
 146     -webkit-border-radius: 6px;
 147     -moz-border-radius: 6px;
 148     border-radius: 6px;
 149 }
 150
 151 .forumpost .subject {
 152     font-size: 1.2em;
 153     font-weight: bold;
 154 }
 155
 156 .forumpost .author {
 157     font-size: 0.85em;
 158     font-style: italic;
 159 }
 160
 161 .forumpost .topic a:link,
 162 .forumpost .topic a:visited {
 163     color: #fff;
 164     text-decoration: underline;
 165 }
 166 /* Footer
 167 --------------------------*/
 168
 169 #page-footer {
 170     color: #fff;
 171 }
 172
 173 #footer {
 174     color: #fff;
 175     text-align: center;
 176 }
 177 /* Dock
 178 -----------------------------*/
 179
 180 body.has_dock {
 181     margin: 0;
 182 }
 183
 184 #dock {
 185     left: 75px;
 186     margin-left: -30px;
 187     border-width: 0;
 188     background-color: transparent;
 189 }
 190
 191 #dock .controls {
 192     bottom: auto;
 193     background-color: #fb931c;
 194     -webkit-border-bottom-left-radius: 6px;
 195     -moz-border-radius-bottomleft: 6px;
 196     border-bottom-left-radius: 6px;
 197 }
 198
 199 #dock .dockeditem_container {
 200     position: relative;
 201 }
 202
 203 #dock .dockeditem.firstdockitem {
 204     margin-top: 50px;
 205     -webkit-border-top-left-radius: 6px;
 206     -moz-border-radius-topleft: 6px;
 207     border-top-left-radius: 6px;
 208 }
 209
 210 #dock .dockeditem {
 211     background-color: #fff;
 212     padding: 2px;
 213     padding-right: 0px;
 214 }
 215
 216 #dock .dockedtitle {
 217     border-width: 0;
 218 }
 219
 220 #dock .dockedtitle h2 {
 221     margin: 0;
 222     padding: 10px 3px;
 223 }
 224
 225 #dock .dockedtitle.activeitem {
 226     background-color: #fb931c;
 227     width: 35px;
 228     -webkit-border-top-left-radius: 6px;
 229     -moz-border-radius-topleft: 6px;
 230     border-top-left-radius: 6px;
 231     -webkit-border-bottom-left-radius: 6px;
 232     -moz-border-radius-bottomleft: 6px;
 233     border-bottom-left-radius: 6px;
 234 }
 235
 236 #dockeditempanel {
 237     margin-left: 4px;
 238 }
 239
 240 #dockeditempanel .dockeditempanel_content {
 241     background-color: #fff;
 242     margin: 0 3px;
 243     position: relative;
 244     min-height: 100px;
 245     border-color: #fb931c;
 246     -webkit-border-radius: 6px;
 247     -webkit-border-top-left-radius: 0;
 248     -moz-border-radius: 6px;
 249     -moz-border-radius-topleft: 0;
 250     border-radius: 6px;
 251     border-top-left-radius: 0;
 252 }
 253
 254 #dockeditempanel .dockeditempanel_hd {
 255     border-width: 0;
 256     background: #fb931c;
 257     padding: 2px;
 258 }
 259
 260 #dockeditempanel .dockeditempanel_hd h2 {
 261     font-size: 0.9em;
 262     color: #fff;
 263 }
 264
 265 .myclear {
 266     clear: both;
 267 }
 268
 269 .has-custom-menu #page-header .headermain {
 270     padding-bottom: 0.4em;
 271 }
 272
 273 #custommenu .yui3-menu-horizontal .yui3-menu-content,
 274 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
 275 #custommenu .yui3-menu-horizontal .yui3-menu-content ul,
 276 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul,
 277 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover > a,
 278 #custommenu .yui3-menu-horizontal .yui3-menu-label, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
 279     border-width:0;
 280 }
 281
 282 /*YUI Reset */
 283 /*full menu bar */
 284 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
 285     background: none !important;
 286 }
 287 /*single items */
 288 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
 289     background: none !important;
 290 }
 291 /*active items */
 292 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active, .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content, .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
 293     background: none !important;
 294     border-color:inherit;
 295 }
 296
 297 .yui3-menuitem, .yui3-menuitem .yui3-menuitem-content {
 298     border: none !important;
 299 }
 300
 301 #custommenu .yui3-menu-horizontal .yui3-menu-content ul ul,
 302 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul ul {
 303     background-color:#F9F9F9;
 304     border:1px solid #F14E16;
 305     border-top-width:0;
 306 }
 307
 308 #custommenu .yui3-menu-horizontal .yui3-menu-content .yui3-menu-label, .yui3-menuitem .yui3-menuitem-content, .yui3-menuitem {
 309     color:#FFF !important;
 310 }
 311
 312 .yui3-skin-sam #custommenu .yui3-menu-content,
 313 .yui3-skin-sam #custommenu .yui3-menu .yui3-menu .yui3-menu-content {
 314     padding:0;
 315 }
 316
 317 #custommenu .custom_menu_submenu .yui3-menu-content .yui3-menu-label, .custom_menu_submenu .yui3-menuitem .yui3-menuitem-content {
 318     color: #000 !important;
 319 }
 320
 321 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover,
 322 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover a,
 323 .yui3-skin-sam #custommenu .yui3-menu .custom_menu_submenu .yui3-menuitem.yui3-menuitem-active .yui3-menuitem-content {
 324     background-color:#F14E16 !important;
 325     color:#FFF !important;
 326 }
 327
 328 .yui3-skin-sam .yui3-menu-label-active,
 329 .yui3-skin-sam .yui3-menu-label-menuvisible,
 330 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active,
 331 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible, #custommenu .custom_menu_submenu .yui3-menu-content .yui3-menu-label-active, #custommenu .custom_menu_submenu .yui3-menu-content .yui3-menu-label-menuvisible {
 332     background-color:#F14E16 !important;
 333     color:#FFF !important;
 334 }
 335
 336 #custommenu .yui3-menu-horizontal .yui3-menu-content li a {
 337     cursor:pointer;
 338 }
 339
 340 .pagelayout-redirect #content p,
 341 .pagelayout-redirect #content div {color:#FFF;}