Theme fix for magazine, MDL-24392
[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         
114 #nologo.nomenu {
115         width: 100%;
116 }       
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         
128 #nologo a:hover {
129         text-decoration: none;
131 div.rightinfo {
132         float: right;
133         min-width: 470px;
134         height: 130px;
135         overflow: hidden;
138 #menucontainer {
139         height: 45px;
140         margin-top: 40px;
144 /** main content wraps **/
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;
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;
163 #innercontainer {
164         background: url([[pix:theme|post_grid]]) repeat-y  79% 100%;
167 /** remove background image line for post or pre or content only **/
169 .side-pre-only #innercontainer, .content-only #innercontainer, .content-only #container, .side-post-only #container {
170         background-image: none !important;
173 /** breadcrumb and button holders at top of page content **/
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%;
182 div#jcontrols_bottom {
183         width: 100%;
184         height: 35px;
185         background: url([[pix:theme|hr_grid]]) repeat-x 0% 0%;
186         clear: both;
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;
199 div.jcontrolsright {
200         float: right;
201         min-width: 100px;
202         min-height: 35px;
203         margin-right: 15px;
206 div.jcontrolsright div.singlebutton, div.jcontrolsright div.forumsearch {
207         margin: 5px 0px 0px;
210 /** foot wraps and inner divs **/
212 #footer {
213         width: 91%;
214         height: 35px;
215         position: relative;
216         margin: 0 auto;
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;
229 .johndocs {
230         float: right;
231         height: 15px;
232         font-size: 8px;
233         margin: 10px 3px 0px 0px;
234         color: #333333;
237 .johndocs a, div.johndocsleft a {
238         font-weight: 200;
239         text-decoration: none;
242 div.johndocsleft {
243         float: left;
244         height: 15px;
245         margin-top: 10px;
246         width: 300px;
247         color: #333333;
248         font-size: 11px;
251 /** Some breadcrumb style **/
253 .breadcrumb ul {
254         line-height: 35px;
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;
264 .breadcrumb li a:hover {
265         text-decoration: underline;
266         color: #333333;
269 .breadcrumb li img {
270         vertical-align: middle;
273 /** breadcrumb image replacement **/
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;
285 /** Block styles **/
287 .block {
288         margin: 0 0 5px 0 !important;
289         padding: 0 0 0 0 !important;
290         border: none !important;
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;
306 .block.hidden div.header {
307         border: 1px solid #dadada;
310 .block.block_with_controls div.header div.commands {
311         text-align: center;
312         border-top: 1px solid #ccc;
313         padding: 2px;
316 .block.block_with_controls div.header div.commands a img {
317         margin-right: 3px;
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;
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;
336 .block div.content {
337         font-size: 12px;
338         font-weight: 200;
339         padding: 10px 15px 15px;
342 /** extra left padding on right side blocks **/
344 #region-post .block div.content {
345         padding-left: 20px;
348 /** some specific block styles for calendar block, login block, my profile block, etc. **/
350 .block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
351         border: none !important;
354 .block_calendar_month table.minicalendar {
355         margin-bottom: 0px !important;
358 .block_calendar_month table.minicalendar.calendartable th abbr {
359         border: none !important;
360         text-decoration: none;
363 .block_comments div.content li {
364         list-style-type: none;
367 .block_messages.block div.content .list a {
368         font-size: 10px;
371 .block_login.block div.content div {
372         margin-bottom: 9px;
373         clear: both;
376 .block_login.block div.content label {
377         font-size: 11px;
378         display: inline-block;
379         min-width: 50px;
380         margin-right: 3px;
383 .block_myprofile div.content div {
384         font-size: 11px;
387 .block_myprofile div.content div.myprofileitem.picture {
388         width: 105px;
389         float: left;
392 .block_myprofile div.myprofileitem.fullname {
393         font-size: 12px;
394         font-weight: 800;
397 .block_myprofile div.myprofileitem.edit {
398         clear: both;
399         font-weight: 800;
400         font-size: 12px;
403 .block_news_items div.content li.post {
404         margin-bottom: 4px;
405         margin-top: 2px;
408 .block_news_items div.content div.head.clearfix {
409         font-size: 11px;
412 .block_news_items div.content div.info {
413         font-weight: 600;
416 /** inner block style for decent display of recent news, etc **/
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;
426 /** a few styles for the tabs **/
428 div.tabtree li a span {
429         font-size: 11px;
432 /** yui overlays **/
434 div.yui3-widget.yui3-overlay.yui3-widget-positioned {
435         border: 1px solid #cccccc;
438 div.yui3-overlay-content.yui3-widget-stdmod {
439         border: 1px solid #fff;
440         background: #ffff66 url([[pix:theme|alert-overlay]]) repeat-x;
443 div.yui3-widget-bd {
444         border: none;
445         background: none;
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%;
455 .yui-module.yui-overlay.yui-panel div.hd {
456         background: #eeeeee url([[pix:theme|bart5]]) repeat-x 0% 90%;
457         }
459 /**moodle dropdown css for yui menu **/
461 #custommenu {
462         font-size: 13px;
463         font-weight: 600;
464         border: none !important;
465         height: 45px;
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;
477 div.yui3-menu-content {
478         border: none !important;
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;
492 .yui3-menu-horizontal .yui3-menu-label {
493         padding-left: 16px !important;
494         background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px !important;
495         }
497 .yui3-menu-horizontal .yui3-menu-label-menuvisible {
498         background-position: 5px -23px !important;
501 .yui3-menu-content li {
502         border-left: 1px solid #dadada;
503         border-top: none !important;
506 .yui3-menu-content li:hover {
507         background: #eee;
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;
517 div.yui3-menu.custom_menu_submenu div.yui3-menu.custom_menu_submenu {
518         background: none !important;
519         min-width: 100px;
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;
531 /** below style to move sub subs to the left to keep from going off the page **/
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;
540 div.yui3-menu.custom_menu_submenu .yui3-menu-content li {
541         border-left: none;
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;
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;
561 div.yui3-menu.custom_menu_submenu li a.yui3-menu-label {
562         background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px !important;
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;
569 /** yui moodle dock bar **/
571 #dock {
572         padding-top: 0px;
573         width: 30px;
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;
583 div.dockeditem_container.firstdockitem {
584         border-top: none;
587 div.dockedtitle {
588         border: none;
589         padding-top: 3px;
590         padding-bottom: 3px;
593 .dockedtitle h2 {
594         font-weight: 200 !important;
597 div.dockeditempanel_content {
598         border: 1px solid #dadada !important;
599         border-left: none !important;
600         font-size: 90%;
603 div.dockeditempanel_content a {
604         text-decoration: none;
607 div.dockeditempanel_hd {
608         text-align: left;
609         font-size: 12px;
612 div.dockeditempanel_hd {
613         padding-top: 3px;
614         padding-bottom: 3px;
615         background: #eee;
616         border-bottom: 1px solid #dadada !important;
619 div.dockeditempanel_hd h2 {
620         font-weight: 600;
621         font-size: 12px;
624 div.dockeditempanel_bd ul, div.dockeditempanel_bd li {
625         list-style-type: none;
626         padding: 0;
629 div.dockeditempanel_bd {
630         font-weight: 200;
633 #dockeditempanel {
634         margin-left: 1px;
637 html>
639 /**/body #dockeditempanel {
640         margin-top: -20px;
643 #dock div.controls {
644         margin-top: 20px;
645         padding-top: 0px;
646         position: relative;
649 /** main headings **/
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         }
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;
669 /** forum post style **/
671 .forumpost td.content {
672         border: 1px solid #dadada;
673         border-top: none;
674         background: #fff;
675         padding: 1em 1em 1em 1em;
678 .forumpost td.content div.posting {
679         font-size: 90%;
682 .forumpost td.topic {
683         border: 1px solid #dadada;
684         padding-top: 0px;
685         padding-bottom: 0px;
688 .forumpost .subject, .blog_entry div.subject a {
689         font-size: 19px;
692 td.picture {
693         border-right: none !important;
696 td.author {
697         border-left: none !important;
700 table.forumpost {
701         border: none;
704 .forumpost .commands a {
705         text-decoration: none;
706         font-weight: 200;
709 .forumpost td.left {
710         padding: 4px 5px 4px 0;
713 .forumpost td.left.picture {
714         background: url([[pix:theme|postline]]) no-repeat 120% 104%;
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;
726 .forumpost .starter {
727         background-color: #FFF;
730 .forumpost .author {
731         font-size: 11px !important;
732         color: #666;
733         font-style: italic;
734         font-weight: 200;
737 .forumpost .author a {
738         font-style: normal;
739         font-weight: 800;
742 .info .name a {
743         font-weight: bold;
746 .indent {
747         margin-left: 30px;
750 div.subscribelink {
751         text-align: right;
754 .subscribelink a {
755         text-decoration: none;
756         font-size: 11px;
759 /**tables and fields and foms oh my! **/
761 .mform fieldset,fieldset.clearfix {
762         border: 1px solid #dadada !important;
763         background: #f9f9f9;
766 .ftoggler {
767         font-size: 18px;
768         color: #333333;
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;
782 table a {
783         text-decoration: none;
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;
795 table#categoryquestions th a {
796         color: #fff;
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;
807 tr.r1 td {
808         background-color: #f9f9f9;
811 table.rolecap td, table.rolecap th {
812         border-bottom: 1px solid #dadada;
815 table.rolecap td.risk {
816         border-left: 1px solid #dadada;
819 /** Coursebox and category box stuff for front page **/
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;
827 div.coursebox {
828         padding-bottom: 7px !important;
829         margin-bottom: 7px !important;
830         border-bottom: 1px solid #eee;
833 div.coursebox h3.name {
834         margin-top: 0px;
835         margin-bottom: 0px;
838 div.coursebox h3.name a {
839         font-size: 16px;
840         font-weight: 400;
843 .unlist div.summary {
844         font-size: 14px;
845         color: #666666;
846         font-style: italic;
849 .unlist ul.teachers {
850         display: block;
851         padding-left: 5px !important;
854 .unlist ul.teachers li {
855         font-size: 10px;
858 .unlist ul.teachers li a {
859         font-size: 11px;
862 div.categorybox {
863         border: none !important;
864         margin-top: 0;
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;
874 #course-index td.category.name a {
875         padding-left: 0px;
876         background-image: none;
879 table.categorylist td {
880         padding: 0;
883 div.course_category_tree a {
884         font-size: 16px;
885         font-weight: 400;
886         text-decoration: none;
889 div.course_category_tree div.category,div.course_category_tree div.category_label,div.course_category_tree div.courses {
890         margin-bottom: 8px;
893 div.course_category_tree div.category.with_children div.category_label {
894         background-position: 0 55% !important;
897 div.course_category_tree div.course.odd {
898         background: #eee;
901 div.course_category_tree div.course a {
902         font-size: 14px;
905 div.category.subcategory.with_children {
906         margin-left: 20px;
909 div.course_category_tree div.controls {
910         font-size: 10px;
911         color: #666;
912         text-transform: uppercase;
915 div.course_category_tree div.controls div {
916         margin-top: 3px;
917         margin-right: 10px;
918         border-bottom: 1px solid #dadada;
921 /** inside  of course **/
923 li.section {
924         border-bottom: 1px solid #dadada;
925         clear: both;
926         min-height: 30px;
929 li#section-0 div.content {
930         margin-top: 0px;
931         padding-top: 0px;
934 li.current {
935         background: #ffffe3;
938 li.current div.content {
939         background: #fff;
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;
955 .current h3.weekdates {
956         color: black !important;
957         font-weight: 600;
960 div.course-content div.left.side {
961         font-weight: 200;
962         font-size: 20px;
963         font-family: Georgia, serif;
964         color: #666;
967 span.completionprogress {
968         font-size: 11px;
969         font-weight: 200;
972 /**my moodle page style **/
974 div.assignment.overview {
975         margin-bottom: 5px;
976         padding-bottom: 3px;
977         border-bottom: 1px dashed #dadada;
980 div.assignment.overview div.name {
981         font-weight: 600;
984 div.assignment.overview div {
985         display: block !important;
986         float: none !important;
987         width: 100% !important;
990 #page-my-index div.coursebox {
991         border-bottom: none;
995 /** glossary activity **/
997 table.glossarycategoryheader h2.main {
998         text-align: center;
999         margin-bottom: 0;
1000         margin-top: 0;
1003 table.glossarypost {
1004         margin-top: 0;
1005         width: 100%;
1006         border-bottom: 1px dashed #dadada;
1009 table.glossarypost td.entry h3 {
1010         font-size: 20px;
1013 /** a few quick wiki styles **/
1015 #page-mod-wiki-view div.generalbox {
1016         padding: 10px;
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;
1029 /**HR in content blocks **/
1031 .content hr {
1032         height: 1px;
1033         color: #dadada;
1034         background-color: #dadada !important;
1035         border: none;
1036         border-style: none;
1039 /** some MISC styles to clean things up and keep the theme consistant **/
1041 div#intro {
1042         border: none;
1043         text-align: center;
1044         font-size: 14px;
1045         color: #333333;
1048 div.que {
1049         border: 1px solid #dadada;
1052 div.questionbankwindow.block div.header {
1053         background: #eee !important;
1056 div.questionbankwindow.block div.header a {
1057         color: #333333 !important;
1058         font-size: 11px;
1061 div.generalbox, div.section {
1062         border: 1px solid #dadada;
1065 /** take borders away from some generalboxes here **/
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;
1071 div.generalbox.firstpageoptions h3.main {
1072         font-size: 16px;
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;
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;
1091 div#newmessageoverlay {
1092         padding: 10px;
1095 div#newmessageoverlay a {
1096         text-decoration: none;
1097         font-size: 11px;
1100 #page-mod-page-view div.generalbox {
1101         border-left: none;
1102         border-right: none;
1103         border-top: none;
1106 /** fix overflow on quiz results display **/
1108 div#tablecontainer {
1109         overflow: auto;
1110         margin-bottom: 10px;
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;
1121 /** login form **/
1123 .twocolumns div.loginpanel {
1124         border-right: 1px dashed #dadada !important;
1127 div.forgetpass {
1128         clear: both;
1131 div.loginform {
1132         width: 50% !important;
1135 div.loginform div.form-input input {
1136         width: 90px !important;
1139 div.loginform label {
1140         line-height: 20px;
1143 div.signuppanel {
1144         float: right !important;
1145         width: 40% !important;
1146         margin-left: 0px;
1147         padding-left: 0px;
1150 div.singlebutton.forumaddnew {
1151         text-align: center;
1154 #page-course-info h2.main {
1155         line-height: 5px;
1156         margin-bottom: 5px;
1159 #page-course-info div.generalbox ul, #page-course-info div.generalbox li {
1160         list-style-type: none;