|
|
| Line 1: |
Line 1: |
| Styles_layout [[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
| | {{Moved_to_dev_docs}} |
| | |
| | |
| | |
| | |
| ==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==
| |
| ===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;
| |
| }
| |
| | |
| ===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;
| |
| }
| |
| | |
| | |
| ===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;
| |
| }
| |
| | |
| | |
| ===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;
| |
| }
| |
| | |
| ===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;
| |
| } */
| |
| | |
| ===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;
| |
| }
| |
| | |
| ==See Also==
| |
| | |
| [[Category:Administrator]]
| |
| [[Category:Developer]]
| |
| [[Category:Themes]]
| |
| [[de:CSS_styles_layout.css]]
| |
