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