backup MDL-23904 Tweaking core CSS for backups
[moodle.git] / theme / boxxie / style / core.css
1 html,
2 body {
3         background: #6e8c45;
4 }
6 #page-wrapper {
7         margin: 10px 5%;
8         background: #5b7439;
9         padding: 5px;
10 }
12 #page {
13         background: #fff;
14         padding: 5px;
15         width: auto;
16 }
18 a:link,
19 a:visited {
20         color: #69804e;
21         text-decoration: none;
22 }
24 a:hover,
25 a:active {
26         color: #41512f;
27 }
30 .rolelink {
31         text-align: right;
32         margin: 10px 0;
33 }
35 .buttons {
36         text-align: center;
37 }
39 .mform fieldset {
40         border-color: #e5e5e5;
41 }
43 .mform legend {
44         border: 1px solid #e5e5e5;
45         background: #f3f8ed;
46         padding: 0 5px;
47 }
49 .generalbox {
50         border-color: #e5e5e5;
51         padding: 5px;
52 }
54 /* Header */
56 #page-header {
57         background: #3b4c25;
58         color: #fff;
59 }
61 #page-header a:link,
62 #page-header a:visited {
63         color: #b3c79d;
64 }
66 #page-header h1.headermain {
67         color: #fff;
68         font-weight: normal;
69         margin: 1em;
70         font-size: 2em;
71 }
73 .pagelayout-frontpage #page-header h1.headermain {
74         font-size: 2.75em;
75 }
77 /* Navbar */
79 .navbar {
80         padding: 5px;
81         font-size: 0.95em;
82         color: #333;
83 }
85 .navbar .sep {
86         color: #999;
87 }
89 /* Sideblock */
91 .block {
92         border: none;
93 }
95 .block .header {
96         background: #69804e;
97         padding: 2px 5px;
98 }
100 .block .header h2 {
101         color: #fff;
102         font-size: 1.2em;
103         line-height: 1;
106 .block .content {
107         background: #f3f8ed;
108         border-width: 1px;
109         border-color: #69804e;
110         border-style: solid;
111         padding: 5px 10px;
114 .block_js_expansion .block_tree {
115         overflow: auto;
118 .block_recent_activity h2,main,
119 .block_recent_activity h3.main {
120         font-size: 1em;
121         margin: 0.5em 0;
124 .block_calendar_month .content h3.eventskey {
125         font-size: 1em;
126         margin: 0.25em 0;
129 td.eventskey {
130         padding: 0 5px 3px;
133 .minicalendar td,
134 .minicalendar th {
135     border-color: #f3f8ed;
138 .block_comments textarea {
139         width: 95%;
140         margin-bottom: 1em;
143 .block_comments .comment-area a {
144         background: #fff;
145         padding: 5px;
146         border: 1px solid #e5e5e5;
149 .comment-delete-confirm {
150         background: #fff;
153 .block_messages .content {
154         font-size: 0.95em;
157 .block_messages .footer {
158         text-align: center;
161 /* Calendar */
163 .calendarlayout .sidecalendar .block {
164   width:180px;
167 .calendarlayout .sidecalendar .block .content { 
168   font-size:0.85em;
169  }
171 .calendarlayout .minicalendarblock h3 {
172         font-size: 1.2em;
173         margin: 1em 0 0.25em;
174         text-align: center;
177 .calendarlayout .maincalendar .header {
178         padding: 5px;
179         margin: 1em 0 0;
182 .calendarlayout .maincalendar .eventlist .event {
183         border: none;
186 .calendarlayout .maincalendar .eventlist .event .topic {
187         background: #d6eebd;
188         border: 1px solid #a0c278;
189         padding: 5px 10px;
192 .calendarlayout .maincalendar .eventlist .event .description {
193         border-width: 0 1px 1px;
194         border-color: #a0c278;
195         border-style: solid;
196         padding: 5px 10px;
199 .calendarlayout .maincalendar .eventlist .event .picture {
200         text-align: center;
203 .maincalendar .calendar-controls {
204         padding: 10px 5px 0;
205         background: #f3f8ed;
206         border-bottom: 1px solid #e5e5e5;
209 .maincalendar .calendar-controls .previous,
210 .maincalendar .calendar-controls .current,
211 .maincalendar .calendar-controls .next {
212         width: 5%;
213         float: left;
216 .maincalendar .calendar-controls .previous {
217         float: left;
220 .maincalendar .calendar-controls h1.current {
221         margin: 0auto;
222         font-size: 1.5em;
223         text-align: center;
224         line-height: 1;
227 .maincalendar .calendar-controls .next {
228         text-align: right;
231 .maincalendar .filters table td {
232         font-size: 0.9em;
235 .maincalendar .bottom {
236         margin-top: 25px;
239 .minicalendar th abbr {
240         border: none;
243 .sidecalendar .filters td,
244 .minicalendar td,
245 .minicalendar th {
246         padding: 2px;
247         font-size: 0.85em;
250 /* Course */
252 h2.headingblock {
253         font-weight: normal;
256 .coursebox {
257         border-bottom: 1px solid #eee;
260 .coursebox .info {
261         width: 35%;
264 .coursebox .summary {
265         width: 63%;
268 .coursebox h3.name {
269         margin: 0;
270         font-size: 1.2em;
271         line-height: 1.4;
274 .coursebox .info .teachers {
275         margin-left: 0.6em;
276         font-size: 0.95em;
279 .categorybox {
280         border: none;
283 h2.headingblock {
284         border-bottom: 1px solid #eee;
285         font-size: 1.5em;
288 #page-course-category .categorypicker {
289         text-align: center;
290         margin: 10px 0 20px;
293 .path-course-view .course-content li.section {
294         border: 1px solid #e5e5e5;
297 .path-course-view .course-content .side {
298         padding: 5px 0;
301 #page-course-view-weeks .weekdates {
302         font-size: 1em;
303         font-weight: normal;
304         color: #777;
305         padding: 2px;
308 .course-content .main {
309   background:#f3f8ed;
310  }
312 .course-content .current {
313   background:#69804e;
314   color:#fff;
315  }
316  
317 .course-content .main .content {
318         padding: 10px;
319         background:#fff;
322 /* Users */
324 .userinfobox {
325         border: none;
326         width: 75%;
327         margin: 0 auto;
330 .userinfobox .content {
331         border: 1px solid #dadfd5;
332         background: #f3f8ed;
333         padding: 10px;
336 #page-user-view .buttons {
337         margin: 0 auto;
338         width: 250px;
341 #page-user-view .buttons div {
342         float: left;
343         padding: 10px;
346 #page-user-index .rolesform {
347         text-align: center;
348         margin: 15px;
351 #page-user-index .rolesform div,
352 #page-user-index .rolesform form,
353 #page-user-index .rolesform div div {
354         display: inline;
357 #page-user-index h3.main {
358         margin: 1em 0;
361 #page-user-index #participantsform {
362         text-align: center;
365 #page-user-index #participants {
366         margin: 25px auto;
367         width: 85%;
370 #page-user-index #participants th a:link,
371 #page-user-index #participants th a:visited {
372         color: #fff;
375 #page-user-index .userinfobox .links a {
376         display: block;
379 #page-user-action_redir .generaltable {
380         margin: 15px auto 20px;
381         width: 80%;
384 #page-user-messageselect .generalbox,
385 #page-user-action_redir .generalbox {
386         border-color: #e5e5e5;
387         padding: 10px;
390 #page-user-messageselect #theform table,
391 #page-user-action_redir #theform table {
392         margin: auto;
395 #page-user-messageselect #theform .generalbox table,
396 #page-user-action_redir #theform .generalbox table {
397         
400 /* My Index */
402 #page-my-index .generalbox {
403         border: none;
404         text-align: center;
407 /* Tabs */
409 .tabtree ul {
410         text-align: center;
413 .tabtree .tabrow0 {
414         width: 100%;
415         margin: 1em 0px;
418 .tabtree .tabrow0 li {
419         margin-right: -4px;
422 .tabtree .tabrow0 li.here {
423         font-weight: bold;
426 .tabtree .tabrow0 li.here a {
427         position: relative;
428         z-index: 102;
431 .tabtree .tabrow0 li a {
432         background: #f3f8ed;
433         border-width: 1px 1px 0;
434         border-style: solid;
435         font-weight: bold;
436         border-color: #dadfd5;
437         padding: 6px 6px 5px;
438         margin-right: 3px;
439         color: #3b4c25;
442 .tabtree .tabrow0 li.here a {
443         background: #fff;
444         border-color: #5b7439;
445         border-bottom-width: 0;
446         cursor: pointer;
449 .tabtree .tabrow0 li a:hover {
450         background: #fff;
451         border-color: #84a754;
454 .tabtree .tabrow0 ul,
455 .tabtree .tabrow0 div {
456         font-weight: normal;
457         background: #fff;
458         border-top: 1px solid #5b7439;
459         padding: 0;
460         margin: 0;
461         margin-top: 1px;
464 .tabtree tabrow2 ul {
465         border: none;
468 .tabtree .tabrow0 li.here .empty {
469         display: block;
470         height: 1px;
471         overflow: hidden;
472         padding: 0px;
473         position: absolute;
474         width: 100%;
475         background: #fff;
478 .tabtree .tabrow1 li a,
479 .tabtree .tabrow1 li a:hover,
480 .tabtree .tabrow1 li a span,
481 .tabtree .tabrow1 li a:hover span {
482         background: none !important;
483         border: none;
484         font-size: 0.95em;
487 .tabtree a.nolink,
488 .tabtree .here ul a.nolink,
489 .tabtree a.nolink:hover,
490 .tabtree .here ul a.nolink:hover {
491         color: #888;
492         text-decoration: none;
495 .tabtree .here a.nolink,
496 .tabtree .here ul .here a.nolink,
497 .tabtree .here a.nolink:hover,
498 .tabtree .here ul .here a.nolink:hover {
499         color: black;
500         text-decoration: none;
503 .ie7 .tabtree .tabrow0 li {
504         margin-left: 0;
507 .ie7 .tabtree .tabrow0 li.first {
508         margin-right: -4px;
511 .ie7 .tabtree .tabrow0 li.onerow {
512         margin-right: 0;
515 .ie7 .tabtree .tabrow0 a {
516         display: inline-block;
517         padding: 8px 0 0.35em 13px;
518         line-height: 1.5em;
521 .ie7 .tabtree .tabrow0 a span {
522         padding: 10px 1em 10px 0;
525 .ie7 .tabtree .tabrow0 div {
526         top: 2.6em;
527         padding: 0.2em 0;
530 .ie7 .tabtree .tabrow0 div.empty {
531         margin-right: 0;
534 .ie7.mod-quiz div.tabtree a span img.iconsmall {
535         margin: 0;
536         vertical-align: baseline;
537         position: relative;
538         top: 2px;
541 .ie6 .tabtree {
542         height: 100%;
545 .ie6 .tabtree .tabrow0 {
546         padding-top: 10px;
549 .ie6 .tabtree .tabrow0 li {
550         margin-left: 0;
553 .ie6 .tabtree .tabrow0 li.first {
554         margin-left: -4px;
555         margin-right: -4px;
558 .ie6 .tabtree .tabrow0 li.last a {
559         margin-right: 0;
562 .ie6 .tabtree .tabrow0 li.onerow {
563         margin-right: 0;
566 .ie6 .tabtree .tabrow0 a {
567         padding: 0 0 0 13px;
570 .ie6 .tabtree .tabrow0 a span {
571         padding: 12px 1em 4px 0;
574 .ie6 .tabtree .tabrow0 div {
575         top: 3.5em;
576         padding: 0.2em 0;
579 /* Mods */
581 #intro {
582         width: 75%;
583         background: #f3f8ed;
584         border: 1px solid #d0d3ca;
585         padding: 10px;
586         margin: 1em auto;
589 #notice,
590 .redirectmessage {
591         text-align: center;
592         border-color: #e5e5e5;
593         padding: 5px;
596 .pagelayout-embedded #page-wrapper {
597         text-align: center;
598         margin: 3% 15%;
601 .pagelayout-embedded #content {
602         padding: 10px;
605 .notifysuccess {
606         text-align: center;
607         margin: 25px;
608         font-weight: bold;
611 /* Forum */
613 .forumpost {
614         border: none;
617 .forumpost .topic {
618         background: #d6eebd;
619         border: 1px solid #a0c278;
620         padding: 5px 10px;
623 .forumpost .starter {
624         background: #c9dfb2;
627 .forumpost .subject {
628         font-size: 1.2em;
631 .forumpost .author {
632         font-style: italic;
633         color: #555;
634         font-size: 0.95em;
637 .forumpost .author a:link,
638 .forumpost .author a:visited {
639         color: #566b3f;
640         text-decoration: underline;
643 .forumpost .author a:hover {
644         text-decoration: none;
647 .forumpost .content {
648         border-width: 1px ;
649         border-color: #a0c278;
650         border-style: solid;
651         padding: 5px 10px;
654 .forumpost .commands {
655         padding: 10px 0;
658 .forumaddnew,
659 .forumnodiscuss {
660         text-align: center;
661         margin-bottom: 15px;
664 .path-mod-forum .forumheaderlist .picture {
665         border-right-width: 0;
666         padding-right: 0;
667         padding-top: 10px;
670 .path-mod-forum .forumheaderlist .replies {
671         text-align: center;
674 .path-mod-forum .forumheaderlist .replies .read {
675         background: #fcffd8;
676         padding: 2px;
679 .path-mod-forum .unread .content {
680         background: #f3f8ed;
683 .path-course-view .section .forum .unread {
684         margin-left: 20px;
687 .path-course-view .section .forum .unread a:link,
688 .path-course-view .section .forum .unread a:visited {
689         color: #888;
690         background: #fcffd8;
691         font-size: 0.9em;
694 #page-mod-forum-search .generalbox {
695         width: 85%;
698 #page-mod-forum-search .searchbox {
699         margin: 25px auto;
702 #page-mod-forum-search .searchbox .submit {
703         padding-top: 20px;
704         text-align: center;
707 /* Resource */
709 .mod_introbox {
710         border-color: #eee;
711         background: #f3f8ed;
712         margin: 0 auto 15px;
713         width: 75%;
716 .path-mod-page .generalbox {
717         margin: 10px auto;
718         border: none;
719         padding: 0 25px;
722 .path-mod-page .modified {
723         color: #777;
724         font-size: 0.8em;
725         text-align: center;
728 #page-mod-folder-view .foldertree {
729         width: 50%;
730         margin: 20px auto;
731         border: 1px solid #e5e5e5;
732         padding: 15px;
735 #page-mod-folder-view .foldertree ul {
736         margin-bottom: 0;
739 /* Assignment */
741 #page-mod-assignment-view .reportlink a {
742         background: #fcffd8;
745 #page-mod-assignment-view .generalbox {
746         width: 75%;
747         border-color: #e5e5e5;
748         padding: 10px;
751 #page-mod-assignment-view #dates {
752         width: 45%;
753         margin: 20px auto 25px;
756 #page-mod-assignment-view #dates table {
757         margin: 0 auto;
760 #page-mod-assignment-view fieldset .fitem {
761         width: 50%;
762         margin: 0 auto;
765 #page-mod-assignment-view fieldset .fitem .fitemtitle {
766         width: 30%;
769 #page-mod-assignment-view fieldset .fitem .ffile {
770         margin-left: 32%;
773 #page-mod-assignment-view .mform fieldset {
774         margin-bottom: 0;
777 #page-mod-assignment-view .mform .fitem .fsubmit {
778         text-align: center;
779         margin: 0;
780         width: 100%;
783 #page-mod-assignment-view .singlebutton {
784         margin: 15px;
787 #page-mod-assignment-view #online {
788         margin: 10px auto;
789         width: 90%;
792 #page-mod-assignment-view #online fieldset .fitem {
793         width: 100%;
796 #page-mod-assignment-view #online fieldset .fitem .fitemtitle {
797         width: 15%;
800 /* Choice */
802 #page-mod-choice-view #notice {
803         width: 55%;
804         padding: 15px;
805         border: none;
806         margin: 0 auto;
809 #page-mod-choice-view h2.main {
810         font-size: 1.5em;
811         margin: 1em 0;
814 .path-mod-choice .results td {
815         padding: 5px;
818 .path-mod-choice .results .count {
819         border-top: 1px solid #69804e;
822 /* Feedback */
824 .path-mod-feedback h4.main {
825         margin-top: 1em;
828 .path-mod-feedback .continuebutton {
829         text-align: center;
830         margin: 1em 0;
833 #page-mod-feedback-show_entries .generalbox {
834         width: 60%;
837 #page-mod-feedback-show_entries table {
838         margin: 0 auto;
841 #page-mod-feedback-analysis table {
842         margin: 0 auto;
845 #page-mod-feedback-analysis .form-buttons {
846         float: right;
847         padding-right: 5px;
850 /* Glossary */
852 #page-mod-glossary-view .glossarycontrol {
853         float: none;
856 #page-mod-glossary-view .singlebutton {
857         text-align: center;
860 #page-mod-glossary-view form .boxaligncenter td {
861         text-align: center;
864 #page-mod-glossary-view .entrybox {
865         text-align: center;
868 .path-mod-glossary .entrybox .glossarycategoryheader {
869         width: 100%;
872 .path-mod-glossary .entrybox .glossarycategoryheader th {
873         background: #f3f8ed;
874         border-bottom: 1px solid #e5e5e5;
877 .path-mod-glossary .entrybox .glossarycategoryheader th h2.main {
878         font-size: 1.2em;
879         line-height: 1.5;
880         margin: 0;
883 .path-mod-glossary .entrybox .entry .concept h3 {
884         display: inline;
885         font-size: 1.2em;
886         line-height: 1.5;
887         margin-bottom: 0;
890 .path-mod-glossary .entrybox .fullwithauthor .concept h3,
891 .path-mod-glossary .entrybox .encyclopedia .concept h3 {
892         margin-bottom: 0.2em;
895 .path-mod-glossary .entrybox .glossarypost {
896         border-bottom: 1px solid #e5e5e5;
899 .path-mod-glossary .entrybox .entryheader {
900         font-weight: normal;
903 .path-mod-glossary .entrybox .entrylist {
904         width: 100%;
907 .path-mod-glossary .entrybox .entrylist .entrylowersection {
908         text-align: right;
911 #page-mod-glossary-editcategories .generalbox {
912         margin: 10px auto;
913         width: 50%;
916 #page-mod-glossary-editcategories .generalbox th {
917         border: none;
920 #page-mod-glossary-editcategories .generalbox .buttons {
921         padding: 15px;
924 #page-mod-glossary-editcategories .generalbox table .action {
925         border-left: 1px solid #eee;
926         text-align: center;
929 #page-mod-glossary-editcategories .generalbox .confirmbuttons,
930 #page-mod-glossary-editcategories .generalbox .editbuttons {
931         margin: 0 auto;
934 .deletecatconfirm {
935         text-align: center;
938 /* Forms */
940 .mform .fitem fieldset.felement {
941         margin: 0 auto 1em;
942         padding-left: 25px;
943         padding-top: 0;
944         text-align: center;
947 .path-backup .mform .fitem fieldset.felement {
948         margin-left: 0;
949         padding-left: 0;
952 /* Tables */
954 #page-mod-glossary-editcategories .generalbox,
955 #page-user-action_redir .generaltable,
956 #page-user-index #participants,
957 .path-mod-forum .forumheaderlist {
958         border-width: 1px;
959         border-color: #d0d3ca;
960         border-style: solid;
963 #page-mod-glossary-editcategories .generalbox th,
964 #page-user-action_redir .generaltable th,
965 #page-user-index #participants th,
966 .path-mod-choice .results th,
967 .path-mod-forum .forumheaderlist th {
968         border-width: 0 0 2px;
969         border-color: #3b4c25;
970         border-style: solid;
971         background: #69804e;
972         padding-left: 5px;
973         color: #fff;
976 #page-user-action_redir .generaltable td,
977 #page-user-index #participants td,
978 .path-mod-forum .forumheaderlist td {
979         border-color: #d0d3ca;
980         border-width: 0 1px 1px 0;
981         border-style: solid;
982         border-collapse: collapse;
983         padding: 2px 8px;
986 #page-user-action_redir .generaltable .r1 td,
987 #page-user-index #participants .r0 td,
988 .path-mod-choice .results .count,
989 .path-mod-forum .forumheaderlist .r1 td {
990         background: #f3f8ed;
993 /* Footer */
995 #page-footer {
996         background: #4e6632;
997         color: #fff;
1000 #page-footer a {
1001         color: #b3c79d;
1004 #page-footer a:hover {
1005         color: #fff;
1008 #page-footer .logininfo {
1009         float: left;
1010         padding: 5px;
1011         margin: 0;
1014 #page-footer .helplink {
1015         float: right;
1016         padding: 5px;
1017         margin: 0;
1020 #page-footer-bottom {
1021         text-align: center;
1022         margin: 10px 20%;
1025 .performanceinfo span {
1026         display: block;
1029 .validators {
1030         margin-top: 40px;
1031         padding-top: 5px;
1032         border-top: 1px dotted gray;
1035 .validators ul {
1036         margin: 0px;
1037         padding: 0px;
1038         list-style-type: none;
1041 .validators ul li {
1042         display: inline;
1043         margin-right: 10px;
1044         margin-left: 10px;