theme/orangewhite/styles_layout.css

   1 /*******************************************************************
   2  styles_layout.css
   3
   4  This CSS file contains all layout definitions like positioning,
   5  floats, margins, padding, borders etc.
   6
   7  Styles are organised into the following sections:
   8   core
   9   header
  10   footer
  11
  12   admin
  13   blocks
  14   calendar
  15   course
  16   doc
  17   login
  18   message
  19   user
  20
  21   various modules
  22
  23 *******************************************************************/
  24
  25
  26 /***
  27  *** Core
  28  ***/
  29
  30 body {
  31   margin:0.5em;
  32   padding:0
  33 }
  34 h1.main,
  35 h2.main,
  36 h3.main,
  37 h4.main,
  38 h5.main,
  39 h6.main {
  40   margin-left:1em;
  41   text-align:left
  42 }
  43 #content {
  44   clear:both
  45 }
  46 .generalboxcontent {
  47   text-align:left
  48 }
  49 #layout-table {
  50   margin-top:0
  51 }
  52 #layout-table #left-column {
  53   width:22%;
  54   padding:5px
  55 }
  56 #layout-table #middle-column {
  57   width:auto;
  58   padding:5px
  59 }
  60 #layout-table #middle-column .topics {
  61   width:95%
  62 }
  63 #layout-table #right-column {
  64   width:22%;
  65   padding:5px
  66 }
  67 td#middle-column tr.section td.content,
  68 td#middle-column tr.section td.side {
  69   border-style: none;
  70 }
  71 .generalbox {
  72   width:90%
  73 }
  74 .generaltable th.header {
  75   border-left:1px solid;
  76   border-right:1px solid;
  77 }
  78 .generaltable .smallinfo p {
  79   margin-top:0
  80 }
  81 .generaltable .cell {
  82   border-style: none;
  83 }
  84 .sitetopiccontent {
  85   border:0 none
  86 }
  87 img.resize {
  88   width: 1em;
  89   height: 1em;
  90 }
  91
  92 /***
  93  *** Header
  94  ***/
  95
  96 #header-home {
  97   padding:0.7em 0;
  98   height:2em
  99 }
 100 #header,
 101 #header-main,
 102 .navbar {
 103   margin:0
 104 }
 105 #header {
 106   padding:0.1em 0;
 107   height:50px
 108 }
 109 #header .headermain {
 110   float:left;
 111   margin:0.2em 0 0 12px
 112 }
 113 .headermenu {
 114   float:right;
 115   text-align:right
 116 }
 117 .headermenu .logininfo {
 118   margin:0 12px 4px 0
 119 }
 120 .navbar {
 121   width:100%;
 122   margin:0;
 123   padding:0;
 124   background:url(pix/colorstrip.gif) left no-repeat;
 125   height:3em;
 126   border:0 none
 127 }
 128 .navbar .breadcrumb {
 129   float:left;
 130   margin:23px 0.2em 0 12px
 131 }
 132 .navbutton {
 133   float:right;
 134   padding-top:18px;
 135   margin:0.2em 1em 0.2em 0
 136 }
 137 .navbar hr {
 138   height:1px
 139 }
 140
 141 /***
 142  *** Footer
 143  ***/
 144
 145 #footer {
 146   margin-top:1em
 147 }
 148 #footer br {
 149   display:none
 150 }
 151 #footer hr {
 152   display:none
 153 }
 154 #footer .sitelink {
 155   margin:0.5em 0
 156 }
 157 #footer .homelink {
 158   margin:0.5em
 159 }
 160 #footer .homelink a {
 161   border-width:1px
 162 }
 163
 164 /***
 165  *** Admin
 166  ***/
 167
 168 #admin-index #content,
 169 #admin-lang #content {
 170   padding-top: 10px;
 171   margin-top: 13px;
 172 }
 173 #admin-maintenance #content {
 174   padding-bottom: 15px;
 175 }
 176 #adminsettings fieldset {
 177   border-width: 1px;
 178   border-style: solid;
 179 }
 180 form.mform div.textarea textarea {
 181   width: 35em;
 182 }
 183
 184 /***
 185  *** Content
 186  ***/
 187
 188 #content {
 189   clear:both;
 190   margin:0 12px
 191 }
 192 #course-view #content,
 193 #site-index #content {
 194   margin:0
 195 }
 196 #user-edit .userpicture,
 197 #user-view .userpicture {
 198   margin-top:10px
 199 }
 200
 201 /***
 202  *** Admin
 203  ***/
 204
 205 .logtable th.header {
 206   border-left:1px solid;
 207   border-right:1px solid;
 208 }
 209 #user-edit #content .generalbox,
 210 #user-view .userinfobox tr {
 211   border-top:0 none
 212 }
 213
 214 /***
 215  *** Blocks
 216  ***/
 217
 218 .sideblock,
 219 .sideblock .searchform {
 220   text-align:left
 221 }
 222 .sideblock .header .hide-show img.hide-show-image {
 223   margin-top:0.1em;
 224 }
 225 .sideblock .searchform a {
 226   line-height:1.5em
 227 }
 228 #left-column .sideblock {
 229   margin:0
 230 }
 231 #left-column .sideblock .header,
 232 #left-column .sideblock .content,
 233 #right-column .sideblock .header,
 234 #right-column .sideblock .content {
 235   border:0 none
 236 }
 237 #right-column .sideblock .content {
 238   padding:0.2em 0.7em
 239 }
 240 #left-column .sideblock .header {
 241   border-bottom:1px solid
 242 }
 243 #left-column .sideblock .list .r0,
 244 #left-column .sideblock .list .r1 {
 245   /* height:2em */
 246   min-height:2em
 247 }
 248 #left-column .sideblock .list td {
 249   vertical-align:middle;
 250   border-bottom:1px solid
 251 }
 252 #right-column .sideblock {
 253   margin-bottom:28px
 254 }
 255 .sideblock .head {
 256   margin-top:0.5em
 257 }
 258 .sideblock .link {
 259   margin:0.3em 0;
 260   border-bottom:1px solid
 261 }
 262 .sideblock .post {
 263   margin-top:0.5em;
 264   padding-bottom:0.2em;
 265   border-bottom:1px solid
 266 }
 267 .block_rss_client .link {
 268   border-top:0 none
 269 }
 270
 271 /***
 272  *** Calendar
 273  ***/
 274
 275 #calendar .today,
 276 .minicalendar .today {
 277   padding-top:0;
 278   padding-bottom:0;
 279   border:1px solid !important
 280 }
 281 #calendar .maincalendar .calendarmonth {
 282   width:75%
 283 }
 284 .sideblock .calendar-controls .current {
 285   text-align: center;
 286 }
 287
 288 /***
 289  *** Course
 290  ***/
 291
 292 #site-index .headingblock {
 293   border:0 none
 294 }
 295 #course-view .headingblock {
 296   margin-left:1em;
 297   padding-left:0.7em;
 298   border:0 none;
 299   border-left:1.2em solid
 300 }
 301 #course-view .topics {
 302   margin:0 0.5em 0 1em
 303 }
 304 #course-view .section .left {
 305   width:0.8em
 306 }
 307 #course-view .section .right {
 308   width:30px
 309 }
 310 #course-view .section .left a {
 311   display:none
 312 }
 313 #course-view .section .spacer {
 314   height:2em
 315 }
 316 #course-view .section .activity .spacer {
 317   height:12px
 318 }
 319 #course-view .section .content .section {
 320   margin-top:0;
 321   margin-left:0.7em
 322 }
 323 #course-view .section .content .section .activity {
 324   padding:0.3em 0.2em 0.2em;
 325   border-bottom:1px solid
 326 }
 327 .course .section .content .summary {
 328   margin:0 0 0 0.7em
 329 }
 330 #course-view .section .content .section .label img {
 331   margin-right:1em;
 332   margin-bottom:1em
 333 }
 334 #course-user #content,
 335 #mod-forum-user #content {
 336   padding-bottom:0.2em
 337 }
 338
 339 /***
 340  *** Login
 341  ***/
 342
 343 .loginbox {
 344   margin-top:12px
 345 }
 346
 347 /***
 348  *** Modules:Forum
 349  ***/
 350
 351 .forumheaderlist {
 352   width:90%;
 353   margin-left:auto;
 354   margin-right:auto
 355 }
 356 .forumheaderlist .header {
 357   border-left:1px solid;
 358   border-right:1px solid
 359 }
 360 #mod-forum-index .generalbox {
 361   width:100%
 362 }
 363
 364 /***
 365  *** Modules:Glossary
 366  ***/
 367
 368 .glossarydisplay {
 369   border-bottom:5px solid
 370 }
 371 .glossarypopup {
 372   margin-top:0.5em
 373 }
 374
 375 /***
 376  *** Modules:Resource
 377  ***/
 378
 379 .mod-resource #content {
 380   margin-top:1px
 381 }
 382
 383 /***
 384  *** New stuff
 385  ***/
 386