Merge branch 'MDL-22351' of git://github.com/lazydaisy/moodle
[moodle.git] / theme / anomaly / style / general.css
1 /** Core **/
3 a:link {
4     text-decoration: none;
5     color: #697F55;
6 }
7 a:visited {
8     text-decoration: none;
9     color: #697F55;
10 }
11 a:hover {
12     text-decoration: underline;
13 }
15 img.icon,
16 img.iconhelp {
17     vertical-align: middle;
18 }
20 html, body {
21     background-color: #C8C9C7;
22 }
24 #page-content {
25     background-color: #FFF;
26 }
28 #page-header {
29     background-color: #222;
30     color: #FFF;
31     border-bottom: 5px solid #697F55;
32 }
33 .hasnavbar #page-header {
34     border-bottom-width: 0;
35 }
37 #page-footer {
38     background-color: #222;
39     color: #FFF;
40 }
42 #page-header .headermain span {
43     color: #C8C9C7;
44 }
46 #page-header .navbar {
47     background-color: #697F55;
48     width: 100%;
49 }
50 #page-header .navbar {
51     color: #000;
52 }
53 #page-header .navbar a:link,
54 #page-header .navbar a:visited {
55     color: #fff;
56 }
57 #page-header .navbar .breadcrumb,
58 #page-header .navbar .navbutton {
59     margin: 5px 1em;
60 }
62 /** General **/
63 .generalbox {
64     border: 1px solid #DDDDDD;
65 }
66 .generaltable td {
67     border-width: 0;
68 }
69 .sitetopic {
70     border-width: 0;
71 }
72 .headingblock {
73     margin-bottom: 10px;
74     border-bottom: 1px solid #697F55;
75     background-color: #E3E3E3;
76     padding: 4px 5px;
77 }
79 .coursebox {
80     width: 100%;
81     margin: 10px 0;
82     border-bottom: 1px solid #E3E3E3;
83     overflow: hidden;
84     padding-bottom: 10px;
85 }
86 .coursebox .info {
87     width: 35%;
88     float: left;
89 }
90 .coursebox .summary {
91     width: 60%;
92     float: right;
93 }
95 .course-content ul.section {
96     margin: 0;
97 }
99 .course-content .headingblock.outline {
100     margin-top: 0;
103 .course-content .section.main {
104     border:1px solid #E3E3E3;
105     margin-bottom: 10px;
108 .course-content .section.main .left.side {
109     float:left;width:20px;padding:5px;
112 .course-content .section.main .right.side {
113     float: right;
114     width: 20px;
115     padding: 5px;
118 .course-content .section.main .content {
119     margin: 0 30px 10px 30px;
120     background-color: #FFF;
123 .course-content .section.main .content .section_add_menus {
124     text-align: right;
127 #page-report-outline-user .section {
128     border:i 1px solid #DDD;
129     margin: 0 5% 1.5em 5%;
132 #page-report-outline-user .section h2,
133 #page-report-outline-user .section .content {
134     margin: 5px 1em;
137 #page-report-outline-user .section table td {
138     border: 0;
141 .generaltable {
142     border: 1px solid #DDD;
145 .generaltable .cell {
146     background-color: #FFF;
147     border:1px solid #EEE;
148     border-collapse: collapse;
151 .generaltable .header {
152     background-color: #EEE;
153     border: 1px solid #EEE;
154     font-weight: bold;
157 /** Login **/
158 .loginbox {
159     margin-top: 15px;
160     margin-bottom: 15px;
163 .loginbox .loginform {
164     margin-top: 15px;
167 .loginbox .loginform .form-label {
168     width: 39%;
169     float: left;
170     text-align: right;
173 .loginbox .loginform .form-input {
174     width: 60%;
175     float: right;
176     text-align: left;
179 .loginbox .loginform .form-input input {
180     width: 6em;
183 .loginbox.twocolumns {
184     border: 1px solid #DDD;
187 .loginbox.twocolumns .loginpanel {
188     float: left;
189     width: 49%;
190     text-align: center;
193 .loginbox.twocolumns .signuppanel {
194     float: left;
195     width: 50%;
196     border-left: 1px solid #DDD;
199 .loginbox.twocolumns .signuppanel h2 {
200     text-align: center;
203 .loginbox.twocolumns .signuppanel div {
204     margin: 1em;
207 .loginbox.twocolumns .signuppanel div li {
208     font-size: 90%;
211 .loginbox .loginsub {
212     margin-left: 10%;
213     margin-right: 10%;
214     padding: 10px;
215     margin-bottom: 5px;
218 .loginbox .guestsub {
219     margin-left: 10%;
220     margin-right: 10%;
221     padding: 10px;
222     margin-bottom: 5px;
223     border-top: 1px solid #DDD;
226 /** Blocks **/
228 .block {
229     border: 1px solid #C8C9C7;
230     background-color: #E3E3E3;
231     margin-bottom: 10px;
232     overflow: hidden;
234 .block h1,
235 .block h2,
236 .block h3,
237 .block h4 {
238     margin: 0;
241 .block .header {
242     margin: 10px 6px 3px 6px;
245 .block .content {
246     margin: 10px 6px 3px 6px;
249 /** Admin **/
250 .box.adminwarning {
251     text-align: center;
252     border: 1px solid #C8C9C7;
253     background-color: #E3E3E3;
254     margin-bottom: 1em;
255     padding: 10px 10%;
257 .box.copyright {
258     text-align: center;
259     font-size: 90%;
260     padding: 10px 10%;
263 #adminsettings fieldset {
264     border: 1px solid #C8C9C7;
265     background-color: #E3E3E3;
268 #adminsettings fieldset .generalbox {
269     margin: 1em 0.5em;
270     border-color: #C8C9C7;
273 #adminsettings .form-buttons {
274     margin-left: 13em;
277 .form-item {
278     width: 100%;
279     margin: 1em 1em 2em 1em;
282 .form-item .form-label {
283     width: 12.5em;
284     text-align: right;
285     float: left;
286     margin-right: 0.5em;
289 .form-item .form-label .form-shortname {
290     display: block;
291     color: #666;
292     font-size: 75%;
295 .form-item .form-setting {
296     margin-left: 13em;
299 .form-item .form-setting .defaultsnext {
300     display:inline;
303 .form-item .form-setting .form-defaultinfo {
304     display: inline;
305     margin-left: 0.5em;
306     font-size: 90%;
307     color: #666;
310 .form-item .form-description {
311     margin: 0.5em 1em 0.5em 13em;
314 .form-item .form-textarea textarea {
315     width: 495px;
318 #authmenu .informationbox {
319     width: 80%;
320     margin: 0 auto 10px;
321     border: 1px solid #C8C9C7;
322     padding: 10px;
324 #authmenu table td {
325     border-width: 0;
328 #categoryquestions {
329     margin-left: auto;
330     margin-right: auto;
331     width: 100%;
334 #categoryquestions th,
335 .user th,
336 .user th.header,
337 .group th.header,
338 .admin table tr th,
339 .admin table tr th.header {
340     background-color: #697F55;
341     color: #FFF;
342     border: 2px solid #697F55;
343     border-bottom-color: #111;
346 .user th a:link,
347 #categoryquestions th a:link,
348 .group  th a:link,
349 .admin table tr th a:link {
350     color: #FFF;
351     text-decoration: none;
354 .user th a:visited,
355 #categoryquestions th a:visited,
356 .group th a:visited,
357 .admin table tr th a:visited {
358     color: #FFF;
359     text-decoration: underline;
362 .user tr td.cell,
363 #categoryquestions tr td.cell,
364 .group tr td.cell,
365 .admin table tr td.cell {
366     border: 1px solid #C8C9C7;
367     border-width: 0 1px;
370 .user .r1 .cell,
371 #categoryquestions .r1 .cell,
372 .group .r1 .cell,
373 .admin table .r1 .cell {
374     background-color: #EEE;
377 .singlebutton,
378 .buttons {
379     text-align: center;
380     margin: 20px;
383 .buttons form {
384     display: inline;
387 .buttons div {
388     display: inline;
391 .buttons .singlebutton {
392     display: inline;
393     padding: 5px;
394     margin: 0;
397 .admin .generalbox {
398     background-color: #EEE;
399     border-color: #C8C9C7;
402 #admin-mnet-index table td,
403 #files-index .column-content table td {
404     border-width: 0;
407 /** Mforms **/
408 .mform fieldset {
409     border-color: #C8C9C7;
412 /** Tags **/
413 .tag-management-form {
414     text-align:center;
417 #tag-management-list {
418     margin-top:1em;
421 /** User **/
422 .userinfobox td {
423     border-width: 0;
424     vertical-align: top;
427 .userinfobox .side {
428     width: 120px;
429     text-align: center;
432 .userinfobox .list .label {font-weight:bold;text-align:right;
435 /** Forum **/
436 .forumheaderlist,
437 .forumpost {
438     margin-top: 15px;
439     border: 1px solid #DDD;
440     border-collapse: separate;
442 .forumpost td {
443     border-width: 0;
445 .forumpost .topic {
446     background-color: #C8C9C7;
448 .forumpost .topic .subject {
449     font-weight: bold;
451 .forumpost .topic .author {font-size:0.8em;
453 .forumpost .left {
454     background-color: #EEE;
455     padding: 4px;
456     text-align: center;
457     vertical-align: top;
458     width: 35px;
461 .forumpost .content .commands {
462     font-size: 0.9em;
463     clear: both;
464     padding-top: 0.5em;
465     text-align: right;
467 .forumpost .content .link {
468     font-size: 0.9em;
471 .forumpost .content .footer {
472     font-size: 0.9em;
473     padding-top: 0.5em;
474     text-align: right;
477 /** Calendar **/
478 .block.block_calendar_month td,
479 .block.block_calendar_month th {
480     border-width: 0;
481     font-size: 10px;
482     padding: 1px;
483     width: 14%;
484     line-height: 18px;
487 #calendar abbr,
488 .block.block_calendar_month abbr {
489     border-bottom-width: 0;
492 #calendar .weekend,
493 .block.block_calendar_month .weekend {
494     color: #A00;
496 #calendar .maincalendar .calendarmonth td.today,
497 .block.block_calendar_month .today {
498     border: 1px solid #444;
501 #calendar .eventnone a,
502 .block.block_calendar_month .eventnone a {
503     color:#444;
506 #calendar {
507     width: 98%;
508     margin: 0 1%;
509     border-spacing: 5px;
510     border-collapse: separate;
513 #calendar td,
514 #calendar th {
515     border-width: 0;
516     font-size: 10px;
517     padding: 1px;
518     width: 14%;
519     line-height: 18px;
520     vertical-align: top;
523 #calendar .maincalendar {
524     width: auto;
525     border: 1px solid #DDD;
528 #calendar .maincalendar .heightcontainer {
529     height: 100%;
530     position: relative;
531     margin: 1em;
534 #calendar .maincalendar .header {
535     padding: 5px;
536     font-weight: bold;
539 #calendar .maincalendar .header .buttons {
540     float: right;
543 #calendar .maincalendar table {
544     width: 100%;
547 #calendar .maincalendar .calendar-controls {
548     width: 100%;
549     overflow: hidden;
550     font-size: 1.1em;
553 #calendar .maincalendar .calendar-controls .previous {
554     display: block;
555     float: left;
556     width: 20%;
559 #calendar .maincalendar .calendar-controls .current {
560     display: block;
561     float: left;
562     width: 60%;
563     text-align: center;
564     margin-top: 0;
567 #calendar .maincalendar .calendar-controls .next {
568     display: block;
569     float: left;
570     width: 20%;
571     text-align: right;
574 #calendar .sidecalendar {
575     width: 200px;
578 #calendar .sidecalendar h2,
579 #calendar .sidecalendar h3 {
580     margin: 5px;
581     font-size: 95%;
584 #calendar .sidecalendar .block {
585     border: 1px solid #DDD;
586     margin-bottom: 10px;
587     text-align: center;
590 #calendar .sidecalendar .block table {
591     margin: 0 auto 5px;
594 #calendar .sidecalendar .block .filters table {
595     width: 95%;
596     margin: 0 auto 1em;
599 #calendar .sidecalendar .block .minicalendarblock {
600     border-top: 1px solid #DDD;
603 #calendar .filters table {
604     padding: 2px;
605     background-color: #EEE;
606     border: 1px solid #DDD;
607     border-spacing: 2px;
608     border-collapse: separate;
611 #calendar .filters table td {
612     font-size: 100%;
613     width: auto;
616 #calendar .filters .eventskey {
617     border: 1px solid #444;
618     overflow: hidden;
621 #calendar .calendar_event_global {
622     background-color: #D6F8CD;
625 #calendar .calendar_event_course {
626     background-color: #FFD3BD;
629 #calendar .calendar_event_group {
630     background-color: #FEE7AE;
633 #calendar .calendar_event_user {
634     background-color: #DCE7EC;
637 #calendar .maincalendar .calendarmonth {
638     border-collapse: separate;
641 #calendar .maincalendar .calendarmonth th {
642     font-size: 0.9em;
643     border-bottom: 2px solid #444;
646 #calendar .maincalendar .calendarmonth td {
647     border: 1px solid #EEE;
648     border-bottom-color: #CCC;
649     border-right-color: #CCC;
650     height: 6em;
653 #calendar .maincalendar .calendarmonth td div {margin:4px;font-size:0.9em;
656 #calendar .maincalendar .calendarmonth td .day {font-weight:bold;
659 #calendar .maincalendar .calendarmonth tr td:first-child {
660     border-left-color: #CCC;
663 #calendar .maincalendar .event {
664     border-spacing: 0;
665     border: 1px solid #DDD;
666     background-color: #EEE;
669 #calendar .maincalendar .event .picture {
670     width: 32px;
671     text-align: center;
674 #calendar .maincalendar .event .topic {
675     width: auto;
676     padding: 5px;
679 #calendar .maincalendar .event .side {
680     width: 32px;
683 #calendar .maincalendar .event .description {
684     width: auto;
685     border-top: 1px solid #DDD;
686     border-left:1px solid #DDD;
687     padding: 5px;
690 #calendar .maincalendar .bottom {
691     text-align: center;
694 #calendar .calendarmonth ul {
695     margin: 0;
696     padding: 0;
699 #calendar .calendarmonth ul li {
700     list-style: none;
701     margin: 0;
702     padding: 2px;
705 /** User **/
707 .user .rolesform,
708 .user .searchform,
709 .user #showall,
710 .user #participantsform {
711     text-align:center;
714 .user #participantsform table {
715     margin-top:1em;
718 .user #participantsform td {text-align:left;
721 .user table.controls {
722     margin: 5px auto;
723     border: 1px solid #DDD;
724     background-color: #EEE;
725     border-collapse: collapse;
727 .user table.controls td {
728     border-width:0px;
731 /** Overide for RTL layout **/
733 .dir-rtl #page-header .navbar .breadcrumb {
734     float:right;
736 .dir-rtl #page-header .navbar .navbutton {
737     float:left;
740 /** Custom menu **/
742 #custommenu {
743     margin-bottom: 0;
746 #custommenu .yui3-menu-horizontal .yui3-menu-content,
747 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
748 #custommenu .yui3-menu-horizontal .yui3-menu-content ul,
749 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content ul,
750 #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content li li:hover > a,
751 #custommenu .yui3-menu-horizontal .yui3-menu-label,
752 #custommenu .yui3-menuitem,
753 #custommenu .yui3-menuitem .yui3-menuitem-content {
754     border-width: 0;
757 #custommenu .yui3-menu .yui3-menu-label,
758 #custommenu .yui3-menu .yui3-menuitem-content {
759     color: #FFF;
760     font-weight: bold;
761     line-height: 30px;
762     padding: 0 14px;
765 #custommenu .custom_menu_submenu .yui3-menu-content{
766     background-color: #3A4D28;
769 #custommenu .custom_menu_submenu .yui3-menu-label,
770 #custommenu .custom_menu_submenu .yui3-menuitem-content {
771     line-height: 25px;
772     padding: 0 20px;
775 #custommenu .yui3-menu-label-active,
776 #custommenu .yui3-menu-label-menuvisible,
777 #custommenu .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
778     background-color: #697F55;