theme/magazine/style/core.css

   1 /** body font family and background image **/
   2
   3 html,body {
   4         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   5         margin: 0;
   6         padding: 0;
   7 }
   8
   9 html a:hover,body a:hover {
  10         text-decoration: underline;
  11 }
  12
  13 /** remove text decoration from some links **/
  14
  15 div.yui3-widget-bd a, .tabtree li a, .block div.content a, .unlist a, .categorybox a, .course_category_tree a, .section a {
  16         text-decoration: none;
  17 }
  18
  19 a:active {
  20         outline: 0;
  21
  22 /* for browsers that understand */
  23 }
  24
  25 a:focus {
  26         outline: 0;
  27
  28 /* for browsers that understand */
  29 }
  30
  31 /**header divs **/
  32
  33 #header-wrap {
  34         top: 0;
  35         left: 0;
  36         width: 100%;
  37 }
  38
  39 #header {
  40         width: 91%;
  41         min-width: 910px;
  42         height: 30px;
  43         margin: 0 auto;
  44         overflow: hidden;
  45 }
  46
  47 #headright {
  48         float: right;
  49         font-size: 10px;
  50         font-weight: 200;
  51         margin-top: 0;
  52         padding-top: 0;
  53         min-width: 180px;
  54         text-align: right;
  55         color: #eeeeee;
  56         line-height: 30px;
  57         min-width: 400px;
  58 }
  59
  60 #headright a {
  61         color: #fff;
  62 }
  63
  64 #headright div.langmenu {
  65         float: right !important;
  66         display: inline !important;
  67         padding: 0px 0px 0px 0px !important;
  68         line-height: 28px !important;
  69         margin: 0px 0px 0px 5px !important;
  70         font-size: 9px;
  71 }
  72
  73 #headleft {
  74         float: left;
  75         height: 30px;
  76         line-height: 30px;
  77         color: #fff;
  78         font-size: 12px;
  79 }
  80
  81 /** Logo and menu bar divs and wrap **/
  82
  83 #textcontainer-wrap {
  84         top: 0;
  85         left: 0;
  86         width: 100%;
  87         border-top: 1px solid #fff;
  88 }
  89
  90 #textcontainer {
  91         clear: both;
  92         border: none;
  93         width: 92%;
  94         min-width: 910px;
  95         height: 130px;
  96         margin: 0 auto;
  97         overflow: hidden;
  98 }
  99
 100 div.thetitle {
 101         width: 340px;
 102         height: 130px;
 103         float: left;
 104 }
 105
 106 #nologo {
 107         width: 337px;
 108         float: left;
 109         overflow: hidden;
 110         padding-left: 3px;
 111         margin-top: 40px;
 112         }
 113
 114 #nologo.nomenu {
 115         width: 100%;
 116 }
 117
 118 #nologo a, #nologo {
 119         font-size: 35px;
 120         font-style: italic;
 121         font-family: Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
 122         font-weight: 800;
 123         letter-spacing: -1px;
 124         line-height: 45px;
 125
 126
 127 }
 128 #nologo a:hover {
 129         text-decoration: none;
 130 }
 131 div.rightinfo {
 132         float: right;
 133         min-width: 470px;
 134         height: 130px;
 135         overflow: hidden;
 136 }
 137
 138 #menucontainer {
 139         height: 45px;
 140         margin-top: 40px;
 141 }
 142
 143
 144 /** main content wraps **/
 145
 146 #outercontainer {
 147         width: 91%;
 148         min-width: 910px;
 149         margin:0 auto;
 150         background-position: 78% 100%;
 151         padding: 1%;
 152         background: url([[pix:theme|contback]]);
 153         border: 1px solid #dadada;
 154 }
 155
 156 #container {
 157         width: 100%;
 158         margin:0 auto;
 159         background: #fff url([[pix:theme|post_grid]]) repeat-y 21% 100%;
 160         border: 1px solid #dadada;
 161 }
 162
 163 #innercontainer {
 164         background: url([[pix:theme|post_grid]]) repeat-y  79% 100%;
 165 }
 166
 167 /** remove background image line for post or pre or content only **/
 168
 169 .side-pre-only #innercontainer, .content-only #innercontainer, .content-only #container, .side-post-only #container {
 170         background-image: none !important;
 171 }
 172
 173 /** breadcrumb and button holders at top of page content **/
 174
 175 div#jcontrols_button {
 176         width: 100%;
 177         min-height: 35px;
 178         border-top: 1px solid #fff;
 179         background: #f9f9f9 url([[pix:theme|hr_grid]]) repeat-x 100% 100%;
 180 }
 181
 182 div#jcontrols_bottom {
 183         width: 100%;
 184         height: 35px;
 185         background: url([[pix:theme|hr_grid]]) repeat-x 0% 0%;
 186         clear: both;
 187 }
 188
 189 div.jcontrolsleft {
 190         min-height: 35px;
 191         line-height: 35px;
 192         margin-left: 15px;
 193         font-weight: 600;
 194         font-size: 13px;
 195         float: left;
 196         min-width: 100px;
 197 }
 198
 199 div.jcontrolsright {
 200         float: right;
 201         min-width: 100px;
 202         min-height: 35px;
 203         margin-right: 15px;
 204 }
 205
 206 div.jcontrolsright div.singlebutton, div.jcontrolsright div.forumsearch {
 207         margin: 5px 0px 0px;
 208 }
 209
 210 /** foot wraps and inner divs **/
 211
 212 #footer {
 213         width: 91%;
 214         height: 35px;
 215         position: relative;
 216         margin: 0 auto;
 217 }
 218
 219 #footer-wrap {
 220         position: relative;
 221         bottom: 0;
 222         left: 0;
 223         width: 100%;
 224         background: none;
 225         margin-top: 10px;
 226         height: 35px;
 227 }
 228
 229 .johndocs {
 230         float: right;
 231         height: 15px;
 232         font-size: 8px;
 233         margin: 10px 3px 0px 0px;
 234         color: #333333;
 235 }
 236
 237 .johndocs a, div.johndocsleft a {
 238         font-weight: 200;
 239         text-decoration: none;
 240 }
 241
 242 div.johndocsleft {
 243         float: left;
 244         height: 15px;
 245         margin-top: 10px;
 246         width: 300px;
 247         color: #333333;
 248         font-size: 11px;
 249 }
 250
 251 /** Some breadcrumb style **/
 252
 253 .breadcrumb ul {
 254         line-height: 35px;
 255 }
 256
 257 .breadcrumb li a,.breadcrumb li, .breadcrumb li a:visited {
 258         font-weight: 200;
 259         text-decoration: none;
 260         color: #666666;
 261         font-size: 12px;
 262 }
 263
 264 .breadcrumb li a:hover {
 265         text-decoration: underline;
 266         color: #333333;
 267 }
 268
 269 .breadcrumb li img {
 270         vertical-align: middle;
 271 }
 272
 273 /** breadcrumb image replacement **/
 274
 275 div#jcontrols_button span.arrow.sep {
 276         font-size: 1px;
 277         color: #fafafa;
 278         background: url([[pix:theme|breadcrumb_separator_arrow_2_dots]]) no-repeat;
 279         background-position: 50% 9px;
 280         display: inline-block;
 281         width: 16px;
 282         line-height: 40px;
 283 }
 284
 285 /** Block styles **/
 286
 287 .block {
 288         margin: 0 0 5px 0 !important;
 289         padding: 0 0 0 0 !important;
 290         border: none !important;
 291 }
 292
 293 .block div.header {
 294         margin: 0 0 0 !important;
 295         padding-top: 0 !important;
 296         min-height: 33px;
 297         height: auto !important;
 298         height: 33px;
 299         border-right: 1px solid #dadada;
 300         border-top: 1px solid #dfdfdf;
 301         border-left: 1px solid #dfdfdf;
 302         border-bottom: 1px solid #cccccc;
 303         background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
 304 }
 305
 306 .block.hidden div.header {
 307         border: 1px solid #dadada;
 308 }
 309
 310 .block.block_with_controls div.header div.commands {
 311         text-align: center;
 312         border-top: 1px solid #ccc;
 313         padding: 2px;
 314 }
 315
 316 .block.block_with_controls div.header div.commands a img {
 317         margin-right: 3px;
 318 }
 319
 320 .title h2 {
 321         padding: 0px 0px 0px 10px;
 322         font-size: 16px;
 323         text-transform: none;
 324         margin: 0 !important;
 325         line-height: 32px;
 326         font-weight: 800;
 327 }
 328
 329 .block div.block_action input, .block div.block_action img {
 330         margin-top: 3px;
 331         margin-right: 3px;
 332         position: relative;
 333         top: 6px;
 334 }
 335
 336 .block div.content {
 337         font-size: 12px;
 338         font-weight: 200;
 339         padding: 10px 15px 15px;
 340 }
 341
 342 /** extra left padding on right side blocks **/
 343
 344 #region-post .block div.content {
 345         padding-left: 20px;
 346 }
 347
 348 /** some specific block styles for calendar block, login block, my profile block, etc. **/
 349
 350 .block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
 351         border: none !important;
 352 }
 353
 354 .block_calendar_month table.minicalendar {
 355         margin-bottom: 0px !important;
 356 }
 357
 358 .block_calendar_month table.minicalendar.calendartable th abbr {
 359         border: none !important;
 360         text-decoration: none;
 361 }
 362
 363 .block_comments div.content li {
 364         list-style-type: none;
 365 }
 366
 367 .block_messages.block div.content .list a {
 368         font-size: 10px;
 369 }
 370
 371 .block_login.block div.content div {
 372         margin-bottom: 9px;
 373         clear: both;
 374 }
 375
 376 .block_login.block div.content label {
 377         font-size: 11px;
 378         display: inline-block;
 379         min-width: 50px;
 380         margin-right: 3px;
 381 }
 382
 383 .block_myprofile div.content div {
 384         font-size: 11px;
 385 }
 386
 387 .block_myprofile div.content div.myprofileitem.picture {
 388         width: 105px;
 389         float: left;
 390 }
 391
 392 .block_myprofile div.myprofileitem.fullname {
 393         font-size: 12px;
 394         font-weight: 800;
 395 }
 396
 397 .block_myprofile div.myprofileitem.edit {
 398         clear: both;
 399         font-weight: 800;
 400         font-size: 12px;
 401 }
 402
 403 .block_news_items div.content li.post {
 404         margin-bottom: 4px;
 405         margin-top: 2px;
 406 }
 407
 408 .block_news_items div.content div.head.clearfix {
 409         font-size: 11px;
 410 }
 411
 412 .block_news_items div.content div.info {
 413         font-weight: 600;
 414 }
 415
 416 /** inner block style for decent display of recent news, etc **/
 417
 418 .block_recent_activity.block_docked div.content h2.main, .block_recent_activity.block_docked div.content h3.main, .side-pre .block div.content h2.main,.side-post .block div.content h2.main,.block div.content h3.main,.block div.content h2 {
 419         font-size: 13px;
 420         color: #333;
 421         font-weight: 800;
 422         background: none;
 423         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 424 }
 425
 426 /** a few styles for the tabs **/
 427
 428 div.tabtree li a span {
 429         font-size: 11px;
 430 }
 431
 432 /** yui overlays **/
 433
 434 div.yui3-widget.yui3-overlay.yui3-widget-positioned {
 435         border: 1px solid #cccccc;
 436 }
 437
 438 div.yui3-overlay-content.yui3-widget-stdmod {
 439         border: 1px solid #fff;
 440         background: #ffff66 url([[pix:theme|alert-overlay]]) repeat-x;
 441 }
 442
 443 div.yui3-widget-bd {
 444         border: none;
 445         background: none;
 446 }
 447
 448 div.yui3-widget-bd h1.helpheading {
 449         font-size: 16px !important;
 450         font-weight: 800;
 451         margin: 5px 0px 2px 18px;
 452         background: url([[pix:theme|information]]) no-repeat 0% 50%;
 453 }
 454
 455 .yui-module.yui-overlay.yui-panel div.hd {
 456         background: #eeeeee url([[pix:theme|bart5]]) repeat-x 0% 90%;
 457         }
 458
 459 /**moodle dropdown css for yui menu **/
 460
 461 #custommenu {
 462         font-size: 13px;
 463         font-weight: 600;
 464         border: none !important;
 465         height: 45px;
 466 }
 467
 468 div.yui3-menu.yui3-menu-horizontal {
 469         background: #fafafa url([[pix:theme|menubarback]]) repeat-x !important;
 470         border-bottom: 1px solid #cccccc !important;
 471         border-top: 1px solid #dadada !important;
 472         border-left: none;
 473         border-right: 1px solid #cccccc;
 474         float: right;
 475 }
 476
 477 div.yui3-menu-content {
 478         border: none !important;
 479 }
 480
 481 .yui3-menu-content li a {
 482         font-size: 12px;
 483         font-weight: 600;
 484         text-transform: lowercase;
 485         line-height: 45px;
 486         cursor: pointer;
 487         border-right: none !important;
 488         border-top: none !important;
 489         border-bottom: none !important;
 490 }
 491
 492 .yui3-menu-horizontal .yui3-menu-label {
 493         padding-left: 16px !important;
 494         background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px !important;
 495         }
 496
 497 .yui3-menu-horizontal .yui3-menu-label-menuvisible {
 498         background-position: 5px -23px !important;
 499 }
 500
 501 .yui3-menu-content li {
 502         border-left: 1px solid #dadada;
 503         border-top: none !important;
 504 }
 505
 506 .yui3-menu-content li:hover {
 507         background: #eee;
 508 }
 509
 510 div.yui3-menu.custom_menu_submenu {
 511         background: url([[pix:theme|yuiarrow]]) no-repeat 40px 0;
 512         border: none;
 513         min-width: 100px;
 514         z-index: 99998;
 515 }
 516
 517 div.yui3-menu.custom_menu_submenu div.yui3-menu.custom_menu_submenu {
 518         background: none !important;
 519         min-width: 100px;
 520 }
 521
 522 div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
 523         background: #fff;
 524         z-index: 99999;
 525         min-width: 200px;
 526         padding-top: 0 !important;
 527         padding-bottom: 0 !important;
 528         margin: 20px 0px 0px -40px;
 529 }
 530
 531 /** below style to move sub subs to the left to keep from going off the page **/
 532
 533 div.yui3-menu.custom_menu_submenu div.yui3-menu-content div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
 534         margin-left: -400px !important;
 535         /** double the width of the menu item **/
 536         position: absolute;
 537         top: -15px;
 538 }
 539
 540 div.yui3-menu.custom_menu_submenu .yui3-menu-content li {
 541         border-left: none;
 542 }
 543
 544 div.yui3-menu.custom_menu_submenu .yui3-menu-content li a {
 545         font-size: 11px;
 546         border-bottom: 1px solid #cccccc !important;
 547         border-top: 0px solid #fff !important;
 548         text-transform: none;
 549         background: #eee !important;
 550         text-decoration: none !important;
 551         text-transform: lowercase;
 552 }
 553
 554 div.yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover {
 555         background: #cccccc !important;
 556         cursor: pointer;
 557         color: black !important;
 558         text-decoration: none !important;
 559 }
 560
 561 div.yui3-menu.custom_menu_submenu li a.yui3-menu-label {
 562         background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px !important;
 563 }
 564
 565 div.yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover {
 566         background: #ccc url([[pix:theme|yuiarrows]]) no-repeat !important 7px -72px;
 567 }
 568
 569 /** yui moodle dock bar **/
 570
 571 #dock {
 572         padding-top: 0px;
 573         width: 30px;
 574 }
 575
 576 div.dockeditem_container div.dockeditem {
 577         background: url([[pix:theme|mbar]]) repeat-y;
 578         border: none;
 579         color: #fff;
 580         font: 100% Constantia, Lucidabright, Lucida, Georgia, serif;
 581 }
 582
 583 div.dockeditem_container.firstdockitem {
 584         border-top: none;
 585 }
 586
 587 div.dockedtitle {
 588         border: none;
 589         padding-top: 3px;
 590         padding-bottom: 3px;
 591 }
 592
 593 .dockedtitle h2 {
 594         font-weight: 200 !important;
 595 }
 596
 597 div.dockeditempanel_content {
 598         border: 1px solid #dadada !important;
 599         border-left: none !important;
 600         font-size: 90%;
 601 }
 602
 603 div.dockeditempanel_content a {
 604         text-decoration: none;
 605 }
 606
 607 div.dockeditempanel_hd {
 608         text-align: left;
 609         font-size: 12px;
 610 }
 611
 612 div.dockeditempanel_hd {
 613         padding-top: 3px;
 614         padding-bottom: 3px;
 615         background: #eee;
 616         border-bottom: 1px solid #dadada !important;
 617 }
 618
 619 div.dockeditempanel_hd h2 {
 620         font-weight: 600;
 621         font-size: 12px;
 622 }
 623
 624 div.dockeditempanel_bd ul, div.dockeditempanel_bd li {
 625         list-style-type: none;
 626         padding: 0;
 627 }
 628
 629 div.dockeditempanel_bd {
 630         font-weight: 200;
 631 }
 632
 633 #dockeditempanel {
 634         margin-left: 1px;
 635 }
 636
 637 html>
 638
 639 /**/body #dockeditempanel {
 640         margin-top: -20px;
 641 }
 642
 643 #dock div.controls {
 644         margin-top: 20px;
 645         padding-top: 0px;
 646         position: relative;
 647 }
 648
 649 /** main headings **/
 650
 651 .generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 {
 652         font-size: 30px;
 653         padding-bottom: 2px;
 654         margin: 3px 0 2px;
 655         border-bottom: none;
 656         display: block;
 657         font-family: Georgia, serif;
 658         font-weight: normal;
 659         letter-spacing: -1px;
 660         line-height: 1em;
 661         background: url([[pix:theme|hr_grid]]) repeat-x 0% 89%
 662         }
 663
 664 .generalbox h2, #page-course-info h2.main, h3.sectionname, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2, div.hd h3.main {
 665         font-size: 22px;
 666         background: none;
 667 }
 668
 669 /** forum post style **/
 670
 671 .forumpost td.content {
 672         border: 1px solid #dadada;
 673         border-top: none;
 674         background: #fff;
 675         padding: 1em 1em 1em 1em;
 676 }
 677
 678 .forumpost td.content div.posting {
 679         font-size: 90%;
 680 }
 681
 682 .forumpost td.topic {
 683         border: 1px solid #dadada;
 684         padding-top: 0px;
 685         padding-bottom: 0px;
 686 }
 687
 688 .forumpost .subject, .blog_entry div.subject a {
 689         font-size: 19px;
 690 }
 691
 692 td.picture {
 693         border-right: none !important;
 694 }
 695
 696 td.author {
 697         border-left: none !important;
 698 }
 699
 700 table.forumpost {
 701         border: none;
 702 }
 703
 704 .forumpost .commands a {
 705         text-decoration: none;
 706         font-weight: 200;
 707 }
 708
 709 .forumpost td.left {
 710         padding: 4px 5px 4px 0;
 711 }
 712
 713 .forumpost td.left.picture {
 714         background: url([[pix:theme|postline]]) no-repeat 120% 104%;
 715 }
 716
 717 .forumpost td.left.picture img {
 718         border: 1px solid #eee;
 719         border-bottom: 1px solid #ccc;
 720         border-right: 1px solid #dadada;
 721         background: #fff;
 722         padding: 4px 4px 9px;
 723         margin-top: 0px;
 724 }
 725
 726 .forumpost .starter {
 727         background-color: #FFF;
 728 }
 729
 730 .forumpost .author {
 731         font-size: 11px !important;
 732         color: #666;
 733         font-style: italic;
 734         font-weight: 200;
 735 }
 736
 737 .forumpost .author a {
 738         font-style: normal;
 739         font-weight: 800;
 740 }
 741
 742 .info .name a {
 743         font-weight: bold;
 744 }
 745
 746 .indent {
 747         margin-left: 30px;
 748 }
 749
 750 div.subscribelink {
 751         text-align: right;
 752 }
 753
 754 .subscribelink a {
 755         text-decoration: none;
 756         font-size: 11px;
 757 }
 758
 759 /**tables and fields and foms oh my! **/
 760
 761 .mform fieldset,fieldset.clearfix {
 762         border: 1px solid #dadada !important;
 763         background: #f9f9f9;
 764 }
 765
 766 .ftoggler {
 767         font-size: 18px;
 768         color: #333333;
 769 }
 770
 771 div.notifysuccess {
 772         width: 80%;
 773         margin: 0 auto;
 774         font-size: 15px;
 775         color: #008500;
 776         border: 3px solid #dadada;
 777         text-align: center;
 778         background: #fff url([[pix:theme|check]]) no-repeat 2% 50%;
 779         padding: 5px;
 780 }
 781
 782 table a {
 783         text-decoration: none;
 784 }
 785
 786 td.maincalendar table.calendartable th, table.rolecap .header,.generaltable .header,.forumheaderlist .header,.files .header,.editcourse .header,.logtable .header,#attempts .header,table#categoryquestions th {
 787         font-size: 11px;
 788         font-weight: 200;
 789         text-decoration: none;
 790         color: #fff !important;
 791         border-top: 1px #ccc solid !important;
 792         padding: 5px;
 793 }
 794
 795 table#categoryquestions th a {
 796         color: #fff;
 797 }
 798
 799 .generaltable .header a,.forumheaderlist .header a, th.header.questionnametext a {
 800         border: none;
 801         color: #fff !important;
 802         font-size: 12px;
 803         text-decoration: none;
 804         padding: 5px;
 805 }
 806
 807 tr.r1 td {
 808         background-color: #f9f9f9;
 809 }
 810
 811 table.rolecap td, table.rolecap th {
 812         border-bottom: 1px solid #dadada;
 813 }
 814
 815 table.rolecap td.risk {
 816         border-left: 1px solid #dadada;
 817 }
 818
 819 /** Coursebox and category box stuff for front page **/
 820
 821 ul.unlist, ul.unlist li, ul.unlist li div, ul.unlist li div ul, ul.unlist li div ul li {
 822         list-style-type: none;
 823         padding: 0;
 824         margin: 0;
 825 }
 826
 827 div.coursebox {
 828         padding-bottom: 7px !important;
 829         margin-bottom: 7px !important;
 830         border-bottom: 1px solid #eee;
 831 }
 832
 833 div.coursebox h3.name {
 834         margin-top: 0px;
 835         margin-bottom: 0px;
 836 }
 837
 838 div.coursebox h3.name a {
 839         font-size: 16px;
 840         font-weight: 400;
 841 }
 842
 843 .unlist div.summary {
 844         font-size: 14px;
 845         color: #666666;
 846         font-style: italic;
 847 }
 848
 849 .unlist ul.teachers {
 850         display: block;
 851         padding-left: 5px !important;
 852 }
 853
 854 .unlist ul.teachers li {
 855         font-size: 10px;
 856 }
 857
 858 .unlist ul.teachers li a {
 859         font-size: 11px;
 860 }
 861
 862 div.categorybox {
 863         border: none !important;
 864         margin-top: 0;
 865 }
 866
 867 td.category.name a {
 868         padding-left: 20px;
 869         background-image: url([[pix:theme|jcourse]]) no-repeat 0 50%;
 870         font-weight: 400;
 871         font-size: 16px;
 872 }
 873
 874 #course-index td.category.name a {
 875         padding-left: 0px;
 876         background-image: none;
 877 }
 878
 879 table.categorylist td {
 880         padding: 0;
 881 }
 882
 883 div.course_category_tree a {
 884         font-size: 16px;
 885         font-weight: 400;
 886         text-decoration: none;
 887 }
 888
 889 div.course_category_tree div.category,div.course_category_tree div.category_label,div.course_category_tree div.courses {
 890         margin-bottom: 8px;
 891 }
 892
 893 div.course_category_tree div.category.with_children div.category_label {
 894         background-position: 0 55% !important;
 895 }
 896
 897 div.course_category_tree div.course.odd {
 898         background: #eee;
 899 }
 900
 901 div.course_category_tree div.course a {
 902         font-size: 14px;
 903 }
 904
 905 div.category.subcategory.with_children {
 906         margin-left: 20px;
 907 }
 908
 909 div.course_category_tree div.controls {
 910         font-size: 10px;
 911         color: #666;
 912         text-transform: uppercase;
 913 }
 914
 915 div.course_category_tree div.controls div {
 916         margin-top: 3px;
 917         margin-right: 10px;
 918         border-bottom: 1px solid #dadada;
 919 }
 920
 921 /** inside  of course **/
 922
 923 li.section {
 924         border-bottom: 1px solid #dadada;
 925         clear: both;
 926         min-height: 30px;
 927 }
 928
 929 li#section-0 div.content {
 930         margin-top: 0px;
 931         padding-top: 0px;
 932 }
 933
 934 li.current {
 935         background: #ffffe3;
 936 }
 937
 938 li.current div.content {
 939         background: #fff;
 940 }
 941
 942 h3.weekdates {
 943         border: 1px solid #ccc;
 944         background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
 945         width: 170px;
 946         font-size: 11px !important;
 947         font-weight: 200;
 948         text-transform: uppercase;
 949         text-align: center;
 950         margin: 0px 0px 3px;
 951         color: #333333 !important;
 952         padding: 3px;
 953 }
 954
 955 .current h3.weekdates {
 956         color: black !important;
 957         font-weight: 600;
 958 }
 959
 960 div.course-content div.left.side {
 961         font-weight: 200;
 962         font-size: 20px;
 963         font-family: Georgia, serif;
 964         color: #666;
 965 }
 966
 967 span.completionprogress {
 968         font-size: 11px;
 969         font-weight: 200;
 970 }
 971
 972 /**my moodle page style **/
 973
 974 div.assignment.overview {
 975         margin-bottom: 5px;
 976         padding-bottom: 3px;
 977         border-bottom: 1px dashed #dadada;
 978 }
 979
 980 div.assignment.overview div.name {
 981         font-weight: 600;
 982 }
 983
 984 div.assignment.overview div {
 985         display: block !important;
 986         float: none !important;
 987         width: 100% !important;
 988 }
 989
 990 #page-my-index div.coursebox {
 991         border-bottom: none;
 992 }
 993
 994
 995 /** glossary activity **/
 996
 997 table.glossarycategoryheader h2.main {
 998         text-align: center;
 999         margin-bottom: 0;
1000         margin-top: 0;
1001 }
1002
1003 table.glossarypost {
1004         margin-top: 0;
1005         width: 100%;
1006         border-bottom: 1px dashed #dadada;
1007 }
1008
1009 table.glossarypost td.entry h3 {
1010         font-size: 20px;
1011 }
1012
1013 /** a few quick wiki styles **/
1014
1015 #page-mod-wiki-view div.generalbox {
1016         padding: 10px;
1017 }
1018
1019 #page-mod-wiki-view h2.wiki_headingtitle {
1020         font-size: 22px;
1021         font-family: Georgia, serif;
1022         color: #333333;
1023         font-weight: 600;
1024         text-align: left;
1025         margin-bottom: 3px;
1026         margin-top: 2px;
1027 }
1028
1029 /**HR in content blocks **/
1030
1031 .content hr {
1032         height: 1px;
1033         color: #dadada;
1034         background-color: #dadada !important;
1035         border: none;
1036         border-style: none;
1037 }
1038
1039 /** some MISC styles to clean things up and keep the theme consistant **/
1040
1041 div#intro {
1042         border: none;
1043         text-align: center;
1044         font-size: 14px;
1045         color: #333333;
1046 }
1047
1048 div.que {
1049         border: 1px solid #dadada;
1050 }
1051
1052 div.questionbankwindow.block div.header {
1053         background: #eee !important;
1054 }
1055
1056 div.questionbankwindow.block div.header a {
1057         color: #333333 !important;
1058         font-size: 11px;
1059 }
1060
1061 div.generalbox, div.section {
1062         border: 1px solid #dadada;
1063 }
1064
1065 /** take borders away from some generalboxes here **/
1066
1067 div.generalbox.sitetopic, div.generalbox.authsui,#page-course-info div.generalbox, #page-admin-roles-assign div.generalbox, table.roleassigntable, table.roleassigntable td, #page-blocks-private-edit div.generalbox {
1068         border: none;
1069 }
1070
1071 div.generalbox.firstpageoptions h3.main {
1072         font-size: 16px;
1073 }
1074
1075 div.redirectmessage {
1076         width: 60%;
1077         margin: 10px auto 0 auto;
1078         border: none;
1079         font-size: 13px;
1080         background: #fff url([[pix:theme|ajax-loader]]) no-repeat 50% 100%;
1081         padding: 20px;
1082 }
1083
1084 div.box.errorbox {
1085         border: 1px solid #dadada;
1086         color: #ff0000;
1087         background: #fff url([[pix:theme|error]]) no-repeat 1% 3%;
1088         padding: 10px;
1089 }
1090
1091 div#newmessageoverlay {
1092         padding: 10px;
1093 }
1094
1095 div#newmessageoverlay a {
1096         text-decoration: none;
1097         font-size: 11px;
1098 }
1099
1100 #page-mod-page-view div.generalbox {
1101         border-left: none;
1102         border-right: none;
1103         border-top: none;
1104 }
1105
1106 /** fix overflow on quiz results display **/
1107
1108 div#tablecontainer {
1109         overflow: auto;
1110         margin-bottom: 10px;
1111 }
1112
1113 div.course-content div.availabilityinfo {
1114         font-size: 11px;
1115         font-style: italic;
1116         padding: 2px;
1117         border-bottom: 1px dashed #dadada;
1118         margin-bottom: 10px;
1119 }
1120
1121 /** login form **/
1122
1123 .twocolumns div.loginpanel {
1124         border-right: 1px dashed #dadada !important;
1125 }
1126
1127 div.forgetpass {
1128         clear: both;
1129 }
1130
1131 div.loginform {
1132         width: 50% !important;
1133 }
1134
1135 div.loginform div.form-input input {
1136         width: 90px !important;
1137 }
1138
1139 div.loginform label {
1140         line-height: 20px;
1141 }
1142
1143 div.signuppanel {
1144         float: right !important;
1145         width: 40% !important;
1146         margin-left: 0px;
1147         padding-left: 0px;
1148 }
1149
1150 div.singlebutton.forumaddnew {
1151         text-align: center;
1152 }
1153
1154 #page-course-info h2.main {
1155         line-height: 5px;
1156         margin-bottom: 5px;
1157 }
1158
1159 #page-course-info div.generalbox ul, #page-course-info div.generalbox li {
1160         list-style-type: none;
1161 }