MDL-5875 forum: Option to display post word count
[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 .pagelayout-frontpage #page-header {
28     border-bottom: 5px solid #697F55;
29 }
30 #page-header {
31     background-color: #222;
32     color: #FFF;
33     margin: 0;
34     padding: 0;
35     width: 100%;
36 }
37 h1.headermain {
38     font-size: 30px;
39     margin: 20px;
40     font-weight: 400;
41 }
42 .pagelayout-frontpage h1.headermain,
43 h2.tagline {
44     float: left;
45     line-height: 1;
46     padding: 0;
47 }
48 .pagelayout-frontpage h1.headermain {
49     margin-bottom: 0;
50 }
51 h2.tagline {
52     clear: left;
53     color: #bbb;
54     margin-top: 0;
55     margin-bottom: 20px;
56     margin-left: 20px;
57     font-size: 100%;
58     font-weight: normal;
59 }
61 /** Navbar **/
63 #page-header .navbar {
64     background-color: #697F55;
65     width: 100%;
66     margin: 0;
67     padding: 0;
68     color: #000;
69     height: 30px;
70 }
71 #page-header .navbar a:link,
72 #page-header .navbar a:visited {
73     color: #fff;
74 }
75 #page-header .navbar .breadcrumb,
76 #page-header .navbar .navbutton {
77     line-height: 1.5;
78 }
79 #page-header .navbar .breadcrumb {
80     margin: 5px 5px 0 20px;
81 }
82 #page-header .navbar .navbutton {
83     margin: 3px 5px 3px;
84 }
85 #page-header .navbar .navbutton .singlebutton {
86     margin: 0;
87 }
89 /** Footer **/
91 #page-footer {
92     background-color: #222;
93     color: #FFF;
94 }
95 #page-footer .helplink {
96     margin-top: 10px;
97 }
99 /** General **/
100 .generalbox {
101     border: 1px solid #DDDDDD;
103 .generaltable td {
104     border-width: 0;
106 .sitetopic {
107     border-width: 0;
109 .headingblock {
110     margin-bottom: 10px;
111     border-bottom: 1px solid #697F55;
112     background-color: #E3E3E3;
113     padding: 4px 5px;
115 .coursebox {
116     width: 100%;
117     margin: 10px 0;
118     border-bottom: 1px solid #E3E3E3;
119     overflow: hidden;
120     padding-bottom: 10px;
122 .coursebox .info {
123     width: 35%;
124     float: left;
126 .coursebox .summary {
127     width: 60%;
128     float: right;
131 .course-content ul.section {
132     margin: 0;
135 .course-content .headingblock.outline {
136     margin-top: 0;
138 .course-content .section.main {
139     border:1px solid #E3E3E3;
140     margin-bottom: 10px;
142 .course-content .section.main .left.side {
143     float:left;width:20px;padding:5px;
145 .course-content .section.main .right.side {
146     float: right;
147     width: 20px;
148     padding: 5px;
150 .course-content .section.main .content {
151     padding: 5px 5px 10px;
152     background-color: #FFF;
154 .course-content .section.main .content .section_add_menus {
155     text-align: right;
157 #page-report-outline-user .section {
158     border: 1px solid #DDD;
159     margin: 0 5% 1.5em 5%;
161 #page-report-outline-user .section h2,
162 #page-report-outline-user .section .content {
163     margin: 5px 1em;
165 #page-report-outline-user .section table td {
166     border: 0;
168 .generaltable {
169     border: 1px solid #DDD;
171 .generaltable .cell {
172     background-color: #FFF;
173     border:1px solid #EEE;
174     border-collapse: collapse;
176 .generaltable .header {
177     background-color: #EEE;
178     border: 1px solid #EEE;
179     font-weight: bold;
182 /** Login **/
183 .loginbox {
184     margin-top: 15px;
185     margin-bottom: 15px;
187 .loginbox .loginform {
188     margin-top: 15px;
190 .loginbox .loginform .form-label {
191     width: 44%;
192     float: left;
193     text-align: right;
195 .loginbox .loginform .form-input {
196     width: 55%;
197     float: right;
198     text-align: left;
201 .loginbox .loginform .form-input input {
202     width: 6em;
204 .loginbox.twocolumns {
205     border: 1px solid #DDD;
207 .loginbox.twocolumns .loginpanel {
208     float: left;
209     width: 49%;
210     text-align: center;
212 .loginbox.twocolumns .signuppanel {
213     float: left;
214     width: 50%;
215     border-left: 1px solid #DDD;
217 .loginbox.twocolumns .signuppanel h2 {
218     text-align: center;
220 .loginbox.twocolumns .signuppanel div {
221     margin: 1em;
223 .loginbox.twocolumns .signuppanel div li {
224     font-size: 90%;
226 .loginbox .loginsub {
227     margin-left: 10%;
228     margin-right: 10%;
229     padding: 10px;
230     margin-bottom: 5px;
232 .loginbox .guestsub {
233     margin-left: 10%;
234     margin-right: 10%;
235     padding: 10px;
236     margin-bottom: 5px;
237     border-top: 1px solid #DDD;
239 .dir-rtl .loginbox .loginform .form-input {width:50%}
241 /** Blocks **/
243 .block {
244     border: 1px solid #C8C9C7;
245     background-color: #E3E3E3;
246     margin-bottom: 10px;
247     overflow: hidden;
249 .block h1,
250 .block h2,
251 .block h3,
252 .block h4 {
253     margin: 0;
255 .block .header {
256     margin: 10px 6px 3px 6px;
258 .block .content {
259     margin: 10px 6px 3px 6px;
261 /** Admin **/
262 .box.adminwarning {
263     text-align: center;
264     border: 1px solid #C8C9C7;
265     background-color: #E3E3E3;
266     margin-bottom: 1em;
267     padding: 10px 10%;
269 .box.copyright {
270     text-align: center;
271     font-size: 90%;
272     padding: 10px 10%;
274 #adminsettings fieldset {
275     border: 1px solid #C8C9C7;
276     background-color: #E3E3E3;
278 #adminsettings fieldset .generalbox {
279     margin: 1em 0.5em;
280     border-color: #C8C9C7;
282 #adminsettings .form-buttons {
283     margin-left: 13em;
285 .form-item {
286     width: 100%;
287     margin: 1em 1em 2em 1em;
289 .form-item .form-label {
290     width: 12.5em;
291     text-align: right;
292     float: left;
293     margin-right: 0.5em;
295 .form-item .form-label .form-shortname {
296     display: block;
297     color: #666;
298     font-size: 75%;
300 .form-item .form-setting {
301     margin-left: 13em;
303 .form-item .form-setting .defaultsnext {
304     display:inline;
306 .form-item .form-setting .form-defaultinfo {
307     display: inline;
308     margin-left: 0.5em;
309     font-size: 90%;
310     color: #666;
312 .form-item .form-description {
313     margin: 0.5em 1em 0.5em 13em;
315 .form-item .form-textarea textarea {
316     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;
327 #categoryquestions {
328     margin-left: auto;
329     margin-right: auto;
330     width: 100%;
332 #categoryquestions th,
333 .user th,
334 .user th.header,
335 .group th.header,
336 .admin table tr th,
337 .admin table tr th.header {
338     background-color: #697F55;
339     color: #FFF;
340     border: 2px solid #697F55;
341     border-bottom-color: #111;
343 .user th a:link,
344 #categoryquestions th a:link,
345 .group  th a:link,
346 .admin table tr th a:link {
347     color: #FFF;
348     text-decoration: none;
350 .user th a:visited,
351 #categoryquestions th a:visited,
352 .group th a:visited,
353 .admin table tr th a:visited {
354     color: #FFF;
355     text-decoration: underline;
357 .user tr td.cell,
358 #categoryquestions tr td.cell,
359 .group tr td.cell,
360 .admin table tr td.cell {
361     border: 1px solid #C8C9C7;
362     border-width: 0 1px;
364 .user .r1 .cell,
365 #categoryquestions .r1 .cell,
366 .group .r1 .cell,
367 .admin table .r1 .cell {
368     background-color: #EEE;
370 .singlebutton,
371 .buttons {
372     text-align: center;
373     margin: 20px;
375 .buttons form {
376     display: inline;
378 .buttons div {
379     display: inline;
381 .buttons .singlebutton {
382     display: inline;
383     padding: 5px;
384     margin: 0;
386 .admin .generalbox {
387     background-color: #EEE;
388     border-color: #C8C9C7;
390 #admin-mnet-index table td,
391 #files-index .column-content table td {
392     border-width: 0;
395 /** Mforms **/
396 .mform fieldset {
397     border-color: #C8C9C7;
400 /** Tags **/
401 .tag-management-form {
402     text-align:center;
404 #tag-management-list {
405     margin-top:1em;
408 /** User **/
409 .userinfobox td {
410     border-width: 0;
411     vertical-align: top;
413 .userinfobox .side {
414     width: 120px;
415     text-align: center;
417 .userinfobox .list .label {font-weight:bold;text-align:right;
420 /** Forum **/
422 .forumheaderlist,
423 .forumpost {
424     margin-top: 15px;
425     border: 1px solid #DDD;
426     border-collapse: separate;
428 .forumpost,
429 .forumpost .left.picture {
430     background-color: #EEE;
432 .forumpost .row .left {
433     float: left;
434     overflow: hidden;
435     width: 43px;
437 .forumpost .row.header {
438     background-color: transparent;
439     height: 39px;
441 .forumpost .topic.firstpost.starter {
442     background-color: #C8C9C7;
444 .forumpost .topic .subject,
445 .forumpost .topic .author {
446     padding-left: 10px;
448 .forumpost .content,
449 .forumpost .options {
450     background-color: white;
451     padding-top: 10px;
453 .forumpost .content .shortenedpost a {
454     margin: 0 10px;
455     padding: 0;
457 .forumpost .options .commands,
458 .forumpost .content .attachments,
459 .forumpost .options .footer,
460 .forumpost .options .link {
461     float: right;
463 .forumpost .options .commands,
464 .forumpost .options .link {
465     padding-right: 10px;
467 .forumpost .content .shortenedpost a,
468 .forumpost .content .post-word-count,
469 .forumpost .commands,
470 .forumpost .topic .author,
471 .forumpost .options .link {
472     font-size: 85%;
473     line-height: 1.6;
475 .forumpost .row .left {
476     clear: left;
478 .forumpost .posting.shortenedpost {margin-left: 10px;}
480 #page-mod-forum-discuss #page-header { /* fixes broken header in forum discuss */
481     margin-top: 10px;
483 /** Calendar **/
484 .block.block_calendar_month td,
485 .block.block_calendar_month th {
486     border-width: 0;
487     font-size: 10px;
488     padding: 1px;
489     width: 14%;
490     line-height: 18px;
492 #calendar abbr,
493 .block.block_calendar_month abbr {
494     border-bottom-width: 0;
496 #calendar .weekend,
497 .block.block_calendar_month .weekend {
498     color: #A00;
500 #calendar .maincalendar .calendarmonth td.today,
501 .block.block_calendar_month .today {
502     border: 1px solid #444;
504 #calendar .eventnone a,
505 .block.block_calendar_month .eventnone a {
506     color:#444;
508 #calendar {
509     width: 98%;
510     margin: 0 1%;
511     border-spacing: 5px;
512     border-collapse: separate;
514 #calendar td,
515 #calendar th {
516     border-width: 0;
517     font-size: 10px;
518     padding: 1px;
519     width: 14%;
520     line-height: 18px;
521     vertical-align: top;
523 #calendar .maincalendar {
524     width: auto;
525     border: 1px solid #DDD;
527 #calendar .maincalendar .heightcontainer {
528     height: 100%;
529     position: relative;
530     margin: 1em;
532 #calendar .maincalendar .header {
533     padding: 5px;
534     font-weight: bold;
536 #calendar .maincalendar .header .buttons {
537     float: right;
539 #calendar .maincalendar table {
540     width: 100%;
542 #calendar .maincalendar .calendar-controls {
543     width: 100%;
544     overflow: hidden;
545     font-size: 1.1em;
547 #calendar .maincalendar .calendar-controls .previous {
548     display: block;
549     float: left;
550     width: 20%;
552 #calendar .maincalendar .calendar-controls .current {
553     display: block;
554     float: left;
555     width: 60%;
556     text-align: center;
557     margin-top: 0;
559 #calendar .maincalendar .calendar-controls .next {
560     display: block;
561     float: left;
562     width: 20%;
563     text-align: right;
565 #calendar .sidecalendar {
566     width: 200px;
568 #calendar .sidecalendar h2,
569 #calendar .sidecalendar h3 {
570     margin: 5px;
571     font-size: 95%;
573 #calendar .sidecalendar .block {
574     border: 1px solid #DDD;
575     margin-bottom: 10px;
576     text-align: center;
578 #calendar .sidecalendar .block table {
579     margin: 0 auto 5px;
581 #calendar .sidecalendar .block .filters table {
582     width: 95%;
583     margin: 0 auto 1em;
585 #calendar .sidecalendar .block .minicalendarblock {
586     border-top: 1px solid #DDD;
588 #calendar .filters table {
589     padding: 2px;
590     background-color: #EEE;
591     border: 1px solid #DDD;
592     border-spacing: 2px;
593     border-collapse: separate;
595 #calendar .filters table td {
596     font-size: 100%;
597     width: auto;
600 #calendar .filters .eventskey {
601     border: 1px solid #444;
602     overflow: hidden;
604 #calendar .calendar_event_global {
605     background-color: #D6F8CD;
607 #calendar .calendar_event_course {
608     background-color: #FFD3BD;
610 #calendar .calendar_event_group {
611     background-color: #FEE7AE;
613 #calendar .calendar_event_user {
614     background-color: #DCE7EC;
616 #calendar .maincalendar .calendarmonth {
617     border-collapse: separate;
619 #calendar .maincalendar .calendarmonth th {
620     font-size: 0.9em;
621     border-bottom: 2px solid #444;
623 #calendar .maincalendar .calendarmonth td {
624     border: 1px solid #EEE;
625     border-bottom-color: #CCC;
626     border-right-color: #CCC;
627     height: 6em;
629 #calendar .maincalendar .calendarmonth td div {margin:4px;font-size:0.9em;
632 #calendar .maincalendar .calendarmonth td .day {font-weight:bold;
634 #calendar .maincalendar .calendarmonth tr td:first-child {
635     border-left-color: #CCC;
637 #calendar .maincalendar .event {
638     border-spacing: 0;
639     border: 1px solid #DDD;
640     background-color: #EEE;
642 #calendar .maincalendar .event .picture {
643     width: 32px;
644     text-align: center;
646 #calendar .maincalendar .event .topic {
647     width: auto;
648     padding: 5px;
650 #calendar .maincalendar .event .side {
651     width: 32px;
653 #calendar .maincalendar .event .description {
654     width: auto;
655     border-top: 1px solid #DDD;
656     border-left:1px solid #DDD;
657     padding: 5px;
659 #calendar .maincalendar .bottom {
660     text-align: center;
662 #calendar .calendarmonth ul {
663     margin: 0;
664     padding: 0;
666 #calendar .calendarmonth ul li {
667     list-style: none;
668     margin: 0;
669     padding: 2px;
671 /** User **/
673 .user .rolesform,
674 .user .searchform,
675 .user #showall,
676 .user #participantsform {
677     text-align:center;
679 .user #participantsform table {
680     margin-top:1em;
682 .user #participantsform td {text-align:left;
684 .user table.controls {
685     margin: 5px auto;
686     border: 1px solid #DDD;
687     background-color: #EEE;
688     border-collapse: collapse;
690 .user table.controls td {
691     border-width:0px;
693 /** Overide for RTL layout **/
695 .dir-rtl #page-header .navbar .breadcrumb {
696     float:right;
698 .dir-rtl #page-header .navbar .navbutton {
699     float:left;
702 /* Add Block
703 -------------------------*/
704 .block .content .singleselect form#add_block .select.menubui_addblock {
705     width: 160px;
708 /* Admin settings
709 -------------------------*/
710 #adminsettings .form-buttons {
711     margin: 0;
712     text-align: center;