Merge branch 'wip-mdl-35047-m23' of git://github.com/rajeshtaneja/moodle into 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 }
14 img.icon,
15 img.iconhelp {
16     vertical-align: middle;
17 }
18 html, body {
19     background-color: #C8C9C7;
20 }
21 #page-content {
22     background-color: #FFF;
23     min-width: 0;
24 }
25 /** Header **/
27 #page-header {
28     background-color: #222;
29     color: #FFF;
30     border-bottom: 5px solid #697F55;
31     margin: 0;
32     padding: 0;
33     width: 100%;
34 }
35 h1.headermain {
36     float: left;
37     font-size: 2.3em;
38     margin: 15px;
39     line-height: 1;
40 }
41 #page-header .headermain span {
42     color: #C8C9C7;
43 }
45 /** Navbar **/
47 .hasnavbar #page-header {
48     border-bottom-color: #3A4D28;
49     border-bottom-width: 3px;
50 }
51 #page-header .navbar {
52     background-color: #697F55;
53     width: 100%;
54     margin: 0;
55     padding: 0;
56 }
57 #page-header .navbar {
58     color: #000;
59 }
60 #page-header .navbar a:link,
61 #page-header .navbar a:visited {
62     color: #fff;
63 }
64 #page-header .navbar .breadcrumb,
65 #page-header .navbar .navbutton {
66     margin: 5px 1em;
67 }
69 /** Footer **/
71 #page-footer {
72     background-color: #222;
73     color: #FFF;
74 }
76 /** General **/
77 .generalbox {
78     border: 1px solid #DDDDDD;
79 }
80 .generaltable td {
81     border-width: 0;
82 }
83 .sitetopic {
84     border-width: 0;
85 }
86 .headingblock {
87     margin-bottom: 10px;
88     border-bottom: 1px solid #697F55;
89     background-color: #E3E3E3;
90     padding: 4px 5px;
91 }
92 .coursebox {
93     width: 100%;
94     margin: 10px 0;
95     border-bottom: 1px solid #E3E3E3;
96     overflow: hidden;
97     padding-bottom: 10px;
98 }
99 .coursebox .info {
100     width: 35%;
101     float: left;
103 .coursebox .summary {
104     width: 60%;
105     float: right;
108 .course-content ul.section {
109     margin: 0;
112 .course-content .headingblock.outline {
113     margin-top: 0;
115 .course-content .section.main {
116     border:1px solid #E3E3E3;
117     margin-bottom: 10px;
119 .course-content .section.main .left.side {
120     float:left;width:20px;padding:5px;
122 .course-content .section.main .right.side {
123     float: right;
124     width: 20px;
125     padding: 5px;
127 .course-content .section.main .content {
128     padding: 5px 5px 10px;
129     background-color: #FFF;
131 .course-content .section.main .content .section_add_menus {
132     text-align: right;
134 #page-report-outline-user .section {
135     border: 1px solid #DDD;
136     margin: 0 5% 1.5em 5%;
138 #page-report-outline-user .section h2,
139 #page-report-outline-user .section .content {
140     margin: 5px 1em;
142 #page-report-outline-user .section table td {
143     border: 0;
145 .generaltable {
146     border: 1px solid #DDD;
148 .generaltable .cell {
149     background-color: #FFF;
150     border:1px solid #EEE;
151     border-collapse: collapse;
153 .generaltable .header {
154     background-color: #EEE;
155     border: 1px solid #EEE;
156     font-weight: bold;
159 /** Login **/
160 .loginbox {
161     margin-top: 15px;
162     margin-bottom: 15px;
164 .loginbox .loginform {
165     margin-top: 15px;
167 .loginbox .loginform .form-label {
168     width: 44%;
169     float: left;
170     text-align: right;
172 .loginbox .loginform .form-input {
173     width: 55%;
174     float: right;
175     text-align: left;
178 .loginbox .loginform .form-input input {
179     width: 6em;
181 .loginbox.twocolumns {
182     border: 1px solid #DDD;
184 .loginbox.twocolumns .loginpanel {
185     float: left;
186     width: 49%;
187     text-align: center;
189 .loginbox.twocolumns .signuppanel {
190     float: left;
191     width: 50%;
192     border-left: 1px solid #DDD;
194 .loginbox.twocolumns .signuppanel h2 {
195     text-align: center;
197 .loginbox.twocolumns .signuppanel div {
198     margin: 1em;
200 .loginbox.twocolumns .signuppanel div li {
201     font-size: 90%;
203 .loginbox .loginsub {
204     margin-left: 10%;
205     margin-right: 10%;
206     padding: 10px;
207     margin-bottom: 5px;
209 .loginbox .guestsub {
210     margin-left: 10%;
211     margin-right: 10%;
212     padding: 10px;
213     margin-bottom: 5px;
214     border-top: 1px solid #DDD;
216 .dir-rtl .loginbox .loginform .form-input {width:50%}
218 /** Blocks **/
220 .block {
221     border: 1px solid #C8C9C7;
222     background-color: #E3E3E3;
223     margin-bottom: 10px;
224     overflow: hidden;
226 .block h1,
227 .block h2,
228 .block h3,
229 .block h4 {
230     margin: 0;
232 .block .header {
233     margin: 10px 6px 3px 6px;
235 .block .content {
236     margin: 10px 6px 3px 6px;
238 /** Admin **/
239 .box.adminwarning {
240     text-align: center;
241     border: 1px solid #C8C9C7;
242     background-color: #E3E3E3;
243     margin-bottom: 1em;
244     padding: 10px 10%;
246 .box.copyright {
247     text-align: center;
248     font-size: 90%;
249     padding: 10px 10%;
251 #adminsettings fieldset {
252     border: 1px solid #C8C9C7;
253     background-color: #E3E3E3;
255 #adminsettings fieldset .generalbox {
256     margin: 1em 0.5em;
257     border-color: #C8C9C7;
259 #adminsettings .form-buttons {
260     margin-left: 13em;
262 .form-item {
263     width: 100%;
264     margin: 1em 1em 2em 1em;
266 .form-item .form-label {
267     width: 12.5em;
268     text-align: right;
269     float: left;
270     margin-right: 0.5em;
272 .form-item .form-label .form-shortname {
273     display: block;
274     color: #666;
275     font-size: 75%;
277 .form-item .form-setting {
278     margin-left: 13em;
280 .form-item .form-setting .defaultsnext {
281     display:inline;
283 .form-item .form-setting .form-defaultinfo {
284     display: inline;
285     margin-left: 0.5em;
286     font-size: 90%;
287     color: #666;
289 .form-item .form-description {
290     margin: 0.5em 1em 0.5em 13em;
292 .form-item .form-textarea textarea {
293     width: 495px;
295 #authmenu .informationbox {
296     width: 80%;
297     margin: 0 auto 10px;
298     border: 1px solid #C8C9C7;
299     padding: 10px;
301 #authmenu table td {
302     border-width: 0;
304 #categoryquestions {
305     margin-left: auto;
306     margin-right: auto;
307     width: 100%;
309 #categoryquestions th,
310 .user th,
311 .user th.header,
312 .group th.header,
313 .admin table tr th,
314 .admin table tr th.header {
315     background-color: #697F55;
316     color: #FFF;
317     border: 2px solid #697F55;
318     border-bottom-color: #111;
320 .user th a:link,
321 #categoryquestions th a:link,
322 .group  th a:link,
323 .admin table tr th a:link {
324     color: #FFF;
325     text-decoration: none;
327 .user th a:visited,
328 #categoryquestions th a:visited,
329 .group th a:visited,
330 .admin table tr th a:visited {
331     color: #FFF;
332     text-decoration: underline;
334 .user tr td.cell,
335 #categoryquestions tr td.cell,
336 .group tr td.cell,
337 .admin table tr td.cell {
338     border: 1px solid #C8C9C7;
339     border-width: 0 1px;
341 .user .r1 .cell,
342 #categoryquestions .r1 .cell,
343 .group .r1 .cell,
344 .admin table .r1 .cell {
345     background-color: #EEE;
347 .singlebutton,
348 .buttons {
349     text-align: center;
350     margin: 20px;
352 .buttons form {
353     display: inline;
355 .buttons div {
356     display: inline;
358 .buttons .singlebutton {
359     display: inline;
360     padding: 5px;
361     margin: 0;
363 .admin .generalbox {
364     background-color: #EEE;
365     border-color: #C8C9C7;
367 #admin-mnet-index table td,
368 #files-index .column-content table td {
369     border-width: 0;
372 /** Mforms **/
373 .mform fieldset {
374     border-color: #C8C9C7;
377 /** Tags **/
378 .tag-management-form {
379     text-align:center;
381 #tag-management-list {
382     margin-top:1em;
385 /** User **/
386 .userinfobox td {
387     border-width: 0;
388     vertical-align: top;
390 .userinfobox .side {
391     width: 120px;
392     text-align: center;
394 .userinfobox .list .label {font-weight:bold;text-align:right;
397 /** Forum **/
399 .forumheaderlist,
400 .forumpost {
401     margin-top: 15px;
402     border: 1px solid #DDD;
403     border-collapse: separate;
405 .forumpost,
406 .forumpost .left.picture {
407     background-color: #EEE;
409 .forumpost .row .left {
410     float: left;
411     overflow: hidden;
412     width: 43px;
414 .forumpost .row.header {
415     background-color: transparent;
416     height: 39px;
418 .forumpost .topic.firstpost.starter {
419     background-color: #C8C9C7;
421 .forumpost .topic .subject,
422 .forumpost .topic .author {
423     padding-left: 10px;
425 .forumpost .content,
426 .forumpost .options {
427     background-color: white;
428     padding-top: 10px;
430 .forumpost .content .shortenedpost a {
431     margin: 0 10px;
432     padding: 0;
434 .forumpost .options .commands,
435 .forumpost .content .attachments,
436 .forumpost .options .footer,
437 .forumpost .options .link {
438     float: right;
440 .forumpost .options .commands,
441 .forumpost .options .link {
442     padding-right: 10px;
444 .forumpost .content .shortenedpost a,
445 .forumpost .content .shortenedpost span.post-word-count,
446 .forumpost .commands,
447 .forumpost .topic .author,
448 .forumpost .options .link {
449     font-size: 85%;
450     line-height: 1.6;
452 .forumpost .row .left {
453     clear: left;
455 .forumpost .posting.shortenedpost {margin-left: 10px;}
457 #page-mod-forum-discuss #page-header { /* fixes broken header in forum discuss */
458     margin-top: 10px;
460 /** Calendar **/
461 .block.block_calendar_month td,
462 .block.block_calendar_month th {
463     border-width: 0;
464     font-size: 10px;
465     padding: 1px;
466     width: 14%;
467     line-height: 18px;
469 #calendar abbr,
470 .block.block_calendar_month abbr {
471     border-bottom-width: 0;
473 #calendar .weekend,
474 .block.block_calendar_month .weekend {
475     color: #A00;
477 #calendar .maincalendar .calendarmonth td.today,
478 .block.block_calendar_month .today {
479     border: 1px solid #444;
481 #calendar .eventnone a,
482 .block.block_calendar_month .eventnone a {
483     color:#444;
485 #calendar {
486     width: 98%;
487     margin: 0 1%;
488     border-spacing: 5px;
489     border-collapse: separate;
491 #calendar td,
492 #calendar th {
493     border-width: 0;
494     font-size: 10px;
495     padding: 1px;
496     width: 14%;
497     line-height: 18px;
498     vertical-align: top;
500 #calendar .maincalendar {
501     width: auto;
502     border: 1px solid #DDD;
504 #calendar .maincalendar .heightcontainer {
505     height: 100%;
506     position: relative;
507     margin: 1em;
509 #calendar .maincalendar .header {
510     padding: 5px;
511     font-weight: bold;
513 #calendar .maincalendar .header .buttons {
514     float: right;
516 #calendar .maincalendar table {
517     width: 100%;
519 #calendar .maincalendar .calendar-controls {
520     width: 100%;
521     overflow: hidden;
522     font-size: 1.1em;
524 #calendar .maincalendar .calendar-controls .previous {
525     display: block;
526     float: left;
527     width: 20%;
529 #calendar .maincalendar .calendar-controls .current {
530     display: block;
531     float: left;
532     width: 60%;
533     text-align: center;
534     margin-top: 0;
536 #calendar .maincalendar .calendar-controls .next {
537     display: block;
538     float: left;
539     width: 20%;
540     text-align: right;
542 #calendar .sidecalendar {
543     width: 200px;
545 #calendar .sidecalendar h2,
546 #calendar .sidecalendar h3 {
547     margin: 5px;
548     font-size: 95%;
550 #calendar .sidecalendar .block {
551     border: 1px solid #DDD;
552     margin-bottom: 10px;
553     text-align: center;
555 #calendar .sidecalendar .block table {
556     margin: 0 auto 5px;
558 #calendar .sidecalendar .block .filters table {
559     width: 95%;
560     margin: 0 auto 1em;
562 #calendar .sidecalendar .block .minicalendarblock {
563     border-top: 1px solid #DDD;
565 #calendar .filters table {
566     padding: 2px;
567     background-color: #EEE;
568     border: 1px solid #DDD;
569     border-spacing: 2px;
570     border-collapse: separate;
572 #calendar .filters table td {
573     font-size: 100%;
574     width: auto;
577 #calendar .filters .eventskey {
578     border: 1px solid #444;
579     overflow: hidden;
581 #calendar .calendar_event_global {
582     background-color: #D6F8CD;
584 #calendar .calendar_event_course {
585     background-color: #FFD3BD;
587 #calendar .calendar_event_group {
588     background-color: #FEE7AE;
590 #calendar .calendar_event_user {
591     background-color: #DCE7EC;
593 #calendar .maincalendar .calendarmonth {
594     border-collapse: separate;
596 #calendar .maincalendar .calendarmonth th {
597     font-size: 0.9em;
598     border-bottom: 2px solid #444;
600 #calendar .maincalendar .calendarmonth td {
601     border: 1px solid #EEE;
602     border-bottom-color: #CCC;
603     border-right-color: #CCC;
604     height: 6em;
606 #calendar .maincalendar .calendarmonth td div {margin:4px;font-size:0.9em;
609 #calendar .maincalendar .calendarmonth td .day {font-weight:bold;
611 #calendar .maincalendar .calendarmonth tr td:first-child {
612     border-left-color: #CCC;
614 #calendar .maincalendar .event {
615     border-spacing: 0;
616     border: 1px solid #DDD;
617     background-color: #EEE;
619 #calendar .maincalendar .event .picture {
620     width: 32px;
621     text-align: center;
623 #calendar .maincalendar .event .topic {
624     width: auto;
625     padding: 5px;
627 #calendar .maincalendar .event .side {
628     width: 32px;
630 #calendar .maincalendar .event .description {
631     width: auto;
632     border-top: 1px solid #DDD;
633     border-left:1px solid #DDD;
634     padding: 5px;
636 #calendar .maincalendar .bottom {
637     text-align: center;
639 #calendar .calendarmonth ul {
640     margin: 0;
641     padding: 0;
643 #calendar .calendarmonth ul li {
644     list-style: none;
645     margin: 0;
646     padding: 2px;
648 /** User **/
650 .user .rolesform,
651 .user .searchform,
652 .user #showall,
653 .user #participantsform {
654     text-align:center;
656 .user #participantsform table {
657     margin-top:1em;
659 .user #participantsform td {text-align:left;
661 .user table.controls {
662     margin: 5px auto;
663     border: 1px solid #DDD;
664     background-color: #EEE;
665     border-collapse: collapse;
667 .user table.controls td {
668     border-width:0px;
670 /** Overide for RTL layout **/
672 .dir-rtl #page-header .navbar .breadcrumb {
673     float:right;
675 .dir-rtl #page-header .navbar .navbutton {
676     float:left;
679 /* Add Block
680 -------------------------*/
681 .block .content .singleselect form#add_block .select.menubui_addblock { width: 160px;}