CSS: Difference between revisions
| Line 2,622: | Line 2,622: | ||
#calendar h2, | #calendar h2, | ||
#calendar h3 | #calendar h3 | ||
{ | { | ||
text-align: center; | text-align: center; | ||
} | } | ||
#calendar .maincalendar, | #calendar .maincalendar, | ||
#calendar .sidecalendar | #calendar .sidecalendar | ||
{ | { | ||
vertical-align: top; | vertical-align: top; | ||
| Line 2,635: | Line 2,635: | ||
} | } | ||
#calendar .sidecalendar { | #calendar .sidecalendar { | ||
width: 25%; | width: 25%; | ||
} | } | ||
Revision as of 17:15, 11 February 2007
CSS or Cascading Style Sheets are used to control the way web pages look.
Moodle 1.7 Standard theme CSS (just started editing this/Mauno)
styles_color.css
This CSS file contains all color definitions like background-color, font-color, border-color etc.
Styles are organised into the following sections:
core header footer
admin blocks calendar course doc login message question tabs user
various modules
/***
*** Core ***/
a:link, a:visited {
color:#0000FF;
}
a.dimmed:link, a.dimmed:visited {
color:#AAAAAA;
}
a:hover {
color:#FF0000;
}
a.autolink:link, a.autolink:visited {
color:#000000; background: #DDDDDD;
}
a.autolink.glossary:hover {
cursor: help;
}
img.userpicture, img.grouppicture {
border-color:#000
}
.block_online_users .listentry img {
border:#888
}
body {
background-color:#FAFAFA;
}
th.header, td.header, div.header {
border-color:#DDDDDD;
}
.navbar {
border-color:#DDDDDD;
}
table.formtable tbody th {
background: none;
}
.highlight {
background-color:#AAFFAA;
}
.highlight2 {
color:#AA0000; /* highlight missing terms in forum search */
}
/* Alternate rows even */ .r0 { }
/* Alternate rows odd */ .r1 { }
/* notification messages (can be good or bad) */ .notifyproblem {
color:#660000;
} .notifysuccess {
color:#006600;
} .notifytiny {
color:#000044;
}
.required {
background-color:#DDDDDD;
}
.generalbox {
border-color:#DDDDDD;
} .informationbox {
border-color:#DDDDDD;
} .feedbackbox {
border-color: #888888;
} .feedbackby {
background-color:#BBBBBB;
}
.noticebox {
border-color:#DDDDDD;
}
.errorbox {
color:#ffffff; border-color:#660000; background-color:#990000;
}
.errorboxcontent {
background-color:#FFBBBB;
}
.tabledivider {
border-color:#DDDDDD;
}
.sitetopic { }
.sitetopiccontent {
border-color:#DDDDDD; background-color:#FFFFFF;
}
.dimmed_text {
color:#AAAAAA;
}
.teacheronly {
color:#990000;
}
.unread {
background: #FFD991;
}
.censoredtext {
color:#000000; background:#000000;
}
/* kept for backward compatibility with some non-standard modules
which use these classes for various things */
.generaltab, .generaltabinactive {
background-color:#BBBBBB;
} .generaltabselected {
background-color:#DDDDDD;
} .generaltabinactive {
color:#CCCCCC;
}
.generaltable .cell {
background-color:#FFFFFF; border-color:#EEEEEE;
}
.generaltable {
border-color:#EEEEEE;
}
/***
*** Header ***/
.breadcrumb .sep {
color:#aaa;
}
.headerskip a:link, .headerskip a:visited, .headerskip a:hover {
color: #FFF;
}
/***
*** Footer ***/
/*Accessibility: .debugwarn */ .debugwarn {
text-align: center; background: #FDD;
}
.homelink a:link, .homelink a:visited, .homelink a:hover {
color: #000; text-decoration: none;
} .homelink a:link, .homelink a:visited {
border-top: 1px solid #cecece; border-bottom: 2px solid #4a4a4a; border-left: 1px solid #cecece; border-right: 2px solid #4a4a4a;
} .homelink a:hover {
border-bottom: 1px solid #cecece; border-top: 2px solid #4a4a4a; border-right: 1px solid #cecece; border-left: 2px solid #4a4a4a;
}
/***
*** Admin ***/
.admin .generalboxcontent {
background-color:#EEEEEE;
}
.admin .generalbox {
border-color:#BBBBBB;
}
.admin .informationbox {
border-color:#BBBBBB; background-color:#FFFFFF;
}
body#admin-index .c0 {
background-color: #FAFAFA;
}
body#admin-blocks table#blocks .r0, body#admin-blocks table#incompatible .r0 {
background-color: #f0f0f0;
}
body#admin-blocks table#blocks .r1, body#admin-blocks table#incompatible .r1 {
background-color: #fafafa;
}
body#admin-blocks table#incompatible td.c0 {
color: #ff0000;
}
table.flexible .r0 {
background-color: #f0f0f0;
}
table.flexible .r1 {
background-color: #fafafa;
}
- admin-report-simpletest-index span.notice {
color: teal;
}
- admin-report-simpletest-index b.pass {
color: green;
}
- admin-report-simpletest-index b.fail, b.exception {
color: red;
}
- admin-report-simpletest-index .exception, .exception pre {
background-color: #fdd;
}
- admin-report-simpletest-index .unittestsummary {
color: white;
}
- admin-report-simpletest-index .unittestsummary.fail {
background-color: red;
}
- admin-report-simpletest-index .unittestsummary.pass {
background-color: green;
}
- adminsettings fieldset {
background-color: #EEE; border-color: #BBB; color: #000;
}
- adminsettings .form-shortname {
color: #888;
}
.block_admin_tree.sideblock .link.current {
background-color:#EEEEEE;
}
/***
*** Blocks ***/
.sideblock .header {
border-color: #dddddd;
}
.sideblock .content {
border-color: #dddddd; background-color:#FCFCFC;
}
.sideblock .content hr {
border-top-color:#999999;
}
- left-column .hidden .header,
- right-column .hidden .header
{
border-bottom-color: #dddddd;
}
.sideblock .header .hide-show img.hide-show-image {
background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}
.sideblock.hidden .header .hide-show img.hide-show-image {
background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}
.blockconfigtable {
background-color:#FFFFFF; border-left:1px solid; border-right:1px solid; border-bottom:1px solid; border-color:#AAAAAA;
}
/***
*** Blogs ***/
.blogpost.blogdraft .content {
background-color:#EEEEEE;
}
.block_blog_tags .official {
color: #0000cc;
}
.block_blog_tags .personal {
color: #666699;
}
/***
*** Calendar ***/
- calendar .maincalendar,
- calendar .sidecalendar {
border-color: #DDDDDD;
}
- calendar .maincalendar table.calendarmonth th {
border-color: #000000;
}
table.minicalendar {
border-color: #DDDDDD;
}
- calendar .maincalendar .eventlist .event {
border-color:#DDDDDD;
}
- calendar .maincalendar .eventlist .event .topic,
- calendar .maincalendar .eventlist .event .picture,
- calendar .maincalendar .eventlist .event .side {
background-color:#EEEEEE;
}
- calendar .maincalendar table.calendarmonth ul.events-underway {
color:#999999;
}
/*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */ .minicalendar a, .calendarmonth a {
color:#000077;
}
- calendar .event_global,
.minicalendar .event_global, .block_calendar_month .event_global {
border-color:#D6F8CD !important; /* #C5E7BC */ background-color:#D6F8CD;
}
- calendar .event_course,
.minicalendar .event_course, .block_calendar_month .event_course {
border-color:#FFD3BD !important; /* #EEC2AC */ background-color:#FFD3BD;
}
- calendar .event_group,
.minicalendar .event_group, .block_calendar_month .event_group {
border-color:#FEE7AE !important; /* #EDD69D */ background-color:#FEE7AE;
}
- calendar .event_user,
.minicalendar .event_user, .block_calendar_month .event_user {
border-color:#DCE7EC !important; /* #CBD6DB */ background-color:#DCE7EC;
}
- calendar .duration_global,
.minicalendar .duration_global {
border-top-color:#66D14D !important; border-bottom-color:#66D14D !important;
}
- calendar .duration_course,
.minicalendar .duration_course {
border-top-color:#FF9966 !important; border-bottom-color:#FF9966 !important;
}
- calendar .duration_group,
.minicalendar .duration_group {
border-top-color:#FBBB23 !important; border-bottom-color:#FBBB23 !important;
}
- calendar .duration_user,
.minicalendar .duration_user {
border-top-color:#A1BECB !important; border-bottom-color:#A1BECB !important;
}
- calendar .weekend,
.minicalendar .weekend {
color:#990000;
}
- calendar .today,
.minicalendar .today {
border-color:#444444;
}
.cal_popup_fg {
background-color:#FFFFFF;
}
.cal_popup_bg {
border-color:#000000; background-color:#FFFFFF;
}
- calendar .maincalendar .filters table,
- calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
background-color: #EEEEEE;
}
/***
*** Course ***/
/* course, entry-page, login */ .headingblock {
border-color:#DDDDDD;
}
/* course */ .headingblock .outline {
border-color:#DDDDDD;
}
- course-view .weekscss .section,
- course-view .section td {
border-color:#DDDDDD;
}
/* .content should match the body background, sides are white. */
- course-view .weekscss .content {
background: #FAFAFA;
}
- course-view .weekscss .section,
- course-view .section td.side {
background: #FFFFFF;
}
- course-view .section .side {
}
- course-view .section .left {
}
- course-view .section .right {
}
- course-view .weekscss .current,
- course-view .current td.side {
background: #FFD991;
}
- course-view .weekscss .hidden,
- course-view .hidden td.side {
background: #DDDDDD;
}
- course-view .topics {
}
- course-view .weeks {
}
- course-view .section .spacer {
}
- course-view .section .weekdates {
color: #777777;
}
- course-view .weekscss .weekdates {
color: #333333;
}
.categoryboxcontent, .courseboxcontent {
border-color:#DDDDDD;
} body#course-user .section {
border-color:#AAAAAA;
}
- admin-report .plugin,
- course-report .plugin,
- course-import .plugin {
margin-bottom: 20px; margin-left:10%; margin-right:10%;
border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; border-right: 1px solid #cecece; border-left: 1px solid #cecece;
background-color: #fdfdfd;
}
/***
*** Doc ***/
/***
*** Grades ***/
body#grade-index .grades {
border-color:black;
}
body#grade-index .grades td {
border-color:#e0e0e0;
}
body#grade-index .grades .r0 {
background-color: #ffffff;
}
body#grade-index .grades .r1 {
background-color: #f0f0f0;
}
/***
*** Login ***/
.loginbox .content {
border-color:#DDDDDD;
}
/***
*** Message ***/
table.message_search_results td {
border-color:#DDDDDD;
}
.message.other .author {
color: #8888CC;
}
.message.me .author {
color: #999999;
}
.message .time {
color: #999999;
}
.message .content { }
/***
*** Question ***/
.que {
border-color: #DDD;
} .que .r0 {
background-color: #F5F5F5;
} .que .r1 {
background-color: #EEE;
} .calculated .answer, .numerical .answer, .shortanswer .answer, .truefalse .answer {
background-color: #EEE;
} .que .feedback {
border-color: #DDD;
} .que.multianswer .incorrect {
background-color: #faa;
} .que.multianswer .partiallycorrect {
background-color: #ff9;
} .que.multianswer .correct {
background-color: #afa;
}
/***
*** Logs ***/
.logtable .r1 {
background-color:#EEEEEE;
}
/***
*** Tabs ***/
.tablink a:link, .tablink a:visited {
color:#000066;
}
.selected .tablink a:link, .selected .tablink a:visited {
color:#000000;
} .tabs .side, .tabrow td {
border-color: #AAAAAA;
} .tabrow td {
background:url(pix/tab/left.gif) top left no-repeat;
} .tabrow td .tablink {
background:url(pix/tab/right.gif) top right no-repeat;
} .tabrow td:hover {
background-image:url(pix/tab/left_hover.gif);
} .tabrow td:hover .tablink {
background-image:url(pix/tab/right_hover.gif);
} .tabrow .last {
background: transparent url(pix/tab/right_end.gif) top right no-repeat;
} .tabrow .selected {
background:url(pix/tab/left_active.gif) top left no-repeat;
} .tabrow .selected .tablink {
background:url(pix/tab/right_active.gif) top right no-repeat;
} .tabrow td.selected:hover {
background-image:url(pix/tab/left_active_hover.gif);
} .tabrow td.selected:hover .tablink {
background-image:url(pix/tab/right_active_hover.gif);
}
/***
*** User ***/
.userpicture { }
.userinfobox {
border-color: #DDDDDD;
} .groupinfobox {
border-color: #DDDDDD;
}
/***
*** Modules: Chat ***/
- mod-chat-gui_header_js-jsupdate .text {
color:#000
}
- mod-chat-gui_header_js-jsupdate .event,
- mod-chat-gui_header_js-jsupdate .title {
color:#888
}
- mod-chat-gui_header_js-chatinput .wait {
background: #dddddd;
}
/***
*** Modules: Choice ***/
/***
*** Modules: Forum ***/
.forumheaderlist, .forumpost {
border-color:#DDDDDD;
}
.forumpost .content {
background: #FFFFFF;
}
.forumpost .left {
background:#EEEEEE;
}
.forumpost .topic {
border-bottom-color: #EEEEEE;
}
.forumpost .starter {
background:#DDDDDD;
}
.forumheaderlist .discussion .starter {
background:#DDDDDD;
}
.forumheaderlist td {
border-color: #FFFFFF;
}
.sideblock .post .head {
color:#555555;
}
.forumthread .unread {
background: #FFD991;
}
- mod-forum-discuss .forumpost {
background: none;
}
- mod-forum-discuss .forumpost.unread .content {
border-color: #FFD991;
}
- mod-forum-discuss .forumthread .unread {
}
- mod-forum-index .unread {
}
/***
*** Modules: Glossary ***/
.entryboxheader {
border-color: #BBBBBB;
}
.entrybox {
border-color: #BBBBBB;
}
.entry { }
.glossarypost {
border-color: #DDDDDD;
}
.glossarypost .entryheader, .glossarypost .entryapproval, .glossarypost .picture, .glossarypost .entryattachment, .glossarypost .left {
background-color: #F0F0F0;
}
.glossarycomment {
border-color: #DDDDDD;
}
.glossarycomment .entryheader, .glossarycomment .picture, .glossarycomment .left {
background-color: #F0F0F0;
}
- mod-glossary-report .generalbox .teacher {
background: #F0F0F0;
}
.categoryheader {
background-color: #dddddd;
}
.glossaryformatheader {
background-color: #dddddd;
}
/***
*** Modules: Journal ***/
- mod-journal-view .feedbackbox .left,
- mod-journal-view .feedbackbox .entryheader {
background-color: #dddddd;
}
/***
*** Modules: Label ***/
/***
*** Modules: Lesson ***/
/***
*** Modules: Quiz ***/
/* body#mod-quiz-report table#attempts td {
border-color: #dddddd;
} body#mod-quiz-report table#attempts .r1 {
background-color: #eeeeee;
}
*/
/***
*** Modules: Resource ***/
.ims-nav-dimmed {
color: #AAAAAA; text-decoration: none;
}
.ims-nav-button a:link, .ims-nav-button a:visited, .ims-nav-button a:hover {
color: #000; text-decoration: none;
}
.ims-nav-dimmed, .ims-nav-button a:link, .ims-nav-button a:visited {
border-top: 1px solid #cecece; border-bottom: 2px solid #4a4a4a; border-left: 1px solid #cecece; border-right: 2px solid #4a4a4a;
}
.ims-nav-button a:hover {
border-bottom: 1px solid #cecece; border-top: 2px solid #4a4a4a; border-right: 1px solid #cecece; border-left: 2px solid #4a4a4a;
}
- ims-contentframe,
- ims-contentframe-no-nav {
border-color: #cecece;
}
/***
*** Modules: Scorm ***/
/***
*** Modules: Survey ***/
- mod-survey-view .r0 {
background-color: #EEEEEE;
}
- mod-survey-view .r1 {
background-color: #DDDDDD;
}
/***
*** Modules: Wiki ***/
/***
*** Modules: Workshop ***/
.workshoppostpicture {
background-color:#FEE6B9;
}
.workshopassessmentheading {
background-color:#DDDDDD;
}
.error {
color:#ff0000;
}
- admin-roles-override .capcurrent {
background-color:#FFFFFF; border: 1px solid #cecece;
}
- admin-roles-manage .rolecap,
- admin-roles-override .rolecap {
border:none; border-bottom:1px solid; border-bottom-color: #cecece;
}
- admin-roles-manage .rolecap .cap-desc .cap-name,
- admin-roles-override .rolecap .cap-desc .cap-name {
color: #888;
}
styles_fonts.css
This CSS file contains all font definitions like family, size, weight, text-align, letter-spacing etc.
Styles are organised into the following sections: core header footer
admin blocks calendar course doc grades login message mymoodle question tabs user
various modules
/***
*** Core ***/
.clearer {
font-size:1px;
}
body, table, td, th, li {
font-family:Arial, Verdana, Helvetica, sans-serif; font-size:100%; letter-spacing:0.02em;
}
th {
font-weight: bold;
}
a:link, a:visited {
text-decoration:none;
}
a:hover {
text-decoration: underline;
}
h1.main, h2.main, h3.main, h4.main, h5.main, h6.main {
font-weight:bold;
}
h1 {
font-size:1.7em;
}
h2 {
font-size:1.4em;
} h3 {
font-size:1.1em;
} h4 {
font-size:1.0em;
}
.bold {
font-weight:bold;
}
.warning {
font-weight: bold; font-style: italic;
}
.errorbox .title {
font-weight: bold; font-size: 1.2em; text-align: center;
}
.errorboxcontent {
text-align: center;
}
.errorcode {
font-size: 0.7em;
}
.notifytiny {
font-size: 0.5em;
}
.pagingbar .title {
font-weight: bold;
} .pagingbar .thispage {
font-weight: bold;
}
.categorybox .category {
font-size:1.2em; font-weight:bold;
}
.helplink {
font-size:0.8em;
}
.headingblock {
font-weight: bold;
}
.headingblock .link {
font-size: 0.9em;
}
.files .file {
font-size: 0.9em;
}
.files .folder {
font-size: 0.9em;
}
.files .folder .size {
font-weight: bold;
}
/*Accessibility: resizable icons. */ img.resize {
width: 1em; height: 1em;
}
acronym, abbr {
cursor: help;
} a.useredit, a:hover.useredit, .blink {
color: black; text-decoration: blink; cursor: help;
}
/***
*** Header ***/
.headermain {
font-weight:bold;
}
- header-home .headermain {
font-size:1.5em;
}
- header .headermain {
font-size:1.3em;
}
.breadcrumb {
font-size:0.9em; font-weight:bold;
}
.logininfo,
- header-home .headermenu font {
font-size:0.8em;
}
/* Accessibility: only certain fonts support Unicode chars like ► in IE6 */ .breadcrumb .sep, .headermenu button, .calendar-controls .previous, .calendar-controls .next {
font-family:Arial, Helvetica, Courier, sans-serif;
}
/***
*** Footer ***/
.homelink { }
.performanceinfo {
font-size: 0.6em;
}
/***
*** Admin ***/
table.formtable tbody th {
font-weight: normal; text-align: right;
}
body#admin-blocks table#incompatible td.c0 {
font-weight: bold;
}
body#admin-index .explanation {
font-size: 0.7em; vertical-align: bottom;
}
body#admin-index .copyright {
text-align: center; font-size: 0.8em;
}
.environmenttable {
font-size: 0.8em;
}
- admin-roles-manage .rolecap .cap-desc .cap-name,
- admin-roles-override .rolecap .cap-desc .cap-name {
font-size: 0.75em;
}
- adminsettings .form-shortname {
font-size: 0.75em;
}
- admin-roles-override .cell.c1,
- admin-roles-assign .cell.c1 {
font-size: 0.7em;
}
/***
*** Blocks ***/
a.skip-block {
text-decoration:none;
}
.sideblock img.resize, .breadcrumb img.resize {
width: 0.8em; height: 0.9em;
} .sideblock .searchform img.resize {
width: 1em; height: 1.1em;
}
.sideblock .header, .sideblock h2 {
font-size:0.9em; font-weight: bold;
}
.sideblock .content {
font-size:0.9em; line-height:1.2em;
}
.sideblock a {
line-height:1.2em
}
.sideblock .content h3, .sideblock .content h2 {
font-size:1.0em;
}
.sideblock .content .message {
font-size:0.9em
}
.sideblock .header .commands {
font-size:0.9em;
}
.sideblock .footer {
font-size:0.9em;
}
.sideblock .head, .sideblock .info, .sideblock .event {
font-size: 0.9em;
}
.sideblock .date {
font-style: italic;
}
.block_site_main_menu .footer select {
font-size: 0.8em;
}
.block_online_users .listentry {
text-align:left; font-size:0.75em
}
/***
*** Blogs ***/
.blogpost .audience {
font-size: 0.85em;
}
.blogpost .tags {
font-size: 0.85em;
}
/***
*** Calendar ***/
- calendar .sidecalendar abbr,
.block_calendar_month abbr {
border: none;
}
- calendar .eventnone a,
.block_calendar_month .eventnone a {
text-decoration:none; color:black; cursor:text;
}
- calendar .maincalendar .eventlist .event .referer {
font-weight:bold;
}
- calendar .maincalendar .eventlist .event .course {
font-size:0.8em;
}
- calendar .maincalendar .eventlist .event .description .commands {
text-align: right;
}
- calendar .maincalendar table.calendarmonth td {
font-size:0.8em;
}
- calendar div.header
{
font-weight:bold;
}
- calendar .sidecalendar .filters {
font-size:0.8em;
}
.sideblock .filters td {
font-size:1.1em;
}
- calendar .maincalendar .controls {
font-size:1.2em;
}
- calendar .maincalendar .day {
font-weight: bold;
}
table.minicalendar {
font-size:0.85em;
}
.cal_popup_caption {
font-family:sans-serif; font-size:0.8em; font-weight:bold;
}
.cal_popup_close {
font-family:sans-serif; font-size:0.8em; font-weight:bold;
}
- calendar .maincalendar .calendar-controls .current {
font-weight: bold;
}
/***
*** Course ***/
- course-view .section {
font-size:0.95em; line-height:1.2em;
}
- course-view .section .activity {
padding:0.2em 0;
}
- course-view .section .activity a {
line-height:1em;
}
- course-view .section .left {
font-weight:bold;
}
.activitydate, .activityhead {
font-size:0.9em;
}
.weeklydatetext {
font-size:0.9em; font-weight:bold;
}
.coursebox .info {
font-size:1em;
}
.coursebox .teachers, .coursebox .cost {
font-size:0.9em;
}
.coursebox .summary {
font-size:0.9em;
}
- course-recent h2.main {
font-size:1.1em;
}
h2.headingblock {
font-size:1.1em;
}
/***
*** Doc ***/
body#doc-contents h1 {
font-size: 0.9em;
} body#doc-contents ul {
font-size: 0.8em;
}
/***
*** Grades ***/
body#grade-index .grades .header {
font-weight: bold; font-size: 0.7em;
}
/***
*** Login ***/
- login-index .content {
font-size: 0.85em;
}
/***
*** Logs ***/
.logtable td {
font-size: 0.8em;
} .logtable th {
font-size: 0.9em;
}
/***
*** Message ***/
.message .link {
font-size:0.8em;
}
.message_form {
font-size:0.8em;
}
.message .heading {
font-size:1.0em; font-weight:bold;
}
.message .date, .message .contact, .message .summary {
font-size:0.9em;
}
.message .note, .message .pix {
font-size:0.8em;
}
.message .author {
font-weight: bold; font-size:0.8em;
}
.message .time {
font-style: italic; font-size:0.8em;
}
.message .content {
font-size:0.8em;
}
- message-user .commands span {
font-size:0.7em; white-space:nowrap;
}
- message-user .name {
font-weight: bold; font-size:1.1em;
}
/***
*** MyMoodle ***/
.my .courseboxcontent .overview .info {
font-size:0.7em;
}
/***
*** Question ***/
.que .no {
font-size: 1.2em; font-weight: bold;
} .que .grade {
font-size: 0.8em;
} .que .history {
font-size:75%;
}
/***
*** Tabs ***/
.tablink {
font-size:0.8em;
}
.tablink a:hover {
text-decoration: none;
}
/***
*** User ***/
.userinfobox .username {
font-weight: bold;
}
.userinfobox .links {
font-size: 0.7em;
}
body#user-index #longtimenosee {
font-size: 0.8em;
}
/***
*** Modules: Assignment ***/
- mod-assignment-index .cell {
font-size:0.8em;
}
/***
*** Modules: Chat ***/
- mod-chat-index .cell {
font-size:0.8em;
}
/***
*** Modules: Choice ***/
- mod-choice-index .cell {
font-size:0.8em;
}
/***
*** Modules: Forum ***/
.forumnodiscuss{
font-weight:bold;
} .forumpost .topic .subject {
font-weight: bold;
} .forumpost .topic .author {
font-size: 0.8em;
} .forumpost .commands, .forumpost .link, .forumpost .footer {
font-size: 0.9em;
} .forumheaderlist .discussion .lastpost {
font-size: 0.7em;
} body#mod-forum-search .introcontent {
font-weight:bold;
} body#mod-forum-index .generalbox .cell {
font-size: 0.80em;
}
.forumpost .edited {
font-style: italic;
}
/***
*** Modules: Glossary ***/
.glossarypost .commands {
font-size: 0.8em;
} .glossarypost .author {
font-size: 0.8em;
} .glossarypost .time {
font-size: 0.8em;
} .concept {
font-weight: bold;
} .glossarycomment .author {
font-size: 0.8em;
} .entrylowersection .aliases {
font-size: 0.8em;
} .entrylowersection .icons, .entrylowersection .ratings {
font-size: 0.8em;
}
- mod-glossary-index .cell {
font-size:0.8em;
}
/***
*** Modules: Journal ***/
- mod-journal-view .lastedit,
- mod-journal-view .editend {
font-size: 0.7em;
}
- mod-journal-view .author {
font-size: 1em; font-weight: bold;
}
- mod-journal-view .time {
font-size: 0.7em; font-style: italic;
}
- mod-journal-view .grade {
font-weight: bold; font-style: italic;
}
- mod-journal-index .cell {
font-size:0.8em;
}
/***
*** Modules: Label ***/
/***
*** Modules: Lesson ***/
- mod-lesson-index .cell {
font-size:0.8em;
}
/***
*** Modules: Quiz ***/
/* .editorhelptext {
font-size:0.7em;
}
- mod-quiz-index .cell {
font-size:0.8em;
}
*/
/***
*** Modules: Resource ***/
- mod-resource-index .cell {
font-size:0.8em;
}
.ims-nav-dimmed, .ims-nav-button {
font-size:0.8em;
}
- ims-toc-selected {
font-weight: bold;
}
- ims-menudiv {
font-size:0.8em;
}
/***
*** Modules: Scorm ***/
- mod-scorm-index .cell {
font-size:0.8em;
}
/***
*** Modules: Survey ***/
- mod-survey-index .cell {
font-size:0.8em;
}
/***
*** Modules: Wiki ***/
- mod-wiki-index .cell {
font-size:0.8em;
}
/***
*** Modules: Workshop ***/
- mod-workshop-index .cell {
font-size:0.8em;
}
/***
*** Phpinfo display ***/
.phpinfo table {
border-collapse: collapse;
} .phpinfo .center {
text-align: center;
} .phpinfo .e, .v, .h {
border: 1px solid #000000; font-size: 0.8em; vertical-align: baseline;
} .phpinfo .e {
background-color: #ccccff; font-weight: bold; color: #000000;
} .phpinfo .h {
background-color: #9999cc; font-weight: bold; color: #000000;
} .phpinfo .v {
background-color: #cccccc; color: #000000;
}
styles_layout.css
This CSS file contains all layout definitions like positioning, floats, margins, padding, borders etc.
Styles are organised into the following sections: core forms header footer
admin blocks blog calendar course doc grades login message question tabs user
various modules
/***
*** Core ***/
h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
text-align: center;
}
#layout-table {
width:100%;
border-collapse:separate;
margin-top: 8px;
}
#layout-table #left-column, #layout-table #middle-column, #layout-table #right-column
{
vertical-align:top;
}
#layout-table #middle-column {
padding-left:12px;
padding-right:12px;
}
.clearer {
clear:both;
margin:0px;
padding:0px;
height:1px;
border:none;
background:transparent;
display:block;
}
.clearfix:after {
/* content: ""; */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
/* display: inline-bl¶ock */
min-width: 0;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.mdl-align {
text-align: center;
}
.continuebutton {
text-align: center;
}
form {
margin-bottom:0px;
}
table {
border-spacing: 0px;
border-collapse: collapse;
}
a img {
border:none;
}
img.userpicture,
img.grouppicture,
.block_online_users .listentry img {
border: 0px solid
}
.notifyproblem {
text-align: center;
padding: 10px;
}
.notifysuccess {
text-align:center;
padding: 10px;
}
.notifytiny {
text-align:left;
padding: 0px;
}
.generalbox {
border-width:1px;
border-style:solid;
margin-bottom: 15px;
}
.generalbox#intro {
}
.noticebox {
border-width:1px;
border-style:solid;
}
.errorbox {
border-width:1px;
border-style:solid;
margin: 1em 15%;
width: 70%;
}
.errorbox .title {
padding: 5px;
}
.informationbox {
border-width:1px;
border-style:solid;
}
.feedbackbox {
border-width:1px;
border-style:solid;
}
.feedbackby {
}
.feedback {
}
.generaltable {
border-width: 1px;
border-style: solid;
}
.generaltable .cell {
border-width: 1px;
border-style: solid;
border-collapse: collapse;
}
.initialbar {
text-align: center;
}
#help .indent {
margin-left:3em;
}
.tabledivider {
border-width:1px;
border-style:solid;
border-left:0px;
border-right:0px;
border-top:0px;
}
.sitetopic {
margin-bottom:20px;
}
.sitetopiccontent {
border-width:1px;
border-style:solid;
}
.pagingbar {
text-align:center;
}
.pagingbar a {
padding-left: 10px;
}
.pagingbar .thispage {
padding-left: 10px;
}
table.formtable {
margin: auto;
}
table.formtable tbody th {
vertical-align: top;
}
table.formtable tbody td, table.formtable tbody th
{
padding: 5px;
}
table.formtable tbody .htmlarea td, table.formtable tbody .htmlarea th
{
padding: 0px;
}
.paging {
text-align: center;
margin: 10px 0px 10px 0px;
}
.unread {
padding-right:2px;
}
.cell {
vertical-align: top;
}
.helplink img {
vertical-align: middle;
margin: 0px 2px;
width: 17px;
height: 17px;
}
img.emoticon {
vertical-align: middle;
width: 15px;
height: 15px;
}
form.popupform {
display: inline;
}
/*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
.accesshide {
position:absolute;
top:-1000px;
left:10px;
font-weight:normal;
font-size:1em;
}
span.hide,
div.hide {
display:none;
}
/***
*** Forms ***/
form.mform {
margin: 0;
padding: 0;
width: 100%;
}
form.mform fieldset {
border: 1px solid black;
padding: 10px 0;
margin: 0;
width:100%;
}
form.mform fieldset.hidden, form.mform fieldset.felement {
border: 0;
}
form.mform fieldset.felement {
width: auto;
}
form.mform fieldset legend {
font-weight: bold;
}
form.mform div.fitem {
clear: both;
width: 100%;
min-height: 1.5em;
}
/* uncomment this and edit formslib.php for ol li containers for form items.
form.mform fieldset li.qfrow {
list-style: none;
padding: 5px;
margin: 0;
clear: both;
width: 100%;
min-height: 1.5em;
}
form.mform fieldset ol {
margin: 0;
padding: 0;
}*/
form.mform label {
display: block;
float: left;
width: 30%;
padding: 0;
margin: 0 0 0 0;
text-align: right;
}
div.fitem fieldset.fgroup label, div.fradio label, div.fcheckbox label{
display:inline;
float: none;
width: auto;
}
form.mform div.felement, form.mform fieldset.felement{
display: block;
float: left;
margin: 5px 0 0 10px;
padding: 0;
text-align:left;
}
form.mform div.fdescription {
clear: both;
min-height: 1.5em;
}
form.mform input, form.mform select {
width: auto;
}
form.mform ftextarea {
}
form.mform br {
clear: left;
}
form.mform div.fhtmleditor {
margin: 0 auto 10px auto;
width : 600px;
clear:both;
float:none;
}
form.mform span.error, form.mform span.required {
color: red;
}
form.mform div.error,form.mform fieldset.error {
border: 1px solid red;
padding: 5px;
color: inherit;
}
form#adminsettings div.htmlarea {
clear: left;
padding-top: 5px;
}
/***
*** Header ***/
.headerskip {
position:absolute;
right:20em;
font-size:0.8em;
}
#header-home {
}
#header {
}
.headermain, h1.headermain {
float:left;
margin:0%;
padding:0%;
}
.headermenu {
float:right;
text-align:right;
}
.navbar {
width:auto;
padding:3px 0.5em;
border-width:1px;
border-style:solid;
}
table.navbar {
width: 100%;
}
.navbar .navbutton form {
float: left;
}
.navbar .navbutton {
margin-top: 3px;
}
.navbar .breadcrumb {
float:left;
margin:0.2em 0em;
}
.breadcrumb ul {
padding:0%;
margin:0%;
text-indent:0%;
list-style:none;
}
.breadcrumb li {
display:inline;
}
.navbar .navbutton,
.navbar .menu {
float:right;
}
#footer .navbar {
margin-top: 4em;
}
.reportlink {
text-align:right;
}
/***
*** Footer ***/
#footer {
text-align:center;
margin-top: 40px;
}
.homelink {
margin: 1em 0;
}
.homelink a {
padding-left:1em;
padding-right:1em;
}
.performanceinfo {
margin: 2em;
}
.performanceinfo span {
display: block;
}
/***
*** Admin
***/
body#admin-index .c0 {
vertical-align: top;
}
body#admin-index .c1 {
vertical-align: middle;
}
body#admin-modules table.generaltable td.cell,
body#admin-modules .generaltablecell {
padding-top: 2px;
padding-bottom: 2px;
}
body#admin-blocks table#blocks,
body#admin-blocks table#incompatible {
width: 70%;
margin: auto;
}
body#admin-blocks table#blocks th,
body#admin-blocks table#incompatible th,
body#admin-blocks table#blocks td.cell,
body#admin-blocks table#incompatible td.cell {
padding: 4px;
text-align: center;
vertical-align: middle;
}
body#admin-blocks table#blocks td.c0,
body#admin-blocks table#blocks th.c0,
body#admin-blocks table#incompatible td.c0,
body#admin-blocks table#incompatible th.c0 {
text-align: left;
}
body#admin-blocks
body#admin-config .confighelp {
display: block;
padding-bottom: 20px;
}
body#admin-roles-manage table.generalbox {
margin: auto;
}
#admin-report-simpletest-index .exception pre {
padding: 8px;
}
#admin-report-simpletest-index .unittestsummary {
padding: 8px;
margin-top: 1em;
}
#admin-roles-manage .singlebutton,
#admin-roles-allowoverride .singlebutton,
#admin-roles-allowassign .singlebutton {
padding: 10px;
text-align:center;
}
.rolecap .inherit,
.rolecap .allow,
.rolecap .prevent,
.rolecap .prohibit {
text-align:center;
}
#admin-roles-manage .rolecap .cap-desc .cap-name,
#admin-roles-override .rolecap .cap-desc .cap-name {
display: block;
}
#admin-roles-override .cell.c1,
#admin-roles-assign .cell.c1 {
padding-top: 0.75em;
}
#adminsettings fieldset {
margin-top: 1em;
padding: 1em 0.5em;
}
#adminsettings legend {
display: none;
}
#adminsettings .form-group {
float: left;
}
#adminsettings .form-item {
margin: 0;
}
#adminsettings label {
display: block;
float: left;
width: 150px;
text-align: right;
}
#adminsettings .form-shortname {
display: block;
}
#adminsettings select,
#adminsettings input {
float: left;
margin: 0 0 0 10px;
}
#adminsettings textarea {
float: left;
margin: 0 0 0 10px;
width: 65%;
}
#adminsettings .form-group select,
#adminsettings .form-group input {
display: inline;
float: none;
}
/* #adminsettings .admin-configtime .form-select {
display: inline;
float: none;
}
#adminsettings div.admin-frontpage div.form-group select.form-select {
display: inline;
float: none;
} */
#adminsettings .description {
clear: both;
margin: 0 1em 0 160px;
padding: 0.3em 0 1.5em 0;
}
.form-buttons {
margin: 10px 0 0 160px;
}
.form-text {
width: 20em;
}
.form-textarea { }
.form-select { }
.form-checkbox { }
.form-radio { }
.form-submit { }
.form-reset { }
.admin-frontpagedesc .htmlarea {
margin: 0 auto 10px auto;
width : 600px;
}
.adminsearchform {
padding-top:10px;
}
/***
*** Blocks ***/
/*Accessibility: Skip block link, for screen reader users. */
a.skip-block, .skip-block {
display:block;
width:2em;
height:1px;
}
.sideblock .skip-block {
height:4px;
}
.skip-block-to {
font-size:1px;
}
.sideblock li .icon img {
width:16px;
height:16px;
}
ul.list, ul.list li, ol.list, ol.list li {
list-style-type:none;
padding:0;
margin:0;
text-indent:0;
}
.sideblock .content h3,
.sideblock .content h2 {
text-align: left;
} /*.sideblock .content h3, ??*/
.sideblock .content h2 {
margin:1.5em 0 0;
padding:0;
}
.sideblock {
margin-bottom:1em;
width: 100%;
}
.sideblock .header, .sideblock h2.header {
text-align: left;
margin:0;
padding:4px;
padding-top:0;
border-width: 1px;
border-style: solid;
border-bottom: none;
}
.sideblock h2 {
margin:0;
padding:0;
}
.sideblock .header .hide-show {
float:right;
}
.sideblock .header .hide-show img.hide-show-image {
height:11px;
width:11px;
margin-top:0.25em;
}
.sideblock .header .commands {
margin-top: 0.3em;
clear: both;
height: 16px;
}
.sideblock .header .commands a {
margin: 0px 2px;
}
.sideblock .content {
padding: 4px;
border-width: 1px;
border-style: solid;
}
.sideblock .content hr {
height:1px;
margin-top:4px;
margin-bottom:4px;
border:none;
border-top:1px solid;
}
#left-column .hidden .header, #right-column .hidden .header
{
border-bottom-width: 1px; border-bottom-style: solid;
}
#left-column .hidden .content, #right-column .hidden .content
{
display: none;
}
.sideblock .list {
width: 100%;
}
.sideblock .list .c0{
padding: 2px;
}
.sideblock .footer {
margin-bottom: 4px;
text-align:center;
}
.sideblock .header .icon.hide,
.sideblock .header .icon.edit {
margin-right: 6px;
}
.sideblock .content .head {
margin-top: 10px;
}
.sideblock .icon {
display: block;
float: left;
margin-right: 0.3em;
}
.sideblock .list li {
clear: left;
}
.blockconfigtable {
margin-top: 0;
}
.blockconfiginstancecontent .tabs {
margin-bottom: 0px;
}
.block_online_users .listentry {
padding-top:5px;
}
/***
*** Blogs ***/
.blogpost .audience {
text-align: right;
}
.blogpost .tags {
margin-top: 15px;
}
/***
*** Calendar ***/
#calendar {
width: 100%;
border-spacing: 5px;
border-collapse: separate;
}
#calendar h2, #calendar h3
{
text-align: center;
}
#calendar .maincalendar, #calendar .sidecalendar
{
vertical-align: top; border: 1px solid; padding: 0px;
}
#calendar .sidecalendar {
width: 25%;
}
- calendar .maincalendar table.calendarmonth {
border-collapse: separate; margin: 0px auto; width: 98%;
}
- calendar .maincalendar table.calendarmonth th {
padding:10px; border-bottom:2px solid;
}
- calendar .maincalendar table.calendarmonth td {
height: 5em; padding-left: 4px; padding-top: 4px; line-height:1.2em;
}
- calendar .maincalendar table.calendarmonth td,
table.minicalendar td, table.minicalendar th {
width:14%; vertical-align:top;
} table.minicalendar td {
text-align: center;
}
- calendar .maincalendar table.calendarmonth td table td {
height: auto;
}
- calendar div.header
{
padding: 5px;
}
- calendar .maincalendar .buttons {
float: right;
}
- calendar .maincalendar .filters table,
- calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table {
border-collapse:separate; border-spacing: 2px; padding: 2px; width: 100%;
}
- calendar .maincalendar .filters {
padding: 0px 10px;
}
- calendar .sidecalendar .filters {
padding: 5px;
}
- calendar .maincalendar .controls {
clear:both; padding:10px;
}
- calendar .maincalendar table.calendarmonth ul.events-new,
- calendar .maincalendar table.calendarmonth ul.events-underway
{
padding:0px; margin:0px; list-style-type:none;
}
- calendar .maincalendar table.calendarmonth ul li {
margin-top: 4px;
}
.minicalendarblock {
padding: 0px 4px;
}
table.minicalendar {
width: 100%; margin: 10px auto; padding:2px; border-width:1px; border-style:solid; border-collapse:separate; border-spacing:1px !important;
}
table.minicalendar th {
padding: 0px 2px;
}
- calendar .maincalendar .eventlist {
padding: 10px;
}
- calendar .maincalendar .eventlist .topic {
padding: 5px; border-style:solid; border-width: 0px; border-bottom-color: #EEEEEE; border-bottom-width: 1px;
}
- calendar .maincalendar .eventlist .event {
width:100%; margin-bottom:10px; border-spacing:0px; border-collapse:separate; border-width:1px; border-style:solid;
}
- calendar .maincalendar .eventlist .event .name {
float:left;
}
- calendar .maincalendar .eventlist .event .course {
float:left; clear:left;
}
- calendar .maincalendar .eventlist .event .date {
float:right;
}
- calendar .maincalendar .eventlist .event .description .commands {
width:100%;
}
- calendar .maincalendar .eventlist .event .description {
padding:5px;
}
- calendar .maincalendar .eventlist .event .picture {
padding:8px;
}
- calendar .maincalendar .eventlist .event .side {
width:32px;
}
- calendar #selecteventtype table {
margin:auto;
}
- calendar .event_global,
- calendar .event_course,
- calendar .event_group,
- calendar .event_user,
.minicalendar .event_global, .minicalendar .event_course, .minicalendar .event_group, .minicalendar .event_user {
border:2px solid !important;
}
- calendar .duration_global,
- calendar .duration_course,
- calendar .duration_group,
- calendar .duration_user,
.minicalendar .duration_global, .minicalendar .duration_course, .minicalendar .duration_group, .minicalendar .duration_user {
border-top:2px solid !important; border-bottom:2px solid !important;
}
- calendar .today,
.minicalendar .today {
border:2px solid;
}
.cal_popup_bg {
padding:0px; margin:0px; border:1px solid;
}
.cal_popup_close {
margin-right:5px;
}
.cal_popup_caption {
border-width:0px 0px 1px 0px; border-style:solid; padding-bottom:2px;
}
/*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */ .calendar-controls .previous, .calendar-controls .next {
width: 12%;
} .calendar-controls .previous {
text-align: left;
} .calendar-controls .current {
text-align: center;
} .calendar-controls .next {
text-align: right;
} span.previous, span.current, span.next {
display: block; float: left;
} span.current {
width: 76%;
}
- calendar .maincalendar .calendar-controls .previous,
- calendar .maincalendar .calendar-controls .next
{
width: 30%;
}
- calendar .maincalendar .calendar-controls .current {
width: 40%;
}
- calendar .indent {
padding-left: 20px;
}
/***
*** Course ***/
.activitydate, .activityhead {
text-align:center;
}
- course-view .section td {
vertical-align:top;
}
- course-view .section td.content {
padding:5px; border-style:solid; border-width:1px; border-left:0px; border-right:0px;
}
- course-view .section td.side {
padding:5px; border-style:solid; border-width:1px;
}
- course-view .section td.left {
border-right:0px; text-align:center; width: 1.5em;
}
- course-view .section td.right {
border-left:0px; text-align:center; width: 1.5em;
}
- course-view .current .side {
}
- course-view .section .spacer {
height:0.5em;
}
- course-view .section .weekdates {
}
- course-view ul.section,
- site-index ul.section,
- course-view ul.section li,
- site-index ul.section li {
margin: 0; padding: 0; text-indent: 0; list-style: none;
}
- course-view ul.section li.activity ul li,
- site-index ul.section li.activity ul li {
list-style: disc;
}
/*Accessibility: No-tables course format. */
- course-view ul.weekscss, .weekscss li {
margin: 0; padding: 0; text-indent: 0; list-style: none;
} /* Window-width: 800 pixels.
IE doesn't support, see inline IE conditional comment. */
.weekscss-format {
min-width: 763px;
} .weekscss-format .block_adminblock select, .weekscss-format .block_calendar_month .minicalendar {
width: 100%; padding: 0;
} .weekscss-format .block_calendar_month .minicalendar th, .weekscss-format .block_calendar_month .minicalendar td {
padding: 0.1em 0 0.1em 1px;
} .weekscss-format #middle-column {
margin: 0 12.5em 0 12.5em;
} .weekscss-format #left-column, .weekscss-format #right-column {
width: 11.5em;
} .weekscss-format #left-column {
float: left;
} .weekscss-format #right-column {
float: right;
} .weekscss li.section {
margin-bottom: 0.5em; border-style:solid; border-width:1px;
} .weekscss .content, .weekscss .side {
padding: 5px;
} .weekscss .content {
margin: 0 1.7em 0 1.7em;
} .weekscss .right {
width: 1.6em; float: right; text-align:center;
}
.section .activity img.activityicon {
vertical-align:middle; height:16px; width:16px;
}
.section img.movetarget {
height:16px; width:80px;
}
body#course-view .unread {
margin-left: 3em;
}
body#course-view .sideblock.drag .header {
cursor: move;
}
body#course-enrol .generalbox {
margin-top: 20px;
}
body#course-enrol .coursebox {
margin-top: 20px;
}
body#course-user .graph {
text-align: center;
}
body#course-user .section, body#course-user .content {
margin-left: 30px; margin-right: 30px;
}
body#course-user .section {
border-width:1px; border-style:solid; padding:10px; margin-bottom: 20px;
}
body#course-user .section h2 {
margin-top: 0px;
}
.headingblock, h2.headingblock {
border-width:1px; border-style:solid; padding:5px; margin:0%;
}
.headingblock .link {
text-align:right;
}
body#site-index .headingblock, body#course-view .headingblock {
margin-bottom: 9px;
}
.coursebox {
margin-bottom: 8px;
}
.categoryboxcontent, .courseboxcontent {
border-width:1px; border-style:solid;
}
.courseboxcontent .cost {
padding-top: 20px;
}
.courseboxcontent ul.teachers li {
list-style-type:none; padding:0; margin:0; text-indent:0;
}
/***
*** Doc ***/
body#doc-contents h1 {
margin: 1em 0px 0px 0px;
}
body#doc-contents ul {
list-style-type: none; margin: 0px; padding: 0px; width: 90%;
}
/***
*** Grades ***/
body#grade-index .grades {
border-width:1px; border-style:solid; border-collapse: separate;
}
body#grade-index .grades td {
border-width:0px 1px 0px 1px; border-style:solid; border-collapse: collapse;
}
body#grade-index .grades .header {
vertical-align: top;
}
body#grade-index .grades .points, body#grade-index .grades .percent, body#grade-index .grades .weighted {
text-align: right;
}
.backup-form-instances {
margin:0px 20px 0px 20px;
} .restore-form-instances {
margin:0px 20px 0px 20px;
}
/***
*** Login ***/
.loginbox {
margin-top:15px;
}
.loginbox .content {
border-width:1px; border-style:solid; padding:15px;
}
.loginform .c1, .logintable .c1 {
text-align: left;
}
.loginform .c1 input, .logintable .c1 input {
width: 6em;
}
/***
*** Message ***/
.message .link {
vertical-align:middle;
}
table.message .searchresults td {
padding:5px; border-width:1px; border-style:solid; border-collapse:collapse; border-spacing:0px;
} .message .summary .link {
text-align:right;
} .message .heading {
text-align:center;
}
.message .note {
text-align:center; padding:10px;
}
- message-user .commands span {
margin-left:10px; margin-right:10px;
}
body#message-messages {
padding:10px;
}
/***
*** MyMoodle ***/
.my .courseboxcontent .overview .info {
margin-left:20px;
}
.my .courseboxcontent .overview {
margin-bottom:10px;
}
/***
*** Question ***/
.que {
width: 90%; text-align: left; margin: 10px auto 15px auto; border: 1px solid; clear: both;
} .que .info {
float: left; margin: 5px; width: 8%;
} .que .grade {
margin-top: 0.5em;
} .que .content {
float: right; margin: 5px; width: 88%;
} .que .qtext {
margin-bottom: 1.5em;
} .que .ablock {
margin: 0.7em 0 0.3em 0;
} .que .prompt {
float: left; width: 15%; height: 2em; padding-top: 0.3em;
} .que .control {
width: 5%;
} .que .answer {
float: right; width: 83%; margin-bottom: 0.5em;
} .que .submit {
position: relative; clear: both; float: left;
} /* MSIE Hack */
- html .que .submit {
float: none;
} .multianswer .submit {
margin-top: 1em;
} .que .c0, .que .c1 {
padding: 0.3em 0 0.3em 0.3em; vertical-align: top;
} .que .feedback {
clear: both; float: right; width: 83%; padding: 0 0 0.3em 0.3em; border: 1px solid;
} .multichoice td.feedback {
width: auto; vertical-align: top; padding-top: 0.3em; border-style: none;
} .essay .feedback {
border-style: none;
} .multichoice .text {
width: auto;
} .calculated .answer, .numerical .answer, .shortanswer .answer, .truefalse .answer {
padding: 0.3em 0 0.3em 0.3em;
} .calculated .answer input, .numerical .answer input, .shortanswer .answer input {
width: 85%;
} .truefalse .answer span {
float: left; clear: left; padding: 0.2em 0;
} .que .grading, .que .comment, .que .commentlink, .que .generalfeedback, .que .history {
float: right; margin: 5px; width: 88%;
}
/***
*** Logs ***/
.logtable td, .logtable th {
padding-left: 10px; padding-right: 10px;
}
.logtable th {
text-align:left;
}
/***
*** Tabs ***/
.tabs {
width: auto; margin-bottom: 15px; border-collapse: collapse;
}
.tabs td {
padding: 0px;
}
.tabs .side {
width: 50%; border-style: solid; border-width: 0px 0px 1px 0px;
}
.tabrow {
border-collapse:collapse; width:100%; margin: 1px 0px 0px 0px;
}
.tabrow td {
padding:0 0 0px 14px; border-style: solid; border-width: 0px 0px 1px 0px;
}
.tabrow th {
display:none;
} .tabrow td .tablink {
display:block; padding:10px 14px 4px 0px; text-align:center; white-space:nowrap; text-decoration:none;
} .tabrow .last {
display:block; padding:0px 1px 0px 0px;
}
.tabrow td.selected {
border-width: 0px;
}
/***
*** User ***/
.userinfobox {
margin-bottom:5px; border-width: 1px; border-style: solid; border-collapse: separate;
}
.userinfobox .left {
padding: 10px; width: 100px; vertical-align: top;
}
.userinfobox .content {
padding: 10px; vertical-align: top;
}
.userinfobox .links {
width: 100px; padding: 5px; vertical-align: bottom;
}
.userinfobox .list td {
padding: 3px;
}
.userinfobox .username {
padding-bottom: 20px;
}
table.userinfobox {
width: 80%; margin-left: 10%; margin-right: 10%;
}
table.groupinfobox {
width: 60%; margin-left: 20%; margin-right: 20%; border-width:1px; border-style:solid; margin-bottom: 20px;
}
.groupinfobox .left {
padding: 10px; width: 100px; vertical-align: top;
}
body#user-index h2 {
text-align: center;
}
body#user-index #longtimenosee, body#user-index #showall {
text-align: center;
}
body#user-index #showall {
margin: 10px 0px;
}
body#user-index table#participants {
margin: auto; width: 80%;
}
body#user-index table#participants td, body#user-index table#participants th {
vertical-align: middle; text-align: left; padding: 4px;
}
body#user-index table.controls {
width: 100%;
} body#user-index table.controls tr {
vertical-align: top;
} body#user-index table.controls td.right, body#user-index table.controls td.left {
padding: 4px;
} body#user-index table.controls .right {
text-align: right;
} body#course-participation h2 {
text-align:center;
} body#course-participation #showall {
text-align:center; margin: 10px 0px;
} body#user-index .rolesform {
text-align:center;
}
/***
*** Modules: Assignment ***/
/***
*** Modules: Chat ***/
- mod-chat-gui_header_js-jsupdate {
margin:10px
}
- mod-chat-gui_header_js-jsupdate .chat-event,
- mod-chat-gui_header_js-jsupdate .chat-message {
width:100%; padding:0; margin-top:7px
} .chat-event .picture, .chat-message .picture {
width:40px; vertical-align:top;
} .chat-event .text, .chat-message .text {
text-align: left;
}
/***
*** Modules: Choice ***/
/***
*** Modules: Forum ***/
.forumheaderlist, .forumpost {
border-width:1px; border-style:solid; border-collapse:separate;
}
.forumpost {
margin-top: 15px;
}
.forumpost .topic {
padding: 4px; border-style:solid; border-width: 0px; border-bottom-width: 1px;
}
.forumpost .commands {
padding-top: 0.5em; text-align:right; clear: both;
}
.forumpost .ratings {
padding-top: 1em; text-align:right;
}
.forumpost .attachments {
padding: 7px; text-align:right;
}
.forumpost .content {
padding: 4px;
}
.forumpost .footer {
padding-top: 0.5em; text-align:right;
}
.forumpost .link {
padding-top: 0.5em; text-align:right;
}
.forumpost .left {
width: 35px; padding: 4px; text-align: center; vertical-align: top;
}
.mod-forum .indent {
margin-left: 30px;
}
body#user-view .forumpost, .course .forumpost {
width: 100%;
}
body#mod-forum-search .c0 {
text-align: right;
}
body#mod-forum-search .introcontent {
padding: 15px;
}
.forumolddiscuss {
text-align: right;
}
.forumheaderlist {
width: 100%;
}
.forumheaderlist td {
border-width:1px 0px 0px 1px; border-style:solid;
}
.forumheaderlist .replies {
text-align: center; white-space: nowrap;
}
.forumheaderlist .picture {
width: 35px;
}
.forumheaderlist .discussion .starter {
vertical-align: middle;
}
.forumheaderlist .lastpost {
white-space: nowrap; text-align: right;
}
.forumheaderlist .discussion .author {
white-space: nowrap;
} .forumolddiscuss {
text-align:right;
} .forumaddnew, .forumnodiscuss, .noticeboxcontent {
text-align:center;
}
- mod-forum-view .unread {
padding-left: 3px; padding-right: 3px;
}
- mod-forum-discuss .forumpost.unread .content {
border-style: solid; border-width: 2px;
}
- mod-forum-index .unread img,
- mod-forum-view .unread img
{
margin-left: 5px;
}
- email .unsubscribelink {
margin-top:20px; border-width: 0px 1px 0px 0px; border-style: solid; text-align:center;
}
/***
*** Modules: Glossary ***/
.glossarypost .commands {
width: 200px; white-space: nowrap;
}
- mod-glossary-comments .glossarypost,
- mod-glossary-comment .glossarypost {
margin-top: 15px;
}
.entryboxheader {
border-width: 1px 1px 0px 1px; border-style: solid;
}
.entrybox {
border-width: 0px 1px 1px 1px; border-style: solid;
}
.glossarypost {
width: 95%; border-width:1px; border-style:solid; border-collapse:separate; margin-bottom: 5px; text-align: left;
}
.entrylist {
border-width:0px;
}
.entrylowersection {
padding-top: 10px;
} .entrylowersection table{
width: 100%;
} .entrylowersection .aliases {
text-align:center;
} .entrylowersection .icons, .entrylowersection .ratings {
text-align:right; padding-right: 5px;
} .entrylowersection .ratings {
padding-bottom: 2px;
} .categoryheader {
width: 95%;
} .glossaryformatheader {
width: 90%;
}
.glossarypost .entry {
padding: 3px;
}
.glossarypost .picture {
width: 35px;
}
.glossarycomment {
border-width:1px; border-style:solid; border-collapse:separate; margin-bottom: 5px; text-align: left;
}
.glossarycomment .entry {
padding: 3px;
}
.glossarycomment .picture {
width: 35px;
}
.glossarycomment .icons {
text-align: right;
}
.glossarydisplay {
width: 70%;
}
.glossarydisplay .tabs {
width: 100%;
}
.glossarydisplay .separator {
width: 4px;
}
.glossarydisplay .tabs .selected, .glossarydisplay .tabs .inactive, .glossarydisplay .tabs .general { }
.glossarypopup {
width: 95%;
}
.glossaryapproval {
width: 100%;
}
.mod-glossary .glossarydisplay .tabs {
margin-bottom: 0px;
} .mod-glossary .glossarydisplay .tabs .side {
border-style: none; border-width: 0px; width: auto;
}
/***
*** Modules: Journal ***/
- mod-journal-view .lastedit,
- mod-journal-view .editend {
margin: 5px; text-align: center;
}
- mod-journal-view .feedbackbox {
width: 75%; border-collapse: separate;
}
- mod-journal-view .entrycontent {
padding: 3px;
}
- mod-journal-view .picture {
width: 35px;
}
- mod-journal-view .grade {
text-align: right;
}
- mod-journal-view .info {
margin-bottom: 5px; text-align: right;
}
/***
*** Modules: Label ***/
/***
*** Modules: Lesson ***/
/***
*** Modules: Quiz ***/
- mod-quiz-attempt #page {
text-align: center;
}
body#mod-quiz-report table#attempts, body#mod-quiz-report table#commands, body#mod-quiz-report table#itemanalysis {
width: 80%; margin: auto;
} body#mod-quiz-report table#attempts {
margin: 20px auto;
} body#mod-quiz-report table#attempts .header, body#mod-quiz-report table#attempts .cell {
padding: 4px;
} body#mod-quiz-report table#attempts .header .commands {
display: inline;
} body#mod-quiz-report table#attempts .picture {
width: 40px;
} body#mod-quiz-report table#attempts td {
border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; vertical-align: middle;
} body#mod-quiz-report table#attempts .header {
text-align: left;
} body#mod-quiz-report table#attempts .picture {
text-align: center !important;
} body#mod-quiz-report .controls {
text-align: center;
}
/* .navbutton form {
display: inline; } */
/***
*** Modules: Resource ***/
.ims-nav-bar {
position: relative; padding:0.1em;
}
.ims-nav-button a, .ims-nav-dimmed {
padding-left:1em; padding-right:1em;
}
- ims-containerdiv {
margin-top:0.2em;
}
- ims-menudiv {
position:absolute; width:250px; overflow:auto;
}
- ims-menudiv ol {
list-style-type:none; margin:0px; padding-left:1em;
}
- ims-contentframe {
position:absolute; left:260px; border:1px solid; width:640px; height:480px;
}
- ims-contentframe-no-nav {
position:absolute; border:1px solid; width:640px; height:480px;
}
- mod-resource-view div#footer {
margin-top: 5px;
}
styles_moz.css
This CSS file uses the non-standard Mozilla CSS extensions to add round corners to the current theme.
Styles are organised into the following sections: core header footer
admin blocks calendar course doc login message tabs user
various modules
/***
*** Core ***/
.headingblock {
-moz-border-radius:3px;
}
.notifyproblem {
-moz-border-radius:10px;
}
.notifysuccess {
-moz-border-radius:10px;
} .generalbox {
-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px;
}
.generalboxcontent {
-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px;
}
.noticebox {
-moz-border-radius:5px;
}
.informationbox {
-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px;
}
.informationboxcontent {
-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px;
}
.sitetopiccontent {
-moz-border-radius:15px;
}
.headingblock {
-moz-border-radius:3px;
}
.categorybox, .categoryboxcontent, .coursebox, .courseboxcontent {
-moz-border-radius:20px;
}
/* kept for backward compatibility with some non-standard modules
which use these classes for various things */
.generaltab, .generaltabinactive{
-moz-border-radius-topleft:15px; -moz-border-radius-topright:15px;
}
.generaltabselected {
-moz-border-radius-topleft:15px; -moz-border-radius-topright:15px;
}
/***
*** Header ***/
/***
*** Footer ***/
/***
*** Admin ***/
/***
*** Blocks ***/
.sideblock.hidden {
-moz-border-radius: 0px;
}
.sideblock .content {
-moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;
}
.block_course_summary, .block_course_summary .content {
-moz-border-radius:20px;
}
.editing .block_course_summary .content {
-moz-border-radius-topleft:0; -moz-border-radius-topright:0;
}
/***
*** Calendar ***/
- calendar .eventlist .event {
-moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px;
}
- calendar .eventlist .event .side {
-moz-border-radius-bottomleft:15px;
}
- calendar .eventlist .event .description {
-moz-border-radius-bottomright:15px;
}
- calendar .maincalendar,
- calendar .sidecalendar
{
-moz-border-radius-bottomright:20px; -moz-border-radius-bottomleft:20px;
}
- calendar .maincalendar .filters table,
- calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table {
-moz-border-radius:4px;
}
table.minicalendar {
-moz-border-radius:10px;
}
table.minicalendar td {
-moz-border-radius:4px;
}
/***
*** Course ***/
body#course-user .section {
-moz-border-radius:20px;
}
/***
*** Doc ***/
/***
*** Login ***/
.loginbox {
-moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;
}
.loginbox .content.left {
-moz-border-radius-bottomleft:20px;
} .loginbox .content.right {
-moz-border-radius-bottomright:20px;
}
/***
*** Message ***/
/***
*** Tabs ***/
/***
*** User ***/
.userinfobox {
-moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;
}
.groupinfobox {
-moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;
}
- user-view .left {
-moz-border-radius-bottomleft:20px;
}
/***
*** Modules: Assignment ***/
/***
*** Modules: Chat ***/
/***
*** Modules: Choice ***/
/***
*** Modules: Forum ***/
.forumpost {
-moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;
}
.forumpost .side {
-moz-border-radius-bottomleft:20px;
}
.forumpost .content {
-moz-border-radius-bottomright:20px;
}
.forumpost .message {
-moz-border-radius-bottomright:20px;
}
/***
*** Modules: Glossary ***/
.categoryheader {
-moz-border-radius-topleft:15px; -moz-border-radius-topright:15px;
}
.glossaryformatheader {
-moz-border-radius-topleft:15px; -moz-border-radius-topright:15px;
}
.entryboxheader {
-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
}
.entrybox {
-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
}
.glossarypost {
-moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px;
}
.glossarypost .side {
-moz-border-radius-bottomleft:15px;
}
.encyclopedia .entrylowersection {
-moz-border-radius-bottomright:15px;
} .glossarycomment {
-moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;
}
.glossarycomment .side {
-moz-border-radius-bottomleft:20px;
}
.glossarycomment .entry {
-moz-border-radius-bottomright:20px;
}
/***
*** Modules: Journal ***/
- mod-journal-view .feedbackbox {
-moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px;
}
- mod-journal-view .feedbackbox .side {
-moz-border-radius-bottomleft:15px;
}
- mod-journal-view .feedbackbox .entrycontent {
-moz-border-radius-bottomright:15px;
}
