theme/chameleon/user_styles.css

   1 body {
   2   font-size: 100%;
   3   color: #333333;
   4   font-family: 'Bitstream Vera Serif', georgia, times, serif;
   5   margin: 0;
   6   padding: 0;
   7 }
   8 div#page {
   9   margin: 0 10px;
  10   padding-top: 5px;
  11   border-top-width: 10px;
  12   border-top-style: solid;
  13   border-top-color: #55CC00;
  14 }
  15 div.clearer {
  16   clear: both;
  17 }
  18 a:link {
  19   color: #116699;
  20 }
  21 a:visited {
  22   color: #AA2200;
  23 }
  24 a:hover {
  25   color: #779911;
  26 }
  27 a.dimmed:link {
  28   color: #AAAAAA;
  29 }
  30 a.dimmed:visited {
  31   color: #AAAAAA;
  32 }
  33 table.generaltable {
  34   background-color: #EEEEEE;
  35 }
  36 img.resize {
  37   width: 1em;
  38   height: 1em;
  39 }
  40 p.helplink {
  41   margin: 0.5em 0;
  42 }
  43 h1.headermain {
  44   color: #449900;
  45 }
  46 h2.headingblock {
  47   border-style: none;
  48 }
  49 .loginbox {
  50   background-color: #EEEEEE;
  51   border-width: 1px;
  52   border-style: solid;
  53   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
  54 }
  55 .loginbox.twocolumns .loginpanel {
  56   border-right-color: #DDDDDD;
  57 }
  58 div.noticebox {
  59   background-color: #EEEEEE;
  60   border-width: 1px;
  61   border-style: solid;
  62   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
  63 }
  64 table.generaltable td {
  65   border-width: 1px;
  66   border-style: solid;
  67   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
  68 }
  69 div.generalbox {
  70   border: 1px solid #ffffff;
  71   border-right-color: #ddd;
  72   border-bottom-color: #ddd;
  73   background-color: #eee;
  74 }
  75 div.coursebox {
  76   border: 1px solid #ffffff;
  77   border-right-color: #ddd;
  78   border-bottom-color: #ddd;
  79   background-color: #eee;
  80 }
  81 table.generalbox {
  82   border-top-width: 1px;
  83   border-style: solid none none;
  84   border-top-color: #DDDDDD;
  85 }
  86 table.generaltable th.header {
  87   background-color: #DDDDDD;
  88   border-width: 1px;
  89   border-style: solid;
  90   border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
  91 }
  92 table.forumheaderlist th.header {
  93   background-color: #DDDDDD;
  94   border-width: 1px;
  95   border-style: solid;
  96   border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
  97 }
  98 .forumheaderlist,
  99 .forumpost {
 100   background-color: #EEEEEE;
 101   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 102 }
 103 .forumheaderlist td {
 104   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 105 }
 106 .forumpost .topic {
 107   border-bottom-color: #FFFFFF;
 108 }
 109 div.informationbox {
 110   background-color: #EEEEEE;
 111   border-width: 1px;
 112   border-style: solid;
 113   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 114 }
 115 table.userinfobox {
 116   border: 1px solid #DDDDDD;
 117 }
 118 p.copyright {
 119   text-align: center;
 120 }
 121 .errorbox {
 122   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 123   background-color: #e15215;
 124   color: #fff;
 125 }
 126 div.headermenu {
 127   font-size: 0.75em;
 128 }
 129 div.headermenu div.logininfo {
 130   margin-bottom: 0.2em;
 131 }
 132 div.breadcrumb {
 133   font-size: 0.8em;
 134   padding-left: 0.3em;
 135 }
 136 div.navbar div.navbutton form {
 137   float: left;
 138 }
 139 div.navbar div.navbutton {
 140   margin-top: 3px;
 141 }
 142 div.navbar {
 143   padding: 3px 0;
 144   background-color: #EEFFDD;
 145   margin-top: 5px;
 146   border-style: none;
 147 }
 148 div#footer {
 149   margin-top: 0;
 150   font-size: 0.75em;
 151   border-top-width: 20px;
 152   border-style: solid none none;
 153   border-top-color: #EEFFDD;
 154 }
 155 div#content {
 156   background-color: #F8F8F8;
 157   padding: 10px 0;
 158   font-size: 0.75em;
 159   line-height: 1.6em;
 160   margin-top: 0px;
 161   clear: both;
 162   border-top-width: 1px;
 163   border-bottom-width: 1px;
 164   border-top-style: solid;
 165   border-bottom-style: solid;
 166   border-top-color: #88DD55;
 167   border-bottom-color: #88DD55;
 168 }
 169 ul.section li {
 170   margin: 0.2em 0;
 171 }
 172 div.sideblock div.content * {
 173   text-align: left;
 174 }
 175 div.sideblock div.calendar-controls a.next {
 176   text-align: right;
 177 }
 178 div.sideblock ul.list span.c1 {
 179   padding-left: 0;
 180 }
 181 div.sideblock div.title h2 {
 182   font-size: 1em;
 183   line-height: 1.1em;
 184 }
 185 div.sideblock div.header {
 186   background-color: #EEEEEE;
 187   padding: 0 0.3em 0.3em;
 188   border-width: 1px;
 189   border-style: solid;
 190   border-color: #DDDDDD #CCCCCC #88DD55 #DDDDDD;
 191 }
 192 div.sideblock div.content {
 193   padding: 0.3em 0.3em;
 194   background-color: #EEFFDD;
 195   border-width: 1px;
 196   border-style: none solid solid;
 197   border-right-color: #DDDDDD;
 198   border-bottom-color: #DDDDDD;
 199   border-left-color: #FFFFFF;
 200 }
 201 div.sideblock table.minicalendar td.day {
 202   text-align: center;
 203   font-size: 0.9em;
 204 }
 205 div.sideblock table.minicalendar {
 206   border-style: none;
 207 }
 208 body#admin-lang h2.main {
 209   font-size: 1em;
 210   text-align: left;
 211 }
 212 body#course-index table.generalbox {
 213   background-color: #EEEEEE;
 214   border-width: 1px;
 215   border-style: solid;
 216   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 217 }
 218 table.minicalendar td.today {
 219   line-height: 1.4em;
 220   border: 2px solid #88DD55;
 221 }
 222 div.sideblock table.minicalendar tr.weekdays {
 223   font-size: 0.8em;
 224 }
 225 div.courseboxcontent {
 226   background-color: #EEEEEE;
 227   border-width: 1px;
 228   border-style: solid;
 229   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 230 }
 231 td.courseboxcontent {
 232   background-color: #EEEEEE;
 233   border-width: 1px;
 234   border-style: solid;
 235   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 236 }
 237 .sideblock .content .message {
 238   text-align: left;
 239 }
 240 .sideblock .header .hide-show img.hide-show-image {
 241   background-image: url(../../pix/t/switch_minus.gif);
 242   background-repeat: no-repeat;
 243   margin-top: 0;
 244 }
 245 .sideblock.hidden .header .hide-show img.hide-show-image {
 246   background-image: url(../../pix/t/switch_plus.gif);
 247   background-repeat: no-repeat;
 248   margin-top: 2px;
 249 }
 250 #calendar .event_global {
 251   background-color: #D6F8CD;
 252   border-color: #D6F8CD;
 253 }
 254 .minicalendar .event_global {
 255   background-color: #D6F8CD;
 256   border-color: #D6F8CD;
 257 }
 258 .block_calendar_month .event_global {
 259   background-color: #D6F8CD;
 260   border-color: #D6F8CD;
 261 }
 262 #calendar .event_course {
 263   background-color: #FFD3BD;
 264   border-color: #FFD3BD;
 265 }
 266 .minicalendar .event_course {
 267   background-color: #FFD3BD;
 268   border-color: #FFD3BD;
 269 }
 270 .block_calendar_month .event_course {
 271   background-color: #FFD3BD;
 272   border-color: #FFD3BD;
 273 }
 274 #calendar .event_group {
 275   background-color: #FEE7AE;
 276   border-color: #FEE7AE;
 277 }
 278 .minicalendar .event_group {
 279   background-color: #FEE7AE;
 280   border-color: #FEE7AE;
 281 }
 282 .block_calendar_month .event_group {
 283   background-color: #FEE7AE;
 284   border-color: #FEE7AE;
 285 }
 286 #calendar .event_user {
 287   background-color: #DCE7EC;
 288   border-color: #DCE7EC;
 289 }
 290 .minicalendar .event_user {
 291   background-color: #DCE7EC;
 292   border-color: #DCE7EC;
 293 }
 294 .block_calendar_month .event_user {
 295   background-color: #DCE7EC;
 296   border-color: #DCE7EC;
 297 }
 298 table.cal_popup_bg {
 299   background-color: #F8F8F8;
 300   color: #333333;
 301   border-color: #EEFFDD;
 302 }
 303 div.sideblock div.calendar-controls span.current {
 304   text-align: center;
 305 }
 306 div.sideblock div.commands a.roles img {
 307   width: 11px;
 308   height: 11px;
 309 }
 310 div.sideblock span.icon {
 311   display: block;
 312   float: left;
 313   margin-right: 0.3em;
 314 }
 315 div.sideblock ul.list li {
 316   clear: left;
 317 }
 318 div.sideblock div.header div.commands {
 319   height: 16px;
 320   background-color: #ffffff;
 321 }
 322 table.generaltable td.cell {
 323   white-space: normal;
 324 }
 325 body.admin table.generaltable {
 326   width: 100%;
 327 }
 328 body#course-view tr.section td.side {
 329   border-style: none;
 330 }
 331 body#course-view tr.section td.content {
 332   border-style: none;
 333 }
 334 body#course-user .section {
 335   background-color: #EEEEEE;
 336   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 337 }
 338 div.que {
 339   border-style: none;
 340 }
 341 td.sitetopiccontent {
 342   border-style: none;
 343 }
 344 body#site-index td.categoryboxcontent {
 345   border-style: none;
 346 }
 347 .categorylist {
 348   background-color: #EEEEEE;
 349   border-width: 1px;
 350   border-style: solid;
 351   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 352   padding: 4px;
 353 }
 354 body#admin-roles-manage td.generalboxcontent table td {
 355   padding-left: 0.5em;
 356   padding-right: 0.5em;
 357 }
 358 div.breadcrumb span.sep {
 359   font-family: verdana, arial, helvetica, sans-serif;
 360   color: #449900;
 361 }
 362 div.calendar-controls span.previous {
 363   font-family: verdana, arial, helvetica, sans-serif;
 364 }
 365 div.calendar-controls span.next {
 366   font-family: verdana, arial, helvetica, sans-serif;
 367   text-align: right;
 368 }
 369 table#calendar td.maincalendar {
 370   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 371 }
 372 table#calendar td.sidecalendar {
 373   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 374   background-color: #efd;
 375 }
 376 #calendar .event_global,
 377 #calendar .event_course,
 378 #calendar .event_group,
 379 #calendar .event_user,
 380 .minicalendar .event_global,
 381 .minicalendar .event_course,
 382 .minicalendar .event_group,
 383 .minicalendar .event_user {
 384   border: 1px solid !important;
 385   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 386 }
 387 table.minicalendar {
 388   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 389   background-color: #f8f8f8;
 390 }
 391 table#calendar td.today,
 392 div.minicalendar td.today {
 393   border-color: #8d5;
 394 }
 395 #adminsettings fieldset span.form-shortname {
 396   color: #cccccc;
 397   font-size: 90%;
 398 }
 399 #adminsettings fieldset {
 400   background-color: #EEEEEE;
 401   border-width: 1px;
 402   border-style: solid;
 403   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 404 }
 405 form.mform fieldset {
 406   background-color: #EEEEEE;
 407   border-width: 1px;
 408   border-style: solid;
 409   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 410 }
 411 form.mform div.textarea textarea {
 412   width: 35em;
 413 }
 414 body#grade-index table.grades {
 415   background-color: #EEEEEE;
 416   border-width: 1px;
 417   border-style: solid;
 418   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 419 }
 420 body#grade-index .grades td {
 421   border-color: #FFFFFF;
 422 }
 423 table.glossarypost {
 424   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 425   background-color: #f8f8f8;
 426 }
 427 div.entrybox {
 428   border-color: #FFFFFF #DDDDDD #DDDDDD #FFFFFF;
 429   background-color: #eee;
 430 }
 431 /* @group tabs */
 432 .tabrow0 {
 433   font-size: 100%;
 434   padding: 0;
 435 }
 436 .tabtree {
 437   margin-bottom: 3%;
 438 }
 439 .tabrow0 li {
 440   border: 1px solid #88DD55;
 441   margin: 0;
 442   padding: 4px;
 443 }
 444 .tabrow0 li.first {
 445   margin-right: 0;
 446 }
 447 .tabrow0 li.selected,
 448 .tabrow0 li.here {
 449   background-color: #efd;
 450 }
 451 .tabrow0 a span {
 452   background-image: none;
 453   padding: 0;
 454 }
 455 .tabrow0 a {
 456   background-image: none;
 457   padding: 5px;
 458 }
 459 .tabrow0 a:hover {
 460   background-image: none;
 461 }
 462 .tabrow0 .here a:hover {
 463   background-image: none;
 464 }
 465 .tabrow0 a:hover span {
 466   background-image: none;
 467 }
 468 .tabrow0 .here a:hover span {
 469   background-image: none;
 470 }
 471 .tabrow0 div,
 472 .tabrow0 ul {
 473   background-image: none;
 474   top: 100%;
 475   padding: 0 0 0.25em;
 476   line-height: 200%;
 477   border-top-color: #5c0;
 478 }
 479 .tabrow0 ul {
 480   background-color: #efd;
 481   padding: 0;
 482 }
 483 .tabrow0 ul li.selected,
 484 .tabrow0 ul li.here {
 485   background-color: #efd;
 486 }
 487 .tabrow0 ul li {
 488   background-color: #f8f8f8;
 489 }
 490 /* @end */