MDL-36550 usability: CSS updates on course page
[moodle.git] / theme / magazine / style / core.css
1 /** body font family and background image **/
3 html,body {
4     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
5     margin: 0;
6     padding: 0;
7 }
9 html a:hover,body a:hover {
10     text-decoration: underline;
11 }
13 /** remove text decoration from some links **/
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 }
19 a:active {
20     outline: 0; /* for browsers that understand */
21 }
23 a:focus {
24     outline: 0; /* for browsers that understand */
25 }
27 /**header divs **/
29 #page-header {
30     top: 0;
31     left: 0;
32     width: 100%;
33 }
35 div#headerinner {
36     width: 91%;
37     min-width: 910px;
38     height: 30px;
39     margin: 0 auto;
40     overflow: hidden;
41 }
43 #headright {
44     float: right;
45     font-size: 10px;
46     font-weight: 200;
47     margin-top: 0;
48     padding-top: 0;
49     min-width: 180px;
50     text-align: right;
51     color: #eeeeee;
52     line-height: 30px;
53     min-width: 400px;
54 }
55 .dir-rtl #headright {
56     float: left;
57     min-width: 300px;
58 }
60 #headright a {
61     color: #fff;
62 }
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 }
73 .dir-rtl #headright div.langmenu {
74     float: left !important;
75 }
77 #headleft {
78     float: left;
79     height: 30px;
80     line-height: 30px;
81     color: #fff;
82     font-size: 12px;
83 }
85 .dir-rtl #headleft {
86     float: right;
87 }
89 /** Logo and menu bar divs and wrap **/
91 #textcontainer-wrap {
92     top: 0;
93     left: 0;
94     width: 100%;
95     border-top: 1px solid #fff;
96 }
98 #textcontainer {
99     clear: both;
100     border: none;
101     width: 92%;
102     min-width: 910px;
103     height: 130px;
104     margin: 0 auto;
105     overflow: hidden;
108 div.thetitle {
109     width: 340px;
110     height: 130px;
111     float: left;
114 .dir-rtl div.thetitle {
115     float: right;
118 #nologo {
119     width: 337px;
120     float: left;
121     overflow: hidden;
122     padding-left: 3px;
123     margin-top: 40px;
124     }
126 .dir-rtl #nologo {
127     float: right;
128     padding-right: 3px;
131 #nologo.nomenu {
132     width: 100%;
135 #nologo a, #nologo {
136     font-size: 35px;
137     font-style: italic;
138     font-family: Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
139     font-weight: 800;
140     letter-spacing: -1px;
141     line-height: 45px;
144 #nologo a:hover {
145     text-decoration: none;
148 div.rightinfo {
149     float: right;
150     min-width: 470px;
151     height: 130px;
152     overflow: hidden;
154 .dir-rtl div.rightinfo {
155     float: left;
158 #menucontainer {
159     height: 45px;
160     margin-top: 40px;
163 /** main content wraps **/
165 #outercontainer {
166     width: 91%;
167     min-width: 910px;
168     margin:0 auto;
169     background-position: 78% 100%;
170     padding: 1%;
171     background: url([[pix:theme|contback]]);
172     border: 1px solid #dadada;
175 #container {
176     width: 100%;
177     margin:0 auto;
178     background: #fff url([[pix:theme|post_grid]]) repeat-y 21% 100%;
179     border: 1px solid #dadada;
182 #innercontainer {
183     background: url([[pix:theme|post_grid]]) repeat-y  79% 100%;
186 /** remove background image line for post or pre or content only **/
188 .side-pre-only #innercontainer, .content-only #innercontainer, .content-only #container, .side-post-only #container {
189     background-image: none !important;
192 /** breadcrumb and button holders at top of page content **/
194 div#jcontrols_button {
195     width: 100%;
196     min-height: 35px;
197     border-top: 1px solid #fff;
198     background: #f9f9f9 url([[pix:theme|hr_grid]]) repeat-x 100% 100%;
201 div#jcontrols_bottom {
202     width: 100%;
203     height: 35px;
204     background: url([[pix:theme|hr_grid]]) repeat-x 0% 0%;
205     clear: both;
208 div.jcontrolsleft {
209     min-height: 35px;
210     line-height: 35px;
211     margin-left: 15px;
212     font-weight: 600;
213     font-size: 13px;
214     float: left;
215     min-width: 100px;
217 .dir-rtl div.jcontrolsleft {
218     float:right;
219     margin-right: 15px;
222 div.jcontrolsright {
223     float: right;
224     min-width: 100px;
225     min-height: 35px;
226     margin-right: 15px;
229 .dir-rtl div.jcontrolsright {
230     float: left;
231     margin-left: 15px;
234 div.jcontrolsright div.singlebutton, div.jcontrolsright div.forumsearch {
235     margin: 5px 0px 0px;
238 /** foot wraps and inner divs **/
240 #footer {
241     width: 91%;
242     height: 35px;
243     position: relative;
244     margin: 0 auto;
247 #page-footer {
248     position: relative;
249     bottom: 0;
250     left: 0;
251     width: 100%;
252     background: none;
253     margin-top: 10px;
254     height: 35px;
257 .johndocs {
258     float: right;
259     height: 15px;
260     font-size: 8px;
261     margin: 10px 3px 0px 0px;
262     color: #333333;
265 .johndocs a, div.johndocsleft a {
266     font-weight: 200;
267     text-decoration: none;
270 div.johndocsleft {
271     float: left;
272     height: 15px;
273     margin-top: 10px;
274     width: 300px;
275     color: #333333;
276     font-size: 11px;
278 .dir-rtl div.johndocsleft {
279     float: right;
282 /** Some breadcrumb style **/
284 .breadcrumb ul {
285     line-height: 35px;
288 .breadcrumb li a,.breadcrumb li, .breadcrumb li a:visited {
289     font-weight: 200;
290     text-decoration: none;
291     color: #666666;
292     font-size: 12px;
295 .breadcrumb li a:hover {
296     text-decoration: underline;
297     color: #333333;
300 .breadcrumb li img {
301     vertical-align: middle;
304 /** breadcrumb image replacement **/
306 div#jcontrols_button span.arrow.sep {
307     font-size: .01em;
308     color: #fafafa;
309     background: url([[pix:theme|breadcrumb_separator_arrow_2_dots]]) no-repeat;
310     background-position: 50% 7px;
311     display: inline-block;
312     width: 16px;
315 /** Block styles **/
317 .block {
318     margin: 0 0 5px 0 !important;
319     padding: 0 0 0 0 !important;
320     border: none !important;
323 .block div.header {
324     margin: 0 0 0 !important;
325     padding-top: 0 !important;
326     min-height: 33px;
327     height: auto !important;
328     height: 33px;
329     border-right: 1px solid #dadada;
330     border-top: 1px solid #dfdfdf;
331     border-left: 1px solid #dfdfdf;
332     border-bottom: 1px solid #cccccc;
333     background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
336 .block.hidden div.header {
337     border: 1px solid #dadada;
340 .block.block_with_controls div.header div.commands {
341     text-align: center;
342     border-top: 1px solid #ccc;
343     padding: 2px;
346 .block.block_with_controls div.header div.commands a img {
347     margin-right: 3px;
350 .title h2 {
351     padding: 0px 0px 0px 10px;
352     font-size: 16px;
353     text-transform: none;
354     margin: 0 !important;
355     line-height: 32px;
356     font-weight: 800;
359 .block div.block_action input, .block div.block_action img {
360     margin-top: 3px;
361     margin-right: 3px;
362     position: relative;
363     top: 6px;
366 .block div.content {
367     font-size: 12px;
368     font-weight: 200;
369     padding: 10px 15px 15px;
372 /** extra left padding on right side blocks **/
374 #region-post .block div.content {
375     padding-left: 20px;
378 /** some specific block styles for calendar block, login block, my profile block, etc. **/
380 .block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
381     border: none !important;
384 .block_calendar_month table.minicalendar {
385     margin-bottom: 0px !important;
388 .block_calendar_month table.minicalendar.calendartable th abbr {
389     border: none !important;
390     text-decoration: none;
393 .block_comments div.content li {
394     list-style-type: none;
397 .block_messages.block div.content .list a {
398     font-size: 10px;
401 .block_login.block div.content div {
402     margin-bottom: 9px;
403     clear: both;
406 .block_login.block div.content label {
407     font-size: 11px;
408     display: inline-block;
409     min-width: 50px;
410     margin-right: 3px;
413 .block_myprofile div.content div {
414     font-size: 11px;
417 .block_myprofile div.content div.myprofileitem.picture {
418     width: 105px;
419     float: left;
422 .block_myprofile div.myprofileitem.fullname {
423     font-size: 12px;
424     font-weight: 800;
427 .block_myprofile div.myprofileitem.edit {
428     clear: both;
429     font-weight: 800;
430     font-size: 12px;
433 .block_news_items div.content li.post {
434     margin-bottom: 4px;
435     margin-top: 2px;
438 .block_news_items div.content div.head.clearfix {
439     font-size: 11px;
442 .block_news_items div.content div.info {
443     font-weight: 600;
446 /** inner block style for decent display of recent news, etc **/
448 .block_recent_activity.block_docked div.content h2.main,
449 .block_recent_activity.block_docked div.content h3.main,
450 .side-pre .block div.content h2.main,
451 .side-post .block div.content h2.main,
452 .block div.content h3.main,
453 .block div.content h2 {
454     font-size: 13px;
455     color: #333;
456     font-weight: 800;
457     background: none;
458     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
461 /** a few styles for the tabs **/
463 div.tabtree li a span {
464     font-size: 11px;
467 /** yui overlays **/
469 div.yui3-widget.yui3-overlay.yui3-widget-positioned {
470     border: 1px solid #cccccc;
473 div.yui3-overlay-content.yui3-widget-stdmod {
474     border: 1px solid #fff;
475     background: #ffff66 url([[pix:theme|alert-overlay]]) repeat-x;
478 div.yui3-widget-bd {
479     border: none;
480     background: none;
483 div.yui3-widget-bd h1.helpheading {
484     font-size: 16px !important;
485     font-weight: 800;
486     margin-top: 5px;
489 .yui-module.yui-overlay.yui-panel div.hd {
490     background: #eeeeee url([[pix:theme|bart5]]) repeat-x 0% 90%;
493 /**moodle dropdown css for yui menu **/
495 #custommenu {
496     font-size: 13px;
497     font-weight: 600;
498     border: none !important;
499     height: 45px;
502 #custommenu .yui3-menu.yui3-menu-horizontal {
503     background: #fafafa url([[pix:theme|menubarback]]) repeat-x;
504     border-bottom: 1px solid #cccccc;
505     border-top: 1px solid #dadada;
506     border-left: none;
507     border-right: 1px solid #cccccc;
508     float: right;
511 #custommenu .yui3-menu-content {
512     border-width: 0;
515 #custommenu .yui3-menu-content li a {
516     font-size: 12px;
517     font-weight: 600;
518     text-transform: lowercase;
519     line-height: 45px;
520     cursor: pointer;
521     border-right-width: 0;
522     border-top-width: 0;
523     border-bottom-width: 0;
526 #custommenu .yui3-menu-label {
527     padding-left: 16px !important;
528     background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px;
531 #custommenu .yui3-menu-label-menuvisible {
532     background-position: 5px -23px;
535 #custommenu .yui3-menu-content li {
536     border-left: 1px solid #dadada;
537     border-top-width: 0;
540 #custommenu .yui3-menu-content li:hover {
541     background: #eee;
544 #custommenu .yui3-menu.custom_menu_submenu {
545     background: url([[pix:theme|yuiarrow]]) no-repeat 40px 0;
546     border: none;
547     min-width: 100px;
548     z-index: 99998;
551 #custommenu .yui3-menu.custom_menu_submenu .yui3-menu.custom_menu_submenu {
552     background-image: none;
553     background-color: transparent;
554     min-width: 100px;
557 #custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content {
558     background: #fff;
559     z-index: 99999;
560     min-width: 200px;
561     padding-top: 0;
562     padding-bottom: 0;
563     margin: 20px 0px 0px -40px;
566 /** below style to move sub subs to the left to keep from going off the page **/
568 #custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content .yui3-menu.custom_menu_submenu .yui3-menu-content {
569     margin-left: -400px !important;
570     /** double the width of the menu item **/
571     position: absolute;
572     top: -15px;
575 #custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li {
576     border-left: none;
579 #custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li a {
580     font-size: 11px;
581     border-bottom: 1px solid #cccccc;
582     border-top-width: 0;
583     text-transform: none;
584     background: #eee;
585     text-decoration: none;
586     text-transform: lowercase;
589 #custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover {
590     background: #cccccc;
591     cursor: pointer;
592     color: #000;
593     text-decoration: none;
596 #custommenu .yui3-menu.custom_menu_submenu li a.yui3-menu-label {
597     background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px;
600 #custommenu .yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover {
601     background: #ccc url([[pix:theme|yuiarrows]]) no-repeat 7px -72px;
604 /** yui moodle dock bar **/
606 #dock {
607     padding-top: 0px;
608     width: 30px;
611 div.dockeditem_container div.dockeditem {
612     background: url([[pix:theme|mbar]]) repeat-y;
613     border: none;
614     color: #fff;
615     font: 100% Constantia, Lucidabright, Lucida, Georgia, serif;
618 div.dockeditem_container.firstdockitem {
619     border-top: none;
622 div.dockedtitle {
623     border: none;
624     padding-top: 3px;
625     padding-bottom: 3px;
628 .dockedtitle h2 {
629     font-weight: 200 !important;
632 div.dockeditempanel_content {
633     border: 1px solid #dadada !important;
634     border-left: none !important;
635     font-size: 90%;
638 div.dockeditempanel_content a {
639     text-decoration: none;
642 div.dockeditempanel_hd {
643     text-align: left;
644     font-size: 12px;
647 div.dockeditempanel_hd {
648     padding-top: 3px;
649     padding-bottom: 3px;
650     background: #eee;
651     border-bottom: 1px solid #dadada !important;
654 div.dockeditempanel_hd h2 {
655     font-weight: 600;
656     font-size: 12px;
659 div.dockeditempanel_bd ul, div.dockeditempanel_bd li {
660     list-style-type: none;
661     padding: 0;
664 div.dockeditempanel_bd {
665     font-weight: 200;
668 #dockeditempanel {
669     margin-left: 1px;
672 html>
674 /**/body #dockeditempanel {
675     margin-top: -20px;
678 #dock div.controls {
679     margin-top: 20px;
680     padding-top: 0px;
681     position: relative;
684 /** main headings **/
686 .generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 {
687     font-size: 30px;
688     padding-bottom: 2px;
689     margin: 3px 0 2px;
690     border-bottom: none;
691     display: block;
692     font-family: Georgia, serif;
693     font-weight: normal;
694     letter-spacing: -1px;
695     line-height: 1em;
696     background: url([[pix:theme|hr_grid]]) repeat-x 0% 89%
697     }
699 .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 {
700     font-size: 22px;
701     background: none;
704 /** forum post style **/
706 .forumpost .content {
707     border: 1px solid #dadada;
708     border-top: none;
709     background: #fff;
710     padding: 1em 1em 1em 1em;
713 .forumpost .content div.posting {
714     font-size: 90%;
717 .forumpost .topic {
718     border: 1px solid #dadada;
719     padding-top: 0px;
720     padding-bottom: 0px;
723 .forumpost .topic div {
724     margin:4px;
727 .forumpost .subject, .blog_entry div.subject a {
728     font-size: 19px;
731 td.picture {
732     border-right: none !important;
735 td.author {
736     border-left: none !important;
739 .forumpost {
740     border: none;
743 .forumpost .commands a {
744     text-decoration: none;
745     font-weight: 200;
748 .forumpost .left {
752 .forumpost .left.picture {
753     background-image: url([[pix:theme|postline]]);
754     background-repeat: no-repeat;
755     background-position: 180% 106%;
758 .forumpost .left.picture img {
759     border: 1px solid #eee;
760     border-bottom: 1px solid #ccc;
761     border-right: 1px solid #dadada;
762     background: #fff;
763     margin: 4px 0 9px;
766 .forumpost .starter {
767     background-color: #FFF;
770 .forumpost .author {
771     font-size: 11px !important;
772     color: #666;
773     font-style: italic;
774     font-weight: 200;
777 .forumpost .author a {
778     font-style: normal;
779     font-weight: 800;
782 .info .name a {
783     font-weight: bold;
786 .indent {
787     margin-left: 30px;
790 div.subscribelink {
791     text-align: right;
794 .subscribelink a {
795     text-decoration: none;
796     font-size: 11px;
799 /**tables and fields and foms oh my! **/
801 .mform fieldset,fieldset.clearfix {
802     border: 1px solid #dadada !important;
803     background: #f9f9f9;
806 .ftoggler {
807     font-size: 18px;
808     color: #333333;
811 div.notifysuccess {
812     width: 80%;
813     margin: 0 auto;
814     font-size: 15px;
815     color: #008500;
816     border: 3px solid #dadada;
817     text-align: center;
818     background: #fff url([[pix:theme|check]]) no-repeat 2% 50%;
819     padding: 5px;
822 table a {
823     text-decoration: none;
826 td.maincalendar table.calendartable th, table.rolecap .header,.generaltable .header,.forumheaderlist .header,.files .header,.editcourse .header,.logtable .header,#attempts .header,table#categoryquestions th {
827     font-size: 11px;
828     font-weight: 200;
829     text-decoration: none;
830     color: #fff !important;
831     border-top: 1px solid #ccc !important;
832     padding: 5px;
835 table#categoryquestions th a {
836     color: #fff;
839 .generaltable .header a,.forumheaderlist .header a, th.header.questionnametext a {
840     border: none;
841     color: #fff !important;
842     font-size: 12px;
843     text-decoration: none;
844     padding: 5px;
847 tr.r1 td {
848     background-color: #f9f9f9;
851 table.rolecap td, table.rolecap th {
852     border-bottom: 1px solid #dadada;
855 table.rolecap td.risk {
856     border-left: 1px solid #dadada;
859 /** Coursebox and category box stuff for front page **/
861 ul.unlist, ul.unlist li, ul.unlist li div, ul.unlist li div ul, ul.unlist li div ul li {
862     list-style-type: none;
863     padding: 0;
864     margin: 0;
867 div.coursebox {
868     padding-bottom: 7px !important;
869     margin-bottom: 7px !important;
870     border-bottom: 1px solid #eee;
873 div.coursebox h3.name {
874     margin-top: 0px;
875     margin-bottom: 0px;
878 div.coursebox h3.name a {
879     font-size: 16px;
880     font-weight: 400;
883 .unlist div.summary {
884     font-size: 14px;
885     color: #666666;
886     font-style: italic;
889 .unlist ul.teachers {
890     display: block;
891     padding-left: 5px !important;
894 .dir-rtl .unlist ul.teachers {
895     padding-right: 5px;
898 .unlist ul.teachers li {
899     font-size: 10px;
902 .unlist ul.teachers li a {
903     font-size: 11px;
906 div.categorybox {
907     border: none !important;
908     margin-top: 0;
911 td.category.name a {
912     padding-left: 20px;
913     background: url([[pix:theme|jcourse]]) no-repeat 0 50%;
914     font-weight: 400;
915     font-size: 16px;
918 #course-index td.category.name a {
919     padding-left: 0px;
920     background-image: none;
923 table.categorylist td {
924     padding: 0;
927 div.course_category_tree a {
928     font-size: 16px;
929     font-weight: 400;
930     text-decoration: none;
933 div.course_category_tree div.category,div.course_category_tree div.category_label,div.course_category_tree div.courses {
934     margin-bottom: 8px;
937 div.course_category_tree div.category.with_children div.category_label {
938     background-position: 0 55% !important;
940 .dir-rtl div.course_category_tree div.category.with_children div.category_label {
941     background-position: right center !important;
944 div.course_category_tree div.course.odd {
945     background: #eee;
948 div.course_category_tree div.course a {
949     font-size: 14px;
952 div.category.subcategory.with_children {
953     margin-left: 20px;
956 .dir-rtl div.category.subcategory.with_children {
957     margin-right: 20px;
960 .dir-rtl .course_category_tree .category .course_info {
961     padding-right: 20px;
964 .dir-rtl.jsenabled .course_category_tree .category.with_children.collapsed .category_label {
965     backkground-position: right center !important;
968 .dir-rtl .course_category_tree .category_label,
969 .dir-rtl .course_category_tree .category .course {
970     padding-right: 35px;
973 div.course_category_tree div.controls {
974     font-size: 10px;
975     color: #666;
976     text-transform: uppercase;
979 div.course_category_tree div.controls div {
980     margin-top: 3px;
981     margin-right: 10px;
982     border-bottom: 1px solid #dadada;
985 /** inside  of course **/
987 li.section {
988     border-bottom: 1px solid #dadada;
989     clear: both;
990     min-height: 30px;
993 li#section-0 div.content {
994     margin-top: 0px;
995     padding-top: 0px;
998 li.current {
999     background: #ffffe3;
1002 li.current div.content {
1003     background: #fff;
1006 h3.weekdates {
1007     border: 1px solid #ccc;
1008     background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
1009     width: 170px;
1010     font-size: 11px !important;
1011     font-weight: 200;
1012     text-transform: uppercase;
1013     text-align: center;
1014     margin: 0px 0px 3px;
1015     color: #333333 !important;
1016     padding: 3px;
1019 .current h3.weekdates {
1020     color: black !important;
1021     font-weight: 600;
1024 div.course-content div.left.side {
1025     font-weight: 200;
1026     font-size: 20px;
1027     font-family: Georgia, serif;
1028     color: #666;
1031 div.completionprogress {
1032     font-size: 11px;
1033     font-weight: 200;
1036 /**my moodle page style **/
1038 div.assignment.overview {
1039     margin-bottom: 5px;
1040     padding-bottom: 3px;
1041     border-bottom: 1px dashed #dadada;
1044 div.assignment.overview div.name {
1045     font-weight: 600;
1048 div.assignment.overview div {
1049     display: block !important;
1050     float: none !important;
1051     width: 100% !important;
1054 #page-my-index div.coursebox {
1055     border-bottom: none;
1059 /** glossary activity **/
1061 table.glossarycategoryheader h2.main {
1062     text-align: center;
1063     margin-bottom: 0;
1064     margin-top: 0;
1067 table.glossarypost {
1068     margin-top: 0;
1069     width: 100%;
1070     border-bottom: 1px dashed #dadada;
1073 table.glossarypost td.entry h3 {
1074     font-size: 20px;
1077 /** a few quick wiki styles **/
1079 #page-mod-wiki-view div.generalbox {
1080     padding: 10px;
1083 #page-mod-wiki-view h2.wiki_headingtitle {
1084     font-size: 22px;
1085     font-family: Georgia, serif;
1086     color: #333333;
1087     font-weight: 600;
1088     text-align: left;
1089     margin-bottom: 3px;
1090     margin-top: 2px;
1092 #page-mod-wiki-view.dir-rtl h2.wiki_headingtitle {
1093     text-align: right;
1096 /**HR in content blocks **/
1098 .content hr {
1099     height: 1px;
1100     color: #dadada;
1101     background-color: #dadada !important;
1102     border: none;
1103     border-style: none;
1106 /** some MISC styles to clean things up and keep the theme consistant **/
1108 div#intro {
1109     border: none;
1110     text-align: left;
1111     font-size: 14px;
1112     color: #333333;
1115 div.que {
1116     border: 1px solid #dadada;
1119 div.questionbankwindow.block div.header {
1120     background: #eee !important;
1123 div.questionbankwindow.block div.header a {
1124     color: #333333 !important;
1125     font-size: 11px;
1128 div.generalbox, div.section {
1129     border: 1px solid #dadada;
1132 /** take borders away from some generalboxes here **/
1134 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 {
1135     border: none;
1138 div.generalbox.firstpageoptions h3.main {
1139     font-size: 16px;
1142 div.redirectmessage {
1143     width: 60%;
1144     margin: 10px auto 0 auto;
1145     border: none;
1146     font-size: 13px;
1147     background: #fff url([[pix:theme|ajax-loader]]) no-repeat 50% 100%;
1148     padding: 20px;
1151 div.box.errorbox {
1152     border: 1px solid #dadada;
1153     color: #ff0000;
1154     background: #fff url([[pix:theme|error]]) no-repeat 1% 3%;
1155     padding: 10px;
1158 div#newmessageoverlay {
1159     padding: 10px;
1162 div#newmessageoverlay a {
1163     text-decoration: none;
1164     font-size: 11px;
1167 #page-mod-page-view div.generalbox {
1168     border-left: none;
1169     border-right: none;
1170     border-top: none;
1173 div#tablecontainer {
1174     margin-bottom: 10px;
1177 div.course-content div.availabilityinfo {
1178     font-size: 11px;
1179     font-style: italic;
1180     padding: 2px;
1181     border-bottom: 1px dashed #dadada;
1182     margin-bottom: 10px;
1185 div.singlebutton.forumaddnew {
1186     text-align: center;
1189 #page-course-info h2.main {
1190     line-height: 5px;
1191     margin-bottom: 5px;
1194 #page-course-info div.generalbox ul, #page-course-info div.generalbox li {
1195     list-style-type: none;