Tidied up logs HTML a bit, to make it more readable.
[moodle-linuxchix.git] / theme / cornflower / styles_layout.css
blobac7b30a73467820db63dceecc540970d7d1a3724
1 /*******************************************************************
3 styles_layout.css
7 This CSS file contains all layout definitions like positioning,
9 floats, margins, padding, borders etc.
13 Styles are organised into the following sections:
15 core
17 header
19 footer
23 admin
25 blocks
27 calendar
29 course
31 doc
33 login
35 message
37 tabs
39 user
43 various modules
47 *******************************************************************/
53 /***
55 *** Core
57 ***/
61 h1.main,
63 h2.main,
65 h3.main,
67 h4.main,
69 h5.main,
71 h6.main {
73 text-align: center;
79 #layout-table {
81 width:100%;
83 border-collapse:separate;
85 margin-top: 8px;
91 #layout-table #left-column,
93 #layout-table #middle-column,
95 #layout-table #right-column
99 vertical-align:top;
105 #layout-table #middle-column {
107 padding-left:12px;
109 padding-right:12px;
115 #layout-table #left-column {
117 padding-left:10px;
123 #layout-table #right-column {
125 padding-right:10px;
131 .clearer {
133 clear:both;
135 margin:0px;
137 padding:0px;
139 height:1px;
141 border:none;
143 background:transparent;
149 .continuebutton {
151 text-align: center;
157 form {
159 margin-bottom:0px;
165 table {
167 border-spacing: 0px;
169 border-collapse: collapse;
175 a img {
177 border:none;
181 .notifyproblem {
183 text-align: center;
185 padding: 10px;
191 .notifysuccess {
193 text-align:center;
195 padding: 10px;
201 .generalbox {
203 border-width:1px;
205 border-style:solid;
211 .generalbox#intro {
213 text-align:center;
219 .noticebox {
221 border-width:1px;
223 border-style:solid;
227 .errorbox {
229 border-width:1px;
231 border-style:solid;
233 margin: 1em 15%;
235 width: 70%;
239 .errorbox .title {
241 padding: 5px;
245 .informationbox {
247 border-width:1px;
249 border-style:solid;
253 .feedbackbox {
255 border-width:1px;
257 border-style:solid;
261 .feedbackby {
265 .feedback {
269 .initialbar {
271 text-align: center;
277 #help .indent {
279 margin-left:3em;
285 .tabledivider {
287 border-width:1px;
289 border-style:solid;
291 border-left:0px;
293 border-right:0px;
295 border-top:0px;
301 .sitetopic {
303 margin-bottom:20px;
309 .sitetopiccontent {
311 border-width:1px;
313 border-style:solid;
319 .pagingbar {
321 text-align:center;
325 .pagingbar a {
327 padding-left: 10px;
331 .pagingbar .thispage {
333 padding-left: 10px;
339 table.formtable {
341 margin: auto;
347 table.formtable tbody th {
349 vertical-align: top;
355 table.formtable tbody td,
357 table.formtable tbody th
361 padding: 5px;
367 .paging {
369 text-align: center;
371 margin: 10px 0px 10px 0px;
377 .unread {
379 padding-right:2px;
385 .cell {
387 vertical-align: top;
395 /***
397 *** Header
399 ***/
403 #header-home {
405 padding:1em 0.5em;
407 height:2em;
413 #header {
415 padding:0.1em 0.5em;
421 .headermain {
423 float:left;
429 #header .headermain {
431 margin:0.2em 0em;
437 .headermenu {
439 float:right;
441 text-align:right;
447 .navbar {
449 padding:3px 0.5em;
451 height:1.3em;
459 .navbar .breadcrumb {
461 float:left;
463 margin:0.2em 0em;
469 .navbar .navbutton,
471 .navbar .menu {
473 float:right;
479 #footer .navbar {
481 margin-top: 4em;
489 /***
491 *** Footer
493 ***/
497 #footer {
499 text-align:center;
505 .homelink {
507 margin: 1em 0;
513 .homelink a {
515 padding-left:1em;
517 padding-right:1em;
527 /***
529 *** Admin
531 ***/
535 body#admin-index .c0 {
537 vertical-align: top;
543 body#admin-modules table.generaltable td.cell,
545 body#admin-modules .generaltablecell {
547 padding-top: 2px;
549 padding-bottom: 2px;
555 body#admin-blocks table.generaltable td.cell,
557 body#admin-blocks .generaltablecell {
559 padding-top: 1px;
561 padding-bottom: 1px;
567 body#admin-config .confighelp {
569 display: block;
571 padding-bottom: 20px;
579 /***
581 *** Blocks
583 ***/
587 .sideblock .content h3,
589 .sideblock .content h2 {
591 text-align: left;
597 .sideblock {
599 width: 100%;
601 margin-bottom:1em;
607 .sideblock .header {
609 background-image:url(images/sideblock.jpg);
611 text-align: left;
613 padding:4px;
619 .sideblock .header .hide-show {
626 .sideblock .header .hide-show img.hide-show-image {
628 height:11px;
630 width:11px;
632 margin-top:0.25em;
638 .sideblock .header .commands {
640 float: right;
642 margin-top: 0.3em;
648 .sideblock .header .title {
655 .sideblock .header .commands a {
657 margin: 0px 2px;
663 .sideblock .content {
665 padding:4px;
671 .sideblock .content hr {
673 height:1px;
675 margin-top:4px;
677 margin-bottom:4px;
679 border:none;
681 border-top:1px solid;
685 .sideblock.hidden .content {
687 display: none;
693 .sideblock .list {
695 width: 100%;
701 .sideblock .list .c0{
703 padding: 2px;
709 .sideblock .footer {
711 margin-top:4px;
713 text-align:center;
717 .sideblock .header .icon.hide,
719 .sideblock .header .icon.edit {
721 margin-right: 6px;
727 .sideblock .head {
729 margin-top: 5px;
741 /***
743 *** Calendar
745 ***/
749 #calendar {
751 width: 100%;
753 border-spacing: 5px;
755 border-collapse: separate;
761 #calendar .maincalendar,
763 #calendar .sidecalendar
767 vertical-align: top;
769 border: 1px solid;
775 #calendar .sidecalendar {
777 width: 25%;
783 #calendar .maincalendar table.calendarmonth {
785 border-collapse: separate;
787 margin: 0px auto;
789 width: 98%;
795 #calendar .maincalendar table.calendarmonth th {
797 padding:10px;
799 border-bottom:2px solid;
805 #calendar .maincalendar table.calendarmonth td {
807 height: 5em;
809 padding-left: 4px;
811 padding-top: 4px;
813 line-height:1.2em;
819 #calendar .maincalendar table.calendarmonth td,
821 table.minicalendar td,
823 table.minicalendar th {
825 width:14%;
827 vertical-align:top;
831 table.minicalendar td {
833 text-align: center;
837 #calendar .maincalendar table.calendarmonth td table td {
839 height: auto;
845 #calendar div.header
849 padding: 5px;
855 #calendar .maincalendar .buttons {
857 float: right;
863 #calendar .maincalendar .filters table,
865 #calendar .sidecalendar .filters table
869 border-collapse:separate;
871 border-spacing: 2px;
873 padding: 2px;
875 width: 100%;
881 #calendar .maincalendar .filters {
883 padding: 0px 10px;
889 #calendar .sidecalendar .filters {
891 padding: 5px;
897 #calendar .maincalendar .controls {
899 clear:both;
901 padding:10px;
907 #calendar .maincalendar table.calendarmonth ul.events-new,
909 #calendar .maincalendar table.calendarmonth ul.events-underway
913 padding:0px;
915 margin:0px;
917 list-style-type:none;
923 #calendar .maincalendar table.calendarmonth ul li {
925 margin-top: 4px;
931 table.minicalendar {
933 width: 100%;
935 margin:10px auto;
937 padding:2px;
939 border-width:1px;
941 border-style:solid;
943 border-collapse:separate;
945 border-spacing:1px !important;
951 table.minicalendar th {
953 padding: 0px 2px;
959 #calendar .maincalendar .eventlist {
961 padding: 10px;
967 #calendar .maincalendar .eventlist .topic {
969 padding: 5px;
971 border-style:solid;
973 border-width: 0px;
975 border-bottom-color: #EEEEEE;
977 border-bottom-width: 1px;
983 #calendar .maincalendar .eventlist .event {
985 width:100%;
987 margin-bottom:10px;
989 border-spacing:0px;
991 border-collapse:separate;
993 border-width:1px;
995 border-style:solid;
1001 #calendar .maincalendar .eventlist .event .name {
1003 float:left;
1009 #calendar .maincalendar .eventlist .event .course {
1011 float:left;
1013 clear:left;
1019 #calendar .maincalendar .eventlist .event .date {
1021 float:right;
1027 #calendar .maincalendar .eventlist .event .description .commands {
1029 width:100%;
1035 #calendar .maincalendar .eventlist .event .description {
1037 padding:5px;
1043 #calendar .maincalendar .eventlist .event .picture {
1045 padding:8px;
1051 #calendar .maincalendar .eventlist .event .side {
1053 width:32px;
1059 #calendar #selecteventtype table {
1061 margin:auto;
1067 #calendar .event_global,
1069 #calendar .event_course,
1071 #calendar .event_group,
1073 #calendar .event_user,
1075 .minicalendar .event_global,
1077 .minicalendar .event_course,
1079 .minicalendar .event_group,
1081 .minicalendar .event_user {
1083 border:2px solid !important;
1089 #calendar .duration_global,
1091 #calendar .duration_course,
1093 #calendar .duration_group,
1095 #calendar .duration_user,
1097 .minicalendar .duration_global,
1099 .minicalendar .duration_course,
1101 .minicalendar .duration_group,
1103 .minicalendar .duration_user
1107 border-top:2px solid !important;
1109 border-bottom:2px solid !important;
1115 #calendar .today,
1117 .minicalendar .today {
1119 border:2px solid !important;
1125 .cal_popup_bg {
1127 padding:0px;
1129 margin:0px;
1131 border:1px solid;
1137 .cal_popup_close {
1139 margin-right:5px;
1145 .cal_popup_caption {
1147 border-width:0px 0px 1px 0px;
1149 border-style:solid;
1151 padding-bottom:2px;
1157 table.calendar-controls {
1159 width: 100%;
1165 table.calendar-controls .previous,
1167 table.calendar-controls .next
1171 width: 12%;
1175 table.calendar-controls .previous {
1177 text-align: left;
1181 table.calendar-controls .current {
1183 text-align: center;
1187 table.calendar-controls .next {
1189 text-align: right;
1195 #calendar .maincalendar .calendar-controls .previous,
1197 #calendar .maincalendar .calendar-controls .next
1201 width: 30%;
1209 /***
1211 *** Course
1213 ***/
1215 .activitydate, .activityhead {
1217 text-align:center;
1223 #course-view .section td {
1225 vertical-align:top;
1231 #course-view .section .content {
1233 padding:5px;
1235 border-style:solid;
1237 border-width:1px;
1239 border-left:0px;
1241 border-right:0px;
1247 #course-view .section .side {
1249 padding:5px;
1251 border-style:solid;
1253 border-width:1px;
1259 #course-view .section .left {
1261 border-right:0px;
1263 text-align:center;
1265 width: 1.5em;
1271 #course-view .section .right {
1273 border-left:0px;
1275 text-align:center;
1277 width: 1.5em;
1283 #course-view .current .side {
1289 #course-view .topics {
1291 margin-top: 9px;
1297 #course-view .weeks {
1299 margin-top: 9px;
1305 #course-view .section .spacer {
1307 height:0.5em;
1313 #course-view .section .weekdates {
1319 .section .activity img.activityicon {
1321 vertical-align:middle;
1323 height:16px;
1325 width:16px;
1331 .section img.movetarget {
1333 height:16px;
1335 width:80px;
1341 body#course-view .unread {
1343 margin-left: 3em;
1349 body#course-enrol .generalbox {
1351 margin-top: 20px;
1355 body#course-enrol .coursebox {
1357 margin-top: 20px;
1363 body#course-user .graph {
1365 text-align: center;
1371 body#course-user .section,
1373 body#course-user .content {
1375 margin-left: 30px;
1377 margin-right: 30px;
1383 body#course-user .section {
1385 border-width:1px;
1387 border-style:solid;
1389 padding:10px;
1391 margin-bottom: 20px;
1397 body#course-user .section h2 {
1399 margin-top: 0px;
1407 .headingblock {
1409 padding:5px;
1415 .headingblock header{
1423 .headingblock .link {
1425 text-align:right;
1431 body#site-index .headingblock {
1433 margin-bottom: 8px;
1439 .coursebox {
1441 margin-bottom: 8px;
1447 .categoryboxcontent,
1449 .courseboxcontent {
1451 border-width:1px;
1453 border-style:solid;
1463 /***
1465 *** Doc
1467 ***/
1471 body#doc-contents h1 {
1473 margin: 1em 0px 0px 0px;
1479 body#doc-contents ul {
1481 list-style-type: none;
1483 margin: 0px;
1485 padding: 0px;
1487 width: 90%;
1495 /***
1497 *** Login
1499 ***/
1503 .loginbox .content {
1505 border-width:1px;
1507 border-style:solid;
1509 padding:15px;
1517 /***
1519 *** Message
1521 ***/
1525 .message_link {
1527 vertical-align:middle;
1533 .message_search_results {
1535 border-collapse:collapse;
1537 border-spacing:0px;
1543 table.message_search_results td {
1545 padding:5px;
1547 border-width:1px;
1549 border-style:solid;
1553 .message_summary_link {
1555 text-align:right;
1559 .message_heading {
1561 text-align:center;
1569 /***
1571 *** Tabs
1573 ***/
1577 .tabs {
1579 width: auto;
1581 margin-bottom: 15px;
1585 .tabs .side {
1587 border-style: solid;
1589 border-width: 0px 0px 1px 0px;
1591 width: 50%;
1597 .tabrow {
1599 border-collapse:collapse;
1601 width:100%;
1603 margin:0;
1607 .tabrow td {
1609 height:34px;
1611 padding:0 0 0 14px;
1615 .tabrow th {
1617 display:none;
1621 .tabrow td .tablink {
1623 display:block;
1625 height:34px;
1627 line-height:38px;
1629 padding:0 14px 0 0;
1631 text-align:center;
1633 white-space:nowrap;
1635 text-decoration:none;
1639 .tabrow .last span {
1641 display:block;
1643 padding:0px 1px 0px 0px;
1649 .tabrow .selected .tablink {
1651 line-height:38px;
1659 /***
1661 *** User
1663 ***/
1667 .userinfobox {
1669 margin-bottom:5px;
1671 border-width: 1px;
1673 border-style: solid;
1675 border-collapse: separate;
1681 .userinfobox .left {
1683 padding: 10px;
1685 width: 100px;
1687 vertical-align: top;
1693 .userinfobox .content {
1695 padding: 10px;
1697 vertical-align: top;
1703 .userinfobox .links {
1705 width: 100px;
1707 padding: 5px;
1709 vertical-align: bottom;
1715 .userinfobox .list td {
1717 padding: 3px;
1723 .userinfobox .username {
1725 padding-bottom: 20px;
1733 table.userinfobox {
1735 width: 80%;
1737 margin-left: 10%;
1739 margin-right: 10%;
1745 table.groupinfobox {
1747 width: 60%;
1749 margin-left: 20%;
1751 margin-right: 20%;
1753 border-width:1px;
1755 border-style:solid;
1757 margin-bottom: 20px;
1763 .groupinfobox .left {
1765 padding: 10px;
1767 width: 100px;
1769 vertical-align: top;
1773 body#user-index #longtimenosee {
1775 text-align:center;
1783 /***
1785 *** Modules: Assignment
1787 ***/
1791 /***
1793 *** Modules: Chat
1795 ***/
1799 /***
1801 *** Modules: Choice
1803 ***/
1807 /***
1809 *** Modules: Forum
1811 ***/
1815 .forumheaderlist,
1817 .forumpost {
1819 border-width:1px;
1821 border-style:solid;
1823 border-collapse:separate;
1829 .forumpost {
1831 margin-top: 15px;
1837 .forumpost .topic {
1839 padding: 4px;
1841 border-style:solid;
1843 border-width: 0px;
1845 border-bottom-width: 1px;
1851 .forumpost .commands {
1853 padding-top: 0.5em;
1855 text-align:right;
1861 .forumpost .ratings {
1863 padding-top: 1em;
1865 text-align:right;
1871 .forumpost .content {
1873 padding: 4px;
1879 .forumpost .footer {
1881 padding-top: 0.5em;
1883 text-align:right;
1889 .forumpost .link {
1891 padding-top: 0.5em;
1893 text-align:right;
1899 .forumpost .left {
1901 width: 35px;
1903 padding: 4px;
1905 text-align: center;
1907 vertical-align: top;
1913 .mod-forum .indent {
1915 margin-left: 30px;
1921 body#user-view .forumpost,
1923 .course .forumpost {
1925 width: 100%;
1931 body#mod-forum-search .c0 {
1933 text-align: right;
1939 body#mod-forum-search .introcontent {
1941 padding: 15px;
1947 .forumolddiscuss {
1949 text-align: right;
1955 .forumheaderlist {
1957 width: 100%;
1963 .forumheaderlist td {
1965 border-width:1px 0px 0px 1px;
1967 border-style:solid;
1973 .forumheaderlist .replies {
1975 text-align: center;
1981 .forumheaderlist .picture {
1983 width: 35px;
1989 .forumheaderlist .discussion .starter {
1991 vertical-align: middle;
1997 .forumheaderlist .discussion .lastpost {
1999 white-space: nowrap;
2005 .forumheaderlist .discussion .author {
2007 white-space: nowrap;
2011 .forumolddiscuss {
2013 text-align:right;
2017 .forumaddnew,
2019 .forumnodiscuss,
2021 .noticeboxcontent {
2023 text-align:center;
2027 #mod-forum-view .unread {
2029 padding-left: 3px;
2031 padding-right: 3px;
2035 #mod-forum-discuss .unread .forumpost .message {
2037 border-style: solid;
2039 border-width: 2px;
2047 /***
2049 *** Modules: Glossary
2051 ***/
2055 .glossarypost .commands {
2057 width: 200px;
2059 white-space: nowrap;
2065 .entryboxheader {
2067 border-width: 1px 1px 0px 1px;
2069 border-style: solid;
2075 .entrybox {
2077 border-width: 0px 1px 1px 1px;
2079 border-style: solid;
2085 .glossarypost {
2087 width: 95%;
2089 border-width:1px;
2091 border-style:solid;
2093 border-collapse:separate;
2095 margin-bottom: 5px;
2097 text-align: left;
2105 .entrylist {
2107 border-width:0px;
2113 .entrylowersection {
2115 padding-top: 10px;
2119 .entrylowersection table{
2121 width: 100%;
2125 .entrylowersection .aliases {
2127 text-align:center;
2131 .entrylowersection .icons,
2133 .entrylowersection .ratings {
2135 text-align:right;
2137 padding-right: 5px;
2141 .entrylowersection .ratings {
2143 padding-bottom: 2px;
2147 .categoryheader {
2149 width: 95%;
2153 .glossaryformatheader {
2155 width: 90%;
2161 .glossarypost .entry {
2163 padding: 3px;
2169 .glossarypost .picture {
2171 width: 35px;
2177 .glossarycomment {
2179 border-width:1px;
2181 border-style:solid;
2183 border-collapse:separate;
2185 margin-bottom: 5px;
2187 text-align: left;
2195 .glossarycomment .entry {
2197 padding: 3px;
2203 .glossarycomment .picture {
2205 width: 35px;
2211 .glossarycomment .icons {
2213 text-align: right;
2219 .glossarydisplay {
2221 width: 70%;
2227 .glossarydisplay .tabs {
2229 width: 100%;
2235 .glossarydisplay .separator {
2237 width: 4px;
2243 .glossarydisplay .tabs .selected,
2245 .glossarydisplay .tabs .inactive,
2247 .glossarydisplay .tabs .general {
2253 .glossarypopup {
2255 width: 95%;
2261 .glossaryapproval {
2263 width: 100%;
2269 .mod-glossary .tabs {
2271 margin-bottom: 0px;
2275 .mod-glossary .tabs .side {
2277 border-style: none;
2279 border-width: 0px;
2281 width: auto;
2289 /***
2291 *** Modules: Journal
2293 ***/
2295 #mod-journal-view .lastedit,
2297 #mod-journal-view .editend {
2299 margin: 5px;
2301 text-align: center;
2305 #mod-journal-view .feedbackbox {
2307 width: 75%;
2309 border-collapse: separate;
2313 #mod-journal-view .entrycontent {
2315 padding: 3px;
2319 #mod-journal-view .picture {
2321 width: 35px;
2325 #mod-journal-view .grade {
2327 text-align: right;
2331 #mod-journal-view .info {
2333 margin-bottom: 5px;
2335 text-align: right;
2343 /***
2345 *** Modules: Label
2347 ***/
2351 /***
2353 *** Modules: Lesson
2355 ***/
2359 /***
2361 *** Modules: Quiz
2363 ***/
2367 .feedbacktext {
2369 display:block;
2375 body#mod-quiz-report table#attempts,
2377 body#mod-quiz-report table#commands
2381 width: 80%;
2383 margin: auto;
2387 body#mod-quiz-report table#attempts {
2389 margin: 20px auto;
2393 body#mod-quiz-report table#attempts .header,
2395 body#mod-quiz-report table#attempts .cell
2399 padding: 4px;
2403 body#mod-quiz-report table#attempts .header .commands {
2405 display: inline;
2409 body#mod-quiz-report table#attempts .picture {
2411 width: 40px;
2415 body#mod-quiz-report table#attempts td {
2417 border-left-width: 1px;
2419 border-right-width: 1px;
2421 border-left-style: solid;
2423 border-right-style: solid;
2427 .feedbacktext {
2429 text-align:right;
2433 body#mod-quiz-report table#attempts .header {
2435 text-align: left;
2439 body#mod-quiz-report table#attempts .picture {
2441 text-align: center !important;
2445 body#mod-quiz-report .controls {
2447 text-align: center;
2457 /***
2459 *** Modules: Resource
2461 ***/
2465 /***
2467 *** Modules: Scorm
2469 ***/
2473 /***
2475 *** Modules: Survey
2477 ***/
2481 /***
2483 *** Modules: Wiki
2485 ***/
2489 /***
2491 *** Modules: Workshop
2493 ***/