CSS: Difference between revisions
Line 1,834: | Line 1,834: | ||
h6.main { | h6.main { | ||
text-align: center; | text-align: center; | ||
} | } | ||
#layout-table { | #layout-table { | ||
Line 1,840: | Line 1,840: | ||
border-collapse:separate; | border-collapse:separate; | ||
margin-top: 8px; | margin-top: 8px; | ||
} | } | ||
#layout-table #left-column, | #layout-table #left-column, | ||
Line 1,847: | Line 1,847: | ||
{ | { | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
#layout-table #middle-column { | #layout-table #middle-column { | ||
padding-left:12px; | padding-left:12px; | ||
padding-right:12px; | padding-right:12px; | ||
} | } | ||
.clearer { | .clearer { | ||
Line 1,862: | Line 1,862: | ||
background:transparent; | background:transparent; | ||
display:block; | display:block; | ||
} | } | ||
.clearfix:after { | .clearfix:after { | ||
Line 1,871: | Line 1,871: | ||
clear: both; | clear: both; | ||
visibility: hidden; | visibility: hidden; | ||
} | } | ||
.clearfix { | .clearfix { | ||
/* display: inline-bl¶ock */ | /* display: inline-bl¶ock */ | ||
min-width: 0; | min-width: 0; | ||
} | } | ||
/* Hides from IE-mac \*/ | /* Hides from IE-mac \*/ | ||
* html .clearfix {height: 1%;} | * html .clearfix {height: 1%; } | ||
.clearfix {display: block;} | .clearfix {display: block; } | ||
/* End hide from IE-mac */ | /* End hide from IE-mac */ | ||
.mdl-align { | .mdl-align { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.continuebutton { | .continuebutton { | ||
text-align: center; | text-align: center; | ||
} | } | ||
form { | form { | ||
margin-bottom:0px; | margin-bottom:0px; | ||
} | } | ||
table { | table { | ||
border-spacing: 0px; | border-spacing: 0px; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
a img { | a img { | ||
border:none; | border:none; | ||
} | } | ||
img.userpicture, | img.userpicture, | ||
Line 1,908: | Line 1,908: | ||
.block_online_users .listentry img { | .block_online_users .listentry img { | ||
border: 0px solid | border: 0px solid | ||
} | } | ||
.notifyproblem { | .notifyproblem { | ||
text-align: center; | text-align: center; | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
.notifysuccess { | .notifysuccess { | ||
text-align:center; | text-align:center; | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
.notifytiny { | .notifytiny { | ||
text-align:left; | text-align:left; | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
.generalbox { | .generalbox { | ||
Line 1,929: | Line 1,929: | ||
border-style:solid; | border-style:solid; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
} | } | ||
.generalbox#intro { | .generalbox#intro { | ||
} | } | ||
.noticebox { | .noticebox { | ||
border-width:1px; | border-width:1px; | ||
border-style:solid; | border-style:solid; | ||
} | } | ||
.errorbox { | .errorbox { | ||
Line 1,944: | Line 1,944: | ||
margin: 1em 15%; | margin: 1em 15%; | ||
width: 70%; | width: 70%; | ||
} | } | ||
.errorbox .title { | .errorbox .title { | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
.informationbox { | .informationbox { | ||
border-width:1px; | border-width:1px; | ||
border-style:solid; | border-style:solid; | ||
} | } | ||
.feedbackbox { | .feedbackbox { | ||
border-width:1px; | border-width:1px; | ||
border-style:solid; | border-style:solid; | ||
} | } | ||
.feedbackby { | .feedbackby { | ||
} | } | ||
.feedback { | .feedback { | ||
} | } | ||
.generaltable { | .generaltable { | ||
border-width: 1px; | border-width: 1px; | ||
border-style: solid; | border-style: solid; | ||
} | } | ||
.generaltable .cell { | .generaltable .cell { | ||
Line 1,975: | Line 1,975: | ||
border-style: solid; | border-style: solid; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
.initialbar { | .initialbar { | ||
text-align: center; | text-align: center; | ||
} | } | ||
#help .indent { | #help .indent { | ||
margin-left:3em; | margin-left:3em; | ||
} | } | ||
.tabledivider { | .tabledivider { | ||
Line 1,991: | Line 1,991: | ||
border-right:0px; | border-right:0px; | ||
border-top:0px; | border-top:0px; | ||
} | } | ||
.sitetopic { | .sitetopic { | ||
margin-bottom:20px; | margin-bottom:20px; | ||
} | } | ||
.sitetopiccontent { | .sitetopiccontent { | ||
border-width:1px; | border-width:1px; | ||
border-style:solid; | border-style:solid; | ||
} | } | ||
.pagingbar { | .pagingbar { | ||
text-align:center; | text-align:center; | ||
} | } | ||
.pagingbar a { | .pagingbar a { | ||
padding-left: 10px; | padding-left: 10px; | ||
} | } | ||
.pagingbar .thispage { | .pagingbar .thispage { | ||
padding-left: 10px; | padding-left: 10px; | ||
} | } | ||
table.formtable { | table.formtable { | ||
margin: auto; | margin: auto; | ||
} | } | ||
table.formtable tbody th { | table.formtable tbody th { | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
table.formtable tbody td, | table.formtable tbody td, | ||
Line 2,026: | Line 2,026: | ||
{ | { | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
table.formtable tbody .htmlarea td, | table.formtable tbody .htmlarea td, | ||
Line 2,032: | Line 2,032: | ||
{ | { | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
.paging { | .paging { | ||
text-align: center; | text-align: center; | ||
margin: 10px 0px 10px 0px; | margin: 10px 0px 10px 0px; | ||
} | } | ||
.unread { | .unread { | ||
padding-right:2px; | padding-right:2px; | ||
} | } | ||
.cell { | .cell { | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
.helplink img { | .helplink img { | ||
Line 2,052: | Line 2,052: | ||
width: 17px; | width: 17px; | ||
height: 17px; | height: 17px; | ||
} | } | ||
img.emoticon { | img.emoticon { | ||
Line 2,058: | Line 2,058: | ||
width: 15px; | width: 15px; | ||
height: 15px; | height: 15px; | ||
} | } | ||
form.popupform { | form.popupform { | ||
display: inline; | display: inline; | ||
} | } | ||
/*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */ | /*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */ | ||
Line 2,071: | Line 2,071: | ||
font-weight:normal; | font-weight:normal; | ||
font-size:1em; | font-size:1em; | ||
} | } | ||
span.hide, | span.hide, | ||
div.hide { | div.hide { | ||
display:none; | display:none; | ||
} | } | ||
/*** | /*** | ||
Line 2,085: | Line 2,085: | ||
padding: 0; | padding: 0; | ||
width: 100%; | width: 100%; | ||
} | } | ||
form.mform fieldset { | form.mform fieldset { | ||
border: 1px solid black; | border: 1px solid black; | ||
Line 2,091: | Line 2,091: | ||
margin: 0; | margin: 0; | ||
width:100%; | width:100%; | ||
} | } | ||
form.mform fieldset.hidden, form.mform fieldset.felement { | form.mform fieldset.hidden, form.mform fieldset.felement { | ||
border: 0; | border: 0; | ||
} | } | ||
form.mform fieldset.felement { | form.mform fieldset.felement { | ||
width: auto; | width: auto; | ||
} | } | ||
form.mform fieldset legend { | form.mform fieldset legend { | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
form.mform div.fitem { | form.mform div.fitem { | ||
Line 2,106: | Line 2,106: | ||
width: 100%; | width: 100%; | ||
min-height: 1.5em; | min-height: 1.5em; | ||
} | } | ||
/* uncomment this and edit formslib.php for | /* uncomment this and edit formslib.php for | ||
ol li containers for form items. | ol li containers for form items. | ||
Line 2,117: | Line 2,117: | ||
width: 100%; | width: 100%; | ||
min-height: 1.5em; | min-height: 1.5em; | ||
} | } | ||
form.mform fieldset ol { | form.mform fieldset ol { | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
}*/ | }*/ | ||
form.mform label { | form.mform label { | ||
display: block; | display: block; | ||
Line 2,129: | Line 2,129: | ||
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
text-align: right; | text-align: right; | ||
} | } | ||
div.fitem fieldset.fgroup label, div.fradio label, div.fcheckbox label{ | div.fitem fieldset.fgroup label, div.fradio label, div.fcheckbox label{ | ||
display:inline; | display:inline; | ||
float: none; | float: none; | ||
width: auto; | width: auto; | ||
} | } | ||
form.mform div.felement, form.mform fieldset.felement{ | form.mform div.felement, form.mform fieldset.felement{ | ||
Line 2,142: | Line 2,142: | ||
padding: 0; | padding: 0; | ||
text-align:left; | text-align:left; | ||
} | } | ||
form.mform div.fdescription { | form.mform div.fdescription { | ||
clear: both; | clear: both; | ||
min-height: 1.5em; | min-height: 1.5em; | ||
} | } | ||
form.mform input, form.mform select { | form.mform input, form.mform select { | ||
width: auto; | width: auto; | ||
} | } | ||
form.mform ftextarea { | form.mform ftextarea { | ||
} | } | ||
form.mform br { | form.mform br { | ||
clear: left; | clear: left; | ||
} | } | ||
form.mform div.fhtmleditor { | form.mform div.fhtmleditor { | ||
margin: 0 auto 10px auto; | margin: 0 auto 10px auto; | ||
Line 2,162: | Line 2,162: | ||
clear:both; | clear:both; | ||
float:none; | float:none; | ||
} | } | ||
form.mform span.error, form.mform span.required { | form.mform span.error, form.mform span.required { | ||
color: red; | color: red; | ||
} | } | ||
form.mform div.error,form.mform fieldset.error { | form.mform div.error,form.mform fieldset.error { | ||
border: 1px solid red; | border: 1px solid red; | ||
padding: 5px; | padding: 5px; | ||
color: inherit; | color: inherit; | ||
} | } | ||
form#adminsettings div.htmlarea { | form#adminsettings div.htmlarea { | ||
clear: left; | clear: left; | ||
padding-top: 5px; | padding-top: 5px; | ||
} | } | ||
Line 2,185: | Line 2,185: | ||
right:20em; | right:20em; | ||
font-size:0.8em; | font-size:0.8em; | ||
} | } | ||
#header-home { | #header-home { | ||
} | } | ||
#header { | #header { | ||
} | } | ||
.headermain, h1.headermain { | .headermain, h1.headermain { | ||
Line 2,197: | Line 2,197: | ||
margin:0%; | margin:0%; | ||
padding:0%; | padding:0%; | ||
} | } | ||
.headermenu { | .headermenu { | ||
float:right; | float:right; | ||
text-align:right; | text-align:right; | ||
} | } | ||
.navbar { | .navbar { | ||
Line 2,209: | Line 2,209: | ||
border-width:1px; | border-width:1px; | ||
border-style:solid; | border-style:solid; | ||
} | } | ||
table.navbar { | table.navbar { | ||
width: 100%; | width: 100%; | ||
} | } | ||
.navbar .navbutton form { | .navbar .navbutton form { | ||
float: left; | float: left; | ||
} | } | ||
.navbar .navbutton { | .navbar .navbutton { | ||
margin-top: 3px; | margin-top: 3px; | ||
} | } | ||
.navbar .breadcrumb { | .navbar .breadcrumb { | ||
float:left; | float:left; | ||
margin:0.2em 0em; | margin:0.2em 0em; | ||
} | } | ||
.breadcrumb ul { | .breadcrumb ul { | ||
Line 2,233: | Line 2,233: | ||
text-indent:0%; | text-indent:0%; | ||
list-style:none; | list-style:none; | ||
} | } | ||
.breadcrumb li { | .breadcrumb li { | ||
display:inline; | display:inline; | ||
} | } | ||
.navbar .navbutton, | .navbar .navbutton, | ||
.navbar .menu { | .navbar .menu { | ||
float:right; | float:right; | ||
} | } | ||
#footer .navbar { | #footer .navbar { | ||
margin-top: 4em; | margin-top: 4em; | ||
} | } | ||
.reportlink { | .reportlink { | ||
text-align:right; | text-align:right; | ||
} | } | ||
Line 2,259: | Line 2,259: | ||
text-align:center; | text-align:center; | ||
margin-top: 40px; | margin-top: 40px; | ||
} | } | ||
.homelink { | .homelink { | ||
margin: 1em 0; | margin: 1em 0; | ||
} | } | ||
.homelink a { | .homelink a { | ||
padding-left:1em; | padding-left:1em; | ||
padding-right:1em; | padding-right:1em; | ||
} | } | ||
.performanceinfo { | .performanceinfo { | ||
margin: 2em; | margin: 2em; | ||
} | } | ||
.performanceinfo span { | .performanceinfo span { | ||
display: block; | display: block; | ||
} | } | ||
/*** | /*** | ||
Line 2,284: | Line 2,284: | ||
body#admin-index .c0 { | body#admin-index .c0 { | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
body#admin-index .c1 { | body#admin-index .c1 { | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
body#admin-modules table.generaltable td.cell, | body#admin-modules table.generaltable td.cell, | ||
Line 2,294: | Line 2,294: | ||
padding-top: 2px; | padding-top: 2px; | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
} | } | ||
body#admin-blocks table#blocks, | body#admin-blocks table#blocks, | ||
Line 2,300: | Line 2,300: | ||
width: 70%; | width: 70%; | ||
margin: auto; | margin: auto; | ||
} | } | ||
body#admin-blocks table#blocks th, | body#admin-blocks table#blocks th, | ||
Line 2,309: | Line 2,309: | ||
text-align: center; | text-align: center; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
body#admin-blocks table#blocks td.c0, | body#admin-blocks table#blocks td.c0, | ||
Line 2,316: | Line 2,316: | ||
body#admin-blocks table#incompatible th.c0 { | body#admin-blocks table#incompatible th.c0 { | ||
text-align: left; | text-align: left; | ||
} | } | ||
body#admin-blocks | body#admin-blocks | ||
Line 2,322: | Line 2,322: | ||
display: block; | display: block; | ||
padding-bottom: 20px; | padding-bottom: 20px; | ||
} | } | ||
body#admin-roles-manage table.generalbox { | body#admin-roles-manage table.generalbox { | ||
margin: auto; | margin: auto; | ||
} | } | ||
#admin-report-simpletest-index .exception pre { | #admin-report-simpletest-index .exception pre { | ||
padding: 8px; | padding: 8px; | ||
} | } | ||
#admin-report-simpletest-index .unittestsummary { | #admin-report-simpletest-index .unittestsummary { | ||
padding: 8px; | padding: 8px; | ||
margin-top: 1em; | margin-top: 1em; | ||
} | } | ||
#admin-roles-manage .singlebutton, | #admin-roles-manage .singlebutton, | ||
Line 2,342: | Line 2,342: | ||
padding: 10px; | padding: 10px; | ||
text-align:center; | text-align:center; | ||
} | } | ||
.rolecap .inherit, | .rolecap .inherit, | ||
Line 2,349: | Line 2,349: | ||
.rolecap .prohibit { | .rolecap .prohibit { | ||
text-align:center; | text-align:center; | ||
} | } | ||
#admin-roles-manage .rolecap .cap-desc .cap-name, | #admin-roles-manage .rolecap .cap-desc .cap-name, | ||
#admin-roles-override .rolecap .cap-desc .cap-name { | #admin-roles-override .rolecap .cap-desc .cap-name { | ||
display: block; | display: block; | ||
} | } | ||
#admin-roles-override .cell.c1, | #admin-roles-override .cell.c1, | ||
#admin-roles-assign .cell.c1 { | #admin-roles-assign .cell.c1 { | ||
padding-top: 0.75em; | padding-top: 0.75em; | ||
} | } | ||
#adminsettings fieldset { | #adminsettings fieldset { | ||
margin-top: 1em; | margin-top: 1em; | ||
padding: 1em 0.5em; | padding: 1em 0.5em; | ||
} | } | ||
#adminsettings legend { | #adminsettings legend { | ||
display: none; | display: none; | ||
} | } | ||
#adminsettings .form-group { | #adminsettings .form-group { | ||
float: left; | float: left; | ||
} | } | ||
#adminsettings .form-item { | #adminsettings .form-item { | ||
margin: 0; | margin: 0; | ||
} | } | ||
#adminsettings label { | #adminsettings label { | ||
Line 2,383: | Line 2,383: | ||
width: 150px; | width: 150px; | ||
text-align: right; | text-align: right; | ||
} | } | ||
#adminsettings .form-shortname { | #adminsettings .form-shortname { | ||
display: block; | display: block; | ||
} | } | ||
#adminsettings select, | #adminsettings select, | ||
Line 2,393: | Line 2,393: | ||
float: left; | float: left; | ||
margin: 0 0 0 10px; | margin: 0 0 0 10px; | ||
} | } | ||
#adminsettings textarea { | #adminsettings textarea { | ||
Line 2,399: | Line 2,399: | ||
margin: 0 0 0 10px; | margin: 0 0 0 10px; | ||
width: 65%; | width: 65%; | ||
} | } | ||
#adminsettings .form-group select, | #adminsettings .form-group select, | ||
Line 2,405: | Line 2,405: | ||
display: inline; | display: inline; | ||
float: none; | float: none; | ||
} | } | ||
/* #adminsettings .admin-configtime .form-select { | /* #adminsettings .admin-configtime .form-select { | ||
display: inline; | display: inline; | ||
float: none; | float: none; | ||
} | } | ||
#adminsettings div.admin-frontpage div.form-group select.form-select { | #adminsettings div.admin-frontpage div.form-group select.form-select { | ||
display: inline; | display: inline; | ||
float: none; | float: none; | ||
} */ | } */ | ||
#adminsettings .description { | #adminsettings .description { | ||
Line 2,421: | Line 2,421: | ||
margin: 0 1em 0 160px; | margin: 0 1em 0 160px; | ||
padding: 0.3em 0 1.5em 0; | padding: 0.3em 0 1.5em 0; | ||
} | } | ||
.form-buttons { | .form-buttons { | ||
margin: 10px 0 0 160px; | margin: 10px 0 0 160px; | ||
} | } | ||
.form-text { | .form-text { | ||
width: 20em; | width: 20em; | ||
} | } | ||
.form-textarea { } | .form-textarea { } | ||
.form-select { } | .form-select { } | ||
.form-checkbox { } | .form-checkbox { } | ||
.form-radio { } | .form-radio { } | ||
.form-submit { } | .form-submit { } | ||
.form-reset { } | .form-reset { } | ||
.admin-frontpagedesc .htmlarea { | .admin-frontpagedesc .htmlarea { | ||
margin: 0 auto 10px auto; | margin: 0 auto 10px auto; | ||
width : 600px; | width : 600px; | ||
} | } | ||
.adminsearchform { | .adminsearchform { | ||
padding-top:10px; | padding-top:10px; | ||
} | } | ||
Line 2,456: | Line 2,456: | ||
width:2em; | width:2em; | ||
height:1px; | height:1px; | ||
} | } | ||
.sideblock .skip-block { | .sideblock .skip-block { | ||
height:4px; | height:4px; | ||
} | } | ||
.skip-block-to { | .skip-block-to { | ||
font-size:1px; | font-size:1px; | ||
} | } | ||
.sideblock li .icon img { | .sideblock li .icon img { | ||
width:16px; | width:16px; | ||
height:16px; | height:16px; | ||
} | } | ||
ul.list, ul.list li, ol.list, ol.list li { | ul.list, ul.list li, ol.list, ol.list li { | ||
Line 2,474: | Line 2,474: | ||
margin:0; | margin:0; | ||
text-indent:0; | text-indent:0; | ||
} | } | ||
.sideblock .content h3, | .sideblock .content h3, | ||
.sideblock .content h2 { | .sideblock .content h2 { | ||
text-align: left; | text-align: left; | ||
} | } | ||
/*.sideblock .content h3, ??*/ | /*.sideblock .content h3, ??*/ | ||
.sideblock .content h2 { | .sideblock .content h2 { | ||
margin:1.5em 0 0; | margin:1.5em 0 0; | ||
padding:0; | padding:0; | ||
} | } | ||
.sideblock { | .sideblock { | ||
margin-bottom:1em; | margin-bottom:1em; | ||
width: 100%; | width: 100%; | ||
} | } | ||
.sideblock .header, .sideblock h2.header { | .sideblock .header, .sideblock h2.header { | ||
Line 2,499: | Line 2,499: | ||
border-style: solid; | border-style: solid; | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
.sideblock h2 { | .sideblock h2 { | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
} | } | ||
.sideblock .header .hide-show { | .sideblock .header .hide-show { | ||
float:right; | float:right; | ||
} | } | ||
.sideblock .header .hide-show img.hide-show-image { | .sideblock .header .hide-show img.hide-show-image { | ||
Line 2,513: | Line 2,513: | ||
width:11px; | width:11px; | ||
margin-top:0.25em; | margin-top:0.25em; | ||
} | } | ||
.sideblock .header .commands { | .sideblock .header .commands { | ||
Line 2,519: | Line 2,519: | ||
clear: both; | clear: both; | ||
height: 16px; | height: 16px; | ||
} | } | ||
.sideblock .header .commands a { | .sideblock .header .commands a { | ||
margin: 0px 2px; | margin: 0px 2px; | ||
} | } | ||
.sideblock .content { | .sideblock .content { | ||
Line 2,529: | Line 2,529: | ||
border-width: 1px; | border-width: 1px; | ||
border-style: solid; | border-style: solid; | ||
} | } | ||
.sideblock .content hr { | .sideblock .content hr { | ||
Line 2,537: | Line 2,537: | ||
border:none; | border:none; | ||
border-top:1px solid; | border-top:1px solid; | ||
} | } | ||
#left-column .hidden .header, | #left-column .hidden .header, | ||
Line 2,544: | Line 2,544: | ||
border-bottom-width: 1px; | border-bottom-width: 1px; | ||
border-bottom-style: solid; | border-bottom-style: solid; | ||
} | } | ||
#left-column .hidden .content, | #left-column .hidden .content, | ||
Line 2,550: | Line 2,550: | ||
{ | { | ||
display: none; | display: none; | ||
} | } | ||
.sideblock .list { | .sideblock .list { | ||
width: 100%; | width: 100%; | ||
} | } | ||
.sideblock .list .c0{ | .sideblock .list .c0{ | ||
padding: 2px; | padding: 2px; | ||
} | } | ||
.sideblock .footer { | .sideblock .footer { | ||
margin-bottom: 4px; | margin-bottom: 4px; | ||
text-align:center; | text-align:center; | ||
} | } | ||
.sideblock .header .icon.hide, | .sideblock .header .icon.hide, | ||
.sideblock .header .icon.edit { | .sideblock .header .icon.edit { | ||
margin-right: 6px; | margin-right: 6px; | ||
} | } | ||
.sideblock .content .head { | .sideblock .content .head { | ||
margin-top: 10px; | margin-top: 10px; | ||
} | } | ||
.sideblock .icon { | .sideblock .icon { | ||
Line 2,578: | Line 2,578: | ||
float: left; | float: left; | ||
margin-right: 0.3em; | margin-right: 0.3em; | ||
} | } | ||
.sideblock .list li { | .sideblock .list li { | ||
clear: left; | clear: left; | ||
} | } | ||
.blockconfigtable { | .blockconfigtable { | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
.blockconfiginstancecontent .tabs { | .blockconfiginstancecontent .tabs { | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
} | } | ||
.block_online_users .listentry { | .block_online_users .listentry { | ||
padding-top:5px; | padding-top:5px; | ||
} | } | ||
Line 2,603: | Line 2,603: | ||
.blogpost .audience { | .blogpost .audience { | ||
text-align: right; | text-align: right; | ||
} | } | ||
.blogpost .tags { | .blogpost .tags { | ||
margin-top: 15px; | margin-top: 15px; | ||
} | } | ||
Line 2,618: | Line 2,618: | ||
border-spacing: 5px; | border-spacing: 5px; | ||
border-collapse: separate; | border-collapse: separate; | ||
} | } | ||
#calendar h2, | #calendar h2, | ||
Line 2,624: | Line 2,624: | ||
{ | { | ||
text-align: center; | text-align: center; | ||
} | } | ||
#calendar .maincalendar, | #calendar .maincalendar, | ||
Line 2,632: | Line 2,632: | ||
border: 1px solid; | border: 1px solid; | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
#calendar .sidecalendar { | #calendar .sidecalendar { | ||
width: 25%; | width: 25%; | ||
} | } | ||
#calendar .maincalendar table.calendarmonth { | #calendar .maincalendar table.calendarmonth { | ||
Line 2,642: | Line 2,642: | ||
margin: 0px auto; | margin: 0px auto; | ||
width: 98%; | width: 98%; | ||
} | } | ||
#calendar .maincalendar table.calendarmonth th { | #calendar .maincalendar table.calendarmonth th { | ||
padding:10px; | padding:10px; | ||
border-bottom:2px solid; | border-bottom:2px solid; | ||
} | } | ||
#calendar .maincalendar table.calendarmonth td { | #calendar .maincalendar table.calendarmonth td { | ||
Line 2,654: | Line 2,654: | ||
padding-top: 4px; | padding-top: 4px; | ||
line-height:1.2em; | line-height:1.2em; | ||
} | } | ||
#calendar .maincalendar table.calendarmonth td, | #calendar .maincalendar table.calendarmonth td, | ||
Line 2,661: | Line 2,661: | ||
width:14%; | width:14%; | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
table.minicalendar td { | table.minicalendar td { | ||
text-align: center; | text-align: center; | ||
} | } | ||
#calendar .maincalendar table.calendarmonth td table td { | #calendar .maincalendar table.calendarmonth td table td { | ||
height: auto; | height: auto; | ||
} | } | ||
#calendar div.header | #calendar div.header | ||
{ | { | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
#calendar .maincalendar .buttons { | #calendar .maincalendar .buttons { | ||
float: right; | float: right; | ||
} | } | ||
#calendar .maincalendar .filters table, | #calendar .maincalendar .filters table, | ||
Line 2,686: | Line 2,686: | ||
padding: 2px; | padding: 2px; | ||
width: 100%; | width: 100%; | ||
} | } | ||
#calendar .maincalendar .filters { | #calendar .maincalendar .filters { | ||
padding: 0px 10px; | padding: 0px 10px; | ||
} | } | ||
#calendar .sidecalendar .filters { | #calendar .sidecalendar .filters { | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
#calendar .maincalendar .controls { | #calendar .maincalendar .controls { | ||
clear:both; | clear:both; | ||
padding:10px; | padding:10px; | ||
} | } | ||
#calendar .maincalendar table.calendarmonth ul.events-new, | #calendar .maincalendar table.calendarmonth ul.events-new, | ||
Line 2,707: | Line 2,707: | ||
margin:0px; | margin:0px; | ||
list-style-type:none; | list-style-type:none; | ||
} | } | ||
#calendar .maincalendar table.calendarmonth ul li { | #calendar .maincalendar table.calendarmonth ul li { | ||
margin-top: 4px; | margin-top: 4px; | ||
} | } | ||
.minicalendarblock { | .minicalendarblock { | ||
padding: 0px 4px; | padding: 0px 4px; | ||
} | } | ||
table.minicalendar { | table.minicalendar { | ||
Line 2,725: | Line 2,725: | ||
border-collapse:separate; | border-collapse:separate; | ||
border-spacing:1px !important; | border-spacing:1px !important; | ||
} | } | ||
table.minicalendar th { | table.minicalendar th { | ||
padding: 0px 2px; | padding: 0px 2px; | ||
} | } | ||
#calendar .maincalendar .eventlist { | #calendar .maincalendar .eventlist { | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
#calendar .maincalendar .eventlist .topic { | #calendar .maincalendar .eventlist .topic { | ||
Line 2,741: | Line 2,741: | ||
border-bottom-color: #EEEEEE; | border-bottom-color: #EEEEEE; | ||
border-bottom-width: 1px; | border-bottom-width: 1px; | ||
} | } | ||
#calendar .maincalendar .eventlist .event { | #calendar .maincalendar .eventlist .event { | ||
Line 2,750: | Line 2,750: | ||
border-width:1px; | border-width:1px; | ||
border-style:solid; | border-style:solid; | ||
} | } | ||
#calendar .maincalendar .eventlist .event .name { | #calendar .maincalendar .eventlist .event .name { | ||
float:left; | float:left; | ||
} | } | ||
#calendar .maincalendar .eventlist .event .course { | #calendar .maincalendar .eventlist .event .course { | ||
float:left; | float:left; | ||
clear:left; | clear:left; | ||
} | } | ||
#calendar .maincalendar .eventlist .event .date { | #calendar .maincalendar .eventlist .event .date { | ||
float:right; | float:right; | ||
} | } | ||
#calendar .maincalendar .eventlist .event .description .commands { | #calendar .maincalendar .eventlist .event .description .commands { | ||
width:100%; | width:100%; | ||
} | } | ||
#calendar .maincalendar .eventlist .event .description { | #calendar .maincalendar .eventlist .event .description { | ||
padding:5px; | padding:5px; | ||
} | } | ||
#calendar .maincalendar .eventlist .event .picture { | #calendar .maincalendar .eventlist .event .picture { | ||
padding:8px; | padding:8px; | ||
} | } | ||
#calendar .maincalendar .eventlist .event .side { | #calendar .maincalendar .eventlist .event .side { | ||
width:32px; | width:32px; | ||
} | } | ||
#calendar #selecteventtype table { | #calendar #selecteventtype table { | ||
margin:auto; | margin:auto; | ||
} | } | ||
#calendar .event_global, | #calendar .event_global, | ||
Line 2,794: | Line 2,794: | ||
.minicalendar .event_user { | .minicalendar .event_user { | ||
border:2px solid !important; | border:2px solid !important; | ||
} | } | ||
#calendar .duration_global, | #calendar .duration_global, | ||
Line 2,807: | Line 2,807: | ||
border-top:2px solid !important; | border-top:2px solid !important; | ||
border-bottom:2px solid !important; | border-bottom:2px solid !important; | ||
} | } | ||
#calendar .today, | #calendar .today, | ||
.minicalendar .today { | .minicalendar .today { | ||
border:2px solid; | border:2px solid; | ||
} | } | ||
.cal_popup_bg { | .cal_popup_bg { | ||
Line 2,818: | Line 2,818: | ||
margin:0px; | margin:0px; | ||
border:1px solid; | border:1px solid; | ||
} | } | ||
.cal_popup_close { | .cal_popup_close { | ||
margin-right:5px; | margin-right:5px; | ||
} | } | ||
.cal_popup_caption { | .cal_popup_caption { | ||
Line 2,828: | Line 2,828: | ||
border-style:solid; | border-style:solid; | ||
padding-bottom:2px; | padding-bottom:2px; | ||
} | } | ||
/*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */ | /*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */ | ||
Line 2,835: | Line 2,835: | ||
{ | { | ||
width: 12%; | width: 12%; | ||
} | } | ||
.calendar-controls .previous { | .calendar-controls .previous { | ||
text-align: left; | text-align: left; | ||
} | } | ||
.calendar-controls .current { | .calendar-controls .current { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.calendar-controls .next { | .calendar-controls .next { | ||
text-align: right; | text-align: right; | ||
} | } | ||
span.previous, span.current, span.next { | span.previous, span.current, span.next { | ||
display: block; | display: block; | ||
float: left; | float: left; | ||
} | } | ||
span.current { | span.current { | ||
width: 76%; | width: 76%; | ||
} | } | ||
#calendar .maincalendar .calendar-controls .previous, | #calendar .maincalendar .calendar-controls .previous, | ||
Line 2,857: | Line 2,857: | ||
{ | { | ||
width: 30%; | width: 30%; | ||
} | } | ||
#calendar .maincalendar .calendar-controls .current { | #calendar .maincalendar .calendar-controls .current { | ||
width: 40%; | width: 40%; | ||
} | } | ||
#calendar .indent { | #calendar .indent { | ||
padding-left: 20px; | padding-left: 20px; | ||
} | } | ||
/*** | /*** | ||
Line 2,872: | Line 2,872: | ||
.activitydate, .activityhead { | .activitydate, .activityhead { | ||
text-align:center; | text-align:center; | ||
} | } | ||
#course-view .section td { | #course-view .section td { | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
#course-view .section td.content { | #course-view .section td.content { | ||
Line 2,884: | Line 2,884: | ||
border-left:0px; | border-left:0px; | ||
border-right:0px; | border-right:0px; | ||
} | } | ||
#course-view .section td.side { | #course-view .section td.side { | ||
Line 2,890: | Line 2,890: | ||
border-style:solid; | border-style:solid; | ||
border-width:1px; | border-width:1px; | ||
} | } | ||
#course-view .section td.left { | #course-view .section td.left { | ||
Line 2,896: | Line 2,896: | ||
text-align:center; | text-align:center; | ||
width: 1.5em; | width: 1.5em; | ||
} | } | ||
#course-view .section td.right { | #course-view .section td.right { | ||
Line 2,902: | Line 2,902: | ||
text-align:center; | text-align:center; | ||
width: 1.5em; | width: 1.5em; | ||
} | } | ||
#course-view .current .side { | #course-view .current .side { | ||
} | } | ||
#course-view .section .spacer { | #course-view .section .spacer { | ||
height:0.5em; | height:0.5em; | ||
} | } | ||
#course-view .section .weekdates { | #course-view .section .weekdates { | ||
} | } | ||
#course-view ul.section, | #course-view ul.section, | ||
Line 2,922: | Line 2,922: | ||
text-indent: 0; | text-indent: 0; | ||
list-style: none; | list-style: none; | ||
} | } | ||
#course-view ul.section li.activity ul li, | #course-view ul.section li.activity ul li, | ||
#site-index ul.section li.activity ul li { | #site-index ul.section li.activity ul li { | ||
list-style: disc; | list-style: disc; | ||
} | } | ||
/*Accessibility: No-tables course format. */ | /*Accessibility: No-tables course format. */ | ||
Line 2,935: | Line 2,935: | ||
text-indent: 0; | text-indent: 0; | ||
list-style: none; | list-style: none; | ||
} | } | ||
/* Window-width: 800 pixels. | /* Window-width: 800 pixels. | ||
IE doesn't support, see inline IE conditional comment. */ | IE doesn't support, see inline IE conditional comment. */ | ||
.weekscss-format { | .weekscss-format { | ||
min-width: 763px; | min-width: 763px; | ||
} | } | ||
.weekscss-format .block_adminblock select, | .weekscss-format .block_adminblock select, | ||
.weekscss-format .block_calendar_month .minicalendar { | .weekscss-format .block_calendar_month .minicalendar { | ||
width: 100%; | width: 100%; | ||
padding: 0; | padding: 0; | ||
} | } | ||
.weekscss-format .block_calendar_month .minicalendar th, | .weekscss-format .block_calendar_month .minicalendar th, | ||
.weekscss-format .block_calendar_month .minicalendar td { | .weekscss-format .block_calendar_month .minicalendar td { | ||
padding: 0.1em 0 0.1em 1px; | padding: 0.1em 0 0.1em 1px; | ||
} | } | ||
.weekscss-format #middle-column { | .weekscss-format #middle-column { | ||
margin: 0 12.5em 0 12.5em; | margin: 0 12.5em 0 12.5em; | ||
} | } | ||
.weekscss-format #left-column, | .weekscss-format #left-column, | ||
.weekscss-format #right-column { | .weekscss-format #right-column { | ||
width: 11.5em; | width: 11.5em; | ||
} | } | ||
.weekscss-format #left-column { | .weekscss-format #left-column { | ||
float: left; | float: left; | ||
} | } | ||
.weekscss-format #right-column { | .weekscss-format #right-column { | ||
float: right; | float: right; | ||
} | } | ||
.weekscss li.section { | .weekscss li.section { | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
border-style:solid; | border-style:solid; | ||
border-width:1px; | border-width:1px; | ||
} | } | ||
.weekscss .content, | .weekscss .content, | ||
.weekscss .side { | .weekscss .side { | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
.weekscss .content { | .weekscss .content { | ||
margin: 0 1.7em 0 1.7em; | margin: 0 1.7em 0 1.7em; | ||
} | } | ||
.weekscss .right { | .weekscss .right { | ||
width: 1.6em; | width: 1.6em; | ||
float: right; | float: right; | ||
text-align:center; | text-align:center; | ||
} | } | ||
.section .activity img.activityicon { | .section .activity img.activityicon { | ||
Line 2,985: | Line 2,985: | ||
height:16px; | height:16px; | ||
width:16px; | width:16px; | ||
} | } | ||
.section img.movetarget { | .section img.movetarget { | ||
height:16px; | height:16px; | ||
width:80px; | width:80px; | ||
} | } | ||
body#course-view .unread { | body#course-view .unread { | ||
margin-left: 3em; | margin-left: 3em; | ||
} | } | ||
body#course-view .sideblock.drag .header { | body#course-view .sideblock.drag .header { | ||
cursor: move; | cursor: move; | ||
} | } | ||
body#course-enrol .generalbox { | body#course-enrol .generalbox { | ||
margin-top: 20px; | margin-top: 20px; | ||
} | } | ||
body#course-enrol .coursebox { | body#course-enrol .coursebox { | ||
margin-top: 20px; | margin-top: 20px; | ||
} | } | ||
body#course-user .graph { | body#course-user .graph { | ||
text-align: center; | text-align: center; | ||
} | } | ||
body#course-user .section, | body#course-user .section, | ||
Line 3,016: | Line 3,016: | ||
margin-left: 30px; | margin-left: 30px; | ||
margin-right: 30px; | margin-right: 30px; | ||
} | } | ||
body#course-user .section { | body#course-user .section { | ||
Line 3,023: | Line 3,023: | ||
padding:10px; | padding:10px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
body#course-user .section h2 { | body#course-user .section h2 { | ||
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
Line 3,035: | Line 3,035: | ||
padding:5px; | padding:5px; | ||
margin:0%; | margin:0%; | ||
} | } | ||
.headingblock .link { | .headingblock .link { | ||
text-align:right; | text-align:right; | ||
} | } | ||
body#site-index .headingblock, | body#site-index .headingblock, | ||
body#course-view .headingblock { | body#course-view .headingblock { | ||
margin-bottom: 9px; | margin-bottom: 9px; | ||
} | } | ||
.coursebox { | .coursebox { | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
} | } | ||
.categoryboxcontent, | .categoryboxcontent, | ||
Line 3,054: | Line 3,054: | ||
border-width:1px; | border-width:1px; | ||
border-style:solid; | border-style:solid; | ||
} | } | ||
.courseboxcontent .cost { | .courseboxcontent .cost { | ||
padding-top: 20px; | padding-top: 20px; | ||
} | } | ||
.courseboxcontent ul.teachers li { | .courseboxcontent ul.teachers li { | ||
Line 3,065: | Line 3,065: | ||
margin:0; | margin:0; | ||
text-indent:0; | text-indent:0; | ||
} | } | ||
Line 3,074: | Line 3,074: | ||
body#doc-contents h1 { | body#doc-contents h1 { | ||
margin: 1em 0px 0px 0px; | margin: 1em 0px 0px 0px; | ||
} | } | ||
body#doc-contents ul { | body#doc-contents ul { | ||
Line 3,081: | Line 3,081: | ||
padding: 0px; | padding: 0px; | ||
width: 90%; | width: 90%; | ||
} | } | ||
Line 3,092: | Line 3,092: | ||
border-style:solid; | border-style:solid; | ||
border-collapse: separate; | border-collapse: separate; | ||
} | } | ||
body#grade-index .grades td { | body#grade-index .grades td { | ||
Line 3,098: | Line 3,098: | ||
border-style:solid; | border-style:solid; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
body#grade-index .grades .header { | body#grade-index .grades .header { | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
body#grade-index .grades .points, | body#grade-index .grades .points, | ||
Line 3,108: | Line 3,108: | ||
body#grade-index .grades .weighted { | body#grade-index .grades .weighted { | ||
text-align: right; | text-align: right; | ||
} | } | ||
.backup-form-instances { | .backup-form-instances { | ||
margin:0px 20px 0px 20px; | margin:0px 20px 0px 20px; | ||
} | } | ||
.restore-form-instances { | .restore-form-instances { | ||
margin:0px 20px 0px 20px; | margin:0px 20px 0px 20px; | ||
} | } | ||
/*** | /*** | ||
Line 3,123: | Line 3,123: | ||
.loginbox { | .loginbox { | ||
margin-top:15px; | margin-top:15px; | ||
} | } | ||
.loginbox .content { | .loginbox .content { | ||
Line 3,129: | Line 3,129: | ||
border-style:solid; | border-style:solid; | ||
padding:15px; | padding:15px; | ||
} | } | ||
.loginform .c1, | .loginform .c1, | ||
.logintable .c1 { | .logintable .c1 { | ||
text-align: left; | text-align: left; | ||
} | } | ||
.loginform .c1 input, | .loginform .c1 input, | ||
.logintable .c1 input { | .logintable .c1 input { | ||
width: 6em; | width: 6em; | ||
} | } | ||
Line 3,148: | Line 3,148: | ||
.message .link { | .message .link { | ||
vertical-align:middle; | vertical-align:middle; | ||
} | } | ||
table.message .searchresults td { | table.message .searchresults td { | ||
Line 3,156: | Line 3,156: | ||
border-collapse:collapse; | border-collapse:collapse; | ||
border-spacing:0px; | border-spacing:0px; | ||
} | } | ||
.message .summary .link { | .message .summary .link { | ||
text-align:right; | text-align:right; | ||
} | } | ||
.message .heading { | .message .heading { | ||
text-align:center; | text-align:center; | ||
} | } | ||
.message .note { | .message .note { | ||
text-align:center; | text-align:center; | ||
padding:10px; | padding:10px; | ||
} | } | ||
#message-user .commands span { | #message-user .commands span { | ||
margin-left:10px; | margin-left:10px; | ||
margin-right:10px; | margin-right:10px; | ||
} | } | ||
body#message-messages { | body#message-messages { | ||
padding:10px; | padding:10px; | ||
} | } | ||
Line 3,185: | Line 3,185: | ||
.my .courseboxcontent .overview .info { | .my .courseboxcontent .overview .info { | ||
margin-left:20px; | margin-left:20px; | ||
} | } | ||
.my .courseboxcontent .overview { | .my .courseboxcontent .overview { | ||
margin-bottom:10px; | margin-bottom:10px; | ||
} | } | ||
Line 3,202: | Line 3,202: | ||
border: 1px solid; | border: 1px solid; | ||
clear: both; | clear: both; | ||
} | } | ||
.que .info { | .que .info { | ||
float: left; | float: left; | ||
margin: 5px; | margin: 5px; | ||
width: 8%; | width: 8%; | ||
} | } | ||
.que .grade { | .que .grade { | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
} | } | ||
.que .content { | .que .content { | ||
float: right; | float: right; | ||
margin: 5px; | margin: 5px; | ||
width: 88%; | width: 88%; | ||
} | } | ||
.que .qtext { | .que .qtext { | ||
margin-bottom: 1.5em; | margin-bottom: 1.5em; | ||
} | } | ||
.que .ablock { | .que .ablock { | ||
margin: 0.7em 0 0.3em 0; | margin: 0.7em 0 0.3em 0; | ||
} | } | ||
.que .prompt { | .que .prompt { | ||
float: left; | float: left; | ||
Line 3,227: | Line 3,227: | ||
height: 2em; | height: 2em; | ||
padding-top: 0.3em; | padding-top: 0.3em; | ||
} | } | ||
.que .control { | .que .control { | ||
width: 5%; | width: 5%; | ||
} | } | ||
.que .answer { | .que .answer { | ||
float: right; | float: right; | ||
width: 83%; | width: 83%; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
} | } | ||
.que .submit { | .que .submit { | ||
position: relative; | position: relative; | ||
clear: both; | clear: both; | ||
float: left; | float: left; | ||
} | } | ||
/* MSIE Hack */ | /* MSIE Hack */ | ||
* html .que .submit { | * html .que .submit { | ||
float: none; | float: none; | ||
} | } | ||
.multianswer .submit { | .multianswer .submit { | ||
margin-top: 1em; | margin-top: 1em; | ||
} | } | ||
.que .c0, | .que .c0, | ||
.que .c1 { | .que .c1 { | ||
padding: 0.3em 0 0.3em 0.3em; | padding: 0.3em 0 0.3em 0.3em; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
.que .feedback { | .que .feedback { | ||
clear: both; | clear: both; | ||
Line 3,259: | Line 3,259: | ||
padding: 0 0 0.3em 0.3em; | padding: 0 0 0.3em 0.3em; | ||
border: 1px solid; | border: 1px solid; | ||
} | } | ||
.multichoice td.feedback { | .multichoice td.feedback { | ||
width: auto; | width: auto; | ||
Line 3,265: | Line 3,265: | ||
padding-top: 0.3em; | padding-top: 0.3em; | ||
border-style: none; | border-style: none; | ||
} | } | ||
.essay .feedback { | .essay .feedback { | ||
border-style: none; | border-style: none; | ||
} | } | ||
.multichoice .text { | .multichoice .text { | ||
width: auto; | width: auto; | ||
} | } | ||
.calculated .answer, | .calculated .answer, | ||
.numerical .answer, | .numerical .answer, | ||
Line 3,277: | Line 3,277: | ||
.truefalse .answer { | .truefalse .answer { | ||
padding: 0.3em 0 0.3em 0.3em; | padding: 0.3em 0 0.3em 0.3em; | ||
} | } | ||
.calculated .answer input, | .calculated .answer input, | ||
.numerical .answer input, | .numerical .answer input, | ||
.shortanswer .answer input { | .shortanswer .answer input { | ||
width: 85%; | width: 85%; | ||
} | } | ||
.truefalse .answer span { | .truefalse .answer span { | ||
float: left; | float: left; | ||
clear: left; | clear: left; | ||
padding: 0.2em 0; | padding: 0.2em 0; | ||
} | } | ||
.que .grading, | .que .grading, | ||
.que .comment, | .que .comment, | ||
Line 3,296: | Line 3,296: | ||
margin: 5px; | margin: 5px; | ||
width: 88%; | width: 88%; | ||
} | } | ||
/*** | /*** | ||
Line 3,306: | Line 3,306: | ||
padding-left: 10px; | padding-left: 10px; | ||
padding-right: 10px; | padding-right: 10px; | ||
} | } | ||
.logtable th { | .logtable th { | ||
text-align:left; | text-align:left; | ||
} | } | ||
/*** | /*** | ||
Line 3,320: | Line 3,320: | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
.tabs td { | .tabs td { | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
.tabs .side { | .tabs .side { | ||
Line 3,330: | Line 3,330: | ||
border-style: solid; | border-style: solid; | ||
border-width: 0px 0px 1px 0px; | border-width: 0px 0px 1px 0px; | ||
} | } | ||
.tabrow { | .tabrow { | ||
Line 3,336: | Line 3,336: | ||
width:100%; | width:100%; | ||
margin: 1px 0px 0px 0px; | margin: 1px 0px 0px 0px; | ||
} | } | ||
.tabrow td { | .tabrow td { | ||
Line 3,342: | Line 3,342: | ||
border-style: solid; | border-style: solid; | ||
border-width: 0px 0px 1px 0px; | border-width: 0px 0px 1px 0px; | ||
} | } | ||
.tabrow th { | .tabrow th { | ||
display:none; | display:none; | ||
} | } | ||
.tabrow td .tablink { | .tabrow td .tablink { | ||
display:block; | display:block; | ||
Line 3,353: | Line 3,353: | ||
white-space:nowrap; | white-space:nowrap; | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
.tabrow .last { | .tabrow .last { | ||
display:block; | display:block; | ||
padding:0px 1px 0px 0px; | padding:0px 1px 0px 0px; | ||
} | } | ||
.tabrow td.selected { | .tabrow td.selected { | ||
border-width: 0px; | border-width: 0px; | ||
} | } | ||
Line 3,373: | Line 3,373: | ||
border-style: solid; | border-style: solid; | ||
border-collapse: separate; | border-collapse: separate; | ||
} | } | ||
.userinfobox .left { | .userinfobox .left { | ||
Line 3,379: | Line 3,379: | ||
width: 100px; | width: 100px; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
.userinfobox .content { | .userinfobox .content { | ||
padding: 10px; | padding: 10px; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
.userinfobox .links { | .userinfobox .links { | ||
Line 3,390: | Line 3,390: | ||
padding: 5px; | padding: 5px; | ||
vertical-align: bottom; | vertical-align: bottom; | ||
} | } | ||
.userinfobox .list td { | .userinfobox .list td { | ||
padding: 3px; | padding: 3px; | ||
} | } | ||
.userinfobox .username { | .userinfobox .username { | ||
padding-bottom: 20px; | padding-bottom: 20px; | ||
} | } | ||
Line 3,405: | Line 3,405: | ||
margin-left: 10%; | margin-left: 10%; | ||
margin-right: 10%; | margin-right: 10%; | ||
} | } | ||
table.groupinfobox { | table.groupinfobox { | ||
Line 3,414: | Line 3,414: | ||
border-style:solid; | border-style:solid; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
.groupinfobox .left { | .groupinfobox .left { | ||
Line 3,420: | Line 3,420: | ||
width: 100px; | width: 100px; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
body#user-index h2 { | body#user-index h2 { | ||
text-align: center; | text-align: center; | ||
} | } | ||
body#user-index #longtimenosee, | body#user-index #longtimenosee, | ||
body#user-index #showall { | body#user-index #showall { | ||
text-align: center; | text-align: center; | ||
} | } | ||
body#user-index #showall { | body#user-index #showall { | ||
margin: 10px 0px; | margin: 10px 0px; | ||
} | } | ||
body#user-index table#participants { | body#user-index table#participants { | ||
margin: auto; | margin: auto; | ||
width: 80%; | width: 80%; | ||
} | } | ||
body#user-index table#participants td, | body#user-index table#participants td, | ||
Line 3,445: | Line 3,445: | ||
text-align: left; | text-align: left; | ||
padding: 4px; | padding: 4px; | ||
} | } | ||
body#user-index table.controls { | body#user-index table.controls { | ||
width: 100%; | width: 100%; | ||
} | } | ||
body#user-index table.controls tr { | body#user-index table.controls tr { | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
body#user-index table.controls td.right, | body#user-index table.controls td.right, | ||
body#user-index table.controls td.left { | body#user-index table.controls td.left { | ||
padding: 4px; | padding: 4px; | ||
} | } | ||
body#user-index table.controls .right { | body#user-index table.controls .right { | ||
text-align: right; | text-align: right; | ||
} | } | ||
body#course-participation h2 { | body#course-participation h2 { | ||
text-align:center; | text-align:center; | ||
} | } | ||
body#course-participation #showall { | body#course-participation #showall { | ||
text-align:center; | text-align:center; | ||
margin: 10px 0px; | margin: 10px 0px; | ||
} | } | ||
body#user-index .rolesform { | body#user-index .rolesform { | ||
text-align:center; | text-align:center; | ||
} | } | ||
/*** | /*** | ||
Line 3,481: | Line 3,481: | ||
#mod-chat-gui_header_js-jsupdate { | #mod-chat-gui_header_js-jsupdate { | ||
margin:10px | margin:10px | ||
} | } | ||
#mod-chat-gui_header_js-jsupdate .chat-event, | #mod-chat-gui_header_js-jsupdate .chat-event, | ||
#mod-chat-gui_header_js-jsupdate .chat-message { | #mod-chat-gui_header_js-jsupdate .chat-message { | ||
Line 3,487: | Line 3,487: | ||
padding:0; | padding:0; | ||
margin-top:7px | margin-top:7px | ||
} | } | ||
.chat-event .picture, | .chat-event .picture, | ||
.chat-message .picture { | .chat-message .picture { | ||
width:40px; | width:40px; | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
.chat-event .text, | .chat-event .text, | ||
.chat-message .text { | .chat-message .text { | ||
text-align: left; | text-align: left; | ||
} | } | ||
/*** | /*** | ||
Line 3,511: | Line 3,511: | ||
border-style:solid; | border-style:solid; | ||
border-collapse:separate; | border-collapse:separate; | ||
} | } | ||
.forumpost { | .forumpost { | ||
margin-top: 15px; | margin-top: 15px; | ||
} | } | ||
.forumpost .topic { | .forumpost .topic { | ||
Line 3,522: | Line 3,522: | ||
border-width: 0px; | border-width: 0px; | ||
border-bottom-width: 1px; | border-bottom-width: 1px; | ||
} | } | ||
.forumpost .commands { | .forumpost .commands { | ||
Line 3,528: | Line 3,528: | ||
text-align:right; | text-align:right; | ||
clear: both; | clear: both; | ||
} | } | ||
.forumpost .ratings { | .forumpost .ratings { | ||
padding-top: 1em; | padding-top: 1em; | ||
text-align:right; | text-align:right; | ||
} | } | ||
.forumpost .attachments { | .forumpost .attachments { | ||
padding: 7px; | padding: 7px; | ||
text-align:right; | text-align:right; | ||
} | } | ||
.forumpost .content { | .forumpost .content { | ||
padding: 4px; | padding: 4px; | ||
} | } | ||
.forumpost .footer { | .forumpost .footer { | ||
padding-top: 0.5em; | padding-top: 0.5em; | ||
text-align:right; | text-align:right; | ||
} | } | ||
.forumpost .link { | .forumpost .link { | ||
padding-top: 0.5em; | padding-top: 0.5em; | ||
text-align:right; | text-align:right; | ||
} | } | ||
.forumpost .left { | .forumpost .left { | ||
Line 3,559: | Line 3,559: | ||
text-align: center; | text-align: center; | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
.mod-forum .indent { | .mod-forum .indent { | ||
margin-left: 30px; | margin-left: 30px; | ||
} | } | ||
body#user-view .forumpost, | body#user-view .forumpost, | ||
.course .forumpost { | .course .forumpost { | ||
width: 100%; | width: 100%; | ||
} | } | ||
body#mod-forum-search .c0 { | body#mod-forum-search .c0 { | ||
text-align: right; | text-align: right; | ||
} | } | ||
body#mod-forum-search .introcontent { | body#mod-forum-search .introcontent { | ||
padding: 15px; | padding: 15px; | ||
} | } | ||
.forumolddiscuss { | .forumolddiscuss { | ||
text-align: right; | text-align: right; | ||
} | } | ||
.forumheaderlist { | .forumheaderlist { | ||
width: 100%; | width: 100%; | ||
} | } | ||
.forumheaderlist td { | .forumheaderlist td { | ||
border-width:1px 0px 0px 1px; | border-width:1px 0px 0px 1px; | ||
border-style:solid; | border-style:solid; | ||
} | } | ||
.forumheaderlist .replies { | .forumheaderlist .replies { | ||
text-align: center; | text-align: center; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
.forumheaderlist .picture { | .forumheaderlist .picture { | ||
width: 35px; | width: 35px; | ||
} | } | ||
.forumheaderlist .discussion .starter { | .forumheaderlist .discussion .starter { | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
.forumheaderlist .lastpost { | .forumheaderlist .lastpost { | ||
white-space: nowrap; | white-space: nowrap; | ||
text-align: right; | text-align: right; | ||
} | } | ||
.forumheaderlist .discussion .author { | .forumheaderlist .discussion .author { | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
.forumolddiscuss { | .forumolddiscuss { | ||
text-align:right; | text-align:right; | ||
} | } | ||
.forumaddnew, | .forumaddnew, | ||
.forumnodiscuss, | .forumnodiscuss, | ||
.noticeboxcontent { | .noticeboxcontent { | ||
text-align:center; | text-align:center; | ||
} | } | ||
#mod-forum-view .unread { | #mod-forum-view .unread { | ||
padding-left: 3px; | padding-left: 3px; | ||
padding-right: 3px; | padding-right: 3px; | ||
} | } | ||
#mod-forum-discuss .forumpost.unread .content { | #mod-forum-discuss .forumpost.unread .content { | ||
border-style: solid; | border-style: solid; | ||
border-width: 2px; | border-width: 2px; | ||
} | } | ||
#mod-forum-index .unread img, | #mod-forum-index .unread img, | ||
#mod-forum-view .unread img | #mod-forum-view .unread img | ||
{ | { | ||
margin-left: 5px; | margin-left: 5px; | ||
} | } | ||
#email .unsubscribelink { | #email .unsubscribelink { | ||
Line 3,639: | Line 3,639: | ||
border-style: solid; | border-style: solid; | ||
text-align:center; | text-align:center; | ||
} | } | ||
Line 3,649: | Line 3,649: | ||
width: 200px; | width: 200px; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
#mod-glossary-comments .glossarypost, | #mod-glossary-comments .glossarypost, | ||
#mod-glossary-comment .glossarypost { | #mod-glossary-comment .glossarypost { | ||
margin-top: 15px; | margin-top: 15px; | ||
} | } | ||
.entryboxheader { | .entryboxheader { | ||
border-width: 1px 1px 0px 1px; | border-width: 1px 1px 0px 1px; | ||
border-style: solid; | border-style: solid; | ||
} | } | ||
.entrybox { | .entrybox { | ||
border-width: 0px 1px 1px 1px; | border-width: 0px 1px 1px 1px; | ||
border-style: solid; | border-style: solid; | ||
} | } | ||
.glossarypost { | .glossarypost { | ||
Line 3,673: | Line 3,673: | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
text-align: left; | text-align: left; | ||
} | } | ||
.entrylist { | .entrylist { | ||
border-width:0px; | border-width:0px; | ||
} | } | ||
.entrylowersection { | .entrylowersection { | ||
padding-top: 10px; | padding-top: 10px; | ||
} | } | ||
.entrylowersection table{ | .entrylowersection table{ | ||
width: 100%; | width: 100%; | ||
} | } | ||
.entrylowersection .aliases { | .entrylowersection .aliases { | ||
text-align:center; | text-align:center; | ||
} | } | ||
.entrylowersection .icons, | .entrylowersection .icons, | ||
.entrylowersection .ratings { | .entrylowersection .ratings { | ||
text-align:right; | text-align:right; | ||
padding-right: 5px; | padding-right: 5px; | ||
} | } | ||
.entrylowersection .ratings { | .entrylowersection .ratings { | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
} | } | ||
.categoryheader { | .categoryheader { | ||
width: 95%; | width: 95%; | ||
} | } | ||
.glossaryformatheader { | .glossaryformatheader { | ||
width: 90%; | width: 90%; | ||
} | } | ||
.glossarypost .entry { | .glossarypost .entry { | ||
padding: 3px; | padding: 3px; | ||
} | } | ||
.glossarypost .picture { | .glossarypost .picture { | ||
width: 35px; | width: 35px; | ||
} | } | ||
.glossarycomment { | .glossarycomment { | ||
Line 3,718: | Line 3,718: | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
text-align: left; | text-align: left; | ||
} | } | ||
.glossarycomment .entry { | .glossarycomment .entry { | ||
padding: 3px; | padding: 3px; | ||
} | } | ||
.glossarycomment .picture { | .glossarycomment .picture { | ||
width: 35px; | width: 35px; | ||
} | } | ||
.glossarycomment .icons { | .glossarycomment .icons { | ||
text-align: right; | text-align: right; | ||
} | } | ||
.glossarydisplay { | .glossarydisplay { | ||
width: 70%; | width: 70%; | ||
} | } | ||
.glossarydisplay .tabs { | .glossarydisplay .tabs { | ||
width: 100%; | width: 100%; | ||
} | } | ||
.glossarydisplay .separator { | .glossarydisplay .separator { | ||
width: 4px; | width: 4px; | ||
} | } | ||
.glossarydisplay .tabs .selected, | .glossarydisplay .tabs .selected, | ||
.glossarydisplay .tabs .inactive, | .glossarydisplay .tabs .inactive, | ||
.glossarydisplay .tabs .general { | .glossarydisplay .tabs .general { | ||
} | } | ||
.glossarypopup { | .glossarypopup { | ||
width: 95%; | width: 95%; | ||
} | } | ||
.glossaryapproval { | .glossaryapproval { | ||
width: 100%; | width: 100%; | ||
} | } | ||
.mod-glossary .glossarydisplay .tabs { | .mod-glossary .glossarydisplay .tabs { | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
} | } | ||
.mod-glossary .glossarydisplay .tabs .side { | .mod-glossary .glossarydisplay .tabs .side { | ||
border-style: none; | border-style: none; | ||
border-width: 0px; | border-width: 0px; | ||
width: auto; | width: auto; | ||
} | } | ||
Line 3,775: | Line 3,775: | ||
margin: 5px; | margin: 5px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
#mod-journal-view .feedbackbox { | #mod-journal-view .feedbackbox { | ||
width: 75%; | width: 75%; | ||
border-collapse: separate; | border-collapse: separate; | ||
} | } | ||
#mod-journal-view .entrycontent { | #mod-journal-view .entrycontent { | ||
padding: 3px; | padding: 3px; | ||
} | } | ||
#mod-journal-view .picture { | #mod-journal-view .picture { | ||
width: 35px; | width: 35px; | ||
} | } | ||
#mod-journal-view .grade { | #mod-journal-view .grade { | ||
text-align: right; | text-align: right; | ||
} | } | ||
#mod-journal-view .info { | #mod-journal-view .info { | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
text-align: right; | text-align: right; | ||
} | } | ||
Line 3,811: | Line 3,811: | ||
#mod-quiz-attempt #page { | #mod-quiz-attempt #page { | ||
text-align: center; | text-align: center; | ||
} | } | ||
body#mod-quiz-report table#attempts, | body#mod-quiz-report table#attempts, | ||
Line 3,819: | Line 3,819: | ||
width: 80%; | width: 80%; | ||
margin: auto; | margin: auto; | ||
} | } | ||
body#mod-quiz-report table#attempts { | body#mod-quiz-report table#attempts { | ||
margin: 20px auto; | margin: 20px auto; | ||
} | } | ||
body#mod-quiz-report table#attempts .header, | body#mod-quiz-report table#attempts .header, | ||
body#mod-quiz-report table#attempts .cell | body#mod-quiz-report table#attempts .cell | ||
{ | { | ||
padding: 4px; | padding: 4px; | ||
} | } | ||
body#mod-quiz-report table#attempts .header .commands { | body#mod-quiz-report table#attempts .header .commands { | ||
display: inline; | display: inline; | ||
} | } | ||
body#mod-quiz-report table#attempts .picture { | body#mod-quiz-report table#attempts .picture { | ||
width: 40px; | width: 40px; | ||
} | } | ||
body#mod-quiz-report table#attempts td { | body#mod-quiz-report table#attempts td { | ||
border-left-width: 1px; | border-left-width: 1px; | ||
Line 3,840: | Line 3,840: | ||
border-right-style: solid; | border-right-style: solid; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
body#mod-quiz-report table#attempts .header { | body#mod-quiz-report table#attempts .header { | ||
text-align: left; | text-align: left; | ||
} | } | ||
body#mod-quiz-report table#attempts .picture { | body#mod-quiz-report table#attempts .picture { | ||
text-align: center !important; | text-align: center !important; | ||
} | } | ||
body#mod-quiz-report .controls { | body#mod-quiz-report .controls { | ||
text-align: center; | text-align: center; | ||
} | } | ||
/* .navbutton form { | /* .navbutton form { | ||
display: inline; | display: inline; | ||
} */ | |||
/*** | /*** | ||
Line 3,862: | Line 3,862: | ||
position: relative; | position: relative; | ||
padding:0.1em; | padding:0.1em; | ||
} | } | ||
.ims-nav-button a, | .ims-nav-button a, | ||
Line 3,868: | Line 3,868: | ||
padding-left:1em; | padding-left:1em; | ||
padding-right:1em; | padding-right:1em; | ||
} | } | ||
#ims-containerdiv { | #ims-containerdiv { | ||
margin-top:0.2em; | margin-top:0.2em; | ||
} | } | ||
#ims-menudiv { | #ims-menudiv { | ||
Line 3,878: | Line 3,878: | ||
width:250px; | width:250px; | ||
overflow:auto; | overflow:auto; | ||
} | } | ||
#ims-menudiv ol { | #ims-menudiv ol { | ||
Line 3,884: | Line 3,884: | ||
margin:0px; | margin:0px; | ||
padding-left:1em; | padding-left:1em; | ||
} | } | ||
#ims-contentframe { | #ims-contentframe { | ||
Line 3,892: | Line 3,892: | ||
width:640px; | width:640px; | ||
height:480px; | height:480px; | ||
} | } | ||
#ims-contentframe-no-nav { | #ims-contentframe-no-nav { | ||
Line 3,899: | Line 3,899: | ||
width:640px; | width:640px; | ||
height:480px; | height:480px; | ||
} | } | ||
#mod-resource-view div#footer { | #mod-resource-view div#footer { | ||
margin-top: 5px; | margin-top: 5px; | ||
} | } | ||
== styles_moz.css == | == styles_moz.css == |
Revision as of 17:53, 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; }