magazine theme fixes for MDL-24185 and MDL-24183
[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;
22 /* for browsers that understand */
23 }
25 a:focus {
26         outline: 0;
28 /* for browsers that understand */
29 }
31 /**header divs **/
33 #header-wrap {
34         top: 0;
35         left: 0;
36         width: 100%;
37 }
39 #header {
40         width: 91%;
41         min-width: 910px;
42         height: 30px;
43         margin: 0 auto;
44         overflow: hidden;
45 }
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 }
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 #headleft {
74         float: left;
75         height: 30px;
76         line-height: 30px;
77         color: #fff;
78         font-size: 12px;
79 }
81 /** Logo and menu bar divs and wrap **/
83 #textcontainer-wrap {
84         top: 0;
85         left: 0;
86         width: 100%;
87         border-top: 1px solid #fff;
88 }
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 }
100 div.thetitle {
101         width: 340px;
102         height: 130px;
103         float: left;
106 #nologo {
107         width: 337px;
108         float: left;
109         overflow: hidden;
110         padding-left: 3px;
111         margin-top: 40px;
112         }
113 #nologo a, #nologo {
114         font-size: 35px;
115         font-style: italic;
116         font-family: Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
117         font-weight: 800;
118         letter-spacing: -1px;
119         line-height: 45px;
120         
121         
123 #nologo a:hover {
124         text-decoration: none;
126 div.rightinfo {
127         float: right;
128         min-width: 470px;
129         height: 130px;
130         overflow: hidden;
133 #menucontainer {
134         height: 45px;
135         margin-top: 40px;
139 /** main content wraps **/
141 #outercontainer {
142         width: 91%;
143         min-width: 910px;
144         margin:0 auto;
145         background-position: 78% 100%;
146         padding: 1%;
147         background: url([[pix:theme|contback]]);
148         border: 1px solid #dadada;
151 #container {
152         width: 100%;
153         margin:0 auto;
154         background: #fff url([[pix:theme|post_grid]]) repeat-y 21% 100%;
155         border: 1px solid #dadada;
158 #innercontainer {
159         background: url([[pix:theme|post_grid]]) repeat-y  79% 100%;
162 /** remove background image line for post or pre or content only **/
164 .side-pre-only #innercontainer, .content-only #innercontainer, .content-only #container, .side-post-only #container {
165         background-image: none !important;
168 /** breadcrumb and button holders at top of page content **/
170 div#jcontrols_button {
171         width: 100%;
172         min-height: 35px;
173         border-top: 1px solid #fff;
174         background: #f9f9f9 url([[pix:theme|hr_grid]]) repeat-x 100% 100%;
177 div#jcontrols_bottom {
178         width: 100%;
179         height: 35px;
180         background: url([[pix:theme|hr_grid]]) repeat-x 0% 0%;
181         clear: both;
184 div.jcontrolsleft {
185         min-height: 35px;
186         line-height: 35px;
187         margin-left: 15px;
188         font-weight: 600;
189         font-size: 13px;
190         float: left;
191         min-width: 100px;
194 div.jcontrolsright {
195         float: right;
196         min-width: 100px;
197         min-height: 35px;
198         margin-right: 15px;
201 div.jcontrolsright div.singlebutton, div.jcontrolsright div.forumsearch {
202         margin: 5px 0px 0px;
205 /** foot wraps and inner divs **/
207 #footer {
208         width: 91%;
209         height: 35px;
210         position: relative;
211         margin: 0 auto;
214 #footer-wrap {
215         position: relative;
216         bottom: 0;
217         left: 0;
218         width: 100%;
219         background: none;
220         margin-top: 10px;
221         height: 35px;
224 .johndocs {
225         float: right;
226         height: 15px;
227         font-size: 8px;
228         margin: 10px 3px 0px 0px;
229         color: #333333;
232 .johndocs a, div.johndocsleft a {
233         font-weight: 200;
234         text-decoration: none;
237 div.johndocsleft {
238         float: left;
239         height: 15px;
240         margin-top: 10px;
241         width: 300px;
242         color: #333333;
243         font-size: 11px;
246 /** Some breadcrumb style **/
248 .breadcrumb ul {
249         line-height: 35px;
252 .breadcrumb li a,.breadcrumb li, .breadcrumb li a:visited {
253         font-weight: 200;
254         text-decoration: none;
255         color: #666666;
256         font-size: 12px;
259 .breadcrumb li a:hover {
260         text-decoration: underline;
261         color: #333333;
264 .breadcrumb li img {
265         vertical-align: middle;
268 /** breadcrumb image replacement **/
270 div#jcontrols_button span.arrow.sep {
271         font-size: 1px;
272         color: #fafafa;
273         background: url([[pix:theme|breadcrumb_separator_arrow_2_dots]]) no-repeat;
274         background-position: 50% 9px;
275         display: inline-block;
276         width: 16px;
277         line-height: 40px;
280 /** Block styles **/
282 .block {
283         margin: 0 0 5px 0 !important;
284         padding: 0 0 0 0 !important;
285         border: none !important;
288 .block div.header {
289         margin: 0 0 0 !important;
290         padding-top: 0 !important;
291         min-height: 33px;
292         height: auto !important;
293         height: 33px;
294         border-right: 1px solid #dadada;
295         border-top: 1px solid #dfdfdf;
296         border-left: 1px solid #dfdfdf;
297         border-bottom: 1px solid #cccccc;
298         background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
301 .block.hidden div.header {
302         border: 1px solid #dadada;
305 .block.block_with_controls div.header div.commands {
306         text-align: center;
307         border-top: 1px solid #ccc;
308         padding: 2px;
311 .block.block_with_controls div.header div.commands a img {
312         margin-right: 3px;
315 .title h2 {
316         padding: 0px 0px 0px 10px;
317         font-size: 16px;
318         text-transform: none;
319         margin: 0 !important;
320         line-height: 32px;
321         font-weight: 800;
324 .block div.block_action input, .block div.block_action img {
325         margin-top: 3px;
326         margin-right: 3px;
327         position: relative;
328         top: 6px;
331 .block div.content {
332         font-size: 12px;
333         font-weight: 200;
334         padding: 10px 15px 15px;
337 /** extra left padding on right side blocks **/
339 #region-post .block div.content {
340         padding-left: 20px;
343 /** some specific block styles for calendar block, login block, my profile block, etc. **/
345 .block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
346         border: none !important;
349 .block_calendar_month table.minicalendar {
350         margin-bottom: 0px !important;
353 .block_calendar_month table.minicalendar.calendartable th abbr {
354         border: none !important;
355         text-decoration: none;
358 .block_comments div.content li {
359         list-style-type: none;
362 .block_messages.block div.content .list a {
363         font-size: 10px;
366 .block_login.block div.content div {
367         margin-bottom: 9px;
368         clear: both;
371 .block_login.block div.content label {
372         font-size: 11px;
373         display: inline-block;
374         min-width: 50px;
375         margin-right: 3px;
378 .block_myprofile div.content div {
379         font-size: 11px;
382 .block_myprofile div.content div.myprofileitem.picture {
383         width: 105px;
384         float: left;
387 .block_myprofile div.myprofileitem.fullname {
388         font-size: 12px;
389         font-weight: 800;
392 .block_myprofile div.myprofileitem.edit {
393         clear: both;
394         font-weight: 800;
395         font-size: 12px;
398 .block_news_items div.content li.post {
399         margin-bottom: 4px;
400         margin-top: 2px;
403 .block_news_items div.content div.head.clearfix {
404         font-size: 11px;
407 .block_news_items div.content div.info {
408         font-weight: 600;
411 /** inner block style for decent display of recent news, etc **/
413 .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 {
414         font-size: 13px;
415         color: #333;
416         font-weight: 800;
417         background: none;
418         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
421 /** a few styles for the tabs **/
423 div.tabtree li a span {
424         font-size: 11px;
427 /** yui overlays **/
429 div.yui3-widget.yui3-overlay.yui3-widget-positioned {
430         border: 1px solid #cccccc;
433 div.yui3-overlay-content.yui3-widget-stdmod {
434         border: 1px solid #fff;
435         background: #ffff66 url([[pix:theme|alert-overlay]]) repeat-x;
438 div.yui3-widget-bd {
439         border: none;
440         background: none;
443 div.yui3-widget-bd h1.helpheading {
444         font-size: 16px !important;
445         font-weight: 800;
446         margin: 5px 0px 2px 18px;
447         background: url([[pix:theme|information]]) no-repeat 0% 50%;
450 .yui-module.yui-overlay.yui-panel div.hd {
451         background: #eeeeee url([[pix:theme|bart5]]) repeat-x 0% 90%;
452         }
454 /**moodle dropdown css for yui menu **/
456 #custommenu {
457         font-size: 13px;
458         font-weight: 600;
459         border: none !important;
460         height: 45px;
463 div.yui3-menu.yui3-menu-horizontal {
464         background: #fafafa url([[pix:theme|menubarback]]) repeat-x !important;
465         border-bottom: 1px solid #cccccc !important;
466         border-top: 1px solid #dadada !important;
467         border-left: none;
468         border-right: 1px solid #cccccc;
469         float: right;
472 div.yui3-menu-content {
473         border: none !important;
476 .yui3-menu-content li a {
477         font-size: 12px;
478         font-weight: 600;
479         text-transform: lowercase;
480         line-height: 45px;
481         cursor: pointer;
482         border-right: none !important;
483         border-top: none !important;
484         border-bottom: none !important;
487 .yui3-menu-horizontal .yui3-menu-label {
488         padding-left: 16px !important;
489         background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px !important;
490         }
492 .yui3-menu-horizontal .yui3-menu-label-menuvisible {
493         background-position: 5px -23px !important;
496 .yui3-menu-content li {
497         border-left: 1px solid #dadada;
498         border-top: none !important;
501 .yui3-menu-content li:hover {
502         background: #eee;
505 div.yui3-menu.custom_menu_submenu {
506         background: url([[pix:theme|yuiarrow]]) no-repeat 40px 0;
507         border: none;
508         min-width: 100px;
509         z-index: 99998;
512 div.yui3-menu.custom_menu_submenu div.yui3-menu.custom_menu_submenu {
513         background: none !important;
514         min-width: 100px;
517 div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
518         background: #fff;
519         z-index: 99999;
520         width: 200px;
521         padding-top: 0 !important;
522         padding-bottom: 0 !important;
523         margin: 20px 0px 0px -40px;
526 /** below style to move sub subs to the left to keep from going off the page **/
528 div.yui3-menu.custom_menu_submenu div.yui3-menu-content div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
529         margin-left: -400px !important;
530         /** double the width of the menu item **/
531         width: 200px;
532         position: relative;
533         top: -15px;
536 div.yui3-menu.custom_menu_submenu .yui3-menu-content li {
537         border-left: none;
540 div.yui3-menu.custom_menu_submenu .yui3-menu-content li a {
541         font-size: 11px;
542         border-bottom: 1px solid #cccccc !important;
543         border-top: 0px solid #fff !important;
544         text-transform: none;
545         background: #eee !important;
546         text-decoration: none !important;
547         text-transform: lowercase;
550 div.yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover {
551         background: #cccccc !important;
552         cursor: pointer;
553         color: black !important;
554         text-decoration: none !important;
557 div.yui3-menu.custom_menu_submenu li a.yui3-menu-label {
558         background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px !important;
561 div.yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover {
562         background: #ccc url([[pix:theme|yuiarrows]]) no-repeat !important 7px -72px;
565 /** yui moodle dock bar **/
567 #dock {
568         padding-top: 0px;
569         width: 30px;
572 div.dockeditem_container div.dockeditem {
573         background: url([[pix:theme|mbar]]) repeat-y;
574         border: none;
575         color: #fff;
576         font: 100% Constantia, Lucidabright, Lucida, Georgia, serif;
579 div.dockeditem_container.firstdockitem {
580         border-top: none;
583 div.dockedtitle {
584         border: none;
585         padding-top: 3px;
586         padding-bottom: 3px;
589 .dockedtitle h2 {
590         font-weight: 200 !important;
593 div.dockeditempanel_content {
594         border: 1px solid #dadada !important;
595         border-left: none !important;
596         font-size: 90%;
599 div.dockeditempanel_content a {
600         text-decoration: none;
603 div.dockeditempanel_hd {
604         text-align: left;
605         font-size: 12px;
608 div.dockeditempanel_hd {
609         padding-top: 3px;
610         padding-bottom: 3px;
611         background: #eee;
612         border-bottom: 1px solid #dadada !important;
615 div.dockeditempanel_hd h2 {
616         font-weight: 600;
617         font-size: 12px;
620 div.dockeditempanel_bd ul, div.dockeditempanel_bd li {
621         list-style-type: none;
622         padding: 0;
625 div.dockeditempanel_bd {
626         font-weight: 200;
629 #dockeditempanel {
630         margin-left: 1px;
633 html>
635 /**/body #dockeditempanel {
636         margin-top: -20px;
639 #dock div.controls {
640         margin-top: 20px;
641         padding-top: 0px;
642         position: relative;
645 /** main headings **/
647 .generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 {
648         font-size: 30px;
649         padding-bottom: 2px;
650         margin: 3px 0 2px;
651         border-bottom: none;
652         display: block;
653         font-family: Georgia, serif;
654         font-weight: normal;
655         letter-spacing: -1px;
656         line-height: 1em;
657         background: url([[pix:theme|hr_grid]]) repeat-x 0% 89%
658         }
660 .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 {
661         font-size: 22px;
662         background: none;
665 /** forum post style **/
667 .forumpost td.content {
668         border: 1px solid #dadada;
669         border-top: none;
670         background: #fff;
671         padding: 1em 1em 1em 1em;
674 .forumpost td.content div.posting {
675         font-size: 90%;
678 .forumpost td.topic {
679         border: 1px solid #dadada;
680         padding-top: 0px;
681         padding-bottom: 0px;
684 .forumpost .subject, .blog_entry div.subject a {
685         font-size: 19px;
688 td.picture {
689         border-right: none !important;
692 td.author {
693         border-left: none !important;
696 table.forumpost {
697         border: none;
700 .forumpost .commands a {
701         text-decoration: none;
702         font-weight: 200;
705 .forumpost td.left {
706         padding: 4px 5px 4px 0;
709 .forumpost td.left.picture {
710         background: url([[pix:theme|postline]]) no-repeat 120% 104%;
713 .forumpost td.left.picture img {
714         border: 1px solid #eee;
715         border-bottom: 1px solid #ccc;
716         border-right: 1px solid #dadada;
717         background: #fff;
718         padding: 4px 4px 9px;
719         margin-top: 0px;
722 .forumpost .starter {
723         background-color: #FFF;
726 .forumpost .author {
727         font-size: 11px !important;
728         color: #666;
729         font-style: italic;
730         font-weight: 200;
733 .forumpost .author a {
734         font-style: normal;
735         font-weight: 800;
738 .info .name a {
739         font-weight: bold;
742 .indent {
743         margin-left: 30px;
746 div.subscribelink {
747         text-align: right;
750 .subscribelink a {
751         text-decoration: none;
752         font-size: 11px;
755 /**tables and fields and foms oh my! **/
757 .mform fieldset,fieldset.clearfix {
758         border: 1px solid #dadada !important;
759         background: #f9f9f9;
762 .ftoggler {
763         font-size: 18px;
764         color: #333333;
767 div.notifysuccess {
768         width: 80%;
769         margin: 0 auto;
770         font-size: 15px;
771         color: #008500;
772         border: 3px solid #dadada;
773         text-align: center;
774         background: #fff url([[pix:theme|check]]) no-repeat 2% 50%;
775         padding: 5px;
778 table a {
779         text-decoration: none;
782 td.maincalendar table.calendartable th, table.rolecap .header,.generaltable .header,.forumheaderlist .header,.files .header,.editcourse .header,.logtable .header,#attempts .header,table#categoryquestions th {
783         font-size: 11px;
784         font-weight: 200;
785         text-decoration: none;
786         color: #fff !important;
787         border-top: 1px #ccc solid !important;
788         padding: 5px;
791 table#categoryquestions th a {
792         color: #fff;
795 .generaltable .header a,.forumheaderlist .header a, th.header.questionnametext a {
796         border: none;
797         color: #fff !important;
798         font-size: 12px;
799         text-decoration: none;
800         padding: 5px;
803 tr.r1 td {
804         background-color: #f9f9f9;
807 table.rolecap td, table.rolecap th {
808         border-bottom: 1px solid #dadada;
811 table.rolecap td.risk {
812         border-left: 1px solid #dadada;
815 /** Coursebox and category box stuff for front page **/
817 ul.unlist, ul.unlist li, ul.unlist li div, ul.unlist li div ul, ul.unlist li div ul li {
818         list-style-type: none;
819         padding: 0;
820         margin: 0;
823 div.coursebox {
824         padding-bottom: 7px !important;
825         margin-bottom: 7px !important;
826         border-bottom: 1px solid #eee;
829 div.coursebox h3.name {
830         margin-top: 0px;
831         margin-bottom: 0px;
834 div.coursebox h3.name a {
835         font-size: 16px;
836         font-weight: 400;
839 .unlist div.summary {
840         font-size: 14px;
841         color: #666666;
842         font-style: italic;
845 .unlist ul.teachers {
846         display: block;
847         padding-left: 5px !important;
850 .unlist ul.teachers li {
851         font-size: 10px;
854 .unlist ul.teachers li a {
855         font-size: 11px;
858 div.categorybox {
859         border: none !important;
860         margin-top: 0;
863 td.category.name a {
864         padding-left: 20px;
865         background-image: url([[pix:theme|jcourse]]) no-repeat 0 50%;
866         font-weight: 400;
867         font-size: 16px;
870 #course-index td.category.name a {
871         padding-left: 0px;
872         background-image: none;
875 table.categorylist td {
876         padding: 0;
879 div.course_category_tree a {
880         font-size: 16px;
881         font-weight: 400;
882         text-decoration: none;
885 div.course_category_tree div.category,div.course_category_tree div.category_label,div.course_category_tree div.courses {
886         margin-bottom: 8px;
889 div.course_category_tree div.category.with_children div.category_label {
890         background-position: 0 55% !important;
893 div.course_category_tree div.course.odd {
894         background: #eee;
897 div.course_category_tree div.course a {
898         font-size: 14px;
901 div.category.subcategory.with_children {
902         margin-left: 20px;
905 div.course_category_tree div.controls {
906         font-size: 10px;
907         color: #666;
908         text-transform: uppercase;
911 div.course_category_tree div.controls div {
912         margin-top: 3px;
913         margin-right: 10px;
914         border-bottom: 1px solid #dadada;
917 /** inside  of course **/
919 li.section {
920         border-bottom: 1px solid #dadada;
921         clear: both;
922         min-height: 30px;
925 li#section-0 div.content {
926         margin-top: 0px;
927         padding-top: 0px;
930 li.current {
931         background: #ffffe3;
934 li.current div.content {
935         background: #fff;
938 h3.weekdates {
939         border: 1px solid #ccc;
940         background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
941         width: 170px;
942         font-size: 11px !important;
943         font-weight: 200;
944         text-transform: uppercase;
945         text-align: center;
946         margin: 0px 0px 3px;
947         color: #333333 !important;
948         padding: 3px;
951 .current h3.weekdates {
952         color: black !important;
953         font-weight: 600;
956 div.course-content div.left.side {
957         font-weight: 200;
958         font-size: 20px;
959         font-family: Georgia, serif;
960         color: #666;
963 span.completionprogress {
964         font-size: 11px;
965         font-weight: 200;
968 /**my moodle page style **/
970 div.assignment.overview {
971         margin-bottom: 5px;
972         padding-bottom: 3px;
973         border-bottom: 1px dashed #dadada;
976 div.assignment.overview div.name {
977         font-weight: 600;
980 div.assignment.overview div {
981         display: block !important;
982         float: none !important;
983         width: 100% !important;
986 #page-my-index div.coursebox {
987         border-bottom: none;
991 /** glossary activity **/
993 table.glossarycategoryheader h2.main {
994         text-align: center;
995         margin-bottom: 0;
996         margin-top: 0;
999 table.glossarypost {
1000         margin-top: 0;
1001         width: 100%;
1002         border-bottom: 1px dashed #dadada;
1005 table.glossarypost td.entry h3 {
1006         font-size: 20px;
1009 /** a few quick wiki styles **/
1011 #page-mod-wiki-view div.generalbox {
1012         padding: 10px;
1015 #page-mod-wiki-view h2.wiki_headingtitle {
1016         font-size: 22px;
1017         font-family: Georgia, serif;
1018         color: #333333;
1019         font-weight: 600;
1020         text-align: left;
1021         margin-bottom: 3px;
1022         margin-top: 2px;
1025 /**HR in content blocks **/
1027 .content hr {
1028         height: 1px;
1029         color: #dadada;
1030         background-color: #dadada !important;
1031         border: none;
1032         border-style: none;
1035 /** some MISC styles to clean things up and keep the theme consistant **/
1037 div#intro {
1038         border: none;
1039         text-align: center;
1040         font-size: 14px;
1041         color: #333333;
1044 div.que {
1045         border: 1px solid #dadada;
1048 div.questionbankwindow.block div.header {
1049         background: #eee !important;
1052 div.questionbankwindow.block div.header a {
1053         color: #333333 !important;
1054         font-size: 11px;
1057 div.generalbox, div.section {
1058         border: 1px solid #dadada;
1061 /** take borders away from some generalboxes here **/
1063 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 {
1064         border: none;
1067 div.generalbox.firstpageoptions h3.main {
1068         font-size: 16px;
1071 div.redirectmessage {
1072         width: 60%;
1073         margin: 10px auto 0 auto;
1074         border: none;
1075         font-size: 13px;
1076         background: #fff url([[pix:theme|ajax-loader]]) no-repeat 50% 100%;
1077         padding: 20px;
1080 div.box.errorbox {
1081         border: 1px solid #dadada;
1082         color: #ff0000;
1083         background: #fff url([[pix:theme|error]]) no-repeat 1% 3%;
1084         padding: 10px;
1087 div#newmessageoverlay {
1088         padding: 10px;
1091 div#newmessageoverlay a {
1092         text-decoration: none;
1093         font-size: 11px;
1096 #page-mod-page-view div.generalbox {
1097         border-left: none;
1098         border-right: none;
1099         border-top: none;
1102 /** fix overflow on quiz results display **/
1104 div#tablecontainer {
1105         overflow: auto;
1106         margin-bottom: 10px;
1109 div.course-content div.availabilityinfo {
1110         font-size: 11px;
1111         font-style: italic;
1112         padding: 2px;
1113         border-bottom: 1px dashed #dadada;
1114         margin-bottom: 10px;
1117 /** login form **/
1119 .twocolumns div.loginpanel {
1120         border-right: 1px dashed #dadada !important;
1123 div.forgetpass {
1124         clear: both;
1127 div.loginform {
1128         width: 50% !important;
1131 div.loginform div.form-input input {
1132         width: 90px !important;
1135 div.loginform label {
1136         line-height: 20px;
1139 div.signuppanel {
1140         float: right !important;
1141         width: 40% !important;
1142         margin-left: 0px;
1143         padding-left: 0px;
1146 div.singlebutton.forumaddnew {
1147         text-align: center;
1150 #page-course-info h2.main {
1151         line-height: 5px;
1152         margin-bottom: 5px;
1155 #page-course-info div.generalbox ul, #page-course-info div.generalbox li {
1156         list-style-type: none;