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 #middle-column .section .content,
  68 #middle-column .section .side {
  69   border:0 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 .sitetopiccontent {
  82   border:0 none
  83 }
  84
  85 /***
  86  *** Header
  87  ***/
  88
  89 #header-home {
  90   padding:0.7em 0;
  91   height:2em
  92 }
  93 #header,
  94 #header-main,
  95 .navbar {
  96   margin:0
  97 }
  98 #header {
  99   padding:0.1em 0;
 100   height:50px
 101 }
 102 #header .headermain {
 103   float:left;
 104   margin:0.2em 0 0 12px
 105 }
 106 .headermenu {
 107   float:right;
 108   text-align:right
 109 }
 110 .headermenu .logininfo {
 111   margin:0 12px 4px 0
 112 }
 113 .navbar {
 114   width:100%;
 115   margin:0;
 116   padding:0;
 117   background:url(pix/colorstrip.gif) left no-repeat;
 118   height:3em;
 119   border:0 none
 120 }
 121 .navbar .breadcrumb {
 122   float:left;
 123   margin:23px 0.2em 0 12px
 124 }
 125 .navbutton {
 126   float:right;
 127   padding-top:18px;
 128   margin:0.2em 1em 0.2em 0
 129 }
 130 .navbar hr {
 131   height:1px
 132 }
 133
 134 /***
 135  *** Footer
 136  ***/
 137
 138 #footer {
 139   margin-top:1em
 140 }
 141 #footer br {
 142   display:none
 143 }
 144 #footer hr {
 145   display:none
 146 }
 147 #footer .sitelink {
 148   margin:0.5em 0
 149 }
 150 #footer .homelink {
 151   margin:0.5em
 152 }
 153 #footer .homelink a {
 154   border-width:1px
 155 }
 156
 157 /***
 158  *** Content
 159  ***/
 160
 161 #content {
 162   clear:both;
 163   margin:0 12px
 164 }
 165 #course-view #content,
 166 #site-index #content {
 167   margin:0
 168 }
 169 #user-edit .userpicture,
 170 #user-view .userpicture {
 171   margin-top:10px
 172 }
 173
 174 /***
 175  *** Admin
 176  ***/
 177
 178 .logtable th.header {
 179   border-left:1px solid;
 180   border-right:1px solid;
 181 }
 182 #user-edit #content .generalbox,
 183 #user-view .userinfobox tr {
 184   border-top:0 none
 185 }
 186
 187 /***
 188  *** Blocks
 189  ***/
 190
 191 .sideblock,
 192 .sideblock .searchform {
 193   text-align:left
 194 }
 195 .sideblock .header .hide-show img.hide-show-image {
 196   margin-top:0.1em;
 197 }
 198 .sideblock .searchform a {
 199   line-height:1.5em
 200 }
 201 #left-column .sideblock {
 202   margin:0
 203 }
 204 #left-column .sideblock .header,
 205 #left-column .sideblock .content,
 206 #right-column .sideblock .header,
 207 #right-column .sideblock .content {
 208   border:0 none
 209 }
 210 #right-column .sideblock .content {
 211   padding:0.2em 0.7em
 212 }
 213 #left-column .sideblock .header {
 214   border-bottom:1px solid
 215 }
 216 #left-column .sideblock .list .r0,
 217 #left-column .sideblock .list .r1 {
 218   height:2em
 219 }
 220 #left-column .sideblock .list td {
 221   vertical-align:middle;
 222   border-bottom:1px solid
 223 }
 224 #right-column .sideblock {
 225   margin-bottom:28px
 226 }
 227 .sideblock .head {
 228   margin-top:0.5em
 229 }
 230 .sideblock .link {
 231   margin:0.3em 0;
 232   border-bottom:1px solid
 233 }
 234 .sideblock .post {
 235   margin-top:0.5em;
 236   padding-bottom:0.2em;
 237   border-bottom:1px solid
 238 }
 239 .block_rss_client .link {
 240   border-top:0 none
 241 }
 242
 243 /***
 244  *** Calendar
 245  ***/
 246
 247 #calendar .today,
 248 .minicalendar .today {
 249   padding-top:0;
 250   padding-bottom:0;
 251   border:1px solid !important
 252 }
 253 #calendar .maincalendar .calendarmonth {
 254   width:75%
 255 }
 256
 257 /***
 258  *** Course
 259  ***/
 260
 261 #site-index .headingblock {
 262   border:0 none
 263 }
 264 #course-view .headingblock {
 265   margin-left:1em;
 266   padding-left:0.7em;
 267   border:0 none;
 268   border-left:1.2em solid
 269 }
 270 #course-view .topics {
 271   margin:0 0.5em 0 1em
 272 }
 273 #course-view .section .left {
 274   width:0.8em
 275 }
 276 #course-view .section .right {
 277   width:30px
 278 }
 279 #course-view .section .left a {
 280   display:none
 281 }
 282 #course-view .section .spacer {
 283   height:2em
 284 }
 285 #course-view .section .activity .spacer {
 286   height:12px
 287 }
 288 #course-view .section .content .section {
 289   margin-top:0;
 290   margin-left:0.7em
 291 }
 292 #course-view .section .content .section .activity {
 293   padding:0.3em 0.2em 0.2em;
 294   border-bottom:1px solid
 295 }
 296 .course .section .content .summary {
 297   margin:0 0 0 0.7em
 298 }
 299 #course-view .section .content .section .label img {
 300   margin-right:1em;
 301   margin-bottom:1em
 302 }
 303 #course-user #content,
 304 #mod-forum-user #content {
 305   padding-bottom:0.2em
 306 }
 307
 308 /***
 309  *** Login
 310  ***/
 311
 312 .loginbox {
 313   margin-top:12px
 314 }
 315
 316 /***
 317  *** Modules:Forum
 318  ***/
 319
 320 .forumheaderlist {
 321   width:90%;
 322   margin-left:auto;
 323   margin-right:auto
 324 }
 325 .forumheaderlist .header {
 326   border-left:1px solid;
 327   border-right:1px solid
 328 }
 329 #mod-forum-index .generalbox {
 330   width:100%
 331 }
 332
 333 /***
 334  *** Modules:Glossary
 335  ***/
 336
 337 .glossarydisplay {
 338   border-bottom:5px solid
 339 }
 340 .glossarypopup {
 341   margin-top:0.5em
 342 }
 343
 344 /***
 345  *** Modules:Resource
 346  ***/
 347
 348 .mod-resource #content {
 349   margin-top:1px
 350 }