diff --git a/.csslintrc b/.csslintrc index 5b01fd13cdb..4203daade79 100644 --- a/.csslintrc +++ b/.csslintrc @@ -1,3 +1,3 @@ --errors=errors,duplicate-properties --warnings=known-properties,display-property-grouping,empty-rules,important ---exclude-list=vendor/,lib/editor/tinymce/,lib/yuilib/,theme/bootstrapbase/style/ +--exclude-list=vendor/,node_modules/,lib/editor/tinymce/,lib/yuilib/,theme/bootstrapbase/style/,lib/jquery/,lib/htmlpurifier,theme/clean/style/custom.css,theme/more/style/custom.css, diff --git a/enrol/yui/rolemanager/assets/skins/sam/rolemanager.css b/enrol/yui/rolemanager/assets/skins/sam/rolemanager.css index af37580fbc9..ea01272e6a7 100644 --- a/enrol/yui/rolemanager/assets/skins/sam/rolemanager.css +++ b/enrol/yui/rolemanager/assets/skins/sam/rolemanager.css @@ -4,6 +4,5 @@ .enrolpanel .container .header {border-bottom:1px solid #999;} .enrolpanel .container .header h2 {font-size:90%;text-align:center;margin:5px;} .enrolpanel .container .header .close {width:25px;height:15px;position:absolute;top:5px;right:1em;cursor:pointer;background:url("sprite.png") no-repeat scroll 0 0 transparent;} -.enrolpanel .container .content {} .enrolpanel .container .content input {margin:5px;font-size:10px;} .enrolpanel.roleassign.visible .container {width:auto;} diff --git a/lib/editor/atto/styles.css b/lib/editor/atto/styles.css index 5c942e287d4..434b3e56ff3 100644 --- a/lib/editor/atto/styles.css +++ b/lib/editor/atto/styles.css @@ -38,7 +38,6 @@ div.editor_atto_toolbar button { margin: 0; border-radius: 0; cursor: pointer; - line-height: initial; } div.editor_atto_toolbar button + button { diff --git a/report/progress/styles.css b/report/progress/styles.css index 2afb78a31a6..feb55241d3a 100644 --- a/report/progress/styles.css +++ b/report/progress/styles.css @@ -1,8 +1,27 @@ -#page-report-progress-index #completion-progress th, -#page-report-progress-index #completion-progress td {padding:2px 4px;font-weight:normal;border-right: 1px solid #EEE;} -#page-report-progress-index .progress-actions {text-align:center;list-style:none;} -#page-report-progress-index .completion_pagingbar {margin:1em 0;text-align:center;} -#page-report-progress-index .completion_prev {display:inline;margin-right:2em;} -#page-report-progress-index .completion_pagingbar p {display:inline;margin:0;} -#page-report-progress-index .completion_next {display:inline;margin-left:2em;} -#page-report-progress-index.dir-rtl #completion-progress th svg {direction:ltr;} +#page-report-progress-index #completion-progress th, #page-report-progress-index #completion-progress td { + padding: 2px 4px; + font-weight: normal; + border-right: 1px solid #EEE; +} +#page-report-progress-index .progress-actions { + text-align: center; + list-style: none; +} +#page-report-progress-index .completion_pagingbar { + margin: 1em 0; + text-align: center; +} +#page-report-progress-index .completion_prev { + display: inline; + margin-right: 2em; +} +#page-report-progress-index .completion_pagingbar p { + display: inline; +} +#page-report-progress-index .completion_next { + display: inline; + margin-left: 2em; +} +#page-report-progress-index.dir-rtl #completion-progress th svg { + direction: ltr; +} diff --git a/theme/base/style/admin.css b/theme/base/style/admin.css index 8d3878ce208..17edc0e3c3b 100644 --- a/theme/base/style/admin.css +++ b/theme/base/style/admin.css @@ -1,345 +1,1110 @@ /** * Admin **/ -.formtable tbody th {font-weight: normal;text-align: right;} +.formtable tbody th { + font-weight: normal; + text-align: right; +} .path-admin #manageauthtable, -.path-admin .admintable {width: 100%;} +.path-admin .admintable { + width: 100%; +} -.path-admin #assignrole {width: 60%;margin-left: auto;margin-right: auto;} -.path-admin .admintable .leftalign {text-align: left;} -.dir-rtl.path-admin .admintable .leftalign {text-align: right;} -.path-admin .admintable .centeralign {text-align: center;} +.path-admin #assignrole { + width: 60%; + margin-left: auto; + margin-right: auto; +} + +.path-admin .admintable .leftalign { + text-align: left; +} + +.dir-rtl.path-admin .admintable .leftalign { + text-align: right; +} + +.path-admin .admintable .centeralign { + text-align: center; +} .path-admin .admintable.environmenttable .name, .path-admin .admintable.environmenttable .status, -.path-admin .admintable.environmenttable .info {width: 10%;white-space: nowrap;} +.path-admin .admintable.environmenttable .info { + width: 10%; + white-space: nowrap; +} + +.path-admin #cohorts .admintable .name { + width: 20%; +} -.path-admin #cohorts .admintable .name {width: 20%;} .path-admin #cohorts .admintable .id, .path-admin #cohorts .admintable .size, .path-admin #cohorts .admintable .action, -.path-admin #cohorts .admintable .source {width:10%;} -.path-admin #cohorts .admintable .description {width: 40%;} +.path-admin #cohorts .admintable .source { + width: 10%; +} + +.path-admin #cohorts .admintable .description { + width: 40%; +} + +.path-admin .admintable.externalservices .service { + width: 30%; +} -.path-admin .admintable.externalservices .service {width: 30%;} .path-admin .admintable.externalservices .plugin, -.path-admin .admintable.externalservices .delete {width: 20%;} -.path-admin .admintable.externalservices .functions {width: 20%;} -.path-admin .admintable.externalservices .users {width: 20%;} -.path-admin .admintable.externalservices .action {width: 10%;} +.path-admin .admintable.externalservices .delete { + width: 20%; +} -.path-admin .wsoverview.admintable .step {width: 30%;} -.path-admin .wsoverview.admintable .status {width: 10%;} -.path-admin .wsoverview.admintable .description {width: 60%;} +.path-admin .admintable.externalservices .functions { + width: 20%; +} + +.path-admin .admintable.externalservices .users { + width: 20%; +} + +.path-admin .admintable.externalservices .action { + width: 10%; +} + +.path-admin .wsoverview.admintable .step { + width: 30%; +} + +.path-admin .wsoverview.admintable .status { + width: 10%; +} + +.path-admin .wsoverview.admintable .description { + width: 60%; +} .path-admin #assignrole .admintable .role, .path-admin #assignrole .admintable .userrole, -.path-admin #assignrole .admintable .roleholder {white-space: nowrap;} +.path-admin #assignrole .admintable .roleholder { + white-space: nowrap; +} -.path-admin .admintable.environmenttable .report {width: 100%;} +.path-admin .admintable.environmenttable .report { + width: 100%; +} + +.path-admin #configchanges .admintable .date { + width: 30%; +} -.path-admin #configchanges .admintable .date {width: 30%;} .path-admin #configchanges .admintable .name, .path-admin #configchanges .admintable .plugin, -.path-admin #configchanges .admintable .setting {width: 10%;} +.path-admin #configchanges .admintable .setting { + width: 10%; +} + .path-admin #configchanges .admintable .newvalue, -.path-admin #configchanges .admintable .originalvalue {width: 20%;} +.path-admin #configchanges .admintable .originalvalue { + width: 20%; +} -.path-admin .securityreport.admintable .issue {width: 30%;} -.path-admin .securityreport.admintable .status {width: 10%;} -.path-admin .securityreport.admintable .desc {width: 50%;} -.path-admin .securityreport.admintable .config {width: 10%;} -.path-admin #securityreporttable .admintable .desc {width: 60%;} +.path-admin .securityreport.admintable .issue { + width: 30%; +} -#page-admin-index .c0 {vertical-align: top;} -#page-admin-index .c1 {vertical-align: middle;} +.path-admin .securityreport.admintable .status { + width: 10%; +} + +.path-admin .securityreport.admintable .desc { + width: 50%; +} + +.path-admin .securityreport.admintable .config { + width: 10%; +} + +.path-admin #securityreporttable .admintable .desc { + width: 60%; +} + +#page-admin-index .c0 { + vertical-align: top; +} + +#page-admin-index .c1 { + vertical-align: middle; +} #page-admin-blocks .generaltable th, #page-admin-filters .generaltable th, #page-admin-auth .generaltable th, #page-admin-modules .generaltable th, -#page-admin-modules .generaltable td.c0 {white-space: nowrap;padding: 4px;} +#page-admin-modules .generaltable td.c0 { + white-space: nowrap; + padding: 4px; +} #page-admin-blocks .generaltable td.cell, #page-admin-filters .generaltable td.cell, #page-admin-modules .generaltable td.cell, -#page-admin-auth .generaltable td.cell{padding: 4px;} +#page-admin-auth .generaltable td.cell { + padding: 4px; +} -.path-admin .incompatibleblockstable td.c0 {font-weight: bold;} +.path-admin .incompatibleblockstable td.c0 { + font-weight: bold; +} + +#page-admin-course-manage .addcategory { + padding: 10px; +} + +#page-admin-course-manage .buttons { + margin-bottom: 15px; +} + +#page-admin-course-manage .editcourse { + margin: 20px auto; +} -#page-admin-course-manage .addcategory {padding: 10px;} -#page-admin-course-manage .buttons {margin-bottom: 15px;} -#page-admin-course-manage .editcourse {margin:20px auto;} #page-admin-course-manage .editcourse th, -#page-admin-course-manage .editcourse td {padding-left:10px;padding-right:10px;} -#page-admin-course-manage .editcourse .count {text-align:right;} -#page-admin-course-manage.dir-rtl .editcourse td[align="left"] {text-align: right;} -#page-admin-course-manage.dir-rtl .editcourse td[align="right"] {text-align: left;} +#page-admin-course-manage .editcourse td { + padding-left: 10px; + padding-right: 10px; +} -#page-admin-report-security-index .timewarninghidden {display:none;} -#page-admin-report-security-index .statuswarning, #page-admin-report-performance-index .statuswarning {background-color: #f0e000;} -#page-admin-report-security-index .statusserious, #page-admin-report-performance-index .statusserious {background-color: #f07000;} -#page-admin-report-security-index .statuscritical, #page-admin-report-performance-index .statuscritical {background-color: #f00000;} -#page-admin-report-capability-index .rolecaps th {text-align: left;} -#page-admin-report-capability-index #settingsform #capabilitysearch {width: 30em;} +#page-admin-course-manage .editcourse .count { + text-align: right; +} + +#page-admin-course-manage.dir-rtl .editcourse td[align="left"] { + text-align: right; +} + +#page-admin-course-manage.dir-rtl .editcourse td[align="right"] { + text-align: left; +} + +#page-admin-report-security-index .timewarninghidden { + display: none; +} + +#page-admin-report-security-index .statuswarning, +#page-admin-report-performance-index .statuswarning { + background-color: #f0e000; +} + +#page-admin-report-security-index .statusserious, +#page-admin-report-performance-index .statusserious { + background-color: #f07000; +} + +#page-admin-report-security-index .statuscritical, +#page-admin-report-performance-index .statuscritical { + background-color: #f00000; +} + +#page-admin-report-capability-index .rolecaps th { + text-align: left; +} + +#page-admin-report-capability-index #settingsform #capabilitysearch { + width: 30em; +} + +#page-admin-report-backups-index .backup-report { + width: 100%; +} -#page-admin-report-backups-index .backup-report {width:100%;} #page-admin-report-backups-index .backup-error, -#page-admin-report-backups-index .backup-unfinished {color: #f00000;} +#page-admin-report-backups-index .backup-unfinished { + color: #f00000; +} + #page-admin-report-backups-index .backup-skipped, -#page-admin-report-backups-index .backup-ok {color: #006400;} -#page-admin-report-backups-index .backup-warning {color: #ff9900;} -#page-admin-report-backups-index .backup-notyetrun {color: #006400;} +#page-admin-report-backups-index .backup-ok { + color: #006400; +} + +#page-admin-report-backups-index .backup-warning { + color: #ff9900; +} + +#page-admin-report-backups-index .backup-notyetrun { + color: #006400; +} + +#page-admin-qbehaviours .disabled { + color: gray; +} + +#page-admin-qbehaviours th { + white-space: normal; +} -#page-admin-qbehaviours .disabled {color: gray;} -#page-admin-qbehaviours th {white-space: normal;} #page-admin-qbehaviours .cell.c1, -#page-admin-qbehaviours .cell.c2 {text-align: right;} -#page-admin-qbehaviours .cell.c3 {font-size: 0.7em;} -#page-admin-qbehaviours #qbehaviours div, -#page-admin-qbehaviours #qbehaviours form {display: inline;} -#page-admin-qbehaviours #qbehaviours img.spacer {width: 16px;} -#page-admin-qbehaviours #qbehaviours img { padding-right: .45em; } +#page-admin-qbehaviours .cell.c2 { + text-align: right; +} + +#page-admin-qbehaviours .cell.c3 { + font-size: 0.7em; +} + +#page-admin-qbehaviours #qbehaviours div, +#page-admin-qbehaviours #qbehaviours form { + display: inline; +} + +#page-admin-qbehaviours #qbehaviours img.spacer { + width: 16px; +} + +#page-admin-qbehaviours #qbehaviours img { + padding-right: .45em; +} + +#page-admin-qtypes .disabled { + color: gray; +} + +#page-admin-qtypes th { + white-space: normal; +} -#page-admin-qtypes .disabled {color: gray;} -#page-admin-qtypes th {white-space: normal;} #page-admin-qtypes .cell.c1, -#page-admin-qtypes .cell.c2 {text-align: right;} -#page-admin-qtypes .cell.c3 {font-size: 0.7em;} +#page-admin-qtypes .cell.c2 { + text-align: right; +} + +#page-admin-qtypes .cell.c3 { + font-size: 0.7em; +} + #page-admin-qtypes #qtypes div, -#page-admin-qtypes #qtypes form {display: inline;} -#page-admin-qtypes #qtypes img.spacer {width: 16px;} -#page-admin-qtypes #qtypes img { padding-right: .45em; vertical-align: text-bottom; } +#page-admin-qtypes #qtypes form { + display: inline; +} + +#page-admin-qtypes #qtypes img.spacer { + width: 16px; +} + +#page-admin-qtypes #qtypes img { + padding-right: .45em; + vertical-align: text-bottom; +} .path-admin-roles .buttons .singlebutton, #page-admin-course-manage .buttons { - display: inline; - padding: 5px; + display: inline; + padding: 5px; +} + +.path-admin-roles .capabilitysearchui { + text-align: left; + margin-left: auto; + margin-right: auto; +} + +#page-admin-roles-define .topfields { + margin: 1em 0 2em; +} + +#page-admin-roles-define .mform { + width: 100%; +} + +#page-admin-roles-define .capdefault { + background-color: #eee; + border: 1px solid #cecece; } -.path-admin-roles .capabilitysearchui {text-align: left;margin-left: auto;margin-right: auto;} -#page-admin-roles-define .topfields {margin: 1em 0 2em;} -#page-admin-roles-define .mform {width: 100%;} -#page-admin-roles-define .capdefault {background-color: #eee; border: 1px solid #cecece;} #page-filter-manage .backlink, -.path-admin-roles .backlink {margin-top: 1em} +.path-admin-roles .backlink { + margin-top: 1em; +} + #page-admin-roles-explain #chooseuser h3, -#page-admin-roles-usersroles .contextname {margin-top: 0;} -#page-admin-roles-explain #chooseusersubmit {margin-top:0;text-align: center;} -#page-admin-roles-usersroles p {margin: 0;} +#page-admin-roles-usersroles .contextname { + margin-top: 0; +} + +#page-admin-roles-explain #chooseusersubmit { + margin-top: 0; + text-align: center; +} + +#page-admin-roles-usersroles p { + margin: 0; +} + #page-admin-roles-override .cell.c1, #page-admin-roles-assign .cell.c3, -#page-admin-roles-assign .cell.c1 {padding-top: 0.75em;} -#page-admin-roles-override .overridenotice, -#page-admin-roles-define .definenotice {margin: 1em 10% 2em 10%;text-align: left;} +#page-admin-roles-assign .cell.c1 { + padding-top: 0.75em; +} + +#page-admin-roles-override .overridenotice, +#page-admin-roles-define .definenotice { + margin: 1em 10% 2em 10%; + text-align: left; +} + +#page-admin-index .adminerror { + background-color: #ffd3d9; +} -#page-admin-index .adminerror {background-color:#ffd3d9 } #page-admin-index .adminerror .singlebutton, #page-admin-index .adminwarning .singlebutton, -#page-admin-index #layout-table .singlebutton {margin:20px;} +#page-admin-index #layout-table .singlebutton { + margin: 20px; +} + +#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo { + line-height: 1.8; + margin: 20px auto; + width: 60%; + text-align: left; +} + +#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .info.release { + margin-right: 10px; + padding: 5px 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} + +#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release { + background-color: #ffd3d9; +} -#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo {line-height:1.8;margin:20px auto;width:60%;text-align:left;} -#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .info.release {margin-right:10px;padding:5px 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;} -#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {background-color:#ffd3d9;} #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release, -#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {background-color:#f3f2aa;} -#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {background-color:#d2ebff;} +#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release { + background-color: #f3f2aa; +} + +#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release { + background-color: #d2ebff; +} + #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span, -#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo a {padding-right:1em;} -#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator {border-left:1px dotted #333;} +#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo a { + padding-right: 1em; +} + +#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator { + border-left: 1px dotted #333; +} #page-admin-index .updateplugin div, -#page-admin-plugins .updateplugin div {margin-bottom:0.5em;} +#page-admin-plugins .updateplugin div { + margin-bottom: 0.5em; +} + #page-admin-index .updateplugin .updatepluginconfirmexternal, -#page-admin-plugins .updateplugin .updatepluginconfirmexternal {padding:1em;background-color:#ffd3d9;border:1px solid #EEAAAA} +#page-admin-plugins .updateplugin .updatepluginconfirmexternal { + padding: 1em; + background-color: #ffd3d9; + border: 1px solid #EEAAAA; +} -#page-admin-plugins .uninstalldeleteconfirmexternal {margin:1em auto;padding:1em;background-color:#ffd3d9;border:1px solid #EEAAAA} +#page-admin-plugins .uninstalldeleteconfirmexternal { + margin: 1em auto; + padding: 1em; + background-color: #ffd3d9; + border: 1px solid #EEAAAA; +} -#page-admin-user-user_bulk #users .fgroup {white-space: nowrap;} -#page-admin-report-stats-index .graph {text-align: center;margin-bottom: 1em;} -#page-admin-report-courseoverview-index .graph {text-align: center;margin-bottom: 1em;} -#page-admin-lang .translator {border-width: 1px;border-style: solid;} +#page-admin-user-user_bulk #users .fgroup { + white-space: nowrap; +} + +#page-admin-report-stats-index .graph { + text-align: center; + margin-bottom: 1em; +} + +#page-admin-report-courseoverview-index .graph { + text-align: center; + margin-bottom: 1em; +} + +#page-admin-lang .translator { + border-width: 1px; + border-style: solid; +} + +#page-admin-uploaduser table#uuresults { + margin-bottom: 2em; +} -#page-admin-uploaduser table#uuresults {margin-bottom: 2em;} #page-admin-uploaduser table#uupreview, -#page-admin-uploaduser table#uuresults td.cell {padding:3px;} +#page-admin-uploaduser table#uuresults td.cell { + padding: 3px; +} /** This is the CSS for the role assignment control **/ -.path-admin .roleassigntable {width: 100%;} -.path-admin .roleassigntable td {vertical-align: top;padding: 0.2em 0.3em} -.path-admin .roleassigntable p {text-align: left;margin: 0.2em 0;} -.path-admin .roleassigntable #existingcell, -.path-admin .roleassigntable #potentialcell {width: 42%;} -.path-admin .roleassigntable #existingcell label, -.path-admin .roleassigntable #potentialcell label {font-weight: bold;} -.path-admin .roleassigntable #buttonscell {width: 16%;} -.path-admin .roleassigntable #buttonscell #add, -.path-admin .roleassigntable #buttonscell #remove {width: 100%;margin: 0.3em 0;padding: 0.5em 0;} -.path-admin .roleassigntable #buttonscell p {margin: 0.3em 0;} -.path-admin .roleassigntable #buttonscell #assignoptions {font-size: 0.75em;} -.path-admin .roleassigntable #buttonscell #assignoptions .collapsibleregioncaption {font-weight: bold;} -.path-admin .roleassigntable #buttonscell #addcontrols {margin-top: 3em;height: 13em;} -.path-admin .roleassigntable #removeselect_wrapper, -.path-admin .roleassigntable #addselect_wrapper {width: 100%;} -.path-admin .roleassigntable #removeselect_wrapper label, -.path-admin .roleassigntable #addselect_wrapper label {font-weight: normal;} +.path-admin .roleassigntable { + width: 100%; +} + +.path-admin .roleassigntable td { + vertical-align: top; + padding: 0.2em 0.3em; +} + +.path-admin .roleassigntable p { + text-align: left; + margin: 0.2em 0; +} + +.path-admin .roleassigntable #existingcell, +.path-admin .roleassigntable #potentialcell { + width: 42%; +} + +.path-admin .roleassigntable #existingcell label, +.path-admin .roleassigntable #potentialcell label { + font-weight: bold; +} + +.path-admin .roleassigntable #buttonscell { + width: 16%; +} + +.path-admin .roleassigntable #buttonscell #add, +.path-admin .roleassigntable #buttonscell #remove { + width: 100%; + margin: 0.3em 0; + padding: 0.5em 0; +} + +.path-admin .roleassigntable #buttonscell p { + margin: 0.3em 0; +} + +.path-admin .roleassigntable #buttonscell #assignoptions { + font-size: 0.75em; +} + +.path-admin .roleassigntable #buttonscell #assignoptions .collapsibleregioncaption { + font-weight: bold; +} + +.path-admin .roleassigntable #buttonscell #addcontrols { + margin-top: 3em; + height: 13em; +} + +.path-admin .roleassigntable #removeselect_wrapper, +.path-admin .roleassigntable #addselect_wrapper { + width: 100%; +} + +.path-admin .roleassigntable #removeselect_wrapper label, +.path-admin .roleassigntable #addselect_wrapper label { + font-weight: normal; +} + +.path-admin table.rolecap { + margin-left: auto; + margin-right: auto; +} + +.path-admin table.rolecap tr.rolecap th { + text-align: left; + font-weight: normal; +} + +.path-admin.dir-rtl table.rolecap tr.rolecap th { + text-align: right; +} + +.path-admin .rolecap .hiddenrow { + display: none; +} -.path-admin table.rolecap {margin-left: auto;margin-right: auto;} -.path-admin table.rolecap tr.rolecap th {text-align: left;font-weight: normal;} -.path-admin.dir-rtl table.rolecap tr.rolecap th {text-align: right;} -.path-admin .rolecap .hiddenrow {display: none;} .path-admin .rolecap .inherit, .path-admin .rolecap .allow, .path-admin .rolecap .prevent, -.path-admin .rolecap .prohibit {text-align:center;} +.path-admin .rolecap .prohibit { + text-align: center; +} + .path-admin .rolecap .cap-name, -.path-admin .rolecap .note {display: block;padding: 0 0.5em;} -.path-admin .rolecap label {display: block;width: 100%;min-height: 2.5em;} +.path-admin .rolecap .note { + display: block; + padding: 0 0.5em; +} -#page-admin-enrol .enrolplugintable {width:100%;} +.path-admin .rolecap label { + display: block; + width: 100%; + min-height: 2.5em; +} + +#page-admin-enrol .enrolplugintable { + width: 100%; +} + +.plugincheckwrapper { + width: 100%; +} + +.adminsearchform { + padding-top: 10px; +} + +.environmentbox { + margin-top: 1em; +} -.plugincheckwrapper {width: 100%;} -.adminsearchform {padding-top:10px;} -.environmentbox {margin-top: 1em;} #mnetconfig table, -.environmenttable {margin-left:auto;margin-right:auto;} -.environmenttable .cell {padding: 0.15em 0.5em;} -.environmenttable img.iconhelp { padding-right: 0.3em;} -.dir-rtl .environmenttable img.iconhelp { padding-left: 0.3em; padding-right: 0} -#trustedhosts .generaltable {margin-left: auto;margin-right: auto;width: 500px;} -#trustedhosts .standard {width: auto;} -.form-buttons {margin: 10px 0 0 13em;} +.environmenttable { + margin-left: auto; + margin-right: auto; +} + +.environmenttable .cell { + padding: 0.15em 0.5em; +} + +.environmenttable img.iconhelp { + padding-right: 0.3em; +} + +.dir-rtl .environmenttable img.iconhelp { + padding-left: 0.3em; + padding-right: 0; +} + +#trustedhosts .generaltable { + margin-left: auto; + margin-right: auto; + width: 500px; +} + +#trustedhosts .standard { + width: auto; +} + +.form-buttons { + margin: 10px 0 0 13em; +} + +#adminsettings fieldset { + margin-top: 1em; + padding: 1em 0.5em; +} + +#adminsettings legend { + display: none; +} + +#adminsettings fieldset.error { + margin: 0.2em 0 0.5em 0; + padding: 0.5em 0 0 0; +} + +#adminsettings fieldset.error legend { + display: block; +} + +#adminsettings .form-item { + clear: both; + margin: 1em 0 2em 0; +} + +#adminsettings .form-item .form-label { + display: block; + float: left; + width: 12.5em; + text-align: right; +} + +.dir-rtl #adminsettings .form-item .form-label { + float: right; +} + +#adminsettings .form-item .form-label .form-shortname { + display: block; +} + +.dir-rtl #adminsettings .form-item .form-label .form-shortname { + text-align: left; +} + +#adminsettings .form-item .form-setting { + display: block; + margin-left: 13.5em; + text-align: left; +} + +.dir-rtl #adminsettings .form-item .form-setting { + margin-right: 13.5em; + margin-left: auto; + text-align: right; +} -#adminsettings fieldset {margin-top: 1em;padding: 1em 0.5em;} -#adminsettings legend {display: none;} -#adminsettings fieldset.error {margin: 0.2em 0 0.5em 0;padding: 0.5em 0 0 0;} -#adminsettings fieldset.error legend {display: block;} -#adminsettings .form-item {clear: both;margin: 1em 0 2em 0;} -#adminsettings .form-item .form-label {display: block;float: left;width: 12.5em;text-align: right;} -.dir-rtl #adminsettings .form-item .form-label {float:right;} -#adminsettings .form-item .form-label .form-shortname {display:block;} -.dir-rtl #adminsettings .form-item .form-label .form-shortname {text-align: left;} -#adminsettings .form-item .form-setting {display: block;margin-left: 13.5em;text-align: left;} -.dir-rtl #adminsettings .form-item .form-setting {margin-right: 13.5em; margin-left: auto;text-align: right;} .dir-rtl #admin-spelllanguagelist textarea, -#page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea {text-align: left;direction: ltr;} -#adminsettings .form-item .form-setting .form-htmlarea {width: 640px;display:inline;} -#adminsettings .form-item .form-setting .form-htmlarea .htmlarea {width: 640px;display:block;} -#adminsettings .form-item .form-setting .form-multicheckbox li {list-style: none;} -#adminsettings .form-item .form-setting .form-multicheckbox ul {padding:0;margin:0;} -#adminsettings .form-item .form-setting .defaultsnext {margin-right: 0.5em;display: inline;} -#adminsettings .form-item .form-setting .locked-checkbox {margin-right: 0.2em; margin-left: 0.5em;display: inline;} -.dir-rtl #adminsettings .form-item .form-setting .locked-checkbox {margin-right: 0.5em; margin-left: 0.2em;display: inline;} -#adminsettings .form-item .form-setting .form-password .unmask, -#adminsettings .form-item .form-setting .form-defaultinfo {display: inline;} -#adminsettings .form-item .form-description {display: block;margin: 0.5em 0 0em 14.25em;text-align: left;} -.dir-rtl #adminsettings .form-item .form-description {margin: 0.5em 14.25em 0em 0em;} -#adminsettings .form-item .pathok, -#adminsettings .form-item .patherror {margin-left: 0.5em;} -#adminsettings #admin-emoticons table td input {width: 8em;} -#adminsettings #admin-emoticons table td.c0 input {width: 4em;} -#adminsettings .form-overridden {background-color: yellow;} +#page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea { + text-align: left; + direction: ltr; +} -#adminthemeselector .selectedtheme td.c0 {border:1px solid;border-right-width:0;} -#adminthemeselector .selectedtheme td.c1 {border:1px solid;border-left-width:0;} +#adminsettings .form-item .form-setting .form-htmlarea { + display: inline; +} + +#adminsettings .form-item .form-setting .form-htmlarea .htmlarea { + width: 640px; + display: block; +} + +#adminsettings .form-item .form-setting .form-multicheckbox li { + list-style: none; +} + +#adminsettings .form-item .form-setting .form-multicheckbox ul { + padding: 0; + margin: 0; +} + +#adminsettings .form-item .form-setting .defaultsnext { + margin-right: 0.5em; + display: inline; +} + +#adminsettings .form-item .form-setting .locked-checkbox { + margin-right: 0.2em; + margin-left: 0.5em; + display: inline; +} + +.dir-rtl #adminsettings .form-item .form-setting .locked-checkbox { + margin-right: 0.5em; + margin-left: 0.2em; + display: inline; +} + +#adminsettings .form-item .form-setting .form-password .unmask, +#adminsettings .form-item .form-setting .form-defaultinfo { + display: inline; +} + +#adminsettings .form-item .form-description { + display: block; + margin: 0.5em 0 0em 14.25em; + text-align: left; +} + +.dir-rtl #adminsettings .form-item .form-description { + margin: 0.5em 14.25em 0em 0em; +} + +#adminsettings .form-item .pathok, +#adminsettings .form-item .patherror { + margin-left: 0.5em; +} + +#adminsettings #admin-emoticons table td input { + width: 8em; +} + +#adminsettings #admin-emoticons table td.c0 input { + width: 4em; +} + +#adminsettings .form-overridden { + background-color: yellow; +} + +#adminthemeselector .selectedtheme td.c0 { + border: 1px solid; + border-right-width: 0; +} + +#adminthemeselector .selectedtheme td.c1 { + border: 1px solid; + border-left-width: 0; +} .admin_colourpicker, -.admin_colourpicker_preview {display:none;} -.jsenabled .admin_colourpicker_preview {display:inline;} -.jsenabled .admin_colourpicker {display:block;height:102px;width:410px;margin-bottom:10px;} -.admin_colourpicker .loadingicon {vertical-align:middle;margin-left:auto;} -.admin_colourpicker .colourdialogue {float:left;border:1px solid #000;} -.admin_colourpicker .previewcolour {border:1px solid #000;margin-left:301px;} -.admin_colourpicker .currentcolour {border:1px solid #000;margin-left:301px;border-top-width:0;} +.admin_colourpicker_preview { + display: none; +} + +.jsenabled .admin_colourpicker_preview { + display: inline; +} + +.jsenabled .admin_colourpicker { + display: block; + height: 102px; + width: 410px; + margin-bottom: 10px; +} + +.admin_colourpicker .loadingicon { + vertical-align: middle; + margin-left: auto; +} + +.admin_colourpicker .colourdialogue { + float: left; + border: 1px solid #000; +} + +.admin_colourpicker .previewcolour { + border: 1px solid #000; + margin-left: 301px; +} + +.admin_colourpicker .currentcolour { + border: 1px solid #000; + margin-left: 301px; + border-top-width: 0; +} /* Styles for flags on admin settings */ -.adminsettingsflags { float: right; } -.dir-rtl .adminsettingsflags { float: left; } -.adminsettingsflags label { margin-right: 7px; } -.dir-rtl .adminsettingsflags label { margin-left: 7px; } +.adminsettingsflags { + float: right; +} + +.dir-rtl .adminsettingsflags { + float: left; +} + +.adminsettingsflags label { + margin-right: 7px; +} + +.dir-rtl .adminsettingsflags label { + margin-left: 7px; +} /** Overide for RTL layout **/ .dir-rtl #adminsettings .form-item .form-setting, .dir-rtl #adminsettings .form-item .form-label, -.dir-rtl #adminsettings .form-item .form-description {text-align: right} -.dir-rtl.path-admin .roleassigntable p {text-align: right;} +.dir-rtl #adminsettings .form-item .form-description { + text-align: right; +} + +.dir-rtl.path-admin .roleassigntable p { + text-align: right; +} /** Plugins check */ -#page-admin-index .checkforupdates {text-align:center;} -#page-admin-index #plugins-check-info {text-align:center;margin:1em;} -#page-admin-index #plugins-check td {vertical-align: top;} -#page-admin-index #plugins-check {margin-left:auto; margin-right:auto;} -#page-admin-index #plugins-check .displayname .pluginicon {width:16px;margin-right:5px} -#page-admin-index #plugins-check .displayname .plugindir {font-size:0.7em;color:#999;} -#page-admin-index #plugins-check .msg td {text-align:center;} -#page-admin-index #plugins-check .status-downgrade .status {background-color:#ffd3d9;} -#page-admin-index #plugins-check .status-missing .status {background-color:#ffd3d9;} -#page-admin-index #plugins-check .status-new .status {background-color:#e7f1c3;} -#page-admin-index #plugins-check .status-nodb .status .statustext {color:#999;} -#page-admin-index #plugins-check .status-delete .status {background-color:#d2ebff;} -#page-admin-index #plugins-check .status-upgrade .status {background-color:#d2ebff;} -#page-admin-index #plugins-check .status-uptodate .status .statustext {color:#999;} -#page-admin-index #plugins-check .status .sourcetext:after {content:" / ";} -#page-admin-index #plugins-check .standard .status .sourcetext {color:#999;} -#page-admin-index #plugins-check .requires ul {font-size:0.7em;margin:0;} -#page-admin-index #plugins-check .requires li {display:block;} -#page-admin-index #plugins-check .requires-ok {color:#999;} -#page-admin-index #plugins-check .requires-failed {background-color:#ffd3d9;} -#page-admin-index #plugins-check .requires-failed .label-important {color:red;} -#page-admin-index #plugins-check .pluginupdateinfo {padding:5px;margin:10px 0;background-color:#d2ebff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} -#page-admin-index #plugins-check .pluginupdateinfo.maturity50 {background-color:#ffd3d9;} +#page-admin-index .checkforupdates { + text-align: center; +} + +#page-admin-index #plugins-check-info { + text-align: center; + margin: 1em; +} + +#page-admin-index #plugins-check td { + vertical-align: top; +} + +#page-admin-index #plugins-check { + margin-left: auto; + margin-right: auto; +} + +#page-admin-index #plugins-check .displayname .pluginicon { + width: 16px; + margin-right: 5px; +} + +#page-admin-index #plugins-check .displayname .plugindir { + font-size: 0.7em; + color: #999; +} + +#page-admin-index #plugins-check .msg td { + text-align: center; +} + +#page-admin-index #plugins-check .status-downgrade .status { + background-color: #ffd3d9; +} + +#page-admin-index #plugins-check .status-missing .status { + background-color: #ffd3d9; +} + +#page-admin-index #plugins-check .status-new .status { + background-color: #e7f1c3; +} + +#page-admin-index #plugins-check .status-nodb .status .statustext { + color: #999; +} + +#page-admin-index #plugins-check .status-delete .status { + background-color: #d2ebff; +} + +#page-admin-index #plugins-check .status-upgrade .status { + background-color: #d2ebff; +} + +#page-admin-index #plugins-check .status-uptodate .status .statustext { + color: #999; +} + +#page-admin-index #plugins-check .status .sourcetext:after { + content: " / "; +} + +#page-admin-index #plugins-check .standard .status .sourcetext { + color: #999; +} + +#page-admin-index #plugins-check .requires ul { + font-size: 0.7em; + margin: 0; +} + +#page-admin-index #plugins-check .requires li { + display: block; +} + +#page-admin-index #plugins-check .requires-ok { + color: #999; +} + +#page-admin-index #plugins-check .requires-failed { + background-color: #ffd3d9; +} + +#page-admin-index #plugins-check .requires-failed .label-important { + color: red; +} + +#page-admin-index #plugins-check .pluginupdateinfo { + padding: 5px; + margin: 10px 0; + background-color: #d2ebff; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +#page-admin-index #plugins-check .pluginupdateinfo.maturity50 { + background-color: #ffd3d9; +} + #page-admin-index #plugins-check .pluginupdateinfo.maturity100, -#page-admin-index #plugins-check .pluginupdateinfo.maturity150 {background-color:#f3f2aa;} -#page-admin-index #plugins-check .pluginupdateinfo .info {display:inline-block;} -#page-admin-index #plugins-check .pluginupdateinfo .separator:after {content:" | ";} -#page-admin-index .upgradepluginsinfo {text-align:center;} -#page-admin-index .plugins-check-dependencies {text-align:center;} -#page-admin-index #plugins-check-available-dependencies {margin-left:auto; margin-right:auto;} +#page-admin-index #plugins-check .pluginupdateinfo.maturity150 { + background-color: #f3f2aa; +} + +#page-admin-index #plugins-check .pluginupdateinfo .info { + display: inline-block; +} + +#page-admin-index #plugins-check .pluginupdateinfo .separator:after { + content: " | "; +} + +#page-admin-index .upgradepluginsinfo { + text-align: center; +} + +#page-admin-index .plugins-check-dependencies { + text-align: center; +} + +#page-admin-index #plugins-check-available-dependencies { + margin-left: auto; + margin-right: auto; +} /** Plugins management */ -#page-admin-plugins .checkforupdates {margin:0 auto 1em;text-align:center;} -#page-admin-plugins #plugins-control-panel {margin-left:auto; margin-right:auto;} -#page-admin-plugins #plugins-control-panel .pluginname .pluginicon {width:16px;} -#page-admin-plugins #plugins-control-panel .pluginname .componentname {font-size:0.8em;color:#999;margin-left:26px;} -#page-admin-plugins #plugins-control-panel .statusmsg {background-color:#eee;padding:3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} -#page-admin-plugins #plugins-control-panel .status-missing td {background-color:#ffd3d9;} -#page-admin-plugins #plugins-control-panel .status-missing .statusmsg {color:#600;} -#page-admin-plugins #plugins-control-panel .status-new td {background-color:#e7f1c3;} -#page-admin-plugins #plugins-control-panel .status-new .statusmsg {color:#060;} -#page-admin-plugins #plugins-control-panel .disabled .availability {background-color:#eee;} -#page-admin-plugins #plugins-control-panel .msg td {text-align:center;} -#page-admin-plugins #plugins-control-panel .requiredby {font-size:0.8em;color:#999;} -#page-admin-plugins #plugins-overview-panel {margin:1em auto;text-align:center;} -#page-admin-plugins #plugins-overview-panel .info {padding:5px 10px;} -#page-admin-plugins #plugins-control-panel .displayname img.icon { padding-top:0; padding-bottom: 0; } -#page-admin-plugins #plugins-control-panel .uninstall a {color:#900;} -#page-admin-plugins #plugins-control-panel .pluginupdateinfo {padding:5px;margin:10px 0;background-color:#d2ebff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} -#page-admin-plugins #plugins-control-panel .pluginupdateinfo.maturity50 {background-color:#ffd3d9;} +#page-admin-plugins .checkforupdates { + margin: 0 auto 1em; + text-align: center; +} + +#page-admin-plugins #plugins-control-panel { + margin-left: auto; + margin-right: auto; +} + +#page-admin-plugins #plugins-control-panel .pluginname .pluginicon { + width: 16px; +} + +#page-admin-plugins #plugins-control-panel .pluginname .componentname { + font-size: 0.8em; + color: #999; + margin-left: 26px; +} + +#page-admin-plugins #plugins-control-panel .statusmsg { + background-color: #eee; + padding: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +#page-admin-plugins #plugins-control-panel .status-missing td { + background-color: #ffd3d9; +} + +#page-admin-plugins #plugins-control-panel .status-missing .statusmsg { + color: #600; +} + +#page-admin-plugins #plugins-control-panel .status-new td { + background-color: #e7f1c3; +} + +#page-admin-plugins #plugins-control-panel .status-new .statusmsg { + color: #060; +} + +#page-admin-plugins #plugins-control-panel .disabled .availability { + background-color: #eee; +} + +#page-admin-plugins #plugins-control-panel .msg td { + text-align: center; +} + +#page-admin-plugins #plugins-control-panel .requiredby { + font-size: 0.8em; + color: #999; +} + +#page-admin-plugins #plugins-overview-panel { + margin: 1em auto; + text-align: center; +} + +#page-admin-plugins #plugins-overview-panel .info { + padding: 5px 10px; +} + +#page-admin-plugins #plugins-control-panel .displayname img.icon { + padding-top: 0; + padding-bottom: 0; +} + +#page-admin-plugins #plugins-control-panel .uninstall a { + color: #900; +} + +#page-admin-plugins #plugins-control-panel .pluginupdateinfo { + padding: 5px; + margin: 10px 0; + background-color: #d2ebff; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +#page-admin-plugins #plugins-control-panel .pluginupdateinfo.maturity50 { + background-color: #ffd3d9; +} + #page-admin-plugins #plugins-control-panel .pluginupdateinfo.maturity100, -#page-admin-plugins #plugins-control-panel .pluginupdateinfo.maturity150 {background-color:#f3f2aa;} -#page-admin-plugins #plugins-control-panel .pluginupdateinfo .info {display:inline-block;} -#page-admin-plugins #plugins-control-panel .pluginupdateinfo .separator:after {content:" | ";} -.dir-rtl #plugins-check .pluginupdateinfo {text-align: center;direction: ltr;} -.dir-rtl #plugins-check .requires-ok {text-align: left;direction: ltr;} +#page-admin-plugins #plugins-control-panel .pluginupdateinfo.maturity150 { + background-color: #f3f2aa; +} + +#page-admin-plugins #plugins-control-panel .pluginupdateinfo .info { + display: inline-block; +} + +#page-admin-plugins #plugins-control-panel .pluginupdateinfo .separator:after { + content: " | "; +} + +.dir-rtl #plugins-check .pluginupdateinfo { + text-align: center; + direction: ltr; +} + +.dir-rtl #plugins-check .requires-ok { + text-align: left; + direction: ltr; +} /** MNet networking */ -#page-admin-mnet-peers .box.deletedhosts {margin-bottom:1em;font-size:80%;} -#page-admin-mnet-peers .mform .certdetails {background-color:white;} -#page-admin-mnet-peers .mform .deletedhostinfo {background-color:#ffd3d9;border: 2px solid #eeaaaa;padding:4px;margin-bottom:5px;} +#page-admin-mnet-peers .box.deletedhosts { + margin-bottom: 1em; + font-size: 80%; +} + +#page-admin-mnet-peers .mform .certdetails { + background-color: white; +} + +#page-admin-mnet-peers .mform .deletedhostinfo { + background-color: #ffd3d9; + border: 2px solid #eeaaaa; + padding: 4px; + margin-bottom: 5px; +} #core-cache-plugin-summaries table, -#core-cache-store-summaries table {width:100%;} +#core-cache-store-summaries table { + width: 100%; +} + #core-cache-lock-summary table, #core-cache-definition-summaries table, -#core-cache-mode-mappings table {margin:0 auto;} -#core-cache-store-summaries .default-store td {color:#333;font-style: italic;} +#core-cache-mode-mappings table { + margin: 0 auto; +} + +#core-cache-store-summaries .default-store td { + color: #333; + font-style: italic; +} + #core-cache-rescan-definitions, #core-cache-mode-mappings .edit-link, -#core-cache-lock-summary .new-instance {margin-top:0.5em;text-align:center;} -#core-cache-store-summaries .store-requires-attention {background-color:#ffd3d9;} +#core-cache-lock-summary .new-instance { + margin-top: 0.5em; + text-align: center; +} -.tinymcesubplugins img.icon { padding-top: 0; padding-bottom: 0; } -.maintenancewarning {padding:3px 1em;text-align:center;position:fixed;bottom:0;right:0;overflow:hidden;z-index:1;} -.maintenancewarning.error {background-color:#F2DEDE;border:2px solid #EED3D7;font-weight:bold;} -.maintenancewarning.warning {background-color:#ffd3d9;border:2px solid #EED3D7;} +#core-cache-store-summaries .store-requires-attention { + background-color: #ffd3d9; +} + +.tinymcesubplugins img.icon { + padding-top: 0; + padding-bottom: 0; +} + +.maintenancewarning { + padding: 3px 1em; + text-align: center; + position: fixed; + bottom: 0; + right: 0; + overflow: hidden; + z-index: 1; +} + +.maintenancewarning.error { + background-color: #F2DEDE; + border: 2px solid #EED3D7; + font-weight: bold; +} + +.maintenancewarning.warning { + background-color: #ffd3d9; + border: 2px solid #EED3D7; +} diff --git a/theme/base/style/autocomplete.css b/theme/base/style/autocomplete.css index 86e22b98c97..6c605070f56 100644 --- a/theme/base/style/autocomplete.css +++ b/theme/base/style/autocomplete.css @@ -9,7 +9,6 @@ } .form-autocomplete-selection [role=listitem].label { - color: #333; background-color: #00E; border: 4px solid #00E; color: #FFF; @@ -32,6 +31,7 @@ margin-top: -0.2em; z-index: 1; } + .form-autocomplete-suggestions li { list-style-type: none; padding: 0.2em; @@ -39,10 +39,12 @@ cursor: pointer; color: #333; } + .form-autocomplete-suggestions li:hover { background-color: #00E; color: #FFF; } + .form-autocomplete-suggestions li[aria-selected=true] { background-color: #555; color: #FFF; @@ -55,13 +57,16 @@ cursor: pointer; color: #000; } + .dir-rtl .form-autocomplete-downarrow { right: -1.5em; left: inherit; } + .form-autocomplete-selection:focus { outline: none; } + .form-autocomplete-selection [data-active-selection=true] { padding: 0.5em; font-size: large; diff --git a/theme/base/style/blocks.css b/theme/base/style/blocks.css index 3c63dca75ba..99b2fe4cf6f 100644 --- a/theme/base/style/blocks.css +++ b/theme/base/style/blocks.css @@ -1,24 +1,87 @@ -.block {border:1px solid;margin-bottom:1em;} -.block .header h2 { padding: .2em 0 0 .2em; margin: 0;word-wrap: break-word;} -.block .header .block_action {float:right;margin:4px 0 3px 0;vertical-align:top;} +.block { + border: 1px solid; + margin-bottom: 1em; +} + +.block .header h2 { + padding: .2em 0 0 .2em; + margin: 0; + word-wrap: break-word; +} + +.block .header .block_action { + float: right; + margin: 4px 0 3px 0; + vertical-align: top; +} + .block .header .block_action img, -.block .header .block_action input {margin:0 3px; width: 12px; height: 12px;} -.block .content {padding:4px;} -.jsenabled .block.hidden .content {display: none;} -.block .content .userpicture {width:16px;height:16px;margin-right:6px;} -.block .content .list li.listentry {clear:both;} -.block .content .list .c0 {display:inline;} -.block .content .list .c1 {margin-left:5px;display:inline;} -.block .footer {margin-bottom: 4px;} -.block_navigation .block_tree li {overflow:hidden;} -.block_calendar_upcoming .footer { margin-top: .5em; } +.block .header .block_action input { + margin: 0 3px; + width: 12px; + height: 12px; +} + +.block .content { + padding: 4px; +} + +.jsenabled .block.hidden .content { + display: none; +} + +.block .content .userpicture { + width: 16px; + height: 16px; + margin-right: 6px; +} + +.block .content .list li.listentry { + clear: both; +} + +.block .content .list .c0 { + display: inline; +} + +.block .content .list .c1 { + margin-left: 5px; + display: inline; +} + +.block .footer { + margin-bottom: 4px; +} + +.block_navigation .block_tree li { + overflow: hidden; +} + +.block_calendar_upcoming .footer { + margin-top: .5em; +} /** block_list blocks need column stuffs **/ -.block.list_block .unlist > li > .column {display:inline-block;} -.ie6 .block.list_block .unlist .column {display:inline;} +.block.list_block .unlist > li > .column { + display: inline-block; +} -.block.beingmoved {border-width: 2px;border-style: dashed;} -.blockmovetarget {display: block;height: 1em;margin-bottom: 1em;border-width: 2px;border-style: dashed;} +.ie6 .block.list_block .unlist .column { + display: inline; +} + +.block.beingmoved { + border-width: 2px; + border-style: dashed; +} + +.blockmovetarget { + display: block; + height: 1em; + margin-bottom: 1em; + border-width: 2px; + border-style: dashed; +} .block-region block.invisible .header h2 { opacity: 0.5; @@ -26,13 +89,26 @@ } .block .block-hider-show, -.block .block-hider-hide {cursor:pointer;} -.block .block-hider-show, -.block.hidden .block-hider-hide {display:none;} -.block.hidden .block-hider-show {display:inline;} +.block .block-hider-hide { + cursor: pointer; +} -.block_completionstatus .generaltable { border: 0px; } -.block_completionstatus .generaltable .cell { border: 0px; } +.block .block-hider-show, +.block.hidden .block-hider-hide { + display: none; +} + +.block.hidden .block-hider-show { + display: inline; +} + +.block_completionstatus .generaltable { + border: 0px; +} + +.block_completionstatus .generaltable .cell { + border: 0px; +} .block-region { min-height: 400px; @@ -44,13 +120,16 @@ text-align: right; clear: both; } + .editing .block .header .commands > a { margin: 0 3px; } + .editing .block .header .commands .icon img { width: 12px; height: 12px; } + .editing .block .header .commands img.actionmenu { width: auto; } @@ -59,9 +138,11 @@ .dir-rtl .block .header h2 { padding: .2em .2em 0 0; } -.dir-rtl .block .header .block_action { float: left;} + +.dir-rtl .block .header .block_action { + float: left; +} .dir-rtl.editing .block .header .commands { text-align: left; } - diff --git a/theme/base/style/calendar.css b/theme/base/style/calendar.css index bf39c39eecb..303c5aea567 100644 --- a/theme/base/style/calendar.css +++ b/theme/base/style/calendar.css @@ -1,71 +1,278 @@ /** Calendar **/ -.calendartable {width: 100%;} -.calendartable th, -.calendartable td {width:14%;vertical-align:top;text-align: center;border-width:1px;} +.calendartable { + width: 100%; +} -.calendar_event_course {background-color:#FFD3BD;} -.calendar_event_global {background-color:#D6F8CD;} -.calendar_event_group {background-color:#FEE7AE;} -.calendar_event_user {background-color:#DCE7EC;} +.calendartable th, +.calendartable td { + width: 14%; + vertical-align: top; + text-align: center; + border-width: 1px; +} + +.calendar_event_course { + background-color: #FFD3BD; +} + +.calendar_event_global { + background-color: #D6F8CD; +} + +.calendar_event_group { + background-color: #FEE7AE; +} + +.calendar_event_user { + background-color: #DCE7EC; +} .path-calendar .calendar-controls .previous, .path-calendar .calendar-controls .next, -.path-calendar .calendar-controls .current {display: block;float: left;width: 12%;} -.path-calendar .calendar-controls .previous {text-align: left;} -.path-calendar .calendar-controls .current {text-align: center;width: 76%;} -.path-calendar .calendar-controls .next {text-align: right;} +.path-calendar .calendar-controls .current { + display: block; + float: left; + width: 12%; +} + +.path-calendar .calendar-controls .previous { + text-align: left; +} + +.path-calendar .calendar-controls .current { + text-align: center; + width: 76%; +} + +.path-calendar .calendar-controls .next { + text-align: right; +} + +.path-calendar .maincalendar { + vertical-align: top; + padding: 0; +} + +.path-calendar .maincalendar .bottom { + text-align: center; + padding: 5px 0 0 0; +} + +.path-calendar .maincalendar .heightcontainer { + height: 100%; + position: relative; +} + +.path-calendar .maincalendar .calendarmonth { + width: 98%; + margin: 10px auto; +} + +.path-calendar .maincalendar .calendarmonth ul { + margin: 0; +} + +.path-calendar .maincalendar .calendarmonth ul li { + list-style-type: none; + margin-top: 4px; +} + +.path-calendar .maincalendar .calendarmonth td { + height: 5em; +} -.path-calendar {} -.path-calendar .maincalendar {vertical-align: top;padding:0;} -.path-calendar .maincalendar .bottom {text-align: center;padding:5px 0 0 0;} -.path-calendar .maincalendar .heightcontainer {height: 100%;position: relative;} -.path-calendar .maincalendar .calendarmonth {width:98%;margin:10px auto;} -.path-calendar .maincalendar .calendarmonth ul {margin:0;} -.path-calendar .maincalendar .calendarmonth ul li {list-style-type:none;margin-top: 4px;} -.path-calendar .maincalendar .calendarmonth td {height: 5em;} .path-calendar .maincalendar .calendar-controls .previous, -.path-calendar .maincalendar .calendar-controls .next{width: 30%;} -.path-calendar .maincalendar .calendar-controls .current {width: 39.95%;} -.path-calendar .maincalendar .controls {width:98%;margin:10px auto;} -.path-calendar .maincalendar .eventlist {margin:0;} -.path-calendar .maincalendar .eventlist .event {width:100%;margin-bottom:10px;border-spacing:0px;border-collapse:separate;border-width:1px;border-style:solid;list-style-type: none;} -.path-calendar .maincalendar .eventlist .event > img {float:left;} -.path-calendar .maincalendar .eventlist .event > img {float:right;} -.path-calendar .maincalendar .eventlist .event .name {float:left;margin:0;} -.dir-rtl.path-calendar .maincalendar .eventlist .event .name {float:right;} -.path-calendar .maincalendar .eventlist .event .date {float:right;} -.dir-rtl.path-calendar .maincalendar .eventlist .event .date {float:left;} -.path-calendar .maincalendar .eventlist .event .subscription {float:left;clear:left;} -.dir-rtl.path-calendar .maincalendar .eventlist .event .subscription {float:right;clear:right;} -.path-calendar .maincalendar .eventlist .event .course {float:left;clear:left;} -.dir-rtl.path-calendar .maincalendar .eventlist .event .course {float:right;clear:right;} -.path-calendar .maincalendar .eventlist .event .side {width:32px;} -.path-calendar .maincalendar .eventlist .event .commands a { margin: 0 3px;} -.path-calendar .maincalendar .eventlist .description {clear: both;} -.path-calendar .maincalendar .header {overflow:hidden;} -.path-calendar .maincalendar .header .buttons {float: right;} -.dir-rtl.path-calendar .maincalendar .header .buttons {float: left;} -.path-calendar .filters table {border-collapse:separate;border-spacing: 2px;width: 100%;} -#page-calendar-export .indent {padding-left: 20px;} -.path-calendar div.cal_courses_flt { float: left; } -.dir-rtl.path-calendar div.cal_courses_flt { float: right; } -.path-calendar .cal_courses_flt label { margin-right: .45em; } -.dir-rtl.path-calendar .cal_courses_flt label { margin-left: .45em; margin-right: 0; } +.path-calendar .maincalendar .calendar-controls .next { + width: 30%; +} + +.path-calendar .maincalendar .calendar-controls .current { + width: 39.95%; +} + +.path-calendar .maincalendar .controls { + width: 98%; + margin: 10px auto; +} + +.path-calendar .maincalendar .eventlist { + margin: 0; +} + +.path-calendar .maincalendar .eventlist .event { + width: 100%; + margin-bottom: 10px; + border-spacing: 0px; + border-collapse: separate; + border-width: 1px; + border-style: solid; + list-style-type: none; +} + +.path-calendar .maincalendar .eventlist .event > img { + float: left; +} + +.path-calendar .maincalendar .eventlist .event > img { + float: right; +} + +.path-calendar .maincalendar .eventlist .event .name { + float: left; + margin: 0; +} + +.dir-rtl.path-calendar .maincalendar .eventlist .event .name { + float: right; +} + +.path-calendar .maincalendar .eventlist .event .date { + float: right; +} + +.dir-rtl.path-calendar .maincalendar .eventlist .event .date { + float: left; +} + +.path-calendar .maincalendar .eventlist .event .subscription { + float: left; + clear: left; +} + +.dir-rtl.path-calendar .maincalendar .eventlist .event .subscription { + float: right; + clear: right; +} + +.path-calendar .maincalendar .eventlist .event .course { + float: left; + clear: left; +} + +.dir-rtl.path-calendar .maincalendar .eventlist .event .course { + float: right; + clear: right; +} + +.path-calendar .maincalendar .eventlist .event .side { + width: 32px; +} + +.path-calendar .maincalendar .eventlist .event .commands a { + margin: 0 3px; +} + +.path-calendar .maincalendar .eventlist .description { + clear: both; +} + +.path-calendar .maincalendar .header { + overflow: hidden; +} + +.path-calendar .maincalendar .header .buttons { + float: right; +} + +.dir-rtl.path-calendar .maincalendar .header .buttons { + float: left; +} + +.path-calendar .filters table { + border-collapse: separate; + border-spacing: 2px; + width: 100%; +} + +#page-calendar-export .indent { + padding-left: 20px; +} + +.path-calendar div.cal_courses_flt { + float: left; +} + +.dir-rtl.path-calendar div.cal_courses_flt { + float: right; +} + +.path-calendar .cal_courses_flt label { + margin-right: .45em; +} + +.dir-rtl.path-calendar .cal_courses_flt label { + margin-left: .45em; + margin-right: 0; +} + +.block .minicalendar { + width: 100%; + margin: 10px auto; +} -.block .minicalendar {width:100%;margin:10px auto;} .block .minicalendar th, -.block .minicalendar td {padding:2px;font-size:0.8em;} -.block .minicalendar caption {font-size: inherit;font-weight: inherit;line-height: inherit;text-align: center;} -.block .minicalendar td.weekend {color:#A00;} -.block .calendar-controls .previous {text-align: left;display: block;float: left;width: 12%;} -.block .calendar-controls .current {float:left;text-align: center;display: block;width:76%;} -.block .calendar-controls .next {text-align: right;display: block;float: left;width: 12%;} -.block .calendar_filters ul {list-style: none; margin: 0;} -.block .calendar_filters li { margin-bottom: .2em;} -.block .calendar_filters li span img { padding: 0 .2em;} -.block .calendar_filters .eventname { padding-left: .2em;} -.dir-rtl .block .calendar_filters .eventname { padding-right: .2em; padding-left: 0; } -.block .content h3.eventskey {margin-top:0.5em;} +.block .minicalendar td { + padding: 2px; + font-size: 0.8em; +} + +.block .minicalendar caption { + font-size: inherit; + font-weight: inherit; + line-height: inherit; + text-align: center; +} + +.block .minicalendar td.weekend { + color: #A00; +} + +.block .calendar-controls .previous { + text-align: left; + display: block; + float: left; + width: 12%; +} + +.block .calendar-controls .current { + float: left; + text-align: center; + display: block; + width: 76%; +} + +.block .calendar-controls .next { + text-align: right; + display: block; + float: left; + width: 12%; +} + +.block .calendar_filters ul { + list-style: none; + margin: 0; +} + +.block .calendar_filters li { + margin-bottom: .2em; +} + +.block .calendar_filters li span img { + padding: 0 .2em; +} + +.block .calendar_filters .eventname { + padding-left: .2em; +} + +.dir-rtl .block .calendar_filters .eventname { + padding-right: .2em; + padding-left: 0; +} + +.block .content h3.eventskey { + margin-top: 0.5em; +} .ical-link { font-size: 10px; @@ -80,6 +287,7 @@ margin: 3px; text-decoration: none; } + .ical-link:hover, .ical-link:active, .ical-link:focus, diff --git a/theme/base/style/core.css b/theme/base/style/core.css index a919e7b0388..045cdac9ae5 100644 --- a/theme/base/style/core.css +++ b/theme/base/style/core.css @@ -1,30 +1,59 @@ /** * Required to undo YUI resets that override input size, margin, etc. */ -input[type=text],input[type=password],textarea{width:auto;} -input[type=checkbox],input[type=radio]{margin-right: 7px;} +input[type=text], +input[type=password], +textarea { + width: auto; +} + +input[type=checkbox], +input[type=radio] { + margin-right: 7px; +} /* Fix for YUI overriding styles */ -strong{font-style:inherit;}em{font-weight:inherit;} +strong { + font-style: inherit; +} + +em { + font-weight: inherit; +} /** * General */ th, td, -a img {border-width:0;} +a img { + border-width: 0; +} + acronym, -abbr {cursor: help;} +abbr { + cursor: help; +} + .dir-ltr, .mdl-left, -.dir-rtl .mdl-right {text-align: left;} +.dir-rtl .mdl-right { + text-align: left; +} + .dir-rtl, .mdl-right, -.dir-rtl .mdl-left {text-align: right;} +.dir-rtl .mdl-left { + text-align: right; +} + #add, #remove, .centerpara, -.mdl-align {text-align: center;} +.mdl-align { + text-align: center; +} + a.dimmed, a.dimmed:link, a.dimmed:visited, @@ -45,11 +74,13 @@ a.dimmed_text:visited, .dimmed_category a:visited { color: #AAA; } + .activity.label .dimmed_text { opacity: 0.5; - -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } + .unlist, .unlist li, .inline-list, @@ -64,33 +95,106 @@ a.dimmed_text:visited, margin: 0; padding: 0; } -.course-content .current {background:#E3E3E3;} + +.course-content .current { + background: #E3E3E3; +} .inline, -.inline-list li {display: inline;} -.notifytiny {font-size:0.7em;} +.inline-list li { + display: inline; +} + +.notifytiny { + font-size: 0.7em; +} + .notifytiny li, -.notifytiny td {font-size:100%;} +.notifytiny td { + font-size: 100%; +} + .red, -.notifyproblem {color:#660000;} +.notifyproblem { + color: #660000; +} + .green, -.notifysuccess {color:#006600;} -.reportlink {text-align:right;} -a.autolink.glossary:hover {cursor: help;} +.notifysuccess { + color: #006600; +} + +.reportlink { + text-align: right; +} + +a.autolink.glossary:hover { + cursor: help; +} /* Block which is hidden if javascript enabled, prevents flickering, visible when JS from footer used! */ -.collapsibleregioncaption {white-space: nowrap;} +.collapsibleregioncaption { + white-space: nowrap; +} + .pagelayout-mydashboard.jsenabled .collapsibleregioncaption { cursor: pointer; } -.collapsibleregioncaption img {vertical-align: middle;} -.jsenabled .hiddenifjs {display: none;} -.visibleifjs {display: none;} -.jsenabled .visibleifjs {display: inline;} -.jsenabled .collapsibleregion {overflow:hidden;} -.jsenabled .collapsed .collapsibleregioninner {visibility: hidden;} -.yui-overlay .yui-widget-bd {background-color:#FFEE69;border:1px solid #A6982B;border-top-color: #D4C237;color:#000000;left:0;padding:2px 5px;position:relative;top:0;z-index:1;} -.clearer {background:transparent;border-width:0;clear:both;display:block;height:1px;margin:0;padding:0;} -.clearfix:after {clear: both;content: ".";display: block;height: 0;min-width: 0;visibility: hidden;} + +.collapsibleregioncaption img { + vertical-align: middle; +} + +.jsenabled .hiddenifjs { + display: none; +} + +.visibleifjs { + display: none; +} + +.jsenabled .visibleifjs { + display: inline; +} + +.jsenabled .collapsibleregion { + overflow: hidden; +} + +.jsenabled .collapsed .collapsibleregioninner { + visibility: hidden; +} + +.yui-overlay .yui-widget-bd { + background-color: #FFEE69; + border: 1px solid #A6982B; + border-top-color: #D4C237; + color: #000000; + left: 0; + padding: 2px 5px; + position: relative; + top: 0; + z-index: 1; +} + +.clearer { + background: transparent; + border-width: 0; + clear: both; + display: block; + height: 1px; + margin: 0; + padding: 0; +} + +.clearfix:after { + clear: both; + content: "."; + display: block; + height: 0; + min-width: 0; + visibility: hidden; +} + .bold, .warning, .errorbox .title, @@ -99,49 +203,190 @@ a.autolink.glossary:hover {cursor: help;} #site-news-forum h2, #frontpage-course-list h2, #frontpage-category-names h2, -#frontpage-category-combo h2 {font-weight: bold;} -img.resize {height: 1em;width: 1em;} +#frontpage-category-combo h2 { + font-weight: bold; +} + +img.resize { + height: 1em; + width: 1em; +} + .block img.resize, -.breadcrumb img.resize {height: 0.9em;width: 0.8em;} +.breadcrumb img.resize { + height: 0.9em; + width: 0.8em; +} /* Icon styles */ -img.icon {height:16px;vertical-align:text-bottom;width:16px;padding-right: 6px;} -.dir-rtl img.icon {padding-left: 6px; padding-right: 0; } -img.iconsmall {height:12px;margin-right:3px; margin-left: 3px;vertical-align:middle;width:12px;} -img.iconhelp, .helplink img {height:16px; padding-left:3px;vertical-align:text-bottom;width:16px;} -.dir-rtl img.iconhelp, .dir-rtl .helplink img {padding-right: 3px; padding-left: 0; } -img.iconlarge {height: 24px; width: 24px; vertical-align:middle;} -img.iconsort { vertical-align: text-bottom; padding-left: .3em; margin-bottom: .15em;} -.dir-rtl img.iconsort { padding-right: .3em; padding-left: 0;} -img.icontoggle {height:17px;vertical-align:middle;width:50px;} -img.iconkbhelp {height:17px;width:49px;} -img.icon-pre, .dir-rtl img.icon-post { padding-right: 3px; padding-left: 0; } -img.icon-post, .dir-rtl img.icon-pre { padding-left: 3px; padding-right: 0; } +img.icon { + height: 16px; + vertical-align: text-bottom; + width: 16px; + padding-right: 6px; +} + +.dir-rtl img.icon { + padding-left: 6px; + padding-right: 0; +} + +img.iconsmall { + height: 12px; + margin-right: 3px; + margin-left: 3px; + vertical-align: middle; + width: 12px; +} + +img.iconhelp, +.helplink img { + height: 16px; + padding-left: 3px; + vertical-align: text-bottom; + width: 16px; +} + +.dir-rtl img.iconhelp, +.dir-rtl .helplink img { + padding-right: 3px; + padding-left: 0; +} + +img.iconlarge { + height: 24px; + width: 24px; + vertical-align: middle; +} + +img.iconsort { + vertical-align: text-bottom; + padding-left: .3em; + margin-bottom: .15em; +} + +.dir-rtl img.iconsort { + padding-right: .3em; + padding-left: 0; +} + +img.icontoggle { + height: 17px; + vertical-align: middle; + width: 50px; +} + +img.iconkbhelp { + height: 17px; + width: 49px; +} + +img.icon-pre, +.dir-rtl img.icon-post { + padding-right: 3px; + padding-left: 0; +} + +img.icon-post, +.dir-rtl img.icon-pre { + padding-left: 3px; + padding-right: 0; +} + +.generalbox { + border: 1px solid; +} + +.boxaligncenter { + margin-left: auto; + margin-right: auto; +} + +.boxalignright { + margin-left: auto; + margin-right: 0; +} + +.boxalignleft { + margin-left: 0; + margin-right: auto; +} + +.boxwidthnarrow { + width: 30%; +} + +.boxwidthnormal { + width: 50%; +} + +.boxwidthwide { + width: 80%; +} -.generalbox {border:1px solid;} -.boxaligncenter {margin-left:auto;margin-right:auto;} -.boxalignright {margin-left:auto;margin-right:0;} -.boxalignleft {margin-left:0;margin-right:auto;} -.boxwidthnarrow {width: 30%;} -.boxwidthnormal {width: 50%;} -.boxwidthwide {width: 80%;} .buttons .singlebutton, .buttons .singlebutton form, -.buttons .singlebutton div {display: inline;} -.buttons .singlebutton input {margin:20px 5px;} -.headermain {font-weight:bold;} -#maincontent {display: block;height: 1px;overflow: hidden;} -img.uihint {cursor: help;} -#addmembersform table {margin-left: auto;margin-right: auto;} +.buttons .singlebutton div { + display: inline; +} + +.buttons .singlebutton input { + margin: 20px 5px; +} + +.headermain { + font-weight: bold; +} + +#maincontent { + display: block; + height: 1px; + overflow: hidden; +} + +img.uihint { + cursor: help; +} + +#addmembersform table { + margin-left: auto; + margin-right: auto; +} + .formtable tbody th, -.generaltable th.header {vertical-align: top;} -.cell {vertical-align: top;} -img.emoticon {vertical-align: middle;width: 15px;height: 15px;} +.generaltable th.header { + vertical-align: top; +} + +.cell { + vertical-align: top; +} + +img.emoticon { + vertical-align: middle; + width: 15px; + height: 15px; +} + form.popupform, -form.popupform div {display: inline;} -.arrow_button input {overflow:hidden;} -.action-icon img.smallicon { vertical-align: text-bottom; margin-left: .45em;} -.dir-rtl .action-icon img.smallicon { margin-right: .45em; margin-left: 0;} +form.popupform div { + display: inline; +} + +.arrow_button input { + overflow: hidden; +} + +.action-icon img.smallicon { + vertical-align: text-bottom; + margin-left: .45em; +} + +.dir-rtl .action-icon img.smallicon { + margin-right: .45em; + margin-left: 0; +} + h1 img.icon, h1 img.iconhelp, h2 img.icon, @@ -165,54 +410,112 @@ table caption { line-height: 42px; text-align: left; } + .dir-rtl table caption { text-align: right; } /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/ -.no-overflow {overflow:auto;padding-bottom:1px;} -.pagelayout-report .no-overflow {overflow:visible;} -.no-overflow > .generaltable {margin-bottom:0;} -.ie6 .no-overflow {width:100%;} +.no-overflow { + overflow: auto; + padding-bottom: 1px; +} + +.pagelayout-report .no-overflow { + overflow: visible; +} + +.no-overflow > .generaltable { + margin-bottom: 0; +} + +.ie6 .no-overflow { + width: 100%; +} /** IE6 float + background bug solution **/ -.ie6 li.section {line-height:1.2em;width:100%;} +.ie6 li.section { + line-height: 1.2em; + width: 100%; +} /** * Accessibility features */ /*Accessibility: text 'seen' by screen readers but not visual users. */ -.accesshide {position:absolute;left:-10000px;font-weight:normal;font-size:1em;} -.dir-rtl .accesshide {top:-30000px;left:auto;} +.accesshide { + position: absolute; + left: -10000px; + font-weight: normal; + font-size: 1em; +} + +.dir-rtl .accesshide { + top: -30000px; + left: auto; +} + span.hide, -div.hide {display:none;} -.invisiblefieldset {display:inline;border-width:0;padding:0;margin:0;} +div.hide { + display: none; +} + +.invisiblefieldset { + display: inline; + border-width: 0; + padding: 0; +} /*Accessibility: Skip block link, for keyboard-only users. */ a.skip-block, -a.skip {position: absolute;top: -1000em;font-size: 0.85em;text-decoration:none;} +a.skip { + position: absolute; + top: -1000em; + font-size: 0.85em; + text-decoration: none; +} + a.skip-block:focus, a.skip-block:active, a.skip:focus, -a.skip:active {position: static;display: block;} -.skip-block-to {display: block;height: 1px;overflow: hidden;} +a.skip:active { + position: static; + display: block; +} + +.skip-block-to { + display: block; + height: 1px; + overflow: hidden; +} /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */ .arrow, -.arrow_button input {font-family: Arial,Helvetica,Courier,sans-serif;} +.arrow_button input { + font-family: Arial,Helvetica,Courier,sans-serif; +} /** * Header */ -.headermain {float:left;margin:15px;font-size:2.3em;} -.headermenu {float:right;margin:10px;font-size:0.8em;text-align:right;} -#course-header {clear:both;} +.headermain { + float: left; + margin: 15px; + font-size: 2.3em; +} + +.headermenu { + float: right; + margin: 10px; + font-size: 0.8em; + text-align: right; +} + +#course-header { + clear: both; +} /** * User menu */ -.usermenu { - -} -.usermenu .moodle-actionmenu { } .usermenu .moodle-actionmenu .toggle-display { display: block; opacity: 1; @@ -221,10 +524,12 @@ a.skip:active {position: static;display: block;} padding: 6px; color: inherit; } + .usermenu .moodle-actionmenu .toggle-display .userbutton { height: 40px; line-height: 40px; } + .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars { display: inline-block; height: 36px; @@ -233,10 +538,12 @@ a.skip:active {position: static;display: block;} margin-right: 6px; margin-left: 6px; } + .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars .avatar, .usermenu .moodle-actionmenu .toggle-display .userbutton .avatars img { display: block; } + .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext { display: inline-block; vertical-align: middle; @@ -244,18 +551,22 @@ a.skip:active {position: static;display: block;} line-height: 1em; color: #777; } + .usermenu .moodle-actionmenu:hover .toggle-display .userbutton .usertext { color: #000; } + .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta, .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role { display: block; font-size: 12px; } + .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .meta .value, .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role .value { font-weight: bold; } + .usermenu .moodle-actionmenu .toggle-display .userbutton .usertext .role { font-weight: bold; } @@ -269,24 +580,29 @@ a.skip:active {position: static;display: block;} background: transparent; box-shadow: none; } + .usermenu .moodle-actionmenu .menu .menu-action.icon:hover img { background: #fff; border-radius: 2px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25); } + .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon img, .usermenu .moodle-actionmenu[data-enhanced] .menu .menu-action.icon:hover img { border-radius: 0; background: transparent; box-shadow: none; } + .userloggedinas .usermenu .userbutton .avatars .avatar { overflow: hidden; } + .userloggedinas .usermenu .userbutton .avatars .avatar img { width: inherit; height: inherit; } + .userloggedinas .usermenu .userbutton .avatars .avatar.current { position: relative; top: 4px; @@ -303,19 +619,23 @@ a.skip:active {position: static;display: block;} .jsenabled .usermenu .moodle-actionmenu .toggle-display { display: block; } + .jsenabled .usermenu .moodle-actionmenu .toggle-display .caret { display: inline-block; position: relative; top: 9px; } + .jsenabled .usermenu .moodle-actionmenu > .menubar { display: block; margin: 0px; } + .jsenabled .usermenu .moodle-actionmenu > .menu { min-width: 160px; font-size: 14px; } + .jsenabled .usermenu .moodle-actionmenu > .menu .filler { display: block; height: 1px; @@ -324,34 +644,39 @@ a.skip:active {position: static;display: block;} background-color: #e5e5e5; border-bottom: 1px solid #fff; } + .jsenabled .usermenu .moodle-actionmenu.show .menu { padding: 5px 0; margin: 2px 0 0; background-clip: padding-box; } + .jsenabled .usermenu .moodle-actionmenu.show .menu:before { content: ''; display: inline-block; - border-left: 7px solid transparent; - border-right: 7px solid transparent; + border-left: 7px solid transparent; + border-right: 7px solid transparent; border-bottom: 7px solid #ccc; - border-bottom-color: rgba(0,0,0,.2); + border-bottom-color: rgba(0, 0, 0, .2); position: absolute; top: -7px; } + .jsenabled .usermenu .moodle-actionmenu.show .menu:after { content: ''; display: inline-block; - border-left: 6px solid transparent; - border-right: 6px solid transparent; + border-left: 6px solid transparent; + border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; } + .jsenabled .usermenu .moodle-actionmenu.show .menu li a { white-space: nowrap; border-radius: 0; } + .jsenabled .usermenu .moodle-actionmenu.show .menu a:focus, .jsenabled .usermenu .moodle-actionmenu.show .menu a:hover { text-decoration: none; @@ -360,15 +685,19 @@ a.skip:active {position: static;display: block;} .dir-ltr .usermenu { float: right; } + .dir-ltr .usermenu > .moodle-actionmenu > .menu:before { right: 9px; } + .dir-ltr .usermenu > .moodle-actionmenu > .menu:after { right: 10px; } + .dir-ltr .usermenu > .moodle-actionmenu > .menubar li a { text-align: right; } + .dir-ltr.userloggedinas .usermenu .userbutton .avatars .avatar.current { left: 16px; } @@ -376,18 +705,23 @@ a.skip:active {position: static;display: block;} .dir-rtl .usermenu { float: left; } + .dir-rtl .usermenu > .moodle-actionmenu > .menu { margin-right: 0px; } + .dir-rtl .usermenu > .moodle-actionmenu > .menu:before { left: 9px; } + .dir-rtl .usermenu > .moodle-actionmenu > .menu:after { left: 10px; } + .dir-rtl .usermenu > .moodle-actionmenu > .menubar li a { text-align: left; } + .dir-rtl.userloggedinas .usermenu .userbutton .avatars .avatar.current { left: -14px; } @@ -395,143 +729,526 @@ a.skip:active {position: static;display: block;} /** * Navbar */ -.navbar {clear:both;overflow:hidden;} -.ie6 .navbar {overflow:hidden;height:100%;} -.breadcrumb {float:left;} -.navbutton {text-align:right;} -.breadcrumb ul {padding:0;margin:0;text-indent:0;list-style:none;} -.navbutton {float: right;} -.navbutton .singlebutton {margin-left: 4px} +.navbar { + clear: both; + overflow: hidden; +} + +.ie6 .navbar { + overflow: hidden; + height: 100%; +} + +.breadcrumb { + float: left; +} + +.navbutton { + text-align: right; +} + +.breadcrumb ul { + padding: 0; + margin: 0; + text-indent: 0; + list-style: none; +} + +.navbutton { + float: right; +} + +.navbutton .singlebutton { + margin-left: 4px; +} + .breadcrumb li, .navbutton div, -.navbutton form {display:inline;} +.navbutton form { + display: inline; +} /** * Footer */ -#page-footer {text-align:center;font-size:0.9em;} -#page-footer .homelink {margin: 1em 0;} -#page-footer .homelink a {padding-left:1em;padding-right:1em;} +#page-footer { + text-align: center; + font-size: 0.9em; +} + +#page-footer .homelink { + margin: 1em 0; +} + +#page-footer .homelink a { + padding-left: 1em; + padding-right: 1em; +} + #page-footer .logininfo, #page-footer .sitelink, -#page-footer .helplink {margin:0px 10px;} -#page-footer .performanceinfo {text-align:center;margin:10px 20%;} -#page-footer .performanceinfo span {display:block;} -#page-footer .validators {margin-top:40px;padding-top:5px;border-top: 1px dotted gray;} -#page-footer .validators ul {margin:0px;padding:0px;list-style-type:none;} -#page-footer .validators ul li {display:inline;margin-right:10px;margin-left:10px;} +#page-footer .helplink { + margin: 0px 10px; +} -#page-footer .performanceinfo .cachesused {margin-top:1em;} -#page-footer .performanceinfo .cachesused .cache-stats-heading {font-weight:bold;display:block;} -#page-footer .performanceinfo .cachesused .cache-definition-stats {margin:0.3em;padding:0px;border:1px solid #999;display:inline-block;vertical-align:top;min-height:4em;color:#000;background-color:#eee;} -#page-footer .performanceinfo .cachesused .cache-definition-stats span {padding-left:0.5em;padding-right:0.5em;display:block;} -#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading {background-color:#eee;} -#page-footer .performanceinfo .cachesused .cache-store-stats {text-indent: 1em;} -#page-footer .performanceinfo .cachesused .cache-store-stats.nohits {background-color:#ffd3d9;} -#page-footer .performanceinfo .cachesused .cache-store-stats.lowhits {background-color:#f3f2aa;} -#page-footer .performanceinfo .cachesused .cache-store-stats.hihits {background-color:#e7f1c3;} -#page-footer .performanceinfo .cachesused .cache-total-stats {display:block;font-weight:bold;margin-top:0.3em;} +#page-footer .performanceinfo { + text-align: center; + margin: 10px 20%; +} -#course-footer {clear:both;} +#page-footer .performanceinfo span { + display: block; +} + +#page-footer .validators { + margin-top: 40px; + padding-top: 5px; + border-top: 1px dotted gray; +} + +#page-footer .validators ul { + margin: 0px; + padding: 0px; + list-style-type: none; +} + +#page-footer .validators ul li { + display: inline; + margin-right: 10px; + margin-left: 10px; +} + +#page-footer .performanceinfo .cachesused { + margin-top: 1em; +} + +#page-footer .performanceinfo .cachesused .cache-stats-heading { + font-weight: bold; + display: block; +} + +#page-footer .performanceinfo .cachesused .cache-definition-stats { + margin: 0.3em; + padding: 0px; + border: 1px solid #999; + display: inline-block; + vertical-align: top; + min-height: 4em; + color: #000; + background-color: #eee; +} + +#page-footer .performanceinfo .cachesused .cache-definition-stats span { + padding-left: 0.5em; + padding-right: 0.5em; + display: block; +} + +#page-footer .performanceinfo .cachesused .cache-definition-stats .cache-definition-stats-heading { + background-color: #eee; +} + +#page-footer .performanceinfo .cachesused .cache-store-stats { + text-indent: 1em; +} + +#page-footer .performanceinfo .cachesused .cache-store-stats.nohits { + background-color: #ffd3d9; +} + +#page-footer .performanceinfo .cachesused .cache-store-stats.lowhits { + background-color: #f3f2aa; +} + +#page-footer .performanceinfo .cachesused .cache-store-stats.hihits { + background-color: #e7f1c3; +} + +#page-footer .performanceinfo .cachesused .cache-total-stats { + display: block; + font-weight: bold; + margin-top: 0.3em; +} + +#course-footer { + clear: both; +} /** * Tabs */ -.tabtree {position:relative;margin-bottom:3.5em;} -.tabtree li {display:inline;} -.tabtree ul {margin:5px;} -.tabtree ul li.here ul {position:absolute;top:100%;width:100%;} -.tabtree ul li.here .empty {display:none;} +.tabtree { + position: relative; + margin-bottom: 3.5em; +} + +.tabtree li { + display: inline; +} + +.tabtree ul { + margin: 5px; +} + +.tabtree ul li.here ul { + position: absolute; + top: 100%; + width: 100%; +} + +.tabtree ul li.here .empty { + display: none; +} /** * Mforms */ -.mform fieldset {border:1px solid;} -.mform fieldset fieldset {border-width:0;} -.mform fieldset legend {font-weight:bold;margin-left:0.5em;padding: 0 0.35em;} -.mform fieldset div {margin:10px;margin-top:0;} -.mform fieldset div div {margin:0;} -.mform fieldset .advancedbutton {text-align:right;} -.mform fieldset.hidden {border-width:0;} -.mform fieldset.group {margin-bottom: 0} -.mform fieldset.error {border: 1px solid #A00;} -.collapsible-actions {display: none;} -.jsenabled .collapsible-actions {text-align: right; display: block;} -.dir-rtl .collapsible-actions {text-align: left;} -.collapseexpand {background: url([[pix:t/collapsed]]) left center no-repeat; padding-left: 18px;} -.dir-rtl .collapseexpand {background-image: url([[pix:t/collapsed_rtl]]); background-position: right center; padding-left: 0; padding-right: 18px;} +.mform fieldset { + border: 1px solid; +} + +.mform fieldset fieldset { + border-width: 0; +} + +.mform fieldset legend { + font-weight: bold; + margin-left: 0.5em; + padding: 0 0.35em; +} + +.mform fieldset div { + margin: 10px; + margin-top: 0; +} + +.mform fieldset div div { + margin: 0; +} + +.mform fieldset .advancedbutton { + text-align: right; +} + +.mform fieldset.hidden { + border-width: 0; +} + +.mform fieldset.group { + margin-bottom: 0; +} + +.mform fieldset.error { + border: 1px solid #A00; +} + +.collapsible-actions { + display: none; +} + +.jsenabled .collapsible-actions { + text-align: right; + display: block; +} + +.dir-rtl .collapsible-actions { + text-align: left; +} + +.collapseexpand { + background: url([[pix:t/collapsed]]) left center no-repeat; + padding-left: 18px; +} + +.dir-rtl .collapseexpand { + background-image: url([[pix:t/collapsed_rtl]]); + background-position: right center; + padding-left: 0; + padding-right: 18px; +} + .collapse-all, -.dir-rtl .collapse-all {background-image: url([[pix:t/expanded]]);} -.mform fieldset legend {padding: 0 0.35em;} -.mform fieldset.collapsible legend a.fheader {padding-left: 18px; background: url([[pix:t/expanded]]) left center no-repeat;} -.mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed]]);} -.jsenabled .mform fieldset.collapsed {border-width: 1px 0 0 1px; padding: 0; border-color: transparent;} -.jsenabled .mform fieldset.collapsed div.fcontainer {display: none;} -.mform .fitem {width:100%;overflow:hidden;margin-top:5px;margin-bottom:1px;clear:right;} -.jsenabled .mform .containsadvancedelements .advanced {display: none;} -.mform .containsadvancedelements .advanced.show {display: block;} -.mform .fitem .fitemtitle {width:15%;text-align:right;float:left;} -.dir-rtl .mform .fitem .fitemtitle {text-align:left;} -.mform .fitem .fitemtitle div {display: inline;} -.mform .fitem .felement {border-width: 0;width:80%;margin-left:16%;} -.mform .fitem fieldset.felement {margin-left:15%;padding-left:1%;margin-bottom:0} +.dir-rtl .collapse-all { + background-image: url([[pix:t/expanded]]); +} + +.mform fieldset legend { + padding: 0 0.35em; +} + +.mform fieldset.collapsible legend a.fheader { + padding-left: 18px; + background: url([[pix:t/expanded]]) left center no-repeat; +} + +.mform fieldset.collapsed legend a.fheader { + background-image: url([[pix:t/collapsed]]); +} + +.jsenabled .mform fieldset.collapsed { + border-width: 1px 0 0 1px; + padding: 0; + border-color: transparent; +} + +.jsenabled .mform fieldset.collapsed div.fcontainer { + display: none; +} + +.mform .fitem { + width: 100%; + overflow: hidden; + margin-top: 5px; + margin-bottom: 1px; + clear: right; +} + +.jsenabled .mform .containsadvancedelements .advanced { + display: none; +} + +.mform .containsadvancedelements .advanced.show { + display: block; +} + +.mform .fitem .fitemtitle { + width: 15%; + text-align: right; + float: left; +} + +.dir-rtl .mform .fitem .fitemtitle { + text-align: left; +} + +.mform .fitem .fitemtitle div { + display: inline; +} + +.mform .fitem .felement { + border-width: 0; + width: 80%; + margin-left: 16%; +} + +.mform .fitem fieldset.felement { + margin-left: 15%; + padding-left: 1%; + margin-bottom: 0; +} + #adminsettings span.error, .mform .error, -.mform .required {color:#A00;} +.mform .required { + color: #A00; +} + #adminsettings span.error, -.mform span.error {display: inline-block;padding: 4px;margin-bottom: 4px;background-color: #F2DEDE;border: 1px solid #EED3D7;} -.mform .required .fgroup span label {color:#000;} -.mform .fdescription.required {color:#A00;text-align:right;} -.dir-rtl .mform .fdescription.required {text-align:left;} -.mform .fpassword .unmask {display:inline;margin-left:0.5em;} -.mform .ftextarea #id_alltext {width: 100%;} -.mform .fstaticlabel {font-weight:bold;} -.mform ul.file-list {padding:0;margin:0;list-style:none;} -.mform label { display: inline-block; } -.mform .iconhelp { margin-left: 4px; } -.dir-rtl .mform .iconhelp { margin-right: 4px; } +.mform span.error { + display: inline-block; + padding: 4px; + margin-bottom: 4px; + background-color: #F2DEDE; + border: 1px solid #EED3D7; +} + +.mform .required .fgroup span label { + color: #000; +} + +.mform .fdescription.required { + color: #A00; + text-align: right; +} + +.dir-rtl .mform .fdescription.required { + text-align: left; +} + +.mform .fpassword .unmask { + display: inline; + margin-left: 0.5em; +} + +.mform .ftextarea #id_alltext { + width: 100%; +} + +.mform .fstaticlabel { + font-weight: bold; +} + +.mform ul.file-list { + padding: 0; + margin: 0; + list-style: none; +} + +.mform label { + display: inline-block; +} + +.mform .iconhelp { + margin-left: 4px; +} + +.dir-rtl .mform .iconhelp { + margin-right: 4px; +} + .mform label .req, -.mform label .adv {cursor: help;} -.mform .fcheckbox input {margin-left: 0;} +.mform label .adv { + cursor: help; +} + +.mform .fcheckbox input { + margin-left: 0; +} + .mform .fcheckbox label, .mform .fduration label, .mform .fitem fieldset.fgroup label, .mform .fradio label, .mform fieldset.fdate_selector label, -.mform fieldset.fdate_time_selector label { display: inline; float: none; margin-left: .3em; vertical-align: text-bottom;} +.mform fieldset.fdate_time_selector label { + display: inline; + float: none; + margin-left: .3em; + vertical-align: text-bottom; +} + .dir-rtl .mform .fcheckbox label, .dir-rtl .mform .fduration label, .dir-rtl .mform .fitem fieldset.fgroup label, .dir-rtl .mform .fradio label, .dir-rtl .mform fieldset.fdate_selector label, -.dir-rtl .mform fieldset.fdate_time_selector label {margin-right: .3em; margin-left: 0;} -.mform .ftags label.accesshide {display: block;position: static;} -.mform .ftags select {margin-bottom: 0.7em;min-width: 22em;} -.mform .moreless-toggler {background: url([[pix:t/more]]) left center no-repeat; padding-left: 16px;} -.dir-rtl .moreless-toggler {padding-left: 0; padding-right: 16px; background-position: right center; } -.mform .moreless-less {background-image: url([[pix:t/less]]);} -.mform .helplink img { margin: 0 0 0 .45em; padding: 0;} -.dir-rtl .mform .helplink img { margin: 0 .45em 0 0; padding: 0;} -.mform legend .helplink img { margin-right: .2em; } -.dir-rtl .mform legend .helplink img { margin: 0 .45em 0 .2em; } +.dir-rtl .mform fieldset.fdate_time_selector label { + margin-right: .3em; + margin-left: 0; +} + +.mform .ftags label.accesshide { + display: block; + position: static; +} + +.mform .ftags select { + margin-bottom: 0.7em; + min-width: 22em; +} + +.mform .moreless-toggler { + background: url([[pix:t/more]]) left center no-repeat; + padding-left: 16px; +} + +.dir-rtl .moreless-toggler { + padding-left: 0; + padding-right: 16px; + background-position: right center; +} + +.mform .moreless-less { + background-image: url([[pix:t/less]]); +} + +.mform .helplink img { + margin: 0 0 0 .45em; + padding: 0; +} + +.dir-rtl .mform .helplink img { + margin: 0 .45em 0 0; + padding: 0; +} + +.mform legend .helplink img { + margin-right: .2em; +} + +.dir-rtl .mform legend .helplink img { + margin: 0 .45em 0 .2em; +} + .urlselect label, -.singleselect label { margin-right: .3em; } +.singleselect label { + margin-right: .3em; +} + .dir-rtl .urlselect label, -.dir-rtl .singleselect label { margin-left: .3em; margin-right: 0; } +.dir-rtl .singleselect label { + margin-left: .3em; + margin-right: 0; +} -.dir-rtl .mform fieldset legend {margin-right:0.5em; margin-left: 0;} -.dir-rtl .mform fieldset.collapsible legend a.fheader {background-position: right center; padding-right: 18px; padding-left: 0;} -.dir-rtl .mform fieldset.collapsed legend a.fheader {background-image: url([[pix:t/collapsed_rtl]]); } -.dir-rtl.jsenabled .mform fieldset.collapsed {border-width: 1px 1px 0 0; } -.dir-rtl .mform .fitem fieldset.felement {padding-right: 1%;margin-right: 15%;} +.dir-rtl .mform fieldset legend { + margin-right: 0.5em; + margin-left: 0; +} -.mform .btn-cancel, .mform .btn-cancel:active, .mform .btn-cancel[disabled] { background-color: transparent; background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-left: .5em;} -.mform .btn-cancel { border-color: transparent; border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; color: #0088CC; cursor: pointer; } -.mform .btn-cancel:hover, .mform .btn-cancel:focus { background-color: transparent; color: #005580; text-decoration: underline; } -.mform .btn-cancel[disabled]:hover, .mform .btn-cancel[disabled]:focus { color: #333333; text-decoration: none; } +.dir-rtl .mform fieldset.collapsible legend a.fheader { + background-position: right center; + padding-right: 18px; + padding-left: 0; +} -input#id_externalurl {direction:ltr;} -#portfolio-add-button {display:inline;} +.dir-rtl .mform fieldset.collapsed legend a.fheader { + background-image: url([[pix:t/collapsed_rtl]]); +} + +.dir-rtl.jsenabled .mform fieldset.collapsed { + border-width: 1px 1px 0 0; +} + +.dir-rtl .mform .fitem fieldset.felement { + padding-right: 1%; + margin-right: 15%; +} + +.mform .btn-cancel, +.mform .btn-cancel:active, +.mform .btn-cancel[disabled] { + background-color: transparent; + background-image: none; + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + -o-box-shadow: none; + -ms-box-shadow: none; + margin-left: .5em; +} + +.mform .btn-cancel { + border-color: transparent; + border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + -webkit-border-radius: 0 0 0 0; + -o-border-radius: 0 0 0 0; + -ms-border-radius: 0 0 0 0; + color: #0088CC; + cursor: pointer; +} + +.mform .btn-cancel:hover, +.mform .btn-cancel:focus { + background-color: transparent; + color: #005580; + text-decoration: underline; +} + +.mform .btn-cancel[disabled]:hover, +.mform .btn-cancel[disabled]:focus { + color: #333333; + text-decoration: none; +} + +input#id_externalurl { + direction: ltr; +} + +#portfolio-add-button { + display: inline; +} /** * Show the labels above text editors and file managers except on wide screens. @@ -539,6 +1256,7 @@ input#id_externalurl {direction:ltr;} #region-main .mform:not(.unresponsive) .fitem .fitemtitle label { font-weight: bold; } + @media (max-width: 1199px) { #region-main .mform:not(.unresponsive) .fitem .fitemtitle { display: block; @@ -547,15 +1265,18 @@ input#id_externalurl {direction:ltr;} text-align: left; width: 100%; } + #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle { display: inline-block; width: auto; margin-right: 8px; } + .dir-rtl #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle { margin-right: 0px; margin-left: 8px; } + .dir-rtl #region-main .mform:not(.unresponsive) .fitem .fitemtitle { text-align: right; } @@ -568,28 +1289,34 @@ input#id_externalurl {direction:ltr;} padding-left: 0; padding-right: 0; } + #region-main .mform:not(.unresponsive) .fitem .fstatic:empty { display: none; } + #region-main .mform:not(.unresponsive) .femptylabel .felement { display: inline-block; margin-top: 4px; width: auto; } + .dir-rtl #region-main .mform:not(.unresponsive) .fitem .felement { margin-right: 0; float: right; padding-right: 0; padding-left: 0; } + #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle, #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement { display: inline-block; width: auto; } + .dir-rtl #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement { float: right; } + #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement { padding: 6px; } @@ -598,236 +1325,849 @@ input#id_externalurl {direction:ltr;} /** * phpinfo styles */ -.phpinfo .center {text-align: center;} -.phpinfo .center table {margin-left: auto;margin-right: auto;text-align: left;border-collapse: collapse;} -.phpinfo .center th {text-align: center;} +.phpinfo .center { + text-align: center; +} + +.phpinfo .center table { + margin-left: auto; + margin-right: auto; + text-align: left; + border-collapse: collapse; +} + +.phpinfo .center th { + text-align: center; +} + .phpinfo .e, .phpinfo .v, -.phpinfo .h {border: 1px solid #000000;font-size: 0.8em;vertical-align: baseline;color: #000000;background-color: #cccccc;} -.phpinfo .e {background-color: #ccccff;font-weight: bold;} -.phpinfo .h {background-color: #9999cc;font-weight: bold;} +.phpinfo .h { + border: 1px solid #000000; + font-size: 0.8em; + vertical-align: baseline; + color: #000000; + background-color: #cccccc; +} + +.phpinfo .e { + background-color: #ccccff; + font-weight: bold; +} + +.phpinfo .h { + background-color: #9999cc; + font-weight: bold; +} /** * Blogs */ -.addbloglink {text-align: center;} -.blog_entry .audience {text-align: right;padding-right: 4px;} -.blog_entry .tags {margin-top: 15px;} -.blog_entry .tags .action-icon img.smallicon { height: 16px; width: 16px; } -.blog_entry .content {margin-left: 43px;} +.addbloglink { + text-align: center; +} + +.blog_entry .audience { + text-align: right; + padding-right: 4px; +} + +.blog_entry .tags { + margin-top: 15px; +} + +.blog_entry .tags .action-icon img.smallicon { + height: 16px; + width: 16px; +} + +.blog_entry .content { + margin-left: 43px; +} /** * Group */ -#page-group-index #groupeditform {text-align: center;} -#doc-contents h1 {margin: 1em 0 0 0;} -#doc-contents ul {margin: 0;padding: 0;width: 90%;} -#doc-contents ul li {list-style-type: none;} -.groupmanagementtable td {vertical-align: top;} +#page-group-index #groupeditform { + text-align: center; +} + +#doc-contents h1 { + margin: 1em 0 0 0; +} + +#doc-contents ul { + margin: 0; + padding: 0; + width: 90%; +} + +#doc-contents ul li { + list-style-type: none; +} + +.groupmanagementtable td { + vertical-align: top; +} + .groupmanagementtable #existingcell, -.groupmanagementtable #potentialcell {width: 42%;} -.groupmanagementtable #buttonscell {width: 16%;} -.groupmanagementtable #buttonscell input {width: 80%;} -.groupmanagementtable #buttonscell p.arrow_button input {width: auto;min-width: 80%;margin: 0 auto;} +.groupmanagementtable #potentialcell { + width: 42%; +} + +.groupmanagementtable #buttonscell { + width: 16%; +} + +.groupmanagementtable #buttonscell input { + width: 80%; +} + +.groupmanagementtable #buttonscell p.arrow_button input { + width: auto; + min-width: 80%; + margin: 0 auto; +} + .groupmanagementtable #removeselect_wrapper, -.groupmanagementtable #addselect_wrapper {width: 100%;} +.groupmanagementtable #addselect_wrapper { + width: 100%; +} + .groupmanagementtable #removeselect_wrapper label, -.groupmanagementtable #addselect_wrapper label {font-weight: normal;} -.dir-rtl .groupmanagementtable p {text-align: right;} -#group-usersummary {width: 14em;} -.groupselector {margin-top: 3px;margin-bottom: 3px;display: inline-block;} +.groupmanagementtable #addselect_wrapper label { + font-weight: normal; +} + +.dir-rtl .groupmanagementtable p { + text-align: right; +} + +#group-usersummary { + width: 14em; +} + +.groupselector { + margin-top: 3px; + margin-bottom: 3px; + display: inline-block; +} /** * Login */ -.loginbox {margin:15px;overflow:visible;} -.loginbox.twocolumns {margin:15px;} +.loginbox { + margin: 15px; + overflow: visible; +} + +.loginbox.twocolumns { + margin: 15px; +} + .loginbox h2, -.loginbox .subcontent {margin:5px;padding:10px;text-align:center;} -.loginbox .loginpanel .desc {margin:0;padding:0;margin-bottom:5px;margin-top:15px;} -.loginbox .signuppanel .subcontent {text-align:left;} -.dir-rtl .loginbox .signuppanel .subcontent {text-align: right;} -.loginbox .loginsub {margin-left:0;margin-right:0;} +.loginbox .subcontent { + margin: 5px; + padding: 10px; + text-align: center; +} + +.loginbox .loginpanel .desc { + margin: 0; + padding: 0; + margin-bottom: 5px; + margin-top: 15px; +} + +.loginbox .signuppanel .subcontent { + text-align: left; +} + +.dir-rtl .loginbox .signuppanel .subcontent { + text-align: right; +} + +.loginbox .loginsub { + margin-left: 0; + margin-right: 0; +} + .loginbox .guestsub, .loginbox .forgotsub, -.loginbox .potentialidps {margin:5px 12%;} -.loginbox .potentialidps .potentialidplist {margin-left:40%;} -.loginbox .potentialidps .potentialidplist div {text-align:left;} -.loginbox .loginform {margin-top:1em;text-align:left;} -.loginbox .loginform .form-label {float:left;text-align:right;width:49%;white-space:nowrap;} -.loginbox .loginform .form-input {float:right;width:50%;} -.dir-rtl .loginbox .loginform .form-input {margin-right: 1%;} -.loginbox .loginform .form-input input {width: 6em;} -.loginbox .signupform {margin-top:1em;text-align:center;} -.loginbox.twocolumns .loginpanel {float:left;width:49.5%;border-right: 1px solid;margin-bottom:-2000px;padding-bottom:2000px;} -.loginbox.twocolumns .signuppanel {float:right;width:50%;margin-bottom:-2000px;padding-bottom:2000px;} -.loginbox .potentialidp .smallicon { vertical-align: text-bottom; margin: 0 .3em; } -.dir-rtl .loginbox.twocolumns .loginpanel, .dir-rtl.loginbox.twocolumns .signuppanel {float:right;} +.loginbox .potentialidps { + margin: 5px 12%; +} + +.loginbox .potentialidps .potentialidplist { + margin-left: 40%; +} + +.loginbox .potentialidps .potentialidplist div { + text-align: left; +} + +.loginbox .loginform { + margin-top: 1em; + text-align: left; +} + +.loginbox .loginform .form-label { + float: left; + text-align: right; + width: 49%; + white-space: nowrap; +} + +.loginbox .loginform .form-input { + float: right; + width: 50%; +} + +.dir-rtl .loginbox .loginform .form-input { + margin-right: 1%; +} + +.loginbox .loginform .form-input input { + width: 6em; +} + +.loginbox .signupform { + margin-top: 1em; + text-align: center; +} + +.loginbox.twocolumns .loginpanel { + float: left; + width: 49.5%; + border-right: 1px solid; + margin-bottom: -2000px; + padding-bottom: 2000px; +} + +.loginbox.twocolumns .signuppanel { + float: right; + width: 50%; + margin-bottom: -2000px; + padding-bottom: 2000px; +} + +.loginbox .potentialidp .smallicon { + vertical-align: text-bottom; + margin: 0 .3em; +} + +.dir-rtl .loginbox.twocolumns .loginpanel, +.dir-rtl.loginbox.twocolumns .signuppanel { + float: right; +} /** * Notes */ -.notepost {margin-bottom: 1em;} -.notepost .userpicture {float: left;margin-right: 5px;} +.notepost { + margin-bottom: 1em; +} + +.notepost .userpicture { + float: left; + margin-right: 5px; +} + .notepost .content, -.notepost .footer {clear: both;} -.notesgroup {margin-left:20px;} +.notepost .footer { + clear: both; +} + +.notesgroup { + margin-left: 20px; +} /** * My Moodle */ -.path-my .coursebox .overview {margin: 15px 30px 10px 30px;} -.path-my .coursebox .info {float: none; margin: 0;} +.path-my .coursebox .overview { + margin: 15px 30px 10px 30px; +} + +.path-my .coursebox .info { + float: none; + margin: 0; +} /** * Logs */ -.logtable th {text-align:left;} +.logtable th { + text-align: left; +} /** * Modules */ -.mod_introbox {border:1px solid;padding:10px;} -table.mod_index {width:100%;} +.mod_introbox { + border: 1px solid; + padding: 10px; +} + +table.mod_index { + width: 100%; +} /** * Comments */ -.comment-ctrl {font-size: 12px;display: none;margin:0;padding:0;} -.comment-ctrl h5 {margin:0;padding: 5px;} -.comment-area {max-width: 400px;padding: 5px;} -.comment-area textarea {width:100%;overflow:auto;} -.comment-area textarea.fullwidth {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} -.comment-area .fd {text-align:right;} -.comment-meta span {color:gray;} -.comment-link img { vertical-align: text-bottom; } -.comment-list {font-size: 11px;overflow:auto;list-style:none;padding:0;margin:0;} -.comment-list li {margin: 2px;list-style:none;margin-bottom:5px;clear:both;padding: .3em;position: relative;} -.comment-list li.first {display:none} -.comment-paging{text-align:center;} -.comment-paging .pageno{padding:2px;} -.comment-paging .curpage{border:1px solid #CCC;} -.comment-message .picture {width: 20px;float:left;} -.dir-rtl .comment-message .picture {float:right;} -.comment-message .text {margin:0;padding:0;} -.comment-message .text p {padding:0;margin:0 18px 0 0;} -.comment-delete {position: absolute; top: 0; right: 0;margin: .3em;} -.dir-rtl .comment-delete {position: absolute; left: 0; right: auto;margin: .3em;} -.comment-delete-confirm {background: #eee; padding: 2px; width: 5em;text-align:center;} -.comment-container {float:left;margin: 4px;} -.comment-report-selectall{display:none} -.comment-link {display:none} -.jsenabled .comment-link {display:block} -.jsenabled .showcommentsnonjs{display:none} -.jsenabled .comment-report-selectall{display:inline} +.comment-ctrl { + font-size: 12px; + display: none; + margin: 0; + padding: 0; +} + +.comment-ctrl h5 { + margin: 0; + padding: 5px; +} + +.comment-area { + max-width: 400px; + padding: 5px; +} + +.comment-area textarea { + width: 100%; + overflow: auto; +} + +.comment-area textarea.fullwidth { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.comment-area .fd { + text-align: right; +} + +.comment-meta span { + color: gray; +} + +.comment-link img { + vertical-align: text-bottom; +} + +.comment-list { + font-size: 11px; + overflow: auto; + list-style: none; + padding: 0; + margin: 0; +} + +.comment-list li { + margin: 2px; + list-style: none; + margin-bottom: 5px; + clear: both; + padding: .3em; + position: relative; +} + +.comment-list li.first { + display: none; +} + +.comment-paging { + text-align: center; +} + +.comment-paging .pageno { + padding: 2px; +} + +.comment-paging .curpage { + border: 1px solid #CCC; +} + +.comment-message .picture { + width: 20px; + float: left; +} + +.dir-rtl .comment-message .picture { + float: right; +} + +.comment-message .text { + margin: 0; + padding: 0; +} + +.comment-message .text p { + padding: 0; + margin: 0 18px 0 0; +} + +.comment-delete { + position: absolute; + top: 0; + right: 0; + margin: .3em; +} + +.dir-rtl .comment-delete { + position: absolute; + left: 0; + right: auto; + margin: .3em; +} + +.comment-delete-confirm { + background: #eee; + padding: 2px; + width: 5em; + text-align: center; +} + +.comment-container { + float: left; + margin: 4px; +} + +.comment-report-selectall { + display: none; +} + +.comment-link { + display: none; +} + +.jsenabled .comment-link { + display: block; +} + +.jsenabled .showcommentsnonjs { + display: none; +} + +.jsenabled .comment-report-selectall { + display: inline; +} /** * Completion progress report */ -.completion-expired {background:#FFDDDD;} -.completion-expected {font-size:0.75em;} +.completion-expired { + background: #FFDDDD; +} + +.completion-expected { + font-size: 0.75em; +} + .completion-sortchoice, -.completion-identifyfield {font-size:0.75em;vertical-align:bottom;} -.completion-progresscell {text-align:right;} -.completion-expired .completion-expected {font-weight:bold;} +.completion-identifyfield { + font-size: 0.75em; + vertical-align: bottom; +} + +.completion-progresscell { + text-align: right; +} + +.completion-expired .completion-expected { + font-weight: bold; +} /** * Tags */ -#tag-management-box {margin-bottom:10px;line-height:20px;} -img.user-image {height:100px;width:100px;} -#tag-search-box {text-align:center;margin:10px auto;} -.tagarea {clear:both;overflow:hidden;} -.tagarea .controls {text-align: center;} -.tagarea .controls .gotopage.nextpage {float: right;} -.tagarea .controls .gotopage.prevpage {float: left;} -.tagarea .controls .exclusivemode {display: inline-block;} -.dir-rtl .tagarea .controls .gotopage.nextpage {float: left;} -.dir-rtl .tagarea .controls .gotopage.prevpage {float: right;} -.tagarea .controls.controls-bottom {margin-top: 5px;} +#tag-management-box { + margin-bottom: 10px; + line-height: 20px; +} + +img.user-image { + height: 100px; + width: 100px; +} + +#tag-search-box { + text-align: center; + margin: 10px auto; +} + +.tagarea { + clear: both; + overflow: hidden; +} + +.tagarea .controls { + text-align: center; +} + +.tagarea .controls .gotopage.nextpage { + float: right; +} + +.tagarea .controls .gotopage.prevpage { + float: left; +} + +.tagarea .controls .exclusivemode { + display: inline-block; +} + +.dir-rtl .tagarea .controls .gotopage.nextpage { + float: left; +} + +.dir-rtl .tagarea .controls .gotopage.prevpage { + float: right; +} + +.tagarea .controls.controls-bottom { + margin-top: 5px; +} + span.flagged-tag, tr.flagged-tag, span.flagged-tag a, -tr.flagged-tag a {color:#FF0000;} +tr.flagged-tag a { + color: #FF0000; +} + .tag-management-table td, -.tag-management-table th {vertical-align: middle;padding: 4px;} -.tag-management-table .inplaceeditable.inplaceeditingon input {width: 150px;} -.tag_feed .media, .tag_feed .media-body {overflow: hidden;} -.tag_feed.media-list .media .itemimage {float: left;} -.dir-rtl .tag_feed.media-list .media .itemimage {float: right;} -.tag_feed.media-list .media .itemimage img {height: 35px;width: 35px;} -.tag_feed.media-list .media .media-body {padding-right: 10px;padding-left: 10px;} -.tag_cloud {text-align: center;} -.tag_cloud .inline-list li {padding: 0px 0.2em;} -.tag_cloud .tag_overflow {margin-top: 1em;font-style: italic;} -.tag_cloud .s20 {font-size: 2.7em;} -.tag_cloud .s19 {font-size: 2.6em;} -.tag_cloud .s18 {font-size: 2.5em;} -.tag_cloud .s17 {font-size: 2.4em;} -.tag_cloud .s16 {font-size: 2.3em;} -.tag_cloud .s15 {font-size: 2.2em;} -.tag_cloud .s14 {font-size: 2.1em;} -.tag_cloud .s13 {font-size: 2em;} -.tag_cloud .s12 {font-size: 1.9em;} -.tag_cloud .s11 {font-size: 1.8em;} -.tag_cloud .s10 {font-size: 1.7em;} -.tag_cloud .s9 {font-size: 1.6em;} -.tag_cloud .s8 {font-size: 1.5em;} -.tag_cloud .s7 {font-size: 1.4em;} -.tag_cloud .s6 {font-size: 1.3em;} -.tag_cloud .s5 {font-size: 1.2em;} -.tag_cloud .s4 {font-size: 1.1em;} -.tag_cloud .s3 {font-size: 1em;} -.tag_cloud .s2 {font-size: 0.9em;} -.tag_cloud .s1 {font-size: 0.8em;} -.tag_cloud .s0 {font-size: 0.7em;} +.tag-management-table th { + vertical-align: middle; + padding: 4px; +} + +.tag-management-table .inplaceeditable.inplaceeditingon input { + width: 150px; +} + +.tag_feed .media, +.tag_feed .media-body { + overflow: hidden; +} + +.tag_feed.media-list .media .itemimage { + float: left; +} + +.dir-rtl .tag_feed.media-list .media .itemimage { + float: right; +} + +.tag_feed.media-list .media .itemimage img { + height: 35px; + width: 35px; +} + +.tag_feed.media-list .media .media-body { + padding-right: 10px; + padding-left: 10px; +} + +.tag_cloud { + text-align: center; +} + +.tag_cloud .inline-list li { + padding: 0px 0.2em; +} + +.tag_cloud .tag_overflow { + margin-top: 1em; + font-style: italic; +} + +.tag_cloud .s20 { + font-size: 2.7em; +} + +.tag_cloud .s19 { + font-size: 2.6em; +} + +.tag_cloud .s18 { + font-size: 2.5em; +} + +.tag_cloud .s17 { + font-size: 2.4em; +} + +.tag_cloud .s16 { + font-size: 2.3em; +} + +.tag_cloud .s15 { + font-size: 2.2em; +} + +.tag_cloud .s14 { + font-size: 2.1em; +} + +.tag_cloud .s13 { + font-size: 2em; +} + +.tag_cloud .s12 { + font-size: 1.9em; +} + +.tag_cloud .s11 { + font-size: 1.8em; +} + +.tag_cloud .s10 { + font-size: 1.7em; +} + +.tag_cloud .s9 { + font-size: 1.6em; +} + +.tag_cloud .s8 { + font-size: 1.5em; +} + +.tag_cloud .s7 { + font-size: 1.4em; +} + +.tag_cloud .s6 { + font-size: 1.3em; +} + +.tag_cloud .s5 { + font-size: 1.2em; +} + +.tag_cloud .s4 { + font-size: 1.1em; +} + +.tag_cloud .s3 { + font-size: 1em; +} + +.tag_cloud .s2 { + font-size: 0.9em; +} + +.tag_cloud .s1 { + font-size: 0.8em; +} + +.tag_cloud .s0 { + font-size: 0.7em; +} /* * Backup and Restore CSS */ -.path-backup .mform .grouped_settings.section_level {clear:both;} -.path-backup .mform .grouped_settings {clear:both;overflow:hidden;} -.path-backup .mform .grouped_settings .fitem .fitemtitle {width:40%;padding-right:10px;} -.path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle {width: 60%;} -.path-backup .mform .grouped_settings .fitem .felement {width:50%;} -.path-backup .mform .grouped_settings .fitem.backup_selector .felement {width:100%;} -.path-backup.dir-rtl .mform .grouped_settings .fitem .felement {width: 99%;} -.path-backup .mform .grouped_settings.section_level .include_setting {width:50%;margin:0;float:left;clear:left;font-weight:bold;} -.path-backup.dir-rtl .mform .grouped_settings.section_level .include_setting {float: right; clear: right;} -.path-backup .mform .grouped_settings.section_level .normal_setting {width:50%;margin:0;margin-left:50%;} -.path-backup.dir-rtl .mform .grouped_settings.section_level .normal_setting {margin:0;} -.path-backup .mform .grouped_settings.activity_level .include_setting label {font-weight:normal;} -.path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img {float:right;} -.path-backup .mform .fitem fieldset.felement {margin-left:0;width:auto;padding-left:0;} -.path-backup .notification.dependencies_enforced {text-align:center;color:#A00;font-weight:bold;} -.path-backup .backup_progress {text-align:center;} -.path-backup .backup_progress span.backup_stage {color:#999;} -.path-backup .backup_progress .backup_stage.backup_stage_current {font-weight:bold;color:inherit;} -.path-backup .backup_progress .backup_stage.backup_stage_next {} -.path-backup .backup_progress span.backup_stage.backup_stage_complete {color:inherit;} -#page-backup-restore .filealiasesfailures {background-color:#ffd3d9} -#page-backup-restore .filealiasesfailures .aliaseslist {width:90%;margin:0.8em auto;background-color:white;border:1px dotted #666;} -.path-backup .fitemtitle .iconlarge.icon-post { padding-left: 6px; } -.path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { padding-right: 6px; padding-right: 0; } -.path-backup .fitem .smallicon { vertical-align: text-bottom; } -.path-backup .wibbler { width: 500px; margin: 0 auto 10px; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; position: relative; min-height: 4px;} -.path-backup .wibbler .wibble { position: absolute; left: 0; right: 0; top: 0; height: 4px; } -.path-backup .wibbler .state0 { background: #eee; } -.path-backup .wibbler .state1 { background: #ddd; } -.path-backup .wibbler .state2 { background: #ccc; } -.path-backup .wibbler .state3 { background: #bbb; } -.path-backup .wibbler .state4 { background: #aaa; } -.path-backup .wibbler .state5 { background: #999; } -.path-backup .wibbler .state6 { background: #888; } -.path-backup .wibbler .state7 { background: #777; } -.path-backup .wibbler .state8 { background: #666; } -.path-backup .wibbler .state9 { background: #555; } -.path-backup .wibbler .state10 { background: #444; } -.path-backup .wibbler .state11 { background: #333; } -.path-backup .wibbler .state12 { background: #222; } -.path-backup .backup_log { margin-top: 2em; } -.path-backup .backup_log h2 { font-size: 1em; } -.path-backup .backup_log_contents { border: 1px solid #ddd; padding: 10px; height: 300px; overflow-y: scroll; } +.path-backup .mform .grouped_settings.section_level { + clear: both; +} + +.path-backup .mform .grouped_settings { + clear: both; + overflow: hidden; +} + +.path-backup .mform .grouped_settings .fitem .fitemtitle { + width: 40%; + padding-right: 10px; +} + +.path-backup.dir-rtl .mform .grouped_settings .fitem .fitemtitle { + width: 60%; +} + +.path-backup .mform .grouped_settings .fitem .felement { + width: 50%; +} + +.path-backup .mform .grouped_settings .fitem.backup_selector .felement { + width: 100%; +} + +.path-backup.dir-rtl .mform .grouped_settings .fitem .felement { + width: 99%; +} + +.path-backup .mform .grouped_settings.section_level .include_setting { + width: 50%; + margin: 0; + float: left; + clear: left; + font-weight: bold; +} + +.path-backup.dir-rtl .mform .grouped_settings.section_level .include_setting { + float: right; + clear: right; +} + +.path-backup .mform .grouped_settings.section_level .normal_setting { + width: 50%; + margin: 0; + margin-left: 50%; +} + +.path-backup.dir-rtl .mform .grouped_settings.section_level .normal_setting { + margin: 0; +} + +.path-backup .mform .grouped_settings.activity_level .include_setting label { + font-weight: normal; +} + +.path-backup.dir-rtl .mform .grouped_settings.activity_level .include_setting label img { + float: right; +} + +.path-backup .mform .fitem fieldset.felement { + margin-left: 0; + width: auto; + padding-left: 0; +} + +.path-backup .notification.dependencies_enforced { + text-align: center; + color: #A00; + font-weight: bold; +} + +.path-backup .backup_progress { + text-align: center; +} + +.path-backup .backup_progress span.backup_stage { + color: #999; +} + +.path-backup .backup_progress .backup_stage.backup_stage_current { + font-weight: bold; + color: inherit; +} + +.path-backup .backup_progress span.backup_stage.backup_stage_complete { + color: inherit; +} + +#page-backup-restore .filealiasesfailures { + background-color: #ffd3d9; +} + +#page-backup-restore .filealiasesfailures .aliaseslist { + width: 90%; + margin: 0.8em auto; + background-color: white; + border: 1px dotted #666; +} + +.path-backup .fitemtitle .iconlarge.icon-post { + padding-left: 6px; +} + +.path-backup.dir-rtl .fitemtitle .iconlarge.icon-post { + padding-right: 6px; + padding-right: 0; +} + +.path-backup .fitem .smallicon { + vertical-align: text-bottom; +} + +.path-backup .wibbler { + width: 500px; + margin: 0 auto 10px; + border-bottom: 1px solid black; + border-right: 1px solid black; + border-left: 1px solid black; + position: relative; + min-height: 4px; +} + +.path-backup .wibbler .wibble { + position: absolute; + left: 0; + right: 0; + top: 0; + height: 4px; +} + +.path-backup .wibbler .state0 { + background: #eee; +} + +.path-backup .wibbler .state1 { + background: #ddd; +} + +.path-backup .wibbler .state2 { + background: #ccc; +} + +.path-backup .wibbler .state3 { + background: #bbb; +} + +.path-backup .wibbler .state4 { + background: #aaa; +} + +.path-backup .wibbler .state5 { + background: #999; +} + +.path-backup .wibbler .state6 { + background: #888; +} + +.path-backup .wibbler .state7 { + background: #777; +} + +.path-backup .wibbler .state8 { + background: #666; +} + +.path-backup .wibbler .state9 { + background: #555; +} + +.path-backup .wibbler .state10 { + background: #444; +} + +.path-backup .wibbler .state11 { + background: #333; +} + +.path-backup .wibbler .state12 { + background: #222; +} + +.path-backup .backup_log { + margin-top: 2em; +} + +.path-backup .backup_log h2 { + font-size: 1em; +} + +.path-backup .backup_log_contents { + border: 1px solid #ddd; + padding: 10px; + height: 300px; + overflow-y: scroll; +} /* * CSS for availability options on module and section. This is taken from the @@ -841,44 +2181,55 @@ tr.flagged-tag a {color:#FF0000;} font-weight: bold; color: #fff; } + #fitem_id_availabilityconditionsjson .label-warning { background: #f89406; - position:relative; + position: relative; top: -1px; } + #fitem_id_availabilityconditionsjson .label:empty { display: none; } + #fitem_id_availabilityconditionsjson *[aria-hidden=true] { display: none; } + x#fitem_id_availabilityconditionsjson select, x#fitem_id_availabilityconditionsjson input[type=text] { - position:relative; + position: relative; top: 4px; } + #fitem_id_availabilityconditionsjson label { display: inline; } + #fitem_id_availabilityconditionsjson .availability-group { margin-right: 8px; } + .dir-rtl #fitem_id_availabilityconditionsjson .availability-group { margin-right: 0; margin-left: 8px; } + #fitem_id_availabilityconditionsjson .availability-item, #fitem_id_availabilityconditionsjson .availability-header { margin-bottom: 6px; } + #fitem_id_availabilityconditionsjson .availability-none { margin-left: 20px; margin-bottom: 4px; } + .dir-rtl #fitem_id_availabilityconditionsjson .availability-none { margin-right: 20px; margin-left: 0; } + #fitem_id_availabilityconditionsjson .availability-plugincontrols { padding: 4px 0px 4px 4px; background: none repeat scroll 0% 0% #eee; @@ -887,36 +2238,44 @@ x#fitem_id_availabilityconditionsjson input[type=text] { display: inline-block; margin-right: 8px; } + .dir-rtl #fitem_id_availabilityconditionsjson .availability-plugincontrols { padding-right: 4px; padding-left: 0px; margin-right: 0; margin-left: 8px; } + #fitem_id_availabilityconditionsjson .availability-eye, #fitem_id_availabilityconditionsjson .availability-delete { margin-right: 8px; } + .dir-rtl #fitem_id_availabilityconditionsjson .availability-eye, .dir-rtl #fitem_id_availabilityconditionsjson .availability-delete { margin-left: 8px; margin-right: 0; } + #fitem_id_availabilityconditionsjson .availability-eye[aria-hidden=true] { display: inline; visibility: hidden; } + #fitem_id_availabilityconditionsjson .availability-list > .availability-eye img { vertical-align: top; margin-top: 12px; } + #fitem_id_availabilityconditionsjson .availability-button { margin-left: 15px; } + .dir-rtl #fitem_id_availabilityconditionsjson .availability-button { margin-right: 15px; margin-left: 0; } + #fitem_id_availabilityconditionsjson .availability-childlist > .availability-inner { display: inline-block; background: #eee; @@ -925,13 +2284,16 @@ x#fitem_id_availabilityconditionsjson input[type=text] { padding: 6px; margin-bottom: 6px; } + #fitem_id_availabilityconditionsjson .availability-childlist .availability-childlist > .availability-inner { background: white; } + #fitem_id_availabilityconditionsjson .availability-connector { margin-left: 20px; margin-bottom: 6px; } + .dir-rtl #fitem_id_availabilityconditionsjson .availability-connector { margin-right: 20px; margin-left: 0; @@ -946,10 +2308,12 @@ x#fitem_id_availabilityconditionsjson input[type=text] { padding-right: 0; padding-bottom: 2px; } + .availability-dialogue ul { display: block; margin: 0; } + .availability-dialogue li { display: block; list-style-type: none; @@ -958,17 +2322,20 @@ x#fitem_id_availabilityconditionsjson input[type=text] { border-bottom: 1px solid #eee; margin-bottom: 4px; } + .availability-dialogue ul button { float: left; margin-left: 1em; min-width: 140px; margin-top: 4px; } + .dir-rtl .availability-dialogue ul button { float: right; margin-right: 1em; margin-left: 0; } + .availability-dialogue label { margin-left: 170px; margin-right: 1em; @@ -976,10 +2343,12 @@ x#fitem_id_availabilityconditionsjson input[type=text] { display: block; line-height: 1.5; } + .dir-rtl .availability-dialogue label { margin-right: 170px; margin-left: 1em; } + .availability-dialogue .availability-buttons button { margin-left: 1em; margin-right: 1em; @@ -989,40 +2358,124 @@ x#fitem_id_availabilityconditionsjson input[type=text] { /** * Web Service */ -#webservice-doc-generator td {text-align: left;border: 0px solid black;} +#webservice-doc-generator td { + text-align: left; + border: 0px solid black; +} /** * Custom menu */ -#custommenu {clear:both;} -#custommenu .yui3-menu .yui3-menu {z-index:500;} +#custommenu { + clear: both; +} + +#custommenu .yui3-menu .yui3-menu { + z-index: 500; +} + #custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content, -#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {border:1px solid #000;} -#custommenu .yui3-menu-horizontal.javascript-disabled ul {margin:0;padding:0;} -#custommenu .yui3-menu-horizontal.javascript-disabled li {margin:0;padding:0;list-style:none;width:auto;position:relative;} -#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label {padding-right:20px;} -#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul>li {float:left;} -#custommenu .yui3-menu-horizontal.javascript-disabled li a {padding:0 10px;} -#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu {position:absolute;top:-10000px;left:-10000px;visibility:hidden;white-space: nowrap;max-width: 250px;background-color:#FFF;} -#custommenu .yui3-menu-horizontal.javascript-disabled li:hover>.yui3-menu {top:100%;left:0;visibility: visible;z-index:10;} -#custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu {top:0;left:100%;min-width:200px;} -#custommenu .yui3-menu-horizontal.javascript-disabled>.yui3-menu-content>ul:after {content:"";display:block;clear:both;line-height:0;font-size:0;visibility:hidden;} -#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {font-size:93%;line-height:2;padding:0;} -#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content {font-size:100%;} +#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul { + border: 1px solid #000; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled ul { + margin: 0; + padding: 0; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled li { + margin: 0; + padding: 0; + list-style: none; + width: auto; + position: relative; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu .yui3-menu-label { + padding-right: 20px; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled > .yui3-menu-content > ul > li { + float: left; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled li a { + padding: 0 10px; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu { + position: absolute; + top: -10000px; + left: -10000px; + visibility: hidden; + white-space: nowrap; + max-width: 250px; + background-color: #FFF; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled li:hover > .yui3-menu { + top: 100%; + left: 0; + visibility: visible; + z-index: 10; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled li:hover .yui3-menu .yui3-menu { + top: 0; + left: 100%; + min-width: 200px; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled > .yui3-menu-content > ul:after { + content: ""; + display: block; + clear: both; + line-height: 0; + font-size: 0; + visibility: hidden; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content { + font-size: 93%; + line-height: 2; + padding: 0; +} + +#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .yui3-menu-content { + font-size: 100%; +} /** * Fix for broken YUI images in the menunav component */ #custommenu .yui3-menu-label, -#custommenu .yui3-menuitem-content {cursor:pointer;} -#custommenu .yui3-menuitem-active {background-color:#B3D4FF;} +#custommenu .yui3-menuitem-content { + cursor: pointer; +} + +#custommenu .yui3-menuitem-active { + background-color: #B3D4FF; +} + #custommenu .yui3-menuitem-active, #custommenu .yui3-menuitem-active .yui3-menuitem-content, #custommenu .yui3-menu-horizontal .yui3-menu-label, -#custommenu .yui3-menu-horizontal .yui3-menu-content {background-image:none;background-position:right center;background-repeat:no-repeat;} +#custommenu .yui3-menu-horizontal .yui3-menu-content { + background-image: none; + background-position: right center; + background-repeat: no-repeat; +} + #custommenu .yui3-menu-label, -#custommenu .yui3-menu .yui3-menu .yui3-menu-label {background-image:url([[pix:theme|vertical-menu-submenu-indicator]]); padding-right: 20px;} -#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {background-image:url([[pix:theme|horizontal-menu-submenu-indicator]]);} +#custommenu .yui3-menu .yui3-menu .yui3-menu-label { + background-image: url([[pix:theme|vertical-menu-submenu-indicator]]); + padding-right: 20px; +} + +#custommenu .yui3-menu .yui3-menu .yui3-menu-label-menuvisible { + background-image: url([[pix:theme|horizontal-menu-submenu-indicator]]); +} /** * Dividers. @@ -1033,6 +2486,7 @@ x#fitem_id_availabilityconditionsjson input[type=text] { height: 24px; border-left: 1px solid #ddd; } + .yui3-menu .yui3-menu .yui3-menuitem.divider { width: auto; height: 0; @@ -1040,190 +2494,631 @@ x#fitem_id_availabilityconditionsjson input[type=text] { border-left: 0px none; border-top: 1px solid #ddd; } + .yui3-menu .yui3-menuitem.divider a { - visibility: invisible; + visibility: hidden; } /** * Smart Select Element */ -.smartselect {position:absolute;} -.smartselect .smartselect_mask {background-color:#fff;} -.smartselect ul {padding: 0;margin: 0;} -.smartselect ul li {list-style: none;} -.smartselect .smartselect_menu {margin-right:5px;} -.safari .smartselect .smartselect_menu {margin-left:2px;} +.smartselect { + position: absolute; +} + +.smartselect .smartselect_mask { + background-color: #fff; +} + +.smartselect ul { + padding: 0; + margin: 0; +} + +.smartselect ul li { + list-style: none; +} + +.smartselect .smartselect_menu { + margin-right: 5px; +} + +.safari .smartselect .smartselect_menu { + margin-left: 2px; +} + .smartselect .smartselect_menu, -.smartselect .smartselect_submenu {border:1px solid #000;background-color:#FFF;display: none;} +.smartselect .smartselect_submenu { + border: 1px solid #000; + background-color: #FFF; + display: none; +} + .smartselect .smartselect_menu.visible, -.smartselect .smartselect_submenu.visible {display:block;} -.smartselect .smartselect_menu_content ul li {position:relative;padding:2px 5px;} -.smartselect .smartselect_menu_content ul li a {color:#333;text-decoration:none;} -.smartselect .smartselect_menu_content ul li a.selectable {color:inherit;} -.smartselect .smartselect_submenuitem {background-image:url([[pix:moodle|t/collapsed]]);background-repeat: no-repeat;background-position:100%;} +.smartselect .smartselect_submenu.visible { + display: block; +} + +.smartselect .smartselect_menu_content ul li { + position: relative; + padding: 2px 5px; +} + +.smartselect .smartselect_menu_content ul li a { + color: #333; + text-decoration: none; +} + +.smartselect .smartselect_menu_content ul li a.selectable { + color: inherit; +} + +.smartselect .smartselect_submenuitem { + background-image: url([[pix:moodle|t/collapsed]]); + background-repeat: no-repeat; + background-position: 100%; +} /** Spanning mode */ -.smartselect.spanningmenu .smartselect_submenu {position:absolute;top:-1px;left:100%;} -.smartselect.spanningmenu .smartselect_submenu a {white-space: nowrap;padding-right:16px;} -.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {text-decoration:underline;} +.smartselect.spanningmenu .smartselect_submenu { + position: absolute; + top: -1px; + left: 100%; +} + +.smartselect.spanningmenu .smartselect_submenu a { + white-space: nowrap; + padding-right: 16px; +} + +.smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover { + text-decoration: underline; +} /** Compact mode */ -.smartselect.compactmenu .smartselect_submenu {position:relative;margin:2px -3px; margin-left: 10px;display:none;border-width:0;z-index: 1010;} -.smartselect.compactmenu .smartselect_submenu.visible {display:block;} -.smartselect.compactmenu .smartselect_menu {z-index: 1000;overflow:hidden;} -.smartselect.compactmenu .smartselect_submenu .smartselect_submenu {z-index: 1020;} -.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {font-weight:bold;} +.smartselect.compactmenu .smartselect_submenu { + position: relative; + margin: 2px -3px; + margin-left: 10px; + display: none; + border-width: 0; + z-index: 1010; +} + +.smartselect.compactmenu .smartselect_submenu.visible { + display: block; +} + +.smartselect.compactmenu .smartselect_menu { + z-index: 1000; + overflow: hidden; +} + +.smartselect.compactmenu .smartselect_submenu .smartselect_submenu { + z-index: 1020; +} + +.smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label { + font-weight: bold; +} /** * Registration */ -#page-admin-registration-register .registration_textfield {width: 300px;} +#page-admin-registration-register .registration_textfield { + width: 300px; +} /** * Enrol */ -.userenrolment {width:100%;border-collapse: collapse;} -.userenrolment tr {vertical-align:top;} -.userenrolment td {height:41px;padding:3px;} -.userenrolment td > * {margin:3px;} -.userenrolment .subfield {margin-right:5px;} -.userenrolment .col_userdetails .subfield_picture {float:left;} -.userenrolment .col_lastseen {width:150px;} -.userenrolment .col_role {width:262px;} -.userenrolment .col_role .roles, -.userenrolment .col_group .groups {margin-right:30px;} -.userenrolment .col_role .role, -.userenrolment .col_group .group {float:left;white-space:nowrap;margin-right:6px;} -.userenrolment .col_role .role a, -.userenrolment .col_group .group a {margin-left:3px;cursor:pointer;} -.userenrolment .col_role .addrole, -.userenrolment .col_group .addgroup {float:right;} -.userenrolment .col_role .addrole a img, -.userenrolment .col_group .addgroup a img {vertical-align:bottom;} -.userenrolment .hasAllRoles .col_role .addrole {display:none;} -.dir-rtl .userenrolment .col_role .role {float:right;} +.userenrolment { + width: 100%; + border-collapse: collapse; +} + +.userenrolment tr { + vertical-align: top; +} + +.userenrolment td { + height: 41px; + padding: 3px; +} + +.userenrolment td > * { + margin: 3px; +} + +.userenrolment .subfield { + margin-right: 5px; +} + +.userenrolment .col_userdetails .subfield_picture { + float: left; +} + +.userenrolment .col_lastseen { + width: 150px; +} + +.userenrolment .col_role { + width: 262px; +} + +.userenrolment .col_role .roles, +.userenrolment .col_group .groups { + margin-right: 30px; +} + +.userenrolment .col_role .role, +.userenrolment .col_group .group { + float: left; + white-space: nowrap; + margin-right: 6px; +} + +.userenrolment .col_role .role a, +.userenrolment .col_group .group a { + margin-left: 3px; + cursor: pointer; +} + +.userenrolment .col_role .addrole, +.userenrolment .col_group .addgroup { + float: right; +} + +.userenrolment .col_role .addrole a img, +.userenrolment .col_group .addgroup a img { + vertical-align: bottom; +} + +.userenrolment .hasAllRoles .col_role .addrole { + display: none; +} + +.dir-rtl .userenrolment .col_role .role { + float: right; +} + +.userenrolment .col_enrol .enrolment { + float: left; +} + +.userenrolment .col_enrol .enrolment a { + float: right; + margin-left: 3px; +} + +#page-enrol-users .enrol_user_buttons { + float: right; +} + +#page-enrol-users .enrol_user_buttons .singlebutton { + margin-top: 2px; + line-height: 2; +} + +#page-enrol-users .enrol_user_buttons .enrolusersbutton { + margin-left: 1em; + display: inline; +} -.userenrolment .col_enrol .enrolment {float:left;} -.userenrolment .col_enrol .enrolment a {float:right;margin-left:3px;} -#page-enrol-users .enrol_user_buttons {float:right;} -#page-enrol-users .enrol_user_buttons .singlebutton {margin-top: 2px; line-height: 2;} -#page-enrol-users .enrol_user_buttons .enrolusersbutton {margin-left:1em;display:inline;} #page-enrol-users .enrol_user_buttons .enrolusersbutton div, -#page-enrol-users .enrol_user_buttons .enrolusersbutton form {display:inline;} -#page-enrol-users .enrol_user_buttons .enrolusersbutton input {padding-left:6px;padding-right:6px;} -#page-enrol-users.dir-rtl .col_userdetails .subfield_picture {float: right;} +#page-enrol-users .enrol_user_buttons .enrolusersbutton form { + display: inline; +} + +#page-enrol-users .enrol_user_buttons .enrolusersbutton input { + padding-left: 6px; + padding-right: 6px; +} + +#page-enrol-users.dir-rtl .col_userdetails .subfield_picture { + float: right; +} + #page-enrol-users #filterform div, -#page-enrol-users #filterform fieldset {display:inline;float:none;clear:none;width:auto;margin:0;line-height:2;} -#page-enrol-users #filterform .fitem {white-space:nowrap;} -#page-enrol-users #filterform fieldset > div {display:block;float:left;background:#f2f2f2;padding:2px;} +#page-enrol-users #filterform fieldset { + display: inline; + float: none; + clear: none; + line-height: 2; +} + +#page-enrol-users #filterform .fitem { + white-space: nowrap; +} + +#page-enrol-users #filterform fieldset > div { + display: block; + float: left; + background: #f2f2f2; + padding: 2px; +} + #page-enrol-users #filterform select, -#page-enrol-users #filterform .ftext input {width:8em;} +#page-enrol-users #filterform .ftext input { + width: 8em; +} + #page-enrol-users #filterform #fitem_id_role, #page-enrol-users #filterform #fitem_id_ifilter, -#page-enrol-users #filterform #fgroup_id_buttons {margin-left:0.5em;} -#page-enrol-users .paging { clear: right; } +#page-enrol-users #filterform #fgroup_id_buttons { + margin-left: 0.5em; +} + +#page-enrol-users .paging { + clear: right; +} /** * Overide for RTL layout **/ -.dir-rtl .headermain {float:right;} -.dir-rtl .headermenu {float:left; text-align: left; } -.dir-rtl .breadcrumb {float:right;} -.dir-rtl .navbutton {float: left;} -.dir-rtl .navbutton .singlebutton {margin-right: 4px} -.dir-rtl .breadcrumb ul li { float: right; margin-left: 5px;} -.dir-rtl .mform .fitem .fitemtitle {float:right;} -.dir-rtl .loginbox .loginform .form-label {float:right;text-align:left;} -.dir-rtl .loginbox .loginform .form-input {text-align: right;} -.dir-rtl .yui3-menu-hidden {left: 0px;} -#page-admin-roles-define.dir-rtl #rolesform .felement {margin-right: 180px;} -#page-message-edit.dir-rtl table.generaltable th.c0 {text-align: right;} +.dir-rtl .headermain { + float: right; +} + +.dir-rtl .headermenu { + float: left; + text-align: left; +} + +.dir-rtl .breadcrumb { + float: right; +} + +.dir-rtl .navbutton { + float: left; +} + +.dir-rtl .navbutton .singlebutton { + margin-right: 4px; +} + +.dir-rtl .breadcrumb ul li { + float: right; + margin-left: 5px; +} + +.dir-rtl .mform .fitem .fitemtitle { + float: right; +} + +.dir-rtl .loginbox .loginform .form-label { + float: right; + text-align: left; +} + +.dir-rtl .loginbox .loginform .form-input { + text-align: right; +} + +.dir-rtl .yui3-menu-hidden { + left: 0px; +} + +#page-admin-roles-define.dir-rtl #rolesform .felement { + margin-right: 180px; +} + +#page-message-edit.dir-rtl table.generaltable th.c0 { + text-align: right; +} /** * Backup */ -.backup-restore .backup-section {clear:both;border:1px solid #ddd;background-color:#f6f6f6;margin-bottom:1em;} -.backup-restore .backup-section > h2.header {padding:5px 6px;margin:0;border-bottom:1px solid #ddd;} -.backup-restore .backup-section .noticebox {margin:1em auto;width:60%;text-align:center;} -.backup-restore .backup-section .backup-sub-section {margin:0 25px;background-color:#f9f9f9;border:1px solid #f3f3f3;margin-bottom:1em;} -.backup-restore .backup-section .backup-sub-section h3 {text-align:right;border-bottom:1px solid #DDD;padding:5px 86% 5px 6px;margin:0;background-color:#e9e9e9;} -.backup-restore .backup-section.settings-section .detail-pair {margin:0;padding:0;width:50%;display:inline-block;} -.backup-restore .backup-section.settings-section .detail-pair .detail-pair-label {width:65%;} -.backup-restore .backup-section.settings-section .detail-pair .detail-pair-value {width:25%;} -.backup-restore .activitytable {width:60%;min-width:500px;} -.backup-restore .activitytable .modulename {width:100px;} -.backup-restore .activitytable .moduleincluded {width:50px;} -.backup-restore .activitytable .userinfoincluded {width:50px;} -.backup-restore .detail-pair {} -.backup-restore .detail-pair-label {display:inline-block;width:25%;padding:8px;margin:0;text-align:right;font-weight:bold;color:#444;vertical-align:top;} -.backup-restore .detail-pair-value {display:inline-block;width:65%;padding:8px;margin:0;} -.backup-restore .detail-pair-value > .sub-detail {display:block;color:#1580B6;margin-left:2em;font-size:90%;font-style: italic;} -.backup-restore > .singlebutton {text-align:right;} +.backup-restore .backup-section { + clear: both; + border: 1px solid #ddd; + background-color: #f6f6f6; + margin-bottom: 1em; +} + +.backup-restore .backup-section > h2.header { + padding: 5px 6px; + margin: 0; + border-bottom: 1px solid #ddd; +} + +.backup-restore .backup-section .noticebox { + margin: 1em auto; + width: 60%; + text-align: center; +} + +.backup-restore .backup-section .backup-sub-section { + margin: 0 25px; + background-color: #f9f9f9; + border: 1px solid #f3f3f3; + margin-bottom: 1em; +} + +.backup-restore .backup-section .backup-sub-section h3 { + text-align: right; + border-bottom: 1px solid #DDD; + padding: 5px 86% 5px 6px; + margin: 0; + background-color: #e9e9e9; +} + +.backup-restore .backup-section.settings-section .detail-pair { + margin: 0; + padding: 0; + width: 50%; + display: inline-block; +} + +.backup-restore .backup-section.settings-section .detail-pair .detail-pair-label { + width: 65%; +} + +.backup-restore .backup-section.settings-section .detail-pair .detail-pair-value { + width: 25%; +} + +.backup-restore .activitytable { + width: 60%; + min-width: 500px; +} + +.backup-restore .activitytable .modulename { + width: 100px; +} + +.backup-restore .activitytable .moduleincluded { + width: 50px; +} + +.backup-restore .activitytable .userinfoincluded { + width: 50px; +} + +.backup-restore .detail-pair-label { + display: inline-block; + width: 25%; + padding: 8px; + margin: 0; + text-align: right; + font-weight: bold; + color: #444; + vertical-align: top; +} + +.backup-restore .detail-pair-value { + display: inline-block; + width: 65%; + padding: 8px; + margin: 0; +} + +.backup-restore .detail-pair-value > .sub-detail { + display: block; + color: #1580B6; + margin-left: 2em; + font-size: 90%; + font-style: italic; +} + +.backup-restore > .singlebutton { + text-align: right; +} + .path-backup .mform .fgroup .proceedbutton, -.path-backup .mform .fgroup .oneclickbackup {float:right;margin-right:1%;} +.path-backup .mform .fgroup .oneclickbackup { + float: right; + margin-right: 1%; +} + .dir-rtl.path-backup .mform .fgroup .proceedbutton, -.dir-rtl.path-backup .mform .fgroup .oneclickbackup {float:left;margin-left:1%;margin-right: 0;} +.dir-rtl.path-backup .mform .fgroup .oneclickbackup { + float: left; + margin-left: 1%; + margin-right: 0; +} -.restore-course-search .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;} -.restore-course-search .rcs-results table {width:100%;margin:0;border-width:0;} -.restore-course-search .rcs-results table .no-overflow {max-width:600px;} -.restore-course-search .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;} +.restore-course-search .rcs-results { + width: 70%; + min-width: 400px; + border: 1px solid #ddd; + margin: 5px 0; +} -.restore-course-category .rcs-results {width:70%;min-width:400px;border:1px solid #ddd;margin:5px 0;} -.restore-course-category .rcs-results table {width:100%;margin:0;border-width:0;} -.restore-course-category .rcs-results table .no-overflow {max-width:600px;} -.restore-course-category .rcs-results .paging {text-align:left;margin:0;background-color:#eee;padding:3px;} +.restore-course-search .rcs-results table { + width: 100%; + margin: 0; + border-width: 0; +} -.corelightbox {background-color:#CCC;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;} -.corelightbox img {position:fixed;top:50%; left: 50%;} +.restore-course-search .rcs-results table .no-overflow { + max-width: 600px; +} + +.restore-course-search .rcs-results .paging { + text-align: left; + margin: 0; + background-color: #eee; + padding: 3px; +} + +.restore-course-category .rcs-results { + width: 70%; + min-width: 400px; + border: 1px solid #ddd; + margin: 5px 0; +} + +.restore-course-category .rcs-results table { + width: 100%; + margin: 0; + border-width: 0; +} + +.restore-course-category .rcs-results table .no-overflow { + max-width: 600px; +} + +.restore-course-category .rcs-results .paging { + text-align: left; + margin: 0; + background-color: #eee; + padding: 3px; +} + +.corelightbox { + background-color: #CCC; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; +} + +.corelightbox img { + position: fixed; + top: 50%; + left: 50%; +} + +.mod-indent { + display: table-cell; +} + +.label .mod-indent { + float: left; + padding-top: 20px; +} + +.mod-indent-1 { + width: 30px; +} + +.mod-indent-2 { + width: 60px; +} + +.mod-indent-3 { + width: 90px; +} + +.mod-indent-4 { + width: 120px; +} + +.mod-indent-5 { + width: 150px; +} + +.mod-indent-6 { + width: 180px; +} + +.mod-indent-7 { + width: 210px; +} + +.mod-indent-8 { + width: 240px; +} + +.mod-indent-9 { + width: 270px; +} + +.mod-indent-10 { + width: 300px; +} + +.mod-indent-11 { + width: 330px; +} + +.mod-indent-12 { + width: 360px; +} + +.mod-indent-13 { + width: 390px; +} + +.mod-indent-14 { + width: 420px; +} + +.mod-indent-15 { + width: 450px; +} -.mod-indent {display:table-cell;} -.label .mod-indent {float:left; padding-top:20px} -.mod-indent-1 {width:30px;} -.mod-indent-2 {width:60px;} -.mod-indent-3 {width:90px;} -.mod-indent-4 {width:120px;} -.mod-indent-5 {width:150px;} -.mod-indent-6 {width:180px;} -.mod-indent-7 {width:210px;} -.mod-indent-8 {width:240px;} -.mod-indent-9 {width:270px;} -.mod-indent-10 {width:300px;} -.mod-indent-11 {width:330px;} -.mod-indent-12 {width:360px;} -.mod-indent-13 {width:390px;} -.mod-indent-14 {width:420px;} -.mod-indent-15 {width:450px;} .mod-indent-16, -.mod-indent-huge {width:480px;} +.mod-indent-huge { + width: 480px; +} + +.dir-rtl .mform .fitem .felement { + margin-right: 16%; + margin-left: auto; + text-align: right; +} -.dir-rtl .mform .fitem .felement {margin-right: 16%;margin-left:auto;text-align: right;} .dir-rtl .mform .fitem .felement input[name=email], .dir-rtl .mform .fitem .felement input[name=email2], .dir-rtl .mform .fitem .felement input[name=url], .dir-rtl .mform .fitem .felement input[name=idnumber], .dir-rtl .mform .fitem .felement input[name=phone1], -.dir-rtl .mform .fitem .felement input[name=phone2] {text-align: left; direction: ltr;} +.dir-rtl .mform .fitem .felement input[name=phone2] { + text-align: left; + direction: ltr; +} /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */ -.resourcecontent .mediaplugin_mp3 object {height:25px; width: 600px} -.resourcecontent audio.mediaplugin_html5audio {width: 600px} +.resourcecontent .mediaplugin_mp3 object { + height: 25px; + width: 600px; +} + +.resourcecontent audio.mediaplugin_html5audio { + width: 600px; +} /** Large resource images should avoid hidden overflow **/ -.resourceimage {max-width: 100%;} +.resourceimage { + max-width: 100%; +} /* Audio player size in 'inline' mode (can only change width, as above) */ -.mediaplugin_mp3 object {height:15px;width:300px} -audio.mediaplugin_html5audio {width: 300px} +.mediaplugin_mp3 object { + height: 15px; + width: 300px; +} + +audio.mediaplugin_html5audio { + width: 300px; +} /* TinyMCE moodle media preview frame should not have padding */ -.core_media_preview.pagelayout-embedded #page-content {padding:0;} -.core_media_preview.pagelayout-embedded #maincontent {height:0;} -.core_media_preview.pagelayout-embedded .mediaplugin {margin:0;} +.core_media_preview.pagelayout-embedded #page-content { + padding: 0; +} + +.core_media_preview.pagelayout-embedded #maincontent { + height: 0; +} + +.core_media_preview.pagelayout-embedded .mediaplugin { + margin: 0; +} /* Fix for SubScript & SuperScript ------------------------------*/ -sub {vertical-align: sub;} -sup {vertical-align: super;} +sub { + vertical-align: sub; +} + +sup { + vertical-align: super; +} /** Fix YUI 2 Treeview for Right to left languages **/ .dir-rtl .ygtvtn, @@ -1244,33 +3139,92 @@ sup {vertical-align: super;} .dir-rtl .ygtvok, .dir-rtl .ygtvok:hover, .dir-rtl .ygtvcancel, -.dir-rtl .ygtvcancel:hover {width:18px; height:22px; background-image:url([[pix:theme|yui2-treeview-sprite-rtl]]); background-repeat: no-repeat; cursor:pointer;} +.dir-rtl .ygtvcancel:hover { + width: 18px; + height: 22px; + background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]); + background-repeat: no-repeat; + cursor: pointer; +} + +.dir-rtl .ygtvtn { + background-position: 0 -5600px; +} + +.dir-rtl .ygtvtm { + background-position: 0 -4000px; +} -.dir-rtl .ygtvtn {background-position: 0 -5600px;} -.dir-rtl .ygtvtm {background-position: 0 -4000px;} .dir-rtl .ygtvtmh, -.dir-rtl .ygtvtmhh {background-position: 0 -4800px;} -.dir-rtl .ygtvtp {background-position: 0 -6400px;} -.dir-rtl .ygtvtph, -.dir-rtl .ygtvtphh {background-position: 0 -7200px;} -.dir-rtl .ygtvln {background-position: 0 -1600px;} -.dir-rtl .ygtvlm {background-position: 0 0;} -.dir-rtl .ygtvlmh, -.dir-rtl .ygtvlmhh {background-position: 0 -800px;} -.dir-rtl .ygtvlp {background-position: 0 -2400px;} -.dir-rtl .ygtvlph, -.dir-rtl .ygtvlphh {background-position: 0 -3200px} -.dir-rtl .ygtvdepthcell {background-position: 0 -8000px;} -.dir-rtl .ygtvok {background-position: 0 -8800px;} -.dir-rtl .ygtvok:hover {background-position: 0 -8844px;} -.dir-rtl .ygtvcancel {background-position: 0 -8822px;} -.dir-rtl .ygtvcancel:hover {background-position: 0 -8866px;} +.dir-rtl .ygtvtmhh { + background-position: 0 -4800px; +} -.dir-rtl.yui-skin-sam .yui-panel .hd {text-align:left;} -.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {text-align:right;} +.dir-rtl .ygtvtp { + background-position: 0 -6400px; +} + +.dir-rtl .ygtvtph, +.dir-rtl .ygtvtphh { + background-position: 0 -7200px; +} + +.dir-rtl .ygtvln { + background-position: 0 -1600px; +} + +.dir-rtl .ygtvlm { + background-position: 0 0; +} + +.dir-rtl .ygtvlmh, +.dir-rtl .ygtvlmhh { + background-position: 0 -800px; +} + +.dir-rtl .ygtvlp { + background-position: 0 -2400px; +} + +.dir-rtl .ygtvlph, +.dir-rtl .ygtvlphh { + background-position: 0 -3200px; +} + +.dir-rtl .ygtvdepthcell { + background-position: 0 -8000px; +} + +.dir-rtl .ygtvok { + background-position: 0 -8800px; +} + +.dir-rtl .ygtvok:hover { + background-position: 0 -8844px; +} + +.dir-rtl .ygtvcancel { + background-position: 0 -8822px; +} + +.dir-rtl .ygtvcancel:hover { + background-position: 0 -8866px; +} + +.dir-rtl.yui-skin-sam .yui-panel .hd { + text-align: left; +} + +.dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd { + text-align: right; +} /** Fix TinyMCE editor right to left **/ -.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {top: 44px;} +.dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span, +.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span { + top: 44px; +} + .dir-rtl .o2k7Skin table, .dir-rtl .o2k7Skin tbody, .dir-rtl .o2k7Skin a, @@ -1282,24 +3236,46 @@ sup {vertical-align: super;} .dir-rtl .o2k7Skin span, .dir-rtl .o2k7Skin *, .dir-rtl .o2k7Skin .mceText, -.dir-rtl .o2k7Skin .mceListBox .mceText {text-align:right;} +.dir-rtl .o2k7Skin .mceListBox .mceText { + text-align: right; +} + +.path-rating .ratingtable { + width: 100%; + margin-bottom: 1em; +} + +.path-rating .ratingtable th.rating { + width: 100%; +} -.path-rating .ratingtable {width:100%;margin-bottom:1em;} -.path-rating .ratingtable th.rating {width:100%;} .path-rating .ratingtable td.rating, -.path-rating .ratingtable td.time {white-space:nowrap; text-align:center;} +.path-rating .ratingtable td.time { + white-space: nowrap; + text-align: center; +} /* Fix for ordered and unordered list in course topic summary & course weekly summary */ .course-content ul.weeks .content .summary ul, -.course-content ul.topics .content .summary ul {list-style: disc outside none;} +.course-content ul.topics .content .summary ul { + list-style: disc outside none; +} + .course-content ul.weeks .content .summary ul ul, -.course-content ul.topics .content .summary ul ul {list-style: circle outside none;} +.course-content ul.topics .content .summary ul ul { + list-style: circle outside none; +} + .course-content ul.weeks .content .summary ul ul ul, -.course-content ul.topics .content .summary ul ul ul {list-style: square outside none;} +.course-content ul.topics .content .summary ul ul ul { + list-style: square outside none; +} .course-content ul.weeks .content .summary ol, -.course-content ul.topics .content .summary ol {list-style: decimal outside none;} +.course-content ul.topics .content .summary ol { + list-style: decimal outside none; +} .dir-rtl #adminsettings #id_s__pathtodu, .dir-rtl #adminsettings #id_s__aspellpath, @@ -1345,16 +3321,26 @@ sup {vertical-align: super;} .dir-rtl #adminsettings #id_s_enrol_flatfile_location, #page-admin-setting-enrolsettingsflatfile.dir-rtl input[type=text], #page-admin-setting-enrolsettingsdatabase.dir-rtl input[type=text], -#page-admin-auth-db.dir-rtl input[type=text] {direction: ltr;} +#page-admin-auth-db.dir-rtl input[type=text] { + direction: ltr; +} -#page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox {direction: ltr;text-align: left;} +#page-admin-setting-enrolsettingsflatfile.dir-rtl .informationbox { + direction: ltr; + text-align: left; +} -#page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name {margin-right: 170px;} -.initialbar a {padding-right: 2px;} +#page-admin-grade-edit-scale-edit.dir-rtl .error input#id_name { + margin-right: 170px; +} + +.initialbar a { + padding-right: 2px; +} /* Moodle Dialogue Settings (moodle-core-dialogue) */ .moodle-dialogue-base .moodle-dialogue-lightbox { - background-color:#AAA; + background-color: #AAA; } .moodle-dialogue-base .moodle-dialogue { @@ -1362,7 +3348,10 @@ sup {vertical-align: super;} } .moodle-dialogue-base .hidden, -.moodle-dialogue-base .moodle-dialogue-hidden {display:none;} +.moodle-dialogue-base .moodle-dialogue-hidden { + display: none; +} + .moodle-dialogue-base .moodle-dialogue { padding: 0; margin: 0; @@ -1372,7 +3361,9 @@ sup {vertical-align: super;} z-index: 600; } -.no-scrolling { overflow: hidden; } +.no-scrolling { + overflow: hidden; +} .moodle-dialogue-base .moodle-dialogue-fullscreen { left: 0px; @@ -1381,19 +3372,20 @@ sup {vertical-align: super;} bottom: -50px; position: fixed; } + .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content { overflow: auto; } + .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton { width: 28px; height: 16px; background-size: 100%; } - .moodle-dialogue-base .moodle-dialogue-wrap { - margin-top:-3px; - margin-left:-3px; + margin-top: -3px; + margin-left: -3px; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 10px; @@ -1402,54 +3394,62 @@ sup {vertical-align: super;} -moz-box-shadow: 5px 5px 20px 0px #666666; overflow: hidden; } + .moodle-dialogue-base h3 { margin: 0; line-height: 20px; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd { - margin:0; - padding:5px; - font-size:12px; + margin: 0; + padding: 5px; + font-size: 12px; font-weight: normal; letter-spacing: 1px; - color:#333333; + color: #333333; text-align: center; text-shadow: 1px 1px 1px #FFFFFF; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #BBBBBB; background-color: #CCCCCC; - -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC')!important; + /*csslint important:false */ + -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC') !important; -ms-filter: dropshadow(color=#FFFFFF, offx=1, offy=1); - background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); /* For Chrome and Safari */ - background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Fx (3.6 to 15) */ - background-image: -ms-linear-gradient(top, #FFFFFF, #CCCCCC); /* For pre-releases of IE 10*/ - background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC); /* For old Opera (11.1 to 12.0) */ - background-image: linear-gradient(to bottom, #FFFFFF, #CCCCCC); /* Standard syntax; must be last */ + background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC); + /* For Chrome and Safari */ + background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); + /* For old Fx (3.6 to 15) */ + background-image: -ms-linear-gradient(top, #FFFFFF, #CCCCCC); + /* For pre-releases of IE 10*/ + background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC); + /* For old Opera (11.1 to 12.0) */ + background-image: linear-gradient(to bottom, #FFFFFF, #CCCCCC); + /* Standard syntax; must be last */ } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 { - margin:0; - padding:0; - display:inline; + padding: 0; + display: inline; font-size: 100%; font-weight: bold; } + .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons { padding: 5px; } + .moodle-dialogue-base .closebutton { - width:25px; - height:15px; - float:right; - vertical-align:middle; - display:inline-block; - cursor:pointer; - padding:0px; - background-image:url([[pix:theme|sprite]]); - background-repeat:no-repeat; - border-style:none; + width: 25px; + height: 15px; + vertical-align: middle; + display: inline-block; + cursor: pointer; + padding: 0px; + background-image: url([[pix:theme|sprite]]); + background-repeat: no-repeat; + border-style: none; } + .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons { left: 0px; right: auto; @@ -1463,8 +3463,8 @@ sup {vertical-align: super;} } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content { - padding:0px; - background:#FFF; + padding: 0px; + background: #FFF; } .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd { @@ -1482,77 +3482,110 @@ sup {vertical-align: super;} margin: 0px; border: 0px; } + .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd, .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap { border-radius: 0px; } -.moodle-dialogue-confirm .confirmation-dialogue {text-align:center;} -.moodle-dialogue-confirm .confirmation-dialogue input {text-align:center;} -.moodle-dialogue-exception .moodle-exception-message {text-align:center} -.moodle-dialogue-exception .moodle-exception-param label {font-weight:bold;} +.moodle-dialogue-confirm .confirmation-dialogue { + text-align: center; +} + +.moodle-dialogue-confirm .confirmation-dialogue input { + text-align: center; +} + +.moodle-dialogue-exception .moodle-exception-message { + text-align: center; +} + +.moodle-dialogue-exception .moodle-exception-param label { + font-weight: bold; +} + .moodle-dialogue-exception .param-stacktrace label { - background-color:#EEE; - border:1px solid #ccc; - border-bottom-width:0; + background-color: #EEE; + border: 1px solid #ccc; + border-bottom-width: 0; } .moodle-dialogue-exception .param-stacktrace pre { - border:1px solid #ccc; - background-color:#fff; + border: 1px solid #ccc; + background-color: #fff; } .moodle-dialogue-exception .param-stacktrace .stacktrace-file { - color:navy; - font-size:80%; + color: navy; + font-size: 80%; } + .moodle-dialogue-exception .param-stacktrace .stacktrace-line { - color:#AA0000; - font-size:80%; + color: #AA0000; + font-size: 80%; } + .moodle-dialogue-exception .param-stacktrace .stacktrace-call { - color:#333; - font-size:90%; - border-bottom:1px solid #eee; + color: #333; + font-size: 90%; + border-bottom: 1px solid #eee; } .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft { - padding:0px; + padding: 0px; margin: 0.7em 1em; text-align: right; background-color: #FFF; font-size: 12px; } -.moodle-dialogue-confirm .confirmation-message {margin:0.5em 1em;} -.moodle-dialogue-confirm .confirmation-dialogue input {min-width:80px} -.moodle-dialogue-exception .moodle-exception-message {margin:1em;} -.moodle-dialogue-exception .moodle-exception-param {margin-bottom:0.5em;} -.moodle-dialogue-exception .moodle-exception-param label {width:150px;} -.moodle-dialogue-exception .param-stacktrace label { - display:block; - margin:0; - padding:4px 1em; +.moodle-dialogue-confirm .confirmation-message { + margin: 0.5em 1em; } + +.moodle-dialogue-confirm .confirmation-dialogue input { + min-width: 80px; +} + +.moodle-dialogue-exception .moodle-exception-message { + margin: 1em; +} + +.moodle-dialogue-exception .moodle-exception-param { + margin-bottom: 0.5em; +} + +.moodle-dialogue-exception .moodle-exception-param label { + width: 150px; +} + +.moodle-dialogue-exception .param-stacktrace label { + display: block; + margin: 0; + padding: 4px 1em; +} + .moodle-dialogue-exception .param-stacktrace pre { - display:block; - height:200px; - overflow:auto; + display: block; + height: 200px; + overflow: auto; } .moodle-dialogue-exception .param-stacktrace .stacktrace-file { - display:inline-block; - margin:4px 0; + display: inline-block; + margin: 4px 0; } + .moodle-dialogue-exception .param-stacktrace .stacktrace-line { - display:inline-block; - width:50px; - margin:4px 1em; + display: inline-block; + width: 50px; + margin: 4px 1em; } + .moodle-dialogue-exception .param-stacktrace .stacktrace-call { - padding-left:25px; - margin-bottom:4px; - padding-bottom:4px; + padding-left: 25px; + margin-bottom: 4px; + padding-bottom: 4px; } .moodle-dialogue .moodle-dialogue-bd .content-lightbox { @@ -1570,15 +3603,20 @@ sup {vertical-align: super;} .moodle-dialogue .tooltiptext { max-height: 300px; } + .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip { z-index: 3001; } + .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd { overflow: auto; } /* Question Bank - Question Chooser "Close" button */ -#page-question-edit.dir-rtl a.container-close {right:auto;left:6px;} +#page-question-edit.dir-rtl a.container-close { + right: auto; + left: 6px; +} /** * Chooser Dialogues (moodle-core-chooserdialogue) @@ -1589,8 +3627,9 @@ sup {vertical-align: super;} /* Hide the dialog and it's title */ .chooserdialoguebody, .choosertitle { - display:none; + display: none; } + .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft { margin: 0; } @@ -1628,14 +3667,17 @@ sup {vertical-align: super;} -webkit-box-shadow: inset 0px 0px 30px 0px #CCCCCC; -moz-box-shadow: inset 0px 0px 30px 0px #CCCCCC; } + .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio], .jschooser .choosercontainer #chooseform .alloptions .option .modicon { display: inline-block; } + .jschooser .choosercontainer #chooseform .alloptions .option .typename { display: inline-block; width: 65%; } + .dir-rtl.jschooser .choosercontainer #chooseform .alloptions { max-width: 18.3em; } @@ -1660,6 +3702,7 @@ sup {vertical-align: super;} .choosercontainer #chooseform .nonoption span.modicon img.icon { padding: 0 0 0 0.5em; } + .dir-rtl .choosercontainer #chooseform .option .typename, .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon, .dir-rtl .choosercontainer #chooseform .nonoption .typename, @@ -1669,7 +3712,8 @@ sup {vertical-align: super;} .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon, .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon { - height: 24px; width: 24px; + height: 24px; + width: 24px; } .choosercontainer #chooseform .option input[type=radio], @@ -1689,6 +3733,7 @@ sup {vertical-align: super;} padding-top: 0.3em; padding-bottom: 0.1em; } + .dir-rtl .choosercontainer #chooseform .nonoption { padding-right: 2.7em; padding-left: 0; @@ -1698,6 +3743,7 @@ sup {vertical-align: super;} margin-bottom: 0; padding: 0 1.6em 0 3.2em; } + .dir-rtl .choosercontainer #chooseform .subtype { padding: 0 3.2em 0 1.6em; } @@ -1705,6 +3751,7 @@ sup {vertical-align: super;} .choosercontainer #chooseform .subtype .typename { margin: 0 0 0 0.2em; } + .dir-rtl .choosercontainer #chooseform .subtype .typename { margin: 0 0.2em 0 0; } @@ -1745,33 +3792,73 @@ sup {vertical-align: super;} -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC; -moz-box-shadow: 0px 0px 10px 0px #CCCCCC; } -.section-modchooser-link img.smallicon { padding-right: 3px; } -.dir-rtl .section-modchooser-link img.smallicon { padding-left: 3px; padding-right: 0;} +.section-modchooser-link img.smallicon { + padding-right: 3px; +} + +.dir-rtl .section-modchooser-link img.smallicon { + padding-left: 3px; + padding-right: 0; +} /* Install Process' text fields Forms, should always be justified to the left */ -form#installform #id_wwwroot,form#installform #id_dirroot ,form#installform #id_dataroot, -form#installform #id_dbhost, form#installform #id_dbname, form#installform #id_dbuser, -form#installform #id_dbpass, form#installform #id_prefix -{direction: ltr;} + +form#installform #id_wwwroot, +form#installform #id_dirroot, +form#installform #id_dataroot, +form#installform #id_dbhost, +form#installform #id_dbname, +form#installform #id_dbuser, +form#installform #id_dbpass, +form#installform #id_prefix { + direction: ltr; +} html[dir=rtl] .breadcrumb, html[dir=rtl] .headermain, html[dir=rtl] #page-header, -html[dir=rtl] #page-content {float: right;} +html[dir=rtl] #page-content { + float: right; +} -html[dir=rtl] .formrow label.formlabel { float:right; } +html[dir=rtl] .formrow label.formlabel { + float: right; +} -html[dir=rtl] .configphp {direction:ltr;text-align:left;} +html[dir=rtl] .configphp { + direction: ltr; + text-align: left; +} -table.flexible > tbody > tr:nth-of-type(odd), table.generaltable > tbody > tr:nth-of-type(odd) {background-color: #F0F0F0;} -table.flexible > tbody > tr:nth-of-type(even), table.generaltable > tbody > tr:nth-of-type(even) {background-color: #FAFAFA;} -table.flexible .emptyrow {display: none;} +table.flexible > tbody > tr:nth-of-type(odd), +table.generaltable > tbody > tr:nth-of-type(odd) { + background-color: #F0F0F0; +} + +table.flexible > tbody > tr:nth-of-type(even), +table.generaltable > tbody > tr:nth-of-type(even) { + background-color: #FAFAFA; +} + +table.flexible .emptyrow { + display: none; +} /* Form element: listing */ -.formlistingradio {padding-bottom: 25px; padding-right: 10px;} -.formlistinginputradio {float: left;} -.formlistingmain {min-height: 225px;} -.formlistingradiocontent {} + +.formlistingradio { + padding-bottom: 25px; + padding-right: 10px; +} + +.formlistinginputradio { + float: left; +} + +.formlistingmain { + min-height: 225px; +} + .formlisting { position: relative; margin: 15px 0; @@ -1820,7 +3907,7 @@ table.flexible .emptyrow {display: none;} top: 50%; left: 50%; min-height: 34px; - float:left; + float: left; width: 150px; } @@ -1835,12 +3922,14 @@ body.jsenabled .formlisting { /** * Badges styles */ + #badge-overview h3, #badge h3 { clear: both; text-align: left; padding-top: 10px; } + .dir-rtl #badge h3 { text-align: right; } @@ -1849,18 +3938,22 @@ body.jsenabled .formlisting { #badge-details { display: inline-block; } + #badge-image { width: 200px; vertical-align: top; } + #badge-image .singlebutton { padding-top: 5px; margin-left: 20px; } + #badge-overview dl, #badge-details dl { margin: 0; } + #badge-overview dt, #badge-details dt { font-weight: bold; @@ -1868,11 +3961,13 @@ body.jsenabled .formlisting { float: left; width: 20%; } + #badge-overview dd, #badge-details dd { float: left; width: 75%; } + #badge-overview dd, #badge-details dd, #badge-overview dt, @@ -1880,101 +3975,332 @@ body.jsenabled .formlisting { padding: 3px 0; } -#page-badges-view .collection { width: 90%; margin: 1em auto; } -#page-badges-index .collection { width: 85%; margin: 1em auto; } +#page-badges-view .collection { + width: 90%; + margin: 1em auto; +} -table.collection th { font-size: inherit !important; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding-left: 5px; padding-right: 5px; vertical-align: top; text-align: center !important; } -table.collection td { border-width: 1px; border-style: solid; border-color: #CCCCCC; padding-left: 5px; padding-right: 5px; vertical-align: top; } -table.collection > tbody > tr:nth-of-type(even) { background-color: #FFFFFF; } -table.collection > tbody > tr:nth-of-type(odd) { background-color: #F6F6F6; } -table.collection ul { margin: 0.5em 0.5em 0.5em 2em; } -.dir-rtl table.collection ul { margin: 0.5em 2em 0.5em 0.5em; } +#page-badges-index .collection { + width: 85%; + margin: 1em auto; +} + +table.collection th { + font-size: inherit !important; + border-width: 1px; + border-style: solid; + border-color: #CCCCCC; + padding-left: 5px; + padding-right: 5px; + vertical-align: top; + text-align: center !important; +} + +table.collection td { + border-width: 1px; + border-style: solid; + border-color: #CCCCCC; + padding-left: 5px; + padding-right: 5px; + vertical-align: top; +} + +table.collection > tbody > tr:nth-of-type(even) { + background-color: #FFFFFF; +} + +table.collection > tbody > tr:nth-of-type(odd) { + background-color: #F6F6F6; +} + +table.collection ul { + margin: 0.5em 0.5em 0.5em 2em; +} + +.dir-rtl table.collection ul { + margin: 0.5em 2em 0.5em 0.5em; +} #page-badges-view table.collection .badgeimage, -#page-badges-index table.collection .status { width: 15%; text-align: center; vertical-align: middle; } +#page-badges-index table.collection .status { + width: 15%; + text-align: center; + vertical-align: middle; +} + #page-badges-view table.collection .awards, -#page-badges-index table.collection .awards { width: 10%; text-align: center; vertical-align: middle; } -#page-badges-view table.collection .description { width: 25%; text-align: left; } -#page-badges-view.dir-rtl table.collection .description { width: 25%; text-align: right; } +#page-badges-index table.collection .awards { + width: 10%; + text-align: center; + vertical-align: middle; +} -table.collection .name { text-align: left; vertical-align: middle; } -.dir-rtl table.collection .name { text-align: right; vertical-align: middle; } -#page-badges-view table.collection .criteria { width: 35%; text-align: left; vertical-align: top; } -#page-badges-view.dir-rtl table.collection .criteria { text-align: right; } -#page-badges-index table.collection .criteria { width: 40%; text-align: left; vertical-align: top; } -#page-badges-index.dir-rtl table.collection .criteria { text-align: right; } -#page-badges-index table.collection .actions { width: 11em; text-align: center; vertical-align: middle; } +#page-badges-view table.collection .description { + width: 25%; + text-align: left; +} -a.criteria-action { padding: 0px 3px; float: right; } -.dir-rtl a.criteria-action { float: left; } +#page-badges-view.dir-rtl table.collection .description { + width: 25%; + text-align: right; +} -ul.badges { margin: 0; list-style: none; } -.badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; } -.badges li .badge-name { display: block; padding: 5px; } -.badges li > img { position: absolute; } -.badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0px; z-index: 1; } -.dir-rtl .badges li .badge-image { right: 10px; } -.badges li .badge-actions { position: relative; } +table.collection .name { + text-align: left; + vertical-align: middle; +} -div.badge { position: relative; display: block; } -div.badge .expireimage { width: 100px; height: 100px; left: 0px; top: 0px; } -.expireimage { width: 100px; height: 100px; left: 25px; top: 0px; position: absolute; z-index:10; filter: alpha(opacity = 85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;} +.dir-rtl table.collection .name { + text-align: right; + vertical-align: middle; +} -.badge-profile { vertical-align: top; } -.connected { color: #006600; } -.notconnected { color: #660000; } +#page-badges-view table.collection .criteria { + width: 35%; + text-align: left; + vertical-align: top; +} + +#page-badges-view.dir-rtl table.collection .criteria { + text-align: right; +} + +#page-badges-index table.collection .criteria { + width: 40%; + text-align: left; + vertical-align: top; +} + +#page-badges-index.dir-rtl table.collection .criteria { + text-align: right; +} + +#page-badges-index table.collection .actions { + width: 11em; + text-align: center; + vertical-align: middle; +} + +a.criteria-action { + padding: 0px 3px; + float: right; +} + +.dir-rtl a.criteria-action { + float: left; +} + +ul.badges { + margin: 0; + list-style: none; +} + +.badges li { + position: relative; + display: inline-block; + padding-bottom: 2em; + text-align: center; + vertical-align: top; + width: 150px; +} + +.badges li .badge-name { + display: block; + padding: 5px; +} + +.badges li > img { + position: absolute; +} + +.badges li .badge-image { + width: 100px; + height: 100px; + left: 10px; + top: 0px; + z-index: 1; +} + +.dir-rtl .badges li .badge-image { + right: 10px; +} + +.badges li .badge-actions { + position: relative; +} + +div.badge { + position: relative; + display: block; +} + +div.badge .expireimage { + width: 100px; + height: 100px; + left: 0px; + top: 0px; +} + +.expireimage { + width: 100px; + height: 100px; + left: 25px; + top: 0px; + position: absolute; + z-index: 10; + filter: alpha(opacity=85); + -moz-opacity: 0.85; + -khtml-opacity: 0.85; + opacity: 0.85; +} + +.badge-profile { + vertical-align: top; +} + +.connected { + color: #006600; +} + +.notconnected { + color: #660000; +} + +#page-badges-award .recipienttable { + background-color: #EEEEEE; + border: 1px solid #BBBBBB; + width: 100%; + vertical-align: top; +} + +#page-badges-award .recipienttable tr td { + vertical-align: top; +} + +#page-badges-award .recipienttable tr td.actions { + width: 16%; + padding-top: 3em; +} + +#page-badges-award .recipienttable tr td.actions .actionbutton { + margin: 0.3em 0; + padding: 0.5em 0; + width: 100%; +} -#page-badges-award .recipienttable { background-color: #EEEEEE; border: 1px solid #BBBBBB; width: 100%; vertical-align: top; } -#page-badges-award .recipienttable tr td { vertical-align: top; } -#page-badges-award .recipienttable tr td.actions { width: 16%; padding-top: 3em; } -#page-badges-award .recipienttable tr td.actions .actionbutton { margin: 0.3em 0; padding: 0.5em 0; width: 100%; } #page-badges-award .recipienttable tr td.existing, -#page-badges-award .recipienttable tr td.potential { width: 42%; } +#page-badges-award .recipienttable tr td.potential { + width: 42%; +} #issued-badge-table .activatebadge { display: inline-block; } + #issued-badge-table div.activatebadge { margin-left: 3px; } -.statusbox { border-color: #BBBBBB; padding: 5px;text-align: center;} -.statusbox.active { background-color: #D9F991; } -.statusbox.inactive { background-color: #FFEBA8; } + +.statusbox { + border-color: #BBBBBB; + padding: 5px; + text-align: center; +} + +.statusbox.active { + background-color: #D9F991; +} + +.statusbox.inactive { + background-color: #FFEBA8; +} + .statusbox .activatebadge { display: inline-block; } -.statusbox .activatebadge input[type=submit]{ + +.statusbox .activatebadge input[type=submit] { margin: 3px; } -.dir-rtl .activatebadge { text-align: right; } -.addcourse { float: right; } -.dir-rtl .addcourse { float: left; } -img#persona_signin { cursor: pointer; } + +.dir-rtl .activatebadge { + text-align: right; +} + +.addcourse { + float: right; +} + +.dir-rtl .addcourse { + float: left; +} + +img#persona_signin { + cursor: pointer; +} /** * The date selector popup. */ - div#dateselector-calendar-panel { - z-index: 3100; /* Set higher than the z-index of the filemanager - see MDL-39047. */ - } -.path-mod-lesson .centerpadded { padding: 5px; text-align: center; } +div#dateselector-calendar-panel { + z-index: 3100; + /* Set higher than the z-index of the filemanager - see MDL-39047. */ +} + +.path-mod-lesson .centerpadded { + padding: 5px; + text-align: center; +} /** Action menu component styles **/ + .moodle-actionmenu, .moodle-actionmenu > ul, -.moodle-actionmenu > ul > li {display: inline-block;} -.moodle-actionmenu ul {padding: 0;margin: 0;list-style-type: none;} -.section_action_menu .moodle-actionmenu ul.menubar {margin: 0;} -.section_action_menu .moodle-actionmenu ul.menu {margin: 0 10px 10px 0;} -#page .moodle-actionmenu a.hidden {display: none;} -.moodle-actionmenu .toggle-display, -.moodle-actionmenu .menu-action-text {display: none;} +.moodle-actionmenu > ul > li { + display: inline-block; +} -.jsenabled .block .editing_move {display: none;} -.jsenabled .moodle-actionmenu[data-enhance] {display: block;} -.jsenabled .moodle-actionmenu[data-enhance] .menu {display: none;} -.jsenabled .moodle-actionmenu[data-enhance] .toggle-display {display: inline;opacity: 0.5;filter: alpha(opacity=50);} +.moodle-actionmenu ul { + padding: 0; + margin: 0; + list-style-type: none; +} + +.section_action_menu .moodle-actionmenu ul.menubar { + margin: 0; +} + +.section_action_menu .moodle-actionmenu ul.menu { + margin: 0 10px 10px 0; +} + +#page .moodle-actionmenu a.hidden { + display: none; +} + +.moodle-actionmenu .toggle-display, +.moodle-actionmenu .menu-action-text { + display: none; +} + +.jsenabled .block .editing_move { + display: none; +} + +.jsenabled .moodle-actionmenu[data-enhance] { + display: block; +} + +.jsenabled .moodle-actionmenu[data-enhance] .menu { + display: none; +} + +.jsenabled .moodle-actionmenu[data-enhance] .toggle-display { + display: inline; + opacity: 0.5; + filter: alpha(opacity=50); +} .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu { display: block; @@ -1985,7 +4311,7 @@ img#persona_signin { cursor: pointer; } .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu { margin-right: 4px; - margin-left: initial; + margin-left: inherit; } .jsenabled .moodle-actionmenu[data-enhance] .toggle-display.textmenu .iconsmall { @@ -1999,90 +4325,298 @@ img#persona_signin { cursor: pointer; } .jsenabled.dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret { margin-right: 2px; - margin-left: initial; + margin-left: inherit; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .toggle-display { + opacity: 1; + filter: alpha(opacity=100); } -.jsenabled .moodle-actionmenu[data-enhanced] .toggle-display {opacity: 1;filter: alpha(opacity=100);} .jsenabled .moodle-actionmenu[data-enhanced] .menu-action-text { display: inline; } -.moodle-actionmenu[data-enhanced].show {position: relative;} -.moodle-actionmenu[data-enhanced].show .menu {position: absolute;text-align:left;z-index: 1000;display: block;background-color: #fff;border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 5px 5px 20px 0 #666666;-moz-box-shadow: 5px 5px 20px 0 #666666;box-shadow: 5px 5px 20px 0 #666666;} +.moodle-actionmenu[data-enhanced].show { + position: relative; +} + +.moodle-actionmenu[data-enhanced].show .menu { + position: absolute; + text-align: left; + z-index: 1000; + display: block; + background-color: #fff; + border: 1px solid #ccc; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 5px 5px 20px 0 #666666; + -moz-box-shadow: 5px 5px 20px 0 #666666; + box-shadow: 5px 5px 20px 0 #666666; +} + .moodle-actionmenu[data-enhanced].show .menu a { display: block; padding: 2px 1em 2px 28px; color: #333333; } -.moodle-actionmenu[data-enhanced].show .menu a > img { + +.moodle-actionmenu[data-enhanced].show .menu a> img { margin: 4px 4px 4px -24px; padding: 4px; width: 12px; height: 12px; } -.moodle-actionmenu[data-enhanced].show .menu a > img, -.moodle-actionmenu[data-enhanced].show .menu a > span { + +.moodle-actionmenu[data-enhanced].show .menu a> img, +.moodle-actionmenu[data-enhanced].show .menu a> span { display: inline-block; vertical-align: middle; } -.moodle-actionmenu[data-enhanced].show .menu a:hover {color: #ffffff;background-color: #0088cc;} -.moodle-actionmenu[data-enhanced].show .menu a:first-child {-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;} -.moodle-actionmenu[data-enhanced].show .menu a:last-child {-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;} -.moodle-actionmenu[data-enhanced].show .menu a.hidden {display: none;} -.moodle-actionmenu[data-enhanced].show .menu img {vertical-align: middle;} -.moodle-actionmenu[data-enhanced].show .menu > li {display: block;} -.block .moodle-actionmenu {text-align: right;} -.dir-rtl .block .moodle-actionmenu {text-align: right;} -.dir-rtl .moodle-actionmenu[data-enhanced].show .menu a { display: block; padding: 2px 28px 2px 1em; } -.dir-rtl .moodle-actionmenu[data-enhanced].show .menu {text-align: right;right: auto;left: 0;} -.dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall, -.dir-rtl .moodle-actionmenu[data-enhanced].show .menu .smallicon { margin-right: -24px; margin-left: 4px; } +.moodle-actionmenu[data-enhanced].show .menu a:hover { + color: #ffffff; + background-color: #0088cc; +} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-bl {top: 100%;left: 0;margin-top: 4px;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-bl {top: 100%;right: 100%;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-bl {bottom: 100%;left: 0;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-bl {right: 100%;bottom: 100%;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-br {top: 100%;left: 100%;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br {top: 100%;right: 0;margin-top: 4px;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-br {bottom: 100%;left: 100%;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-br {right: 0;bottom: 100%;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tl {top: 0;left: 0;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tl {top: 0;right: 100%;margin-right: 4px;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tl {bottom: 100%;left: 0;margin-bottom: 4px;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tl {right: 100%;bottom: 100%;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tr {top: 0;left: 100%;margin-left: 4px;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tr {top: 0;right: 0;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tr {bottom: 100%;left: 100%;} -.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tr {right: 0;bottom: 100%;margin-bottom: 4px;} +.moodle-actionmenu[data-enhanced].show .menu a:first-child { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-topleft: 4px; +} -.moodle-actionmenu > ul > li[role="menuitem"] { +.moodle-actionmenu[data-enhanced].show .menu a:last-child { + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; +} + +.moodle-actionmenu[data-enhanced].show .menu a.hidden { display: none; } -.jsenabled .moodle-actionmenu[data-enhance="moodle-core-actionmenu"] > ul > li[role="menuitem"] { +.moodle-actionmenu[data-enhanced].show .menu img { + vertical-align: middle; +} + +.moodle-actionmenu[data-enhanced].show .menu> li { + display: block; +} + +.block .moodle-actionmenu { + text-align: right; +} + +.dir-rtl .block .moodle-actionmenu { + text-align: right; +} + +.dir-rtl .moodle-actionmenu[data-enhanced].show .menu a { + display: block; + padding: 2px 28px 2px 1em; +} + +.dir-rtl .moodle-actionmenu[data-enhanced].show .menu { + text-align: right; + right: auto; + left: 0; +} + +.dir-rtl .moodle-actionmenu[data-enhanced].show .menu .iconsmall, +.dir-rtl .moodle-actionmenu[data-enhanced].show .menu .smallicon { + margin-right: -24px; + margin-left: 4px; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-bl { + top: 100%; + left: 0; + margin-top: 4px; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-bl { + top: 100%; + right: 100%; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-bl { + bottom: 100%; + left: 0; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-bl { + right: 100%; + bottom: 100%; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-br { + top: 100%; + left: 100%; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br { + top: 100%; + right: 0; + margin-top: 4px; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-br { + bottom: 100%; + left: 100%; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-br { + right: 0; + bottom: 100%; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tl { + top: 0; + left: 0; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tl { + top: 0; + right: 100%; + margin-right: 4px; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tl { + bottom: 100%; + left: 0; + margin-bottom: 4px; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tl { + right: 100%; + bottom: 100%; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tl-tr { + top: 0; + left: 100%; + margin-left: 4px; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-tr { + top: 0; + right: 0; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-bl-tr { + bottom: 100%; + left: 100%; +} + +.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-br-tr { + right: 0; + bottom: 100%; + margin-bottom: 4px; +} + +.moodle-actionmenu> ul> li[role="menuitem"] { + display: none; +} + +.jsenabled .moodle-actionmenu[data-enhance="moodle-core-actionmenu"]> ul> li[role="menuitem"] { display: inline-block; } -.dir-rtl .menu.align-tl-bl {right: 0;left: auto;} -.dir-rtl .menu.align-tr-bl {right: auto;left: 100%;} -.dir-rtl .menu.align-bl-bl {right: 0;left: auto;} -.dir-rtl .menu.align-br-bl {right: auto;left: 100%;} -.dir-rtl .menu.align-tl-br {right: 100%;left: auto;} -.dir-rtl .menu.align-tr-br {right: auto;left: 0;} -.dir-rtl .menu.align-bl-br {right: 100%;left: auto;} -.dir-rtl .menu.align-br-br {right: auto;left: 0;} -.dir-rtl .menu.align-tl-tl {right: 0;left: auto;} -.dir-rtl .menu.align-tr-tl {right: auto;left: 100%;} -.dir-rtl .menu.align-bl-tl {right: 0;left: auto;} -.dir-rtl .menu.align-br-tl {right: auto;left: 100%;} -.dir-rtl .menu.align-tl-tr {right: 100%;left: auto;} -.dir-rtl .menu.align-tr-tr {right: auto;left: 0;} -.dir-rtl .menu.align-bl-tr {right: 100%;left: auto;} -.dir-rtl .menu.align-br-tr {right: auto;left: 0;} +.dir-rtl .menu.align-tl-bl { + right: 0; + left: auto; +} -ul.dragdrop-keyboard-drag li { list-style-type: none; } -.block-control-actions .moodle-core-dragdrop-draghandle img { width: 12px; height: 12px; } +.dir-rtl .menu.align-tr-bl { + right: auto; + left: 100%; +} + +.dir-rtl .menu.align-bl-bl { + right: 0; + left: auto; +} + +.dir-rtl .menu.align-br-bl { + right: auto; + left: 100%; +} + +.dir-rtl .menu.align-tl-br { + right: 100%; + left: auto; +} + +.dir-rtl .menu.align-tr-br { + right: auto; + left: 0; +} + +.dir-rtl .menu.align-bl-br { + right: 100%; + left: auto; +} + +.dir-rtl .menu.align-br-br { + right: auto; + left: 0; +} + +.dir-rtl .menu.align-tl-tl { + right: 0; + left: auto; +} + +.dir-rtl .menu.align-tr-tl { + right: auto; + left: 100%; +} + +.dir-rtl .menu.align-bl-tl { + right: 0; + left: auto; +} + +.dir-rtl .menu.align-br-tl { + right: auto; + left: 100%; +} + +.dir-rtl .menu.align-tl-tr { + right: 100%; + left: auto; +} + +.dir-rtl .menu.align-tr-tr { + right: auto; + left: 0; +} + +.dir-rtl .menu.align-bl-tr { + right: 100%; + left: auto; +} + +.dir-rtl .menu.align-br-tr { + right: auto; + left: 0; +} + +ul.dragdrop-keyboard-drag li { + list-style-type: none; +} + +.block-control-actions .moodle-core-dragdrop-draghandle img { + width: 12px; + height: 12px; +} .block .header h2, .course-content h3, @@ -2097,6 +4631,7 @@ ul.dragdrop-keyboard-drag li { list-style-type: none; } .pagelayout-coursecategory h6 { text-align: inherit; } + a.disabled:hover, a.disabled { text-decoration: none; @@ -2130,6 +4665,7 @@ a:hover .caret { from { background-position: 40px 0; } + to { background-position: 0 0; } @@ -2139,6 +4675,7 @@ a:hover .caret { from { background-position: 40px 0; } + to { background-position: 0 0; } @@ -2148,6 +4685,7 @@ a:hover .caret { from { background-position: 0 0; } + to { background-position: 40px 0; } @@ -2157,6 +4695,7 @@ a:hover .caret { from { background-position: 40px 0; } + to { background-position: 0 0; } @@ -2176,7 +4715,7 @@ a:hover .caret { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); @@ -2197,7 +4736,7 @@ a:hover .caret { background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); @@ -2238,88 +4777,93 @@ a:hover .caret { } body.lockscroll { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } /* Dropdown Menu styling */ + .dropdown-menu { - background-color: #fff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - list-style: none; - *border-right-width: 2px; - *border-bottom-width: 2px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + *border-right-width: 2px; + *border-bottom-width: 2px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; } .dropdown-menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 20px; - white-space: nowrap; + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 20px; + white-space: nowrap; } + .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { - text-decoration: none; - background-repeat: repeat-x; + text-decoration: none; + background-repeat: repeat-x; } + .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { - text-decoration: none; - outline: 0; + text-decoration: none; + outline: 0; } + .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { - text-decoration: none; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - cursor: default; + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); + cursor: default; } + .open { - *z-index: 1000; + *z-index: 1000; } + .open > .dropdown-menu { - display: block; + display: block; } .editor_atto_menu .moodle-dialogue-content { padding: 0; - border: inherit; } .well { - min-height: 20px; - padding: 19px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; - border-radius: 4px; - box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); + min-height: 20px; + padding: 19px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well-small { - padding: 9px; + padding: 9px; } .progressbar_container { @@ -2328,6 +4872,7 @@ body.lockscroll { } /* IE10 only fix for calendar titling */ + .ie10 .yui3-calendar-header-label { display: inline-block; } @@ -2335,30 +4880,37 @@ body.lockscroll { .inplaceeditable.inplaceeditingon { position: relative; } + .inplaceeditable.inplaceeditingon .editinstructions { margin-top: -30px; font-weight: normal; margin-right: -300px; margin-left: 0; } + .dir-rtl .inplaceeditable.inplaceeditingon .editinstructions { margin-left: -300px; margin-right: 0; } + .inplaceeditable .quickeditlink .quickediticon img { opacity: 0.2; } + .inplaceeditable a.quickeditlink { color: inherit; text-decoration: inherit; } + .inplaceeditable:hover .quickeditlink .quickediticon img, .inplaceeditable .quickeditlink:focus .quickediticon img { opacity: 1; } + .inplaceeditable.inplaceeditable-toggle .quickediticon { display: none; } + .inplaceeditable.inplaceeditingon input { width: 330px; height: 16px; diff --git a/theme/base/style/course.css b/theme/base/style/course.css index 09144aa21d7..96142acbb34 100644 --- a/theme/base/style/course.css +++ b/theme/base/style/course.css @@ -1,19 +1,57 @@ /** * CSS for displaying courses and everything in them */ -.section_add_menus {text-align:right;} -.dir-rtl .section_add_menus {text-align:left;} -.section_add_menus .horizontal div, -.section_add_menus .horizontal form {display:inline;} -.section_add_menus optgroup {font-weight:normal;font-style: italic;} -.section_add_menus .urlselect { margin-left: .4em;} -.dir-rtl .section_add_menus .urlselect { margin-right: .4em; margin-left: 0;} -.section_add_menus .urlselect select { margin-left: .2em;} -.dir-rtl .section_add_menus .urlselect select { margin-right: .2em; margin-left: 0;} -.section_add_menus .urlselect img.iconhelp { padding: 0; margin: 0; vertical-align: text-bottom;} +.section_add_menus { + text-align: right; +} + +.dir-rtl .section_add_menus { + text-align: left; +} + +.section_add_menus .horizontal div, +.section_add_menus .horizontal form { + display: inline; +} + +.section_add_menus optgroup { + font-weight: normal; + font-style: italic; +} + +.section_add_menus .urlselect { + margin-left: .4em; +} + +.dir-rtl .section_add_menus .urlselect { + margin-right: .4em; + margin-left: 0; +} + +.section_add_menus .urlselect select { + margin-left: .2em; +} + +.dir-rtl .section_add_menus .urlselect select { + margin-right: .2em; + margin-left: 0; +} + +.section_add_menus .urlselect img.iconhelp { + padding: 0; + margin: 0; + vertical-align: text-bottom; +} + +.sitetopic ul.section { + margin: 5px; + padding: 0; +} + +.course-content ul.section { + margin: 1em; +} -.sitetopic ul.section { margin: 5px; padding: 0; } -.course-content ul.section { margin: 1em;} .sitetopic .section .activity img.activityicon, .course-content .section .activity img.activityicon { vertical-align: text-bottom; @@ -32,12 +70,15 @@ .section .side.left { float: left; } + .dir-rtl .section .side.left { float: right; } + .section .side.right { float: right; } + .dir-rtl .section .side.right { float: left; } @@ -64,7 +105,6 @@ } .dir-rtl .section .activity .mod-indent-outer { - padding-left: auto; padding-right: 24px; } @@ -82,16 +122,24 @@ .course-content li.section li.activity ul { list-style: disc; } + .course-content li.section li.activity ul ul { list-style: circle; } + .course-content li.section li.activity ul ul ul { list-style: square; } .sitetopic .section .activity .activityinstance div, -.course-content .section .activity .activityinstance div { display: inline;} -.course-content .section .activity .activityinstance form { display: inline;} +.course-content .section .activity .activityinstance div { + display: inline; +} + +.course-content .section .activity .activityinstance form { + display: inline; +} + .sitetopic .section .activity .activityinstance, .course-content .section .activity .activityinstance { height: 2em; @@ -109,7 +157,7 @@ .dir-rtl.editing .sitetopic .section .activity .contentwithoutlink, .dir-rtl.editing .course-content .section .activity .contentwithoutlink { padding-left: 200px; - padding-right: initial; + padding-right: inherit; } .sitetopic .section .activity .activityinstance, @@ -119,7 +167,6 @@ padding-right: 32px; height: 2em; display: table-cell; - } .sitetopic .section .label .activityinstance, @@ -136,7 +183,7 @@ .dir-rtl .sitetopic .section .activity .contentwithoutlink, .dir-rtl .course-content .section .activity .contentwithoutlink { padding-left: 32px; - padding-right: initial; + padding-right: inherit; } .sitetopic .section .activity .filler, @@ -149,7 +196,11 @@ } .dir-rtl .sitetopic .section .activity .activityinstance, -.dir-rtl .course-content .section .activity .activityinstance { padding-right: 0; padding-left: 3em;} +.dir-rtl .course-content .section .activity .activityinstance { + padding-right: 0; + padding-left: 3em; +} + .sitetopic .section .activity .commands, .course-content .section .activity .commands { white-space: nowrap; @@ -161,19 +212,26 @@ display: inline-block; min-height: 16px; } + .section .activity .moodle-actionmenu[data-enhanced] .menu > li > * { display: block; } -.section .activity .moodle-actionmenu[data-enhanced] .menu {margin-left: -2.8em;} + +.section .activity .moodle-actionmenu[data-enhanced] .menu { + margin-left: -2.8em; +} + .section .activity .moodle-actionmenu:not([data-enhanced]) .menubar > li .toggle-display { display: none; } + .section img.iconsmall { vertical-align: text-bottom; width: 16px; height: 16px; margin: 4px; } + .section .editing_title img.iconsmall { width: 12px; height: 12px; @@ -185,163 +243,469 @@ display: none; } -.single-section h3.sectionname {text-align:center;clear:both;} +.single-section h3.sectionname { + text-align: center; + clear: both; +} + .sitetopic .section li.activity, -.course-content .section li.activity {padding: .2em;} -.section .activity .activityinstance .groupinglabel { padding-left: .45em; } +.course-content .section li.activity { + padding: .2em; +} + +.section .activity .activityinstance .groupinglabel { + padding-left: .45em; +} + .sitetopic .section .activity .availabilityinfo, .sitetopic .section .activity .contentafterlink, .course-content .section .activity .availabilityinfo, -.course-content .section .activity .contentafterlink { margin-top: 0.5em;} +.course-content .section .activity .contentafterlink { + margin-top: 0.5em; +} + .dir-rtl .sitetopic .section .activity .availabilityinfo, .dir-rtl .sitetopic .section .activity .contentafterlink, .dir-rtl .course-content .section .activity .availabilityinfo, -.dir-rtl .course-content .section .activity .contentafterlink { margin-left: 0; margin-right: 30px;} +.dir-rtl .course-content .section .activity .contentafterlink { + margin-left: 0; + margin-right: 30px; +} + .availabilityinfo > ul { margin-top: 0; } -.section .activity .contentafterlink p { margin:.5em 0; } -.sitetopic .section .activity:hover, -.course-content .section .activity:hover { background-color: #EEE; } -.course-content .section-summary { border: 1px solid #DDD; margin-top: 5px; list-style: none; } -.course-content .section-summary .section-title { margin: 2px 5px 10px 5px; } -.course-content .section-summary .summarytext { margin: 2px 5px 2px 5px; } -.course-content .section-summary .section-summary-activities .activity-count {color: #AAA; font-size: 12px; margin-right: 15px;} -.course-content .section-summary .summary { margin-top: 5px; } -.course-content .single-section { margin-top: 1em; } -.course-content .single-section .section-navigation { display: block; padding: 0.5em; margin-bottom: -0.5em; } -.course-content .single-section .section-navigation .title { font-weight: bold; font-size: 108%; } -.course-content .single-section .section-navigation .mdl-left { font-weight: normal; float: left; margin-right: 1em; } -.dir-rtl .course-content .single-section .section-navigation .mdl-left {float:right;} -.course-content .single-section .section-navigation .mdl-left .larrow { margin-right: 0.1em; } -.course-content .single-section .section-navigation .mdl-right { font-weight: normal; float: right; margin-left: 1em; } -.dir-rtl .course-content .single-section .section-navigation .mdl-right {float: left;} -.course-content .single-section .section-navigation .mdl-right .rarrow { margin-left: 0.1em; } -.course-content .single-section .section-navigation .mdl-bottom { margin-top: 0; } -#page-site-index .subscribelink {text-align:right;} +.section .activity .contentafterlink p { + margin: .5em 0; +} + +.sitetopic .section .activity:hover, +.course-content .section .activity:hover { + background-color: #EEE; +} + +.course-content .section-summary { + border: 1px solid #DDD; + margin-top: 5px; + list-style: none; +} + +.course-content .section-summary .section-title { + margin: 2px 5px 10px 5px; +} + +.course-content .section-summary .summarytext { + margin: 2px 5px 2px 5px; +} + +.course-content .section-summary .section-summary-activities .activity-count { + color: #AAA; + font-size: 12px; + margin-right: 15px; +} + +.course-content .section-summary .summary { + margin-top: 5px; +} + +.course-content .single-section { + margin-top: 1em; +} + +.course-content .single-section .section-navigation { + display: block; + padding: 0.5em; + margin-bottom: -0.5em; +} + +.course-content .single-section .section-navigation .title { + font-weight: bold; + font-size: 108%; +} + +.course-content .single-section .section-navigation .mdl-left { + font-weight: normal; + float: left; + margin-right: 1em; +} + +.dir-rtl .course-content .single-section .section-navigation .mdl-left { + float: right; +} + +.course-content .single-section .section-navigation .mdl-left .larrow { + margin-right: 0.1em; +} + +.course-content .single-section .section-navigation .mdl-right { + font-weight: normal; + float: right; + margin-left: 1em; +} + +.dir-rtl .course-content .single-section .section-navigation .mdl-right { + float: left; +} + +.course-content .single-section .section-navigation .mdl-right .rarrow { + margin-left: 0.1em; +} + +.course-content .single-section .section-navigation .mdl-bottom { + margin-top: 0; +} + +#page-site-index .subscribelink { + text-align: right; +} + #site-news-forum h2, #frontpage-course-list h2, #frontpage-category-names h2, -#frontpage-category-combo h2 {margin-bottom: 9px;} -#page-site-index .clearfloat {float: none;clear: both; height:0px;} +#frontpage-category-combo h2 { + margin-bottom: 9px; +} -.path-course-view a.reduce-sections {padding-left: 0.2em;} -.path-course-view .subscribelink {text-align:right;} -.path-course-view .unread {margin-left: 3em;} -.path-course-view .block.drag .header {cursor: move;} -.path-course-view .completionprogress { text-align: right; } -.dir-rtl.path-course-view .completionprogress { text-align: left; } -.path-course-view .single-section .completionprogress { margin-right: 5px; } -.path-course-view .section .summary {line-height:normal;} +#page-site-index .clearfloat { + float: none; + clear: both; + height: 0px; +} + +.path-course-view a.reduce-sections { + padding-left: 0.2em; +} + +.path-course-view .subscribelink { + text-align: right; +} + +.path-course-view .unread { + margin-left: 3em; +} + +.path-course-view .block.drag .header { + cursor: move; +} + +.path-course-view .completionprogress { + text-align: right; +} + +.dir-rtl.path-course-view .completionprogress { + text-align: left; +} + +.path-course-view .single-section .completionprogress { + margin-right: 5px; +} + +.path-course-view .section .summary { + line-height: normal; +} .path-site li.activity > div, -.path-course-view li.activity > div {position:relative;} -.path-course-view li.activity form.togglecompletion .ajaxworking {position:absolute; right: 22px; width: 16px; height: 16px; background: url([[pix:i/ajaxloader]]) no-repeat;} -.path-course-view li.activity form.togglecompletion div {display:inline;} +.path-course-view li.activity > div { + position: relative; +} + +.path-course-view li.activity form.togglecompletion .ajaxworking { + position: absolute; + right: 22px; + width: 16px; + height: 16px; + background: url([[pix:i/ajaxloader]]) no-repeat; +} + +.path-course-view li.activity form.togglecompletion div { + display: inline; +} + .dir-rtl.path-course-view li.activity form.togglecompletion, -.dir-rtl.path-course-view li.activity span.autocompletion {left:1.7em;right:auto;padding:0px;} -.dir-rtl.path-course-view .completionprogress {float: none;} -.dir-rtl.path-course-view li.activity form.togglecompletion .ajaxworking {right: -22px;} +.dir-rtl.path-course-view li.activity span.autocompletion { + left: 1.7em; + right: auto; + padding: 0px; +} + +.dir-rtl.path-course-view .completionprogress { + float: none; +} + +.dir-rtl.path-course-view li.activity form.togglecompletion .ajaxworking { + right: -22px; +} li.section.hidden span.commands a.editing_hide, -li.section.hidden span.commands a.editing_show {cursor:default;} +li.section.hidden span.commands a.editing_show { + cursor: default; +} -.section img.movetarget {height:16px;width:80px;} +.section img.movetarget { + height: 16px; + width: 80px; +} -.weeks-format, /* Window-width: 800 pixels.IE doesn't support, see inline IE conditional comment. */ -.topics-format {margin-top: 8px;min-width: 763px;} +.weeks-format, +.topics-format { + margin-top: 8px; + min-width: 763px; +} #page-course-pending .singlebutton, #page-course-index .singlebutton, #page-course-index-category .singlebutton, -#page-course-editsection .singlebutton {text-align:center;} +#page-course-editsection .singlebutton { + text-align: center; +} -#coursesearch {margin-top: 1em;text-align:center;} +#coursesearch { + margin-top: 1em; + text-align: center; +} -#page-course-pending .pendingcourserequests {margin-bottom: 1em;} -#page-course-pending .pendingcourserequests .singlebutton {display: inline;} -#page-course-pending .pendingcourserequests .cell {padding: 0 5px;} -#page-course-pending .pendingcourserequests .cell.c6 {white-space: nowrap;} +#page-course-pending .pendingcourserequests { + margin-bottom: 1em; +} + +#page-course-pending .pendingcourserequests .singlebutton { + display: inline; +} + +#page-course-pending .pendingcourserequests .cell { + padding: 0 5px; +} + +#page-course-pending .pendingcourserequests .cell.c6 { + white-space: nowrap; +} /* Courses and categories lists */ -.coursebox {width: 100%;margin-bottom:15px;} -.coursebox.collapsed {margin-bottom:0} -.coursebox.collapsed > .content {display:none;} -.coursebox > .info > .coursename a {display:block;background-image:url([[pix:moodle|i/course]]);background-repeat: no-repeat;padding-left:21px;background-position: left top;} -.coursebox.remotehost .coursename a {background-image:url([[pix:moodle|i/mnethost]]);} +.coursebox { + width: 100%; + margin-bottom: 15px; +} + +.coursebox.collapsed { + margin-bottom: 0; +} + +.coursebox.collapsed > .content { + display: none; +} + +.coursebox > .info > .coursename a { + display: block; + background-image: url([[pix:moodle|i/course]]); + background-repeat: no-repeat; + padding-left: 21px; + background-position: left top; +} + +.coursebox.remotehost .coursename a { + background-image: url([[pix:moodle|i/mnethost]]); +} + .coursebox > .info > .coursename, .coursebox .content .teachers, .coursebox .content .courseimage, -.coursebox .content .coursefile {float:left;width:40%;clear:left;} -.coursebox .content .teachers li {list-style-type:none;padding:0;margin:0;} -.coursebox .enrolmenticons {padding:3px 0;float:right;} -.coursebox .moreinfo {padding:3px 0;float:right;} -.coursebox .enrolmenticons img, -.coursebox .moreinfo img {margin:0 .2em;} -.coursebox .content {clear:both;overflow: hidden;} -.coursebox .content .summary, -.coursebox .content .coursecat {float:right;width: 55%;} -.coursebox .content .coursecat {text-align:right;clear:right;} -.coursebox.remotecoursebox .remotecourseinfo {float:left;width: 40%;} -.coursebox .content .courseimage img {max-width:100px;max-height:100px;} +.coursebox .content .coursefile { + float: left; + width: 40%; + clear: left; +} + +.coursebox .content .teachers li { + list-style-type: none; + padding: 0; + margin: 0; +} + +.coursebox .enrolmenticons { + padding: 3px 0; + float: right; +} + +.coursebox .moreinfo { + padding: 3px 0; + float: right; +} + +.coursebox .enrolmenticons img, +.coursebox .moreinfo img { + margin: 0 .2em; +} + +.coursebox .content { + clear: both; + overflow: hidden; +} + +.coursebox .content .summary, +.coursebox .content .coursecat { + float: right; + width: 55%; +} + +.coursebox .content .coursecat { + text-align: right; + clear: right; +} + +.coursebox.remotecoursebox .remotecourseinfo { + float: left; + width: 40%; +} + +.coursebox .content .courseimage img { + max-width: 100px; + max-height: 100px; +} + +.coursebox > .info > .coursename { + margin: 5px; + padding: 0; +} -.coursebox >.info >.coursename {margin: 5px;padding:0;} .coursebox .content .teachers, .coursebox .content .coursecat, .coursebox .content .summary, .coursebox .content .courseimage, .coursebox .content .coursefile, -.coursebox.remotecoursebox .remotecourseinfo {margin:3px 5px;padding:0;} +.coursebox.remotecoursebox .remotecourseinfo { + margin: 3px 5px; + padding: 0; +} + +.dir-rtl .coursebox > .info > .coursename a { + padding-left: 0; + padding-right: 21px; + background-position: top right; +} -.dir-rtl .coursebox > .info > .coursename a {padding-left:0;padding-right:21px;background-position: top right;} .dir-rtl .coursebox > .info > .coursename, .dir-rtl .coursebox .teachers, .dir-rtl .coursebox .content .courseimage, -.dir-rtl .coursebox .content .coursefile {float:right;clear:right;} +.dir-rtl .coursebox .content .coursefile { + float: right; + clear: right; +} + .dir-rtl .coursebox .enrolmenticons, -.dir-rtl .coursebox .moreinfo {float:left;} +.dir-rtl .coursebox .moreinfo { + float: left; +} + .dir-rtl .coursebox .summary, -.dir-rtl .coursebox .coursecat {float:left;} -.dir-rtl .coursebox .coursecat {text-align:left;clear:left;} +.dir-rtl .coursebox .coursecat { + float: left; +} -.course_category_tree .category .numberofcourse {font-size: 0.85em;} -.dir-rtl .course_category_tree .category .numberofcourse {padding-right: 20px;} +.dir-rtl .coursebox .coursecat { + text-align: left; + clear: left; +} -.course_category_tree .controls {visibility: hidden;} -.course_category_tree .controls div {display:inline;cursor:pointer;} -.jsenabled .course_category_tree .controls {visibility: visible;} +.course_category_tree .category .numberofcourse { + font-size: 0.85em; +} -.course_category_tree .category >.info > .categoryname {background-image:url([[pix:moodle|t/collapsed_empty]]);background-repeat: no-repeat;background-position:center left;margin:0.5em 5px;} -.dir-rtl .course_category_tree .category >.info > .categoryname {background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);background-position:center right;margin:0.5em 5px;} -.course_category_tree .category.with_children >.info > .categoryname {background-image:url([[pix:moodle|t/expanded]]);} -.course_category_tree .category.with_children.collapsed >.info > .categoryname {background-image:url([[pix:moodle|t/collapsed]]);} -.dir-rtl .course_category_tree .category.with_children.collapsed >.info .categoryname {background-image:url([[pix:moodle|t/collapsed_rtl]]);} -.course_category_tree .category.collapsed >.content {display:none;} -.course_category_tree .category > .info > .categoryname {padding:2px 18px;margin:3px;} -.course_category_tree .category > .content {padding-left:16px;overflow: hidden;} +.dir-rtl .course_category_tree .category .numberofcourse { + padding-right: 20px; +} -.dir-rtl .course_category_tree .category > .content {padding-left:0;padding-right:16px;} +.course_category_tree .controls { + visibility: hidden; +} + +.course_category_tree .controls div { + display: inline; + cursor: pointer; +} + +.jsenabled .course_category_tree .controls { + visibility: visible; +} + +.course_category_tree .category > .info > .categoryname { + background-image: url([[pix:moodle|t/collapsed_empty]]); + background-repeat: no-repeat; + background-position: center; + margin: 0.5em 5px; +} + +.dir-rtl .course_category_tree .category > .info > .categoryname { + background-image: url([[pix:moodle|t/collapsed_empty_rtl]]); + background-position: center; + margin: 0.5em 5px; +} + +.course_category_tree .category.with_children > .info > .categoryname { + background-image: url([[pix:moodle|t/expanded]]); +} + +.course_category_tree .category.with_children.collapsed > .info > .categoryname { + background-image: url([[pix:moodle|t/collapsed]]); +} + +.dir-rtl .course_category_tree .category.with_children.collapsed > .info .categoryname { + background-image: url([[pix:moodle|t/collapsed_rtl]]); +} + +.course_category_tree .category.collapsed > .content { + display: none; +} + +.course_category_tree .category > .info > .categoryname { + padding: 2px 18px; + margin: 3px; +} + +.course_category_tree .category > .content { + padding-left: 16px; + overflow: hidden; +} + +.dir-rtl .course_category_tree .category > .content { + padding-left: 0; + padding-right: 16px; +} .course_category_tree .subcategories > .paging, -.courses > .paging {margin:0;padding:5px;text-align:center;} +.courses > .paging { + margin: 0; + padding: 5px; + text-align: center; +} .courses > .paging.paging-morelink, -.course_category_tree .subcategories > .paging.paging-morelink {text-align:left;} +.course_category_tree .subcategories > .paging.paging-morelink { + text-align: left; +} .dir-rtl .courses > .paging.paging-morelink, -.dir-rtl .course_category_tree .subcategories > .paging.paging-morelink {text-align:right;} +.dir-rtl .course_category_tree .subcategories > .paging.paging-morelink { + text-align: right; +} #page-course-info .generalbox.info, -#page-enrol-index .generalbox.info {border:none;} +#page-enrol-index .generalbox.info { + border: none; +} -.path-course .clearfloat {float:none; clear:both;height:0px;} +.path-course .clearfloat { + float: none; + clear: both; + height: 0px; +} .section .spinner { height: 16px; width: 16px; } + .section .activity .spinner { margin: 4px; left: 100%; @@ -356,7 +720,11 @@ li.section.hidden span.commands a.editing_show {cursor:default;} /* Quick edit of module name */ .sitetopic .section .activity form.activityinstance, -.course-content .section .activity form.activityinstance { display: inline; vertical-align: middle; } +.course-content .section .activity form.activityinstance { + display: inline; + vertical-align: middle; +} + span.editinstructions { position: absolute; top: 0px; @@ -368,87 +736,279 @@ span.editinstructions { background-color: #ffc; color: #000; text-decoration: none; - z-index:9999; - box-shadow:2px 2px 5px 1px #ccc; - border:1px solid #ddd; + z-index: 9999; + box-shadow: 2px 2px 5px 1px #ccc; + border: 1px solid #ddd; } -.dir-rtl span.editinstructions { left: auto; right: 32px;} -input.titleeditor { vertical-align: text-bottom; } + +.dir-rtl span.editinstructions { + left: auto; + right: 32px; +} + +input.titleeditor { + vertical-align: text-bottom; +} + .editing .course-content .section .activity.editor_displayed .activityinstance { - padding-right: initial; + padding-right: inherit; } + .dir-rtl.editing .course-content .section .activity.editor_displayed .activityinstance { - padding-left: initial; + padding-left: inherit; } /* Course drag and drop upload styles */ -#dndupload-status {width:40%;margin:0 30%;padding:6px;border:1px solid #ddd;top:-5px;text-align:center;background:#ffc;position:absolute;left:0;box-shadow:2px 2px 5px 1px #ccc;border-radius:0px 0px 8px 8px;z-index: 0;} -.dndupload-preview {color:#909090;border:1px dashed #909090;list-style:none; margin-top: .2em; padding: .3em; line-height: 16px;} -.dndupload-preview img.icon { vertical-align: text-bottom; padding: 0;} -.dndupload-progress-outer {width:70px;border:1px solid black;border-radius:4px;height:10px;display:inline-block;margin:0;padding:0;overflow:hidden;position:relative;} -.dndupload-progress-inner {width:0%;height:100%;background-color:green;display:inline-block;margin:0;padding:0;float:left;box-shadow: 0 0 4px #229b15;border-radius:2px;background-repeat:repeat-x;background-position:top;background-image:url([[pix:theme_base|progress]])} -.dndupload-hidden {display:none;} + +#dndupload-status { + width: 40%; + margin: 0 30%; + padding: 6px; + border: 1px solid #ddd; + top: -5px; + text-align: center; + background: #ffc; + position: absolute; + left: 0; + box-shadow: 2px 2px 5px 1px #ccc; + border-radius: 0px 0px 8px 8px; + z-index: 0; +} + +.dndupload-preview { + color: #909090; + border: 1px dashed #909090; + list-style: none; + margin-top: .2em; + padding: .3em; + line-height: 16px; +} + +.dndupload-preview img.icon { + vertical-align: text-bottom; + padding: 0; +} + +.dndupload-progress-outer { + width: 70px; + border: 1px solid black; + border-radius: 4px; + height: 10px; + display: inline-block; + margin: 0; + padding: 0; + overflow: hidden; + position: relative; +} + +.dndupload-progress-inner { + width: 0%; + height: 100%; + background-color: green; + display: inline-block; + margin: 0; + padding: 0; + box-shadow: 0 0 4px #229b15; + border-radius: 2px; + background-repeat: repeat-x; + background-position: top; + background-image: url([[pix:theme_base|progress]]); +} + +.dndupload-hidden { + display: none; +} /** Course category management **/ -#course-category-listings {background-color:#fff;border:1px solid #e1e1e8;margin-bottom:200px;} + +#course-category-listings { + background-color: #fff; + border: 1px solid #e1e1e8; + margin-bottom: 200px; +} /** Two column layout */ -#course-category-listings.columns-2 > #category-listing > div {border-right:1px solid #e1e1e8;} -.dir-rtl #course-category-listings.columns-2 > #category-listing > div {border-left:1px solid #e1e1e8;border-right:0;} -#course-category-listings.columns-2 > #course-listing > div {border-left:1px solid #e1e1e8;margin-left:-1px;} -#course-category-listings.columns-2.viewmode-courses.course-selected > #course-listing > div {border-right:1px solid #e1e1e8;margin-right:-1px;} -#course-category-listings.columns-2 > #course-detail > div {border-left:1px solid #e1e1e8;} +#course-category-listings.columns-2 > #category-listing > div { + border-right: 1px solid #e1e1e8; +} + +.dir-rtl #course-category-listings.columns-2 > #category-listing > div { + border-left: 1px solid #e1e1e8; + border-right: 0; +} + +#course-category-listings.columns-2 > #course-listing > div { + border-left: 1px solid #e1e1e8; + margin-left: -1px; +} + +#course-category-listings.columns-2.viewmode-courses.course-selected > #course-listing > div { + border-right: 1px solid #e1e1e8; + margin-right: -1px; +} + +#course-category-listings.columns-2 > #course-detail > div { + border-left: 1px solid #e1e1e8; +} /** Three column layout */ -#course-category-listings.columns-3 #category-listing > div {border-right:1px solid #DDD;} -#course-category-listings.columns-3 #course-listing > div {border-right:1px solid #e1e1e8;border-left:1px solid #e1e1e8;margin-right:-1px;margin-left:-1px;} -#course-category-listings.columns-3 #course-detail > div {border-left:1px solid #DDD;} -#course-category-listings > div {} -#course-category-listings > div > div {min-height:300px;} -#course-category-listings h3 {margin:0;padding:0.6em 1em 0.5em;text-align:left;background-color:#f7f7f9;border-bottom:1px solid #e1e1e8;} -#course-category-listings h4 {margin:1em 0 0;padding:0.6em 1em 0.5em;text-align:left;} +#course-category-listings.columns-3 #category-listing > div { + border-right: 1px solid #DDD; +} + +#course-category-listings.columns-3 #course-listing > div { + border-right: 1px solid #e1e1e8; + border-left: 1px solid #e1e1e8; + margin-right: -1px; + margin-left: -1px; +} + +#course-category-listings.columns-3 #course-detail > div { + border-left: 1px solid #DDD; +} + +#course-category-listings > div > div { + min-height: 300px; +} + +#course-category-listings h3 { + margin: 0; + padding: 0.6em 1em 0.5em; + text-align: left; + background-color: #f7f7f9; + border-bottom: 1px solid #e1e1e8; +} + +#course-category-listings h4 { + margin: 1em 0 0; + padding: 0.6em 1em 0.5em; + text-align: left; +} + .dir-rtl #course-category-listings h3, -.dir-rtl #course-category-listings h4 {text-align:right;} -.coursecat-management-header .moodle-actionmenu, -#course-category-listings .moodle-actionmenu {white-space:nowrap;} +.dir-rtl #course-category-listings h4 { + text-align: right; +} + +.coursecat-management-header .moodle-actionmenu, +#course-category-listings .moodle-actionmenu { + white-space: nowrap; +} + +#course-category-listings .listing-actions { + text-align: center; + padding: 0.4em 0.3em 0.3em; +} + +#course-category-listings .listing-actions > * { + display: inline-block; + line-height: 2.2em; +} + +#course-category-listings .listing-actions > .moodle-actionmenu { + display: inline-block; +} -#course-category-listings .listing-actions {text-align:center;padding:0.4em 0.3em 0.3em;} -#course-category-listings .listing-actions > * {display:inline-block;line-height:2.2em;} -#course-category-listings .listing-actions > .moodle-actionmenu {display:inline-block;} .coursecat-management-header .moodle-actionmenu[data-enhanced].show .menu a, -#course-category-listings .listing-actions > .moodle-actionmenu .menu a {padding: 4px 1em;} -#course-category-listings .listing-actions .iconsmall {margin-left:0.5em;} -#course-category-listings ul.ml {list-style: none;margin:1em 0;} -#course-category-listings ul.ml ul.ml {margin:0;} -#course-category-listings li {line-height:2.2em;} -#course-category-listings li > div {border-bottom:1px solid #fff;border-top:1px solid #fff;} -#course-category-listings li > div:hover {background-color:#fafafa;} -#course-category-listings li.highlight {background-color:transparent;} +#course-category-listings .listing-actions > .moodle-actionmenu .menu a { + padding: 4px 1em; +} + +#course-category-listings .listing-actions .iconsmall { + margin-left: 0.5em; +} + +#course-category-listings ul.ml { + list-style: none; + margin: 1em 0; +} + +#course-category-listings ul.ml ul.ml { + margin: 0; +} + +#course-category-listings li { + line-height: 2.2em; +} + +#course-category-listings li > div { + border-bottom: 1px solid #fff; + border-top: 1px solid #fff; +} + +#course-category-listings li > div:hover { + background-color: #fafafa; +} + +#course-category-listings li.highlight { + background-color: transparent; +} + #course-category-listings li.highlight > div, #category-listing li.highlight.listitem > div > .ba-checkbox, #course-category-listings li.highlight > div:hover, -#course-category-listings li[data-selected='1'].highlight > div {background-color:#ddffaa;} -#course-category-listings li+li > div, -#course-category-listings li:first-child > div {border-top-color:#f7f7f9;} -#course-category-listings li .tree-icon {margin-right:0.5em;width:12px;height:12px;} -.dir-rtl #course-category-listings li .tree-icon {margin-left:0.5em;} -#course-category-listings li[data-selected='1'] > div {background-color:#FFFFD8;border-top-color: #e1e1e8;border-bottom-color:#f7f7f9;} -#course-category-listings li[data-selected='1'] li:first-of-type > div, -#course-category-listings li[data-selected='1'][data-expandable='0']+li > div {border-top-color:#e1e1e8;} -#course-category-listings li[data-selected='1']:last-of-type > div {border-bottom-color:#e1e1e8;} -#course-category-listings > div > div > ul.ml > li:first-child > div {border-top:0;} +#course-category-listings li[data-selected='1'].highlight> div { + background-color: #ddffaa; +} -#course-category-listings .moodle-actionmenu.show .menu li { line-height: 20px; } +#course-category-listings li + li > div, +#course-category-listings li:first-child > div { + border-top-color: #f7f7f9; +} -#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) li {line-height:normal;} -#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar li, -#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a, -#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menu .menu-action-text {display:inline-block;} -#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a {color:inherit;} -#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar a > img, -#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) > .menubar .caret {display:none;} +#course-category-listings li .tree-icon { + margin-right: 0.5em; + width: 12px; + height: 12px; +} + +.dir-rtl #course-category-listings li .tree-icon { + margin-left: 0.5em; +} + +#course-category-listings li[data-selected='1']> div { + background-color: #FFFFD8; + border-top-color: #e1e1e8; + border-bottom-color: #f7f7f9; +} + +#course-category-listings li[data-selected='1'] li:first-of-type> div, +#course-category-listings li[data-selected='1'][data-expandable='0']+li> div { + border-top-color: #e1e1e8; +} + +#course-category-listings li[data-selected='1']:last-of-type> div { + border-bottom-color: #e1e1e8; +} + +#course-category-listings > div > div > ul.ml > li:first-child > div { + border-top: 0; +} + +#course-category-listings .moodle-actionmenu.show .menu li { + line-height: 20px; +} + +#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced]) li { + line-height: normal; +} + +#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced])> .menubar li, +#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced])> .menubar a, +#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced])> .menu .menu-action-text { + display: inline-block; +} + +#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced])> .menubar a { + color: inherit; +} + +#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced])> .menubar a> img, +#course-category-listings .listing-actions .moodle-actionmenu:not([data-enhanced])> .menubar .caret { + display: none; +} .jsenabled #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display img { width: auto; @@ -457,107 +1017,345 @@ input.titleeditor { vertical-align: text-bottom; } .jsenabled #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu { padding-right: 4px; } + .jsenabled #course-category-listings .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret { - vertical-align:text-top; + vertical-align: text-top; +} + +#course-category-listings .item-actions { + margin-right: 1em; + display: inline-block; } -#course-category-listings .item-actions {margin-right:1em;display:inline-block;display:initial;} #course-category-listings .item-actions .menubar img, -#course-category-listings .item-actions > a img { margin: 0 4px; vertical-align:inherit; } -#course-category-listings .item-actions .menu img {max-width:none;width:12px;} +#course-category-listings .item-actions > a img { + margin: 0 4px; +} -#course-category-listings li .tree-icon {margin-left:0;} -#course-category-listings li li .tree-icon {margin-left:1em;} -#course-category-listings li li li .tree-icon {margin-left:2em;} -#course-category-listings li li li li .tree-icon {margin-left:3em;} -#course-category-listings li li li li li .tree-icon {margin-left:4em;} -#course-category-listings li li li li li li .tree-icon {margin-left:4.5em;} -#course-category-listings li li li li li li li .tree-icon {margin-left:5em;} -#course-category-listings li li li li li li li li .tree-icon {margin-left:5.5em;} +#course-category-listings .item-actions .menu img { + max-width: none; + width: 12px; +} -.dir-rtl #course-category-listings li .tree-icon {margin-right:0;margin-left: 0.5em;} -.dir-rtl #course-category-listings li li .tree-icon {margin-right:1em;} -.dir-rtl #course-category-listings li li li .tree-icon {margin-right:2em;} -.dir-rtl #course-category-listings li li li li .tree-icon {margin-right:3em;} -.dir-rtl #course-category-listings li li li li li .tree-icon {margin-right:4em;} -.dir-rtl #course-category-listings li li li li li li .tree-icon {margin-right:4.5em;} -.dir-rtl #course-category-listings li li li li li li li .tree-icon {margin-right:5em;} -.dir-rtl #course-category-listings li li li li li li li li .tree-icon {margin-right:5.5em;} +#course-category-listings li .tree-icon { + margin-left: 0; +} -#course-listing .listitem .drag-handle {display:none;} -.jsenabled #course-listing .listitem .drag-handle {margin-right:0.5em;display:inline-block;cursor:pointer;} -#course-listing .listitem .categoryname {display:inline-block;margin-left:1em;color:#a1a1a8;} -#course-listing .listitem .coursename {display:inline-block;} +#course-category-listings li li .tree-icon { + margin-left: 1em; +} -#category-listing .course-count {color:#a1a1a8;margin-right:2em;min-width:3.5em;display:inline-block;} -#category-listing .listitem.collapsed > ul.ml {display: none;} -#category-listing .course-count .smallicon {width:0.8em;height:0.8em;margin:0 0.3em;} -.dir-rtl #category-listing .course-count { margin-left: 2em; margin-right: 0; } +#course-category-listings li li li .tree-icon { + margin-left: 2em; +} -#category-listing .listitem > div > .ba-checkbox {vertical-align:middle;width:2.2em;text-align:center;margin:-1px 0;padding-top:2px;margin-right:0.5em;} -.dir-rtl #category-listing .listitem > div > .ba-checkbox {margin-left:0.5em;margin-right:0.5em;} -#category-listing .listitem[data-selected='1'] > div > .ba-checkbox {margin:0 0.5em 0 0;padding:0;} -.dir-rtl #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {margin-left:0.5em;} -.category-bulk-actions {margin: 0 0.5em 0.5em;} +#course-category-listings li li li li .tree-icon { + margin-left: 3em; +} -#course-category-listings .listitem .idnumber {color:#a1a1a8;margin-right:2em;} -#course-category-listings .listitem > div > .float-left {float:left;} -#course-category-listings .listitem > div > .float-right {float:right;text-align:right;} -.dir-rtl #course-category-listings .listitem > div > .float-left {float:right;} -.dir-rtl #course-category-listings .listitem > div > .float-right {float:left;text-align:left;} +#course-category-listings li li li li li .tree-icon { + margin-left: 4em; +} + +#course-category-listings li li li li li li .tree-icon { + margin-left: 4.5em; +} + +#course-category-listings li li li li li li li .tree-icon { + margin-left: 5em; +} + +#course-category-listings li li li li li li li li .tree-icon { + margin-left: 5.5em; +} + +.dir-rtl #course-category-listings li .tree-icon { + margin-right: 0; + margin-left: 0.5em; +} + +.dir-rtl #course-category-listings li li .tree-icon { + margin-right: 1em; +} + +.dir-rtl #course-category-listings li li li .tree-icon { + margin-right: 2em; +} + +.dir-rtl #course-category-listings li li li li .tree-icon { + margin-right: 3em; +} + +.dir-rtl #course-category-listings li li li li li .tree-icon { + margin-right: 4em; +} + +.dir-rtl #course-category-listings li li li li li li .tree-icon { + margin-right: 4.5em; +} + +.dir-rtl #course-category-listings li li li li li li li .tree-icon { + margin-right: 5em; +} + +.dir-rtl #course-category-listings li li li li li li li li .tree-icon { + margin-right: 5.5em; +} + +#course-listing .listitem .drag-handle { + display: none; +} + +.jsenabled #course-listing .listitem .drag-handle { + margin-right: 0.5em; + display: inline-block; + cursor: pointer; +} + +#course-listing .listitem .categoryname { + display: inline-block; + margin-left: 1em; + color: #a1a1a8; +} + +#course-listing .listitem .coursename { + display: inline-block; +} + +#category-listing .course-count { + color: #a1a1a8; + margin-right: 2em; + min-width: 3.5em; + display: inline-block; +} + +#category-listing .listitem.collapsed > ul.ml { + display: none; +} + +#category-listing .course-count .smallicon { + width: 0.8em; + height: 0.8em; + margin: 0 0.3em; +} + +.dir-rtl #category-listing .course-count { + margin-left: 2em; + margin-right: 0; +} + +#category-listing .listitem > div > .ba-checkbox { + vertical-align: middle; + width: 2.2em; + text-align: center; + margin: -1px 0; + padding-top: 2px; + margin-right: 0.5em; +} + +.dir-rtl #category-listing .listitem > div > .ba-checkbox { + margin-left: 0.5em; + margin-right: 0.5em; +} + +#category-listing .listitem[data-selected='1']> div> .ba-checkbox { + margin: 0 0.5em 0 0; + padding: 0; +} + +.dir-rtl #category-listing .listitem[data-selected='1']> div> .ba-checkbox { + margin-left: 0.5em; +} + +.category-bulk-actions { + margin: 0 0.5em 0.5em; +} + +#course-category-listings .listitem .idnumber { + color: #a1a1a8; + margin-right: 2em; +} + +#course-category-listings .listitem > div > .float-left { + float: left; +} + +#course-category-listings .listitem > div > .float-right { + float: right; + text-align: right; +} + +.dir-rtl #course-category-listings .listitem > div > .float-left { + float: right; +} + +.dir-rtl #course-category-listings .listitem > div > .float-right { + float: left; + text-align: left; +} #course-category-listings .listitem[data-visible="0"], -#course-category-listings .listitem[data-visible="0"] > div > a {color:#AAA;} -#course-category-listings .listitem > div .item-actions .action-hide, -#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {display:inline;} -#course-category-listings .listitem > div .item-actions .action-show, -#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide, +#course-category-listings .listitem[data-visible="0"]> div> a { + color: #AAA; +} +#course-category-listings .listitem > div .item-actions .action-hide, +#course-category-listings .listitem[data-visible="0"]> div .item-actions .action-show { + display: inline; +} + +#course-category-listings .listitem > div .item-actions .action-show, +#course-category-listings .listitem[data-visible="0"]> div .item-actions .action-hide, #category-listing .listitem:first-child > div .item-actions .action-moveup, #category-listing .listitem:last-child > div .item-actions .action-movedown, #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup, -#course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {display: none;} +#course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown { + display: none; +} -#course-category-listings .listitem > div a.without-actions {color: #333;} +#course-category-listings .listitem > div a.without-actions { + color: #333; +} -#course-listing li > div {padding-left:1em;} +#course-listing li > div { + padding-left: 1em; +} -#course-category-listings .detail-pair {border-bottom:1px solid #e1e1e8;margin:0 1em;} -#course-category-listings .detail-pair > * {display:inline-block;line-height:2.2em;} -#course-category-listings .detail-pair .pair-key {font-weight:bold;text-align:left;} -.dir-rtl #course-category-listings .detail-pair .pair-key {text-align:right;} -#course-category-listings .detail-pair .pair-key span {margin-right: 1em;display:block;} -.dir-rtl #course-category-listings .detail-pair .pair-key span {margin-right: 0;} -#course-category-listings .detail-pair:last-child {border-bottom-width:0;} +#course-category-listings .detail-pair { + border-bottom: 1px solid #e1e1e8; + margin: 0 1em; +} -#course-category-listings .bulk-actions .detail-pair > * {display:block;width:100%;} -#course-category-listings .bulk-actions .detail-pair .pair-value {margin-left:2.2em;} -.dir-rtl #course-category-listings .bulk-actions .detail-pair .pair-value {margin-left:0;margin-right:2.2em;} +#course-category-listings .detail-pair > * { + display: inline-block; + line-height: 2.2em; +} + +#course-category-listings .detail-pair .pair-key { + font-weight: bold; + text-align: left; +} + +.dir-rtl #course-category-listings .detail-pair .pair-key { + text-align: right; +} + +#course-category-listings .detail-pair .pair-key span { + margin-right: 1em; + display: block; +} + +.dir-rtl #course-category-listings .detail-pair .pair-key span { + margin-right: 0; +} + +#course-category-listings .detail-pair:last-child { + border-bottom-width: 0; +} + +#course-category-listings .bulk-actions .detail-pair > * { + display: block; + width: 100%; +} + +#course-category-listings .bulk-actions .detail-pair .pair-value { + margin-left: 2.2em; +} + +.dir-rtl #course-category-listings .bulk-actions .detail-pair .pair-value { + margin-left: 0; + margin-right: 2.2em; +} #course-category-listings .select-a-category .notifymessage, -#course-category-listings .select-a-category .alert {margin: 1em;} +#course-category-listings .select-a-category .alert { + margin: 1em; +} + +.dir-rtl.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br { + right: inherit; +} -.dir-rtl.jsenabled .moodle-actionmenu[data-enhanced] .menu.align-tr-br {right: inherit;} /** Management header styling **/ -.coursecat-management-header {vertical-align:middle;} -.coursecat-management-header h2 {display:inline-block;text-align:left;} -.coursecat-management-header > div {display:inline-block;float:right;} -.coursecat-management-header > div > div {display:inline-block;margin-left:1em;} -.dir-rtl .coursecat-management-header h2 {text-align:right;} -.dir-rtl .coursecat-management-header > div {float:left;margin-right:1em;margin-left:0;} -.coursecat-management-header .view-mode-selector .moodle-actionmenu {display:inline-block;} -.coursecat-management-header .view-mode-selector img {margin-left:0.5em;vertical-align: baseline;} -.coursecat-management-header select {max-width: 300px;white-space: nowrap;} + +.coursecat-management-header { + vertical-align: middle; +} + +.coursecat-management-header h2 { + display: inline-block; + text-align: left; +} + +.coursecat-management-header > div { + display: inline-block; +} + +.coursecat-management-header > div > div { + display: inline-block; + margin-left: 1em; +} + +.dir-rtl .coursecat-management-header h2 { + text-align: right; +} + +.dir-rtl .coursecat-management-header > div { + float: left; + margin-right: 1em; + margin-left: 0; +} + +.coursecat-management-header .view-mode-selector .moodle-actionmenu { + display: inline-block; +} + +.coursecat-management-header .view-mode-selector img { + margin-left: 0.5em; + vertical-align: baseline; +} + +.coursecat-management-header select { + max-width: 300px; + white-space: nowrap; +} .listing-pagination, -.listing-pagination-totals {text-align:center;} -.listing-pagination .yui3-button {background-color:#FFF;border:0;margin:0.4em 0.2em 0.45em;font-size:10.4px;} -.listing-pagination .yui3-button.active-page {background-color:#E5EFFD;} -.listing-pagination-totals.dimmed {color:#999;margin:0.4em 1em 0.45em;} +.listing-pagination-totals { + text-align: center; +} -#category-listing .bulk-action-checkbox {vertical-align:middle;margin:0 0 0.5em 3px;} -.dir-rtl #category-listing .bulk-action-checkbox {vertical-align:middle;margin:0 3px 0.5em 0;} -#course-listing .bulk-action-checkbox {margin-right:0.6em;vertical-align:middle;margin-bottom:0.5em;} +.listing-pagination .yui3-button { + background-color: #FFF; + border: 0; + margin: 0.4em 0.2em 0.45em; + font-size: 10.4px; +} + +.listing-pagination .yui3-button.active-page { + background-color: #E5EFFD; +} + +.listing-pagination-totals.dimmed { + color: #999; + margin: 0.4em 1em 0.45em; +} + +#category-listing .bulk-action-checkbox { + vertical-align: middle; + margin: 0 0 0.5em 3px; +} + +.dir-rtl #category-listing .bulk-action-checkbox { + vertical-align: middle; + margin: 0 3px 0.5em 0; +} + +#course-listing .bulk-action-checkbox { + margin-right: 0.6em; + vertical-align: middle; + margin-bottom: 0.5em; +} /** * Display sizes: @@ -569,90 +1367,267 @@ input.titleeditor { vertical-align: text-bottom; } */ @media (min-width: 1200px) and (max-width: 1600px) { - #course-category-listings.columns-3 {background-color:transparent;border:0;} + #course-category-listings.columns-3 { + background-color: transparent; + border: 0; + } + #course-category-listings.columns-3 #category-listing, - #course-category-listings.columns-3 #course-listing {width:50%;} + #course-category-listings.columns-3 #course-listing { + width: 50%; + } + #course-category-listings.columns-3 #category-listing > div, #course-category-listings.columns-3 #course-listing > div, - #course-category-listings.columns-3 #course-detail {border:1px solid #e1e1e8;background-color:#FFF;} - #course-category-listings.columns-3 #course-detail > div {border:0;} - #course-category-listings.columns-3 #course-detail {width:100%;margin-top:1em;} + #course-category-listings.columns-3 #course-detail { + border: 1px solid #e1e1e8; + background-color: #FFF; + } + + #course-category-listings.columns-3 #course-detail > div { + border: 0; + } + + #course-category-listings.columns-3 #course-detail { + width: 100%; + margin-top: 1em; + } } @media (max-width: 1199px) { #course-category-listings.columns-2, - #course-category-listings.columns-3 {background-color:transparent;border:0;} + #course-category-listings.columns-3 { + background-color: transparent; + border: 0; + } + #course-category-listings.columns-2 #category-listing, #course-category-listings.columns-2 #course-listing, #course-category-listings.columns-2 #course-detail, #course-category-listings.columns-3 #category-listing, #course-category-listings.columns-3 #course-listing, - #course-category-listings.columns-3 #course-detail {width:100%;margin-bottom:1em;} + #course-category-listings.columns-3 #course-detail { + width: 100%; + margin-bottom: 1em; + } + #course-category-listings.columns-2 #category-listing > div, #course-category-listings.columns-2 #course-listing > div, #course-category-listings.columns-2 #course-detail > div, #course-category-listings.columns-3 #category-listing > div, #course-category-listings.columns-3 #course-listing > div, - #course-category-listings.columns-3 #course-detail > div {border:1px solid #e1e1e8;background-color:#FFF;} + #course-category-listings.columns-3 #course-detail > div { + border: 1px solid #e1e1e8; + background-color: #FFF; + } } /** Custom YUI grid CSS **/ +/*csslint duplicate-properties:false */ + + .grid-col { display: inline-block; - zoom: 1; *display: inline; + zoom: 1; + *display: inline; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } -.grid-col-1{display:block;} -.grid-col-1-2{width: 50%;} -.grid-col-1-3{width: 33.33333%;} -.grid-col-2-3{width: 66.66667%;} -.grid-col-1-4{width: 25%;} -.grid-col-3-4{width: 75%;} -.grid-col-1-5{width: 20%;} -.grid-col-2-5{width: 40%;} -.grid-col-3-5{width: 60%;} -.grid-col-4-5{width: 80%;} -.grid-col-1-6{width: 16.66667%;} -.grid-col-5-6{width: 83.33333%;} -.grid-col-1-7{width: 14.28571%;} -.grid-col-2-7{width: 28.57143%;} -.grid-col-3-7{width: 42.85714%;} -.grid-col-4-7{width: 57.14286%;} -.grid-col-5-7{width: 71.42857%;} -.grid-col-6-7{width: 85.71429%;} -.grid-col-1-8{width: 12.5%;} -.grid-col-3-8{width: 37.5%;} -.grid-col-5-8{width: 62.5%;} -.grid-col-7-8{width: 87.5%;} -.grid-col-1-9{width: 11.11111%;} -.grid-col-2-9{width: 22.22222%;} -.grid-col-4-9{width: 44.44444%;} -.grid-col-5-9{width: 55.55556%;} -.grid-col-6-9{width: 66.66667%;} -.grid-col-7-9{width: 77.77778%;} -.grid-col-8-9{width: 88.88889%;} -.grid-col-1-10{width: 10%;} -.grid-col-3-10{width: 30%;} -.grid-col-7-10{width: 70%;} -.grid-col-9-10{width: 90%;} -.grid-col-1-11{width: 9.09091%;} -.grid-col-2-11{width: 18.18182%;} -.grid-col-3-11{width: 27.27273%;} -.grid-col-4-11{width: 36.36364%;} -.grid-col-5-11{width: 45.45455%;} -.grid-col-6-11{width: 54.54545%;} -.grid-col-7-11{width: 63.63636%;} -.grid-col-8-11{width: 72.72727%;} -.grid-col-9-11{width: 81.81818%;} -.grid-col-10-11{width: 90.90909%;} -.grid-col-1-12{width: 8.33333%;} -.grid-col-5-12{width: 41.66667%;} -.grid-col-7-12{width: 58.33333%;} -.grid-col-9-12{width: 75%;} -.grid-col-11-12{width: 91.66667%;} + +.grid-col-1 { + display: block; +} + +.grid-col-1-2 { + width: 50%; +} + +.grid-col-1-3 { + width: 33.33333%; +} + +.grid-col-2-3 { + width: 66.66667%; +} + +.grid-col-1-4 { + width: 25%; +} + +.grid-col-3-4 { + width: 75%; +} + +.grid-col-1-5 { + width: 20%; +} + +.grid-col-2-5 { + width: 40%; +} + +.grid-col-3-5 { + width: 60%; +} + +.grid-col-4-5 { + width: 80%; +} + +.grid-col-1-6 { + width: 16.66667%; +} + +.grid-col-5-6 { + width: 83.33333%; +} + +.grid-col-1-7 { + width: 14.28571%; +} + +.grid-col-2-7 { + width: 28.57143%; +} + +.grid-col-3-7 { + width: 42.85714%; +} + +.grid-col-4-7 { + width: 57.14286%; +} + +.grid-col-5-7 { + width: 71.42857%; +} + +.grid-col-6-7 { + width: 85.71429%; +} + +.grid-col-1-8 { + width: 12.5%; +} + +.grid-col-3-8 { + width: 37.5%; +} + +.grid-col-5-8 { + width: 62.5%; +} + +.grid-col-7-8 { + width: 87.5%; +} + +.grid-col-1-9 { + width: 11.11111%; +} + +.grid-col-2-9 { + width: 22.22222%; +} + +.grid-col-4-9 { + width: 44.44444%; +} + +.grid-col-5-9 { + width: 55.55556%; +} + +.grid-col-6-9 { + width: 66.66667%; +} + +.grid-col-7-9 { + width: 77.77778%; +} + +.grid-col-8-9 { + width: 88.88889%; +} + +.grid-col-1-10 { + width: 10%; +} + +.grid-col-3-10 { + width: 30%; +} + +.grid-col-7-10 { + width: 70%; +} + +.grid-col-9-10 { + width: 90%; +} + +.grid-col-1-11 { + width: 9.09091%; +} + +.grid-col-2-11 { + width: 18.18182%; +} + +.grid-col-3-11 { + width: 27.27273%; +} + +.grid-col-4-11 { + width: 36.36364%; +} + +.grid-col-5-11 { + width: 45.45455%; +} + +.grid-col-6-11 { + width: 54.54545%; +} + +.grid-col-7-11 { + width: 63.63636%; +} + +.grid-col-8-11 { + width: 72.72727%; +} + +.grid-col-9-11 { + width: 81.81818%; +} + +.grid-col-10-11 { + width: 90.90909%; +} + +.grid-col-1-12 { + width: 8.33333%; +} + +.grid-col-5-12 { + width: 41.66667%; +} + +.grid-col-7-12 { + width: 58.33333%; +} + +.grid-col-9-12 { + width: 75%; +} + +.grid-col-11-12 { + width: 91.66667%; +} + .grid-row-r { letter-spacing: -0.31em; *letter-spacing: normal; @@ -660,37 +1635,72 @@ input.titleeditor { vertical-align: text-bottom; } } .opera-only :-o-prefocus, -.grid-row-r {word-spacing: -0.43em;} -.grid-row-r img {max-width: 100%;} - -@media (min-width:980px) { - .grid-visible-phone { display: none; } - .grid-visible-tablet { display: none; } - .grid-visible-desktop { } - .grid-hidden-phone { } - .grid-hidden-tablet { } - .grid-hidden-desktop { display: none; } +.grid-row-r { + word-spacing: -0.43em; } -@media (max-width:480px) { - .grid-row-r > [class ^= "grid-col"] { - width:100%; +@media (min-width: 980px) { + .grid-visible-phone { + display: none; + } + + .grid-visible-tablet { + display: none; + } + + .grid-hidden-desktop { + display: none; } } -@media (max-width:767px) { - .grid-row-r > [class ^= "grid-col"] { - width:100%; +@media (min-width: 980px) { + .grid-visible-phone { + display: none; + } + + .grid-visible-tablet { + display: none; + } + + .grid-hidden-desktop { + display: none; } - .grid-visible-phone { } - .grid-hidden-phone { display: none; } - .grid-hidden-desktop { } - .grid-visible-desktop { display: none; } } -@media (min-width:768px) and (max-width:979px) { - .grid-visible-tablet {} - .grid-hidden-tablet { display: none; } - .grid-hidden-desktop {} - .grid-visible-desktop { display: none; } +@media (max-width: 480px) { + .grid-row-r > [class ^= "grid-col"] { + width: 100%; + } +} + +@media (max-width: 767px) { + .grid-row-r > [class ^= "grid-col"] { + width: 100%; + } + + .grid-hidden-phone { + display: none; + } + + .grid-visible-desktop { + display: none; + } + + .grid-hidden-phone { + display: none; + } + + .grid-visible-desktop { + display: none; + } +} + +@media (min-width: 768px) and (max-width: 979px) { + .grid-hidden-tablet { + display: none; + } + + .grid-visible-desktop { + display: none; + } } diff --git a/theme/base/style/dock.css b/theme/base/style/dock.css index 3c57f42de0f..1fbb6970856 100644 --- a/theme/base/style/dock.css +++ b/theme/base/style/dock.css @@ -2,49 +2,158 @@ * Whilst the dock isn't supported by the base theme this CSS is here so that those * themes that do want to use the dock will have a starting point at least */ - /* Put a margin on the body if the dock is shown */ -body.has_dock {margin-left:30px;} +body.has_dock { + margin-left: 30px; +} /** For the dock itself */ -#dock {width:30px;position:fixed;top:0px;left:0px;height:100%;background-color:#FFF;border-right:1px solid #000;z-index:5000;} -#dock.nothingdocked {visibility: hidden;display:none;} -#dock .dockeditem .firstdockitem {margin-top:1em;} -#dock .dockedtitle {border-bottom:1px solid #000;border-top:1px solid #000;cursor:pointer;} -#dock .dockedtitle h2 {font-size:0.80em;line-height:100%;text-align:center;} -#dock .dockedtitle .filterrotate {margin-left:8px;} -#dock .controls {position:absolute;bottom:1em;text-align:center;width:100%;} -#dock .controls img {cursor:pointer;} +#dock { + width: 30px; + position: fixed; + top: 0px; + left: 0px; + height: 100%; + background-color: #FFF; + border-right: 1px solid #000; + z-index: 5000; +} + +#dock.nothingdocked { + visibility: hidden; + display: none; +} + +#dock .dockeditem .firstdockitem { + margin-top: 1em; +} + +#dock .dockedtitle { + border-bottom: 1px solid #000; + border-top: 1px solid #000; + cursor: pointer; +} + +#dock .dockedtitle h2 { + font-size: 0.80em; + line-height: 100%; + text-align: center; +} + +#dock .dockedtitle .filterrotate { + margin-left: 8px; +} + +#dock .controls { + position: absolute; + bottom: 1em; + text-align: center; + width: 100%; +} + +#dock .controls img { + cursor: pointer; +} /** For the panel the docked blocks are shown in */ -#dockeditempanel {min-width:200px;position:relative;z-index:12000;left:100%;} -#dockeditempanel.dockitempanel_hidden {display:none;} -#dockeditempanel .dockeditempanel_content {background-color:#fff;border:1px solid #000;z-index:12050;} -#dockeditempanel .dockeditempanel_bd {overflow:auto;width:100%;} -#dockeditempanel .dockeditempanel_bd .block_docked {margin:10px;} -#dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li {overflow:visible;} -#dockeditempanel .dockeditempanel_hd {border-bottom:1px solid #000;} -#dockeditempanel .dockeditempanel_hd h2 {display:block;margin:0;padding-right:1em;} -#dockeditempanel .dockeditempanel_hd .commands {display:block;text-align:right;} +#dockeditempanel { + min-width: 200px; + position: relative; + z-index: 12000; + left: 100%; +} + +#dockeditempanel.dockitempanel_hidden { + display: none; +} + +#dockeditempanel .dockeditempanel_content { + background-color: #fff; + border: 1px solid #000; + z-index: 12050; +} + +#dockeditempanel .dockeditempanel_bd { + overflow: auto; + width: 100%; +} + +#dockeditempanel .dockeditempanel_bd .block_docked { + margin: 10px; +} + +#dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li { + overflow: visible; +} + +#dockeditempanel .dockeditempanel_hd { + border-bottom: 1px solid #000; +} + +#dockeditempanel .dockeditempanel_hd h2 { + display: block; + margin: 0; + padding-right: 1em; +} + +#dockeditempanel .dockeditempanel_hd .commands { + display: block; + text-align: right; +} + #dockeditempanel .dockeditempanel_hd .commands > a, -#dockeditempanel .dockeditempanel_hd .commands > span { margin:0 3px; } +#dockeditempanel .dockeditempanel_hd .commands > span { + margin: 0 3px; +} + #dockeditempanel .dockeditempanel_hd .commands img, -#dockeditempanel .dockeditempanel_hd .commands input {vertical-align:middle; width: 12px; height: 12px;} -#dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img { cursor:pointer; } +#dockeditempanel .dockeditempanel_hd .commands input { + vertical-align: middle; + width: 12px; + height: 12px; +} + +#dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img { + cursor: pointer; +} /** IE 6 doesn't support fixed pos elements **/ -.ie6 #dockeditempanel {position:absolute;} +.ie6 #dockeditempanel { + position: absolute; +} /* right align the DOCK panel ------------------------------*/ -.dir-rtl #dockeditempanel .dockeditempanel_hd .commands {text-align: left;} -.dir-rtl #dockeditempanel {right: 100%;} -.dir-rtl #dock {left:auto;right: 0%; border-left: 1px solid #DDD;} -.dir-rtl #dock .dockedtitle { border-bottom: 1px solid #DDD;border-top: 1px solid #EEE; cursor: pointer;} -body.dir-rtl.has_dock {margin-left: 0px; margin-right: 30px} +.dir-rtl #dockeditempanel .dockeditempanel_hd .commands { + text-align: left; +} + +.dir-rtl #dockeditempanel { + right: 100%; +} + +.dir-rtl #dock { + left: auto; + right: 0%; + border-left: 1px solid #DDD; +} + +.dir-rtl #dock .dockedtitle { + border-bottom: 1px solid #DDD; + border-top: 1px solid #EEE; + cursor: pointer; +} + +body.dir-rtl.has_dock { + margin-left: 0px; + margin-right: 30px; +} /* Test span used to calculate positioning of docked item labels */ -.transform-test-node { position:absolute;line-height:normal; } +.transform-test-node { + position: absolute; + line-height: normal; +} /* Hide the move icon for blocks which are docked */ #dock .editing_move, diff --git a/theme/base/style/editor.css b/theme/base/style/editor.css index a973d7d3683..20485559244 100644 --- a/theme/base/style/editor.css +++ b/theme/base/style/editor.css @@ -1 +1,3 @@ -body {font:13px/1.231 arial,helvetica,clean,sans-serif;} \ No newline at end of file +body { + font: 13px/1.231 arial, helvetica, clean, sans-serif; +} diff --git a/theme/base/style/filemanager.css b/theme/base/style/filemanager.css index ead5736a6f5..5be52ef7582 100644 --- a/theme/base/style/filemanager.css +++ b/theme/base/style/filemanager.css @@ -1,170 +1,700 @@ +/* We do nasty things in this stylesheet, disable some lints */ +/*csslint important:false,duplicate-properties:false */ /** * File Picker and File Manager */ -.filemanager, .file-picker {font-size:11px;color:#555555;letter-spacing:.2px;} -.filemanager a, .file-picker a {color:#555555;} -.filemanager a:hover, .file-picker a:hover {color:#555555;text-decoration:none;} -.filemanager select, .filemanager input, .filemanager button, .filemanager textarea, -.file-picker select, .file-picker input, .file-picker button, .file-picker textarea {color:#555555;letter-spacing:.2px;} -.filemanager input[type="text"], .file-picker input[type="text"] {border:1px solid #BBBBBB;width:265px;height:18px;padding:1px 6px;} -.filemanager select, .file-picker select {height:22px;padding:2px 1px;} -.fp-content-center {height:100%;width:100%;display:table-cell;vertical-align:middle;} -.fp-content-hidden {visibility:hidden;} +.filemanager, +.file-picker { + font-size: 11px; + color: #555555; + letter-spacing: .2px; +} + +.filemanager a, +.file-picker a { + color: #555555; +} + +.filemanager a:hover, +.file-picker a:hover { + color: #555555; + text-decoration: none; +} + +.filemanager select, +.filemanager input, +.filemanager button, +.filemanager textarea, +.file-picker select, +.file-picker input, +.file-picker button, +.file-picker textarea { + color: #555555; + letter-spacing: .2px; +} + +.filemanager input[type="text"], +.file-picker input[type="text"] { + border: 1px solid #BBBBBB; + width: 265px; + height: 18px; + padding: 1px 6px; +} + +.filemanager select, +.file-picker select { + height: 22px; + padding: 2px 1px; +} + +.fp-content-center { + height: 100%; + width: 100%; + display: table-cell; + vertical-align: middle; +} + +.fp-content-hidden { + visibility: hidden; +} /* * Dialogue (File Picker and File Manager) */ -.yui3-panel-focused {outline:none;} -#filesskin .yui3-panel-content {padding-bottom:20px;background:#F2F2F2;border-radius:8px;border:1px solid #FFFFFF;display:inline-block;-webkit-box-shadow:5px 5px 20px 0px #666666;-moz-box-shadow:5px 5px 20px 0px #666666;box-shadow:5px 5px 20px 0px #666666;} -#filesskin .yui3-widget-hd {border-radius:10px 10px 0px 0px;border-bottom:1px solid #BBBBBB;padding:5px 5px 5px 5px;text-align:center;font-size:12px;letter-spacing:1px;color:#333333;text-shadow:1px 1px 1px #FFFFFF;filter:dropshadow(color=#FFFFFF, offx=1, offy=1); -background:#E2E2E2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));background:-moz-linear-gradient(top, #FFFFFF, #CCCCCC);} -.fp-panel-button {background:#FFFFFF;padding:3px 20px 2px 20px;text-align:center;margin:10px;border-radius:10px;display:inline-block;-webkit-box-shadow:2px 2px 3px .1px #999999;-moz-box-shadow:2px 2px 3px .1px #999999;box-shadow:2px 2px 3px .1px #999999;} +.yui3-panel-focused { + outline: none; +} + +#filesskin .yui3-panel-content { + padding-bottom: 20px; + background: #F2F2F2; + border-radius: 8px; + border: 1px solid #FFFFFF; + display: inline-block; + -webkit-box-shadow: 5px 5px 20px 0px #666666; + -moz-box-shadow: 5px 5px 20px 0px #666666; + box-shadow: 5px 5px 20px 0px #666666; +} + +#filesskin .yui3-widget-hd { + border-radius: 10px 10px 0px 0px; + border-bottom: 1px solid #BBBBBB; + padding: 5px 5px 5px 5px; + text-align: center; + font-size: 12px; + letter-spacing: 1px; + color: #333333; + text-shadow: 1px 1px 1px #FFFFFF; + filter: dropshadow(color=#FFFFFF, offx=1, offy=1); + background: #E2E2E2; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); + background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); + background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); +} + +.fp-panel-button { + background: #FFFFFF; + padding: 3px 20px 2px 20px; + text-align: center; + margin: 10px; + border-radius: 10px; + display: inline-block; + -webkit-box-shadow: 2px 2px 3px .1px #999999; + -moz-box-shadow: 2px 2px 3px .1px #999999; + box-shadow: 2px 2px 3px .1px #999999; +} + .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd { - padding:0px; + padding: 0px; } /* * File Picker layout */ -#filesskin .file-picker.fp-generallayout {width:859px;background:#FFFFFF;border-radius:10px;border:1px solid #CCCCCC;position:relative;} -.file-picker .fp-repo-area {width:180px;overflow:auto;float:left;height:525px;border-right:1px solid #BBBBBB} -.dir-rtl .file-picker .fp-repo-area {border-left:1px solid #BBBBBB;border-right:none;float:right;} -.file-picker .fp-repo-items {overflow: hidden;} -.file-picker .fp-navbar {background:#F2F2F2;min-height:40px;border-bottom:1px solid #BBBBBB;} -.file-picker .fp-content {background:#FFFFFF;clear:both;overflow:auto;height:452px;} -.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {width:100%;} +#filesskin .file-picker.fp-generallayout { + width: 859px; + background: #FFFFFF; + border-radius: 10px; + border: 1px solid #CCCCCC; + position: relative; +} -.file-picker .fp-content-loading {height:100%;width:100%;display:table;text-align:center;} -.file-picker .fp-content .fp-object-container {width:98%;height:98%;} +.file-picker .fp-repo-area { + width: 180px; + overflow: auto; + float: left; + height: 525px; + border-right: 1px solid #BBBBBB; +} -.dir-rtl .file-picker .fp-list {text-align:right;} -.dir-rtl .file-picker .fp-toolbar {padding:0;} -.dir-rtl .file-picker .fp-list {text-align:right;} -.dir-rtl .file-picker .fp-repo-name {display:inline;} -.dir-rtl .file-picker .fp-pathbar {text-align:right;display:block;border-top:none;} -.dir-rtl .file-picker div.bd {text-align:right;} -.dir-rtl #filemenu .yuimenuitemlabel {text-align:right;} -.dir-rtl .filepicker .yui-layout-unit-left {left:500px;} -.dir-rtl .filepicker .yui-layout-unit-center {left:0px;} -.dir-rtl .filepicker.moodle-dialogue-fullscreen .file-picker .fp-repo-items { float:none; } +.dir-rtl .file-picker .fp-repo-area { + border-left: 1px solid #BBBBBB; + border-right: none; + float: right; +} + +.file-picker .fp-repo-items { + overflow: hidden; +} + +.file-picker .fp-navbar { + background: #F2F2F2; + min-height: 40px; + border-bottom: 1px solid #BBBBBB; +} + +.file-picker .fp-content { + background: #FFFFFF; + clear: both; + overflow: auto; + height: 452px; +} + +.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content { + width: 100%; +} + +.file-picker .fp-content-loading { + height: 100%; + width: 100%; + display: table; + text-align: center; +} + +.file-picker .fp-content .fp-object-container { + width: 98%; + height: 98%; +} + +.dir-rtl .file-picker .fp-list { + text-align: right; +} + +.dir-rtl .file-picker .fp-toolbar { + padding: 0; +} + +.dir-rtl .file-picker .fp-list { + text-align: right; +} + +.dir-rtl .file-picker .fp-repo-name { + display: inline; +} + +.dir-rtl .file-picker .fp-pathbar { + text-align: right; + display: block; + border-top: none; +} + +.dir-rtl .file-picker div.bd { + text-align: right; +} + +.dir-rtl #filemenu .yuimenuitemlabel { + text-align: right; +} + +.dir-rtl .filepicker .yui-layout-unit-left { + left: 500px; +} + +.dir-rtl .filepicker .yui-layout-unit-center { + left: 0px; +} + +.dir-rtl .filepicker.moodle-dialogue-fullscreen .file-picker .fp-repo-items { + float: none; +} /** * File Manager */ -.dir-rtl .filemanager-toolbar a {padding:0px;} +.dir-rtl .filemanager-toolbar a { + padding: 0px; +} /* * Repositories on fp-repo-area (File Picker only) */ -.file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;} -.dir-rtl .file-picker .fp-list {text-align:right;float:left;} -.file-picker .fp-list .fp-repo a{display:block;padding:.5em .7em;} -.file-picker .fp-list .fp-repo.active {background:#F2F2F2;} -.file-picker .fp-list .fp-repo-icon {padding:0 7px 0 5px;vertical-align:text-bottom;} +.file-picker .fp-list { + list-style-type: none; + padding: 0; + float: left; + width: 100%; + margin: 0; +} + +.dir-rtl .file-picker .fp-list { + text-align: right; + float: left; +} + +.file-picker .fp-list .fp-repo a { + display: block; + padding: .5em .7em; +} + +.file-picker .fp-list .fp-repo.active { + background: #F2F2F2; +} + +.file-picker .fp-list .fp-repo-icon { + padding: 0 7px 0 5px; + vertical-align: text-bottom; +} /* * Tools, Path & View on fp-navbar (File Picker and File Manager) */ -.fp-toolbar {display:block;line-height:22px;float:left;} -.dir-rtl .fp-toolbar {float:right;} -.fp-toolbar.empty {display:none;} -.fp-toolbar .disabled {display:none;} -.file-picker .fp-toolbar div, .fp-navbar .filemanager-toolbar .fp-toolbar div {float:left;margin:4px 0 4px 4px;} -.fp-toolbar .fp-btn-add, .fp-toolbar .fp-btn-download, .fp-toolbar .fp-btn-mkdir, .fp-toolbar .fp-tb-help, .fp-toolbar .fp-tb-manage, .fp-toolbar .fp-tb-logout, .fp-toolbar .fp-tb-refresh {background:#FFFFFF;border:1px solid #CCCCCC;border-bottom:1px solid #B3B3B3;border-radius:4px;width:30px;height:30px;} -.file-picker .fp-toolbar .fp-tb-message {background:inherit;border:0;border-bottom:0;border-radius:0;width:300px;height:32px;} -.fp-toolbar div {display:block;} -.fp-toolbar a {display:block;height:30px;width:30px;} -.fp-toolbar a:hover {background-image:radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);background-color:#ebebeb;} -.fp-toolbar a:active {background-image:radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);background-color:#dfdfdf;} -.dir-rtl .fp-navbar .filemanager-toolbar .fp-toolbar div {margin:4px 4px 4px 0;} -.file-picker .fp-toolbar div.disabled {display:none;} -.fp-toolbar img {vertical-align:-15%;margin:7px;} -.file-picker .fp-toolbar .fp-tb-search {height:30px;} -.file-picker .fp-toolbar .fp-tb-search .fp-def-search {border:0;background:transparent;margin:0;padding:0;} -.fp-toolbar .fp-tb-search input {background:#fff url('[[pix:a/search]]') no-repeat 7px 7px;padding:2px 6px 1px 27px;width:200px;height:27px;border: 1px solid #bbb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} -.dir-rtl .fp-toolbar img {vertical-align:-35%;} -.dir-rtl .file-picker .fp-viewbar, .dir-rtl .fp-navbar .filemanager-toolbar .fp-viewbar {float:left;} -.file-picker .fp-viewbar, .fp-navbar .filemanager-toolbar .fp-viewbar {float:right;margin:4px; background:white;border:1px solid #CCCCCC;border-radius:4px;border-bottom:1px solid #B3B3B3;height:30px;} -.fp-viewbar .fp-vb-icons, .fp-viewbar .fp-vb-details, .fp-viewbar .fp-vb-tree {width:30px;height:30px;display:block;float:left;border-right:1px solid #CCCCCC;} -.fp-viewbar a.fp-vb-icons {border-radius:4px 0 0 4px;} -.fp-viewbar .fp-vb-tree {border-right:0;border-radius:0 4px 4px 0;} -.fp-viewbar a img {margin:7px;} -.fp-viewbar a.checked:hover, .fp-viewbar a:hover {background-image:radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);background-color:#ebebeb;} -.fp-viewbar a.checked, .fp-viewbar a:active {background-image:radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);background-color:#dfdfdf;} -.fp-viewbar.disabled a {opacity:.45;background:none;cursor:default;} -.file-picker .fp-clear-left {clear:left;} +.fp-toolbar { + display: block; + line-height: 22px; + float: left; +} + +.dir-rtl .fp-toolbar { + float: right; +} + +.fp-toolbar.empty { + display: none; +} + +.fp-toolbar .disabled { + display: none; +} + +.file-picker .fp-toolbar div, +.fp-navbar .filemanager-toolbar .fp-toolbar div { + float: left; + margin: 4px 0 4px 4px; +} + +.fp-toolbar .fp-btn-add, +.fp-toolbar .fp-btn-download, +.fp-toolbar .fp-btn-mkdir, +.fp-toolbar .fp-tb-help, +.fp-toolbar .fp-tb-manage, +.fp-toolbar .fp-tb-logout, +.fp-toolbar .fp-tb-refresh { + background: #FFFFFF; + border: 1px solid #CCCCCC; + border-bottom: 1px solid #B3B3B3; + border-radius: 4px; + width: 30px; + height: 30px; +} + +.file-picker .fp-toolbar .fp-tb-message { + background: inherit; + border: 0; + border-bottom: 0; + border-radius: 0; + width: 300px; + height: 32px; +} + +.fp-toolbar div { + display: block; +} + +.fp-toolbar a { + display: block; + height: 30px; + width: 30px; +} + +.fp-toolbar a:hover { + background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%); + background-color: #ebebeb; +} + +.fp-toolbar a:active { + background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%); + background-color: #dfdfdf; +} + +.dir-rtl .fp-navbar .filemanager-toolbar .fp-toolbar div { + margin: 4px 4px 4px 0; +} + +.file-picker .fp-toolbar div.disabled { + display: none; +} + +.fp-toolbar img { + vertical-align: -15%; + margin: 7px; +} + +.file-picker .fp-toolbar .fp-tb-search { + height: 30px; +} + +.file-picker .fp-toolbar .fp-tb-search .fp-def-search { + border: 0; + background: transparent; + margin: 0; + padding: 0; +} + +.fp-toolbar .fp-tb-search input { + background: #fff url('[[pix:a/search]]') no-repeat 7px 7px; + padding: 2px 6px 1px 27px; + width: 200px; + height: 27px; + border: 1px solid #bbb; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.dir-rtl .fp-toolbar img { + vertical-align: -35%; +} + +.dir-rtl .file-picker .fp-viewbar, +.dir-rtl .fp-navbar .filemanager-toolbar .fp-viewbar { + float: left; +} + +.file-picker .fp-viewbar, +.fp-navbar .filemanager-toolbar .fp-viewbar { + float: right; + margin: 4px; + background: white; + border: 1px solid #CCCCCC; + border-radius: 4px; + border-bottom: 1px solid #B3B3B3; + height: 30px; +} + +.fp-viewbar .fp-vb-icons, +.fp-viewbar .fp-vb-details, +.fp-viewbar .fp-vb-tree { + width: 30px; + height: 30px; + display: block; + float: left; + border-right: 1px solid #CCCCCC; +} + +.fp-viewbar a.fp-vb-icons { + border-radius: 4px 0 0 4px; +} + +.fp-viewbar .fp-vb-tree { + border-right: 0; + border-radius: 0 4px 4px 0; +} + +.fp-viewbar a img { + margin: 7px; +} + +.fp-viewbar a.checked:hover, +.fp-viewbar a:hover { + background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%); + background-color: #ebebeb; +} + +.fp-viewbar a.checked, +.fp-viewbar a:active { + background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%); + background-color: #dfdfdf; +} + +.fp-viewbar.disabled a { + opacity: .45; + background: none; + cursor: default; +} + +.file-picker .fp-clear-left { + clear: left; +} /* over ride hover rule from core.css*/ -.dir-rtl .fp-vb-details a:hover {background:none;border:20px solid black} -.dir-rtl .fp-vb-details.checked a:hover {background:none;border:40px solid black} -.dir-rtl .fp-vb-tree a:hover {background:none;border:30px solid black} -.dir-rtl .fp-vb-tree.checked a:hover {background:none;border:50px solid black} +.dir-rtl .fp-vb-details a:hover { + background: none; + border: 20px solid black; +} -.file-picker .fp-pathbar {display:table-row;} -.fp-pathbar.empty {display:none;} -.fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;width:27px;height:12px;margin-left:4px;} -.dir-rtl .fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder_rtl]]') no-repeat right top;width:auto;height:12px;margin-left:4px;} -.dir-rtl .fp-pathbar span {display:inline-block;float:right;margin-left:32px;} -.fp-pathbar .fp-path-folder-name {margin-left:32px;line-height:20px;} -.dir-rtl .fp-pathbar .fp-path-folder-name {margin-right:32px;line-height:20px;} +.dir-rtl .fp-vb-details.checked a:hover { + background: none; + border: 40px solid black; +} + +.dir-rtl .fp-vb-tree a:hover { + background: none; + border: 30px solid black; +} + +.dir-rtl .fp-vb-tree.checked a:hover { + background: none; + border: 50px solid black; +} + +.file-picker .fp-pathbar { + display: table-row; +} + +.fp-pathbar.empty { + display: none; +} + +.fp-pathbar .fp-path-folder { + background: url('[[pix:theme|fp/path_folder]]') no-repeat 0 0; + width: 27px; + height: 12px; + margin-left: 4px; +} + +.dir-rtl .fp-pathbar .fp-path-folder { + background: url('[[pix:theme|fp/path_folder_rtl]]') no-repeat right top; + width: auto; + height: 12px; + margin-left: 4px; +} + +.dir-rtl .fp-pathbar span { + display: inline-block; + margin-left: 32px; +} + +.fp-pathbar .fp-path-folder-name { + margin-left: 32px; + line-height: 20px; +} + +.dir-rtl .fp-pathbar .fp-path-folder-name { + margin-right: 32px; + line-height: 20px; +} /* * Icon view (File Picker and File Manager) */ -.fp-iconview .fp-file {float:left;text-align:center;position:relative;margin:10px 10px 35px;} -.fp-iconview .fp-thumbnail {min-width:110px;min-height:110px;line-height:110px;text-align:center;border:1px solid #FFFFFF;display:block;} -.fp-iconview .fp-thumbnail img {border:1px solid #DDDDDD;padding:3px;vertical-align:middle;-webkit-box-shadow:1px 1px 2px 0px #CCCCCC;-moz-box-shadow:1px 1px 2px 0px #CCCCCC;box-shadow:1px 1px 2px 0px #CCCCCC;} -.fp-iconview .fp-thumbnail:hover {background:#FFFFFF;border:1px solid #DDDDDD;-webkit-box-shadow:inset 0px 0px 10px 0px #CCCCCC;-moz-box-shadow:inset 0px 0px 10px 0px #CCCCCC;box-shadow:inset 0px 0px 10px 0px #CCCCCC;} -.fp-iconview .fp-filename-field {height:33px;word-wrap:break-word;overflow:hidden;position:absolute;} -.fp-iconview .fp-filename-field:hover {overflow:visible;z-index:1000;} -.fp-iconview .fp-filename-field .fp-filename {background:#FFFFFF;padding-top:5px;padding-bottom:12px;min-width:112px;} -.dir-rtl .fp-iconview .fp-file {float:right;} +.fp-iconview .fp-file { + float: left; + text-align: center; + position: relative; + margin: 10px 10px 35px; +} + +.fp-iconview .fp-thumbnail { + min-width: 110px; + min-height: 110px; + line-height: 110px; + text-align: center; + border: 1px solid #FFFFFF; + display: block; +} + +.fp-iconview .fp-thumbnail img { + border: 1px solid #DDDDDD; + padding: 3px; + vertical-align: middle; + -webkit-box-shadow: 1px 1px 2px 0px #CCCCCC; + -moz-box-shadow: 1px 1px 2px 0px #CCCCCC; + box-shadow: 1px 1px 2px 0px #CCCCCC; +} + +.fp-iconview .fp-thumbnail:hover { + background: #FFFFFF; + border: 1px solid #DDDDDD; + -webkit-box-shadow: inset 0px 0px 10px 0px #CCCCCC; + -moz-box-shadow: inset 0px 0px 10px 0px #CCCCCC; + box-shadow: inset 0px 0px 10px 0px #CCCCCC; +} + +.fp-iconview .fp-filename-field { + height: 33px; + word-wrap: break-word; + overflow: hidden; + position: absolute; +} + +.fp-iconview .fp-filename-field:hover { + overflow: visible; + z-index: 1000; +} + +.fp-iconview .fp-filename-field .fp-filename { + background: #FFFFFF; + padding-top: 5px; + padding-bottom: 12px; + min-width: 112px; +} + +.dir-rtl .fp-iconview .fp-file { + float: right; +} /* * Table view (File Picker only) */ -.file-picker .yui3-datatable table {border:0px solid #BBBBBB;width:100%;} -#filesskin .file-picker .yui3-datatable-header {background:#FFFFFF;border-bottom:1px solid #CCCCCC;border-left:0 solid #FFFFFF;color:#555555;} -#filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {background-color:#F6F6F6;border-left:0px solid #F6F6F6;} -#filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {background-color:#FFFFFF;border-left:0px solid #FFFFFF;} -.dir-rtl .file-picker .yui3-datatable-header {text-align:right;} +.file-picker .yui3-datatable table { + border: 0px solid #BBBBBB; + width: 100%; +} + +#filesskin .file-picker .yui3-datatable-header { + background: #FFFFFF; + border-bottom: 1px solid #CCCCCC; + border-left: 0 solid #FFFFFF; + color: #555555; +} + +#filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell { + background-color: #F6F6F6; + border-left: 0px solid #F6F6F6; +} + +#filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell { + background-color: #FFFFFF; + border-left: 0px solid #FFFFFF; +} + +.dir-rtl .file-picker .yui3-datatable-header { + text-align: right; +} /* * Tree view (File Manager only) */ /*.file-picker .fp-treeview .fp-folder .fp-icon, .filemanager .fp-treeview .fp-folder .fp-icon {}*/ /* first or middle sibling, no children */ -.file-picker .ygtvtn, .filemanager .ygtvtn {background:url('[[pix:moodle|y/tn]]') 0px 0px no-repeat;width:17px;height:22px;} -.dir-rtl .file-picker .ygtvtn, .dir-rtl .filemanager .ygtvtn {background:url('[[pix:moodle|y/tn_rtl]]') 0px 0px no-repeat;} +.file-picker .ygtvtn, +.filemanager .ygtvtn { + background: url('[[pix:moodle|y/tn]]') 0px 0px no-repeat; + width: 17px; + height: 22px; +} + +.dir-rtl .file-picker .ygtvtn, +.dir-rtl .filemanager .ygtvtn { + background: url('[[pix:moodle|y/tn_rtl]]') 0px 0px no-repeat; +} /* first or middle sibling, collapsable */ -.file-picker .ygtvtm, .filemanager .ygtvtm {background:url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} +.file-picker .ygtvtm, +.filemanager .ygtvtm { + background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat; + width: 13px; + height: 12px; + cursor: pointer; +} /* first or middle sibling, collapsable, hover */ -.file-picker .ygtvtmh, .filemanager .ygtvtmh {background:url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} +.file-picker .ygtvtmh, +.filemanager .ygtvtmh { + background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat; + width: 13px; + height: 12px; + cursor: pointer; +} /* first or middle sibling, expandable */ -.file-picker .ygtvtp, .filemanager .ygtvtp {background:url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} -.dir-rtl .file-picker .ygtvtp, .dir-rtl .filemanager .ygtvtp {background:url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;} +.file-picker .ygtvtp, +.filemanager .ygtvtp { + background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat; + width: 13px; + height: 12px; + cursor: pointer; +} + +.dir-rtl .file-picker .ygtvtp, +.dir-rtl .filemanager .ygtvtp { + background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat; +} /* first or middle sibling, expandable, hover */ -.file-picker .ygtvtph, .filemanager .ygtvtph {background:url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:22px;cursor:pointer;} -.dir-rtl .file-picker .ygtvtph, .dir-rtl .filemanager .ygtvtph {background:url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat} +.file-picker .ygtvtph, +.filemanager .ygtvtph { + background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat; + width: 13px; + height: 22px; + cursor: pointer; +} + +.dir-rtl .file-picker .ygtvtph, +.dir-rtl .filemanager .ygtvtph { + background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat; +} /* last sibling, no children */ -.file-picker .ygtvln, .filemanager .ygtvln {background:url('[[pix:moodle|y/ln]]') 0px 0px no-repeat;width:17px;height:22px;} -.dir-rtl .file-picker .ygtvln, .dir-rtl .filemanager .ygtvln {background:url('[[pix:moodle|y/ln_rtl]]') 0px 0px no-repeat;} +.file-picker .ygtvln, +.filemanager .ygtvln { + background: url('[[pix:moodle|y/ln]]') 0px 0px no-repeat; + width: 17px; + height: 22px; +} + +.dir-rtl .file-picker .ygtvln, +.dir-rtl .filemanager .ygtvln { + background: url('[[pix:moodle|y/ln_rtl]]') 0px 0px no-repeat; +} /* Last sibling, collapsable */ -.file-picker .ygtvlm, .filemanager .ygtvlm {background:url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} +.file-picker .ygtvlm, +.filemanager .ygtvlm { + background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat; + width: 13px; + height: 12px; + cursor: pointer; +} /* Last sibling, collapsable, hover */ -.file-picker .ygtvlmh, .filemanager .ygtvlmh {background:url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} +.file-picker .ygtvlmh, +.filemanager .ygtvlmh { + background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat; + width: 13px; + height: 12px; + cursor: pointer; +} /* Last sibling, expandable */ -.file-picker .ygtvlp, .filemanager .ygtvlp {background:url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} -.dir-rtl .file-picker .ygtvlp, .dir-rtl .filemanager .ygtvlp {background:url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;} +.file-picker .ygtvlp, +.filemanager .ygtvlp { + background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat; + width: 13px; + height: 12px; + cursor: pointer; +} + +.dir-rtl .file-picker .ygtvlp, +.dir-rtl .filemanager .ygtvlp { + background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat; +} /* Last sibling, expandable, hover */ -.file-picker .ygtvlph, .filemanager .ygtvlph {background:url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;} -.dir-rtl .file-picker .ygtvlph, .dir-rtl .filemanager .ygtvlph {background:url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;} +.file-picker .ygtvlph, +.filemanager .ygtvlph { + background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat; + width: 13px; + height: 12px; + cursor: pointer; +} + +.dir-rtl .file-picker .ygtvlph, +.dir-rtl .filemanager .ygtvlph { + background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat; +} /* Loading icon */ -.file-picker .ygtvloading, .filemanager .ygtvloading {background:transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;width:16px;height:22px;} +.file-picker .ygtvloading, +.filemanager .ygtvloading { + background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat; + width: 16px; + height: 22px; +} /* the style for the empty cells that are used for rendering the depth* of the node */ -.file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell {background:url('[[pix:moodle|y/vline]]') 0 0 no-repeat;width:17px;height:/*22px;*/32px;} -.file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell {width:17px;height:22px;} +.file-picker .ygtvdepthcell, +.filemanager .ygtvdepthcell { + background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat; + width: 17px; + height: 32px; +} + +.file-picker .ygtvblankdepthcell, +.filemanager .ygtvblankdepthcell { + width: 17px; + height: 22px; +} /* the style of the div around each node */ /*.file-picker .ygtvitem table, .filemanager .ygtvitem table{margin-bottom:0;}*/ /*.file-picker .ygtvitem td, .filemanager .ygtvitem td {border:none;padding:0;}*/ @@ -173,306 +703,1065 @@ background:#E2E2E2;filter:progid:DXImageTransform.Microsoft.gradient(startColors /* the style of the text label in ygTextNode */ /*.file-picker .ygtvlabel,.file-picker .ygtvlabel:link,.file-picker .ygtvlabel:visited,.file-picker .ygtvlabel:hover, .filemanager .ygtvlabel,.filemanager .ygtvlabel:link,.filemanager .ygtvlabel:visited,.filemanager .ygtvlabel:hover {margin-left:2px;text-decoration:none;}*/ -a.ygtvspacer:hover {color:transparent;text-decoration:none;} -.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {background-color:transparent;cursor:pointer;margin-left:2px;text-decoration:none;} -.file-picker .ygtvfocus, .filemanager .ygtvfocus {background-color:#EEEEEE;} +a.ygtvspacer:hover { + color: transparent; + text-decoration: none; +} -.fp-filename-icon {margin-top:10px;display:block;position:relative;} -.fp-icon {float:left;margin-top:-7px;width:24px;height:24px;margin-right:10px;text-align:center;line-height:24px;} -.dir-rtl .fp-icon {float:right;margin-left:10px;margin-right:0;} -.fp-icon img {max-height:24px;max-width:24px;vertical-align:middle;} -.fp-filename {padding-right:10px;} -.dir-rtl .fp-filename {padding-left:10px;padding-right:0;} +.ygtvlabel, +.ygtvlabel:link, +.ygtvlabel:visited, +.ygtvlabel:hover { + background-color: transparent; + cursor: pointer; + margin-left: 2px; + text-decoration: none; +} + +.file-picker .ygtvfocus, +.filemanager .ygtvfocus { + background-color: #EEEEEE; +} + +.fp-filename-icon { + margin-top: 10px; + display: block; + position: relative; +} + +.fp-icon { + float: left; + margin-top: -7px; + width: 24px; + height: 24px; + margin-right: 10px; + text-align: center; + line-height: 24px; +} + +.dir-rtl .fp-icon { + float: right; + margin-left: 10px; + margin-right: 0; +} + +.fp-icon img { + max-height: 24px; + max-width: 24px; + vertical-align: middle; +} + +.fp-filename { + padding-right: 10px; +} + +.dir-rtl .fp-filename { + padding-left: 10px; + padding-right: 0; +} /* * Repositories Login on fp-content (File Picker only) */ -.file-picker .fp-login-form {height:100%;width:100%;display:table;} -.file-picker .fp-login-form table {margin:0 auto;} -.file-picker .fp-login-form p {text-align:center;margin-top:3em;} -.file-picker .fp-login-form .fp-login-input .label {text-align:right;vertical-align:middle;} -.file-picker .fp-login-form .fp-login-input .input {text-align:left;} -.file-picker .fp-login-form input[type="checkbox"]{width:15px;height:15px;} + +.file-picker .fp-login-form { + height: 100%; + width: 100%; + display: table; +} + +.file-picker .fp-login-form table { + margin: 0 auto; +} + +.file-picker .fp-login-form p { + text-align: center; + margin-top: 3em; +} + +.file-picker .fp-login-form .fp-login-input .label { + text-align: right; + vertical-align: middle; +} + +.file-picker .fp-login-form .fp-login-input .input { + text-align: left; +} + +.file-picker .fp-login-form input[type="checkbox"] { + width: 15px; + height: 15px; +} /* * Upload on fp-content (File Picker only) */ -.file-picker .fp-upload-form {height:100%;width:100%;display:table;} -.file-picker .fp-upload-form table {margin:0 auto;} -.file-picker .fp-upload-btn {margin:2em;} + +.file-picker .fp-upload-form { + height: 100%; + width: 100%; + display: table; +} + +.file-picker .fp-upload-form table { + margin: 0 auto; +} + +.file-picker .fp-upload-btn { + margin: 2em; +} /* * File exists dialogue on Upload (File Picker only) */ -.file-picker.fp-dlg {text-align:center;} -.file-picker.fp-dlg .fp-dlg-text {padding:30px 20px 10px;font-size:12px;} -.file-picker.fp-dlg .fp-dlg-buttons {margin:0 20px;} + +.file-picker.fp-dlg { + text-align: center; +} + +.file-picker.fp-dlg .fp-dlg-text { + padding: 30px 20px 10px; + font-size: 12px; +} + +.file-picker.fp-dlg .fp-dlg-buttons { + margin: 0 20px; +} /* * Error dialogue on Upload (File Picker only) */ -.file-picker.fp-msg {text-align:center;} -.file-picker.fp-msg .fp-msg-text {padding:40px 20px 10px 20px;min-width:200px;max-width:500px;max-height:300px;overflow:auto;font-size:12px;} -.file-picker.fp-msg.fp-msg-error .fp-msg-text {padding:40px 20px 10px 20px;font-size:12px;} + +.file-picker.fp-msg { + text-align: center; +} + +.file-picker.fp-msg .fp-msg-text { + padding: 40px 20px 10px 20px; + min-width: 200px; + max-width: 500px; + max-height: 300px; + overflow: auto; + font-size: 12px; +} + +.file-picker.fp-msg.fp-msg-error .fp-msg-text { + padding: 40px 20px 10px 20px; + font-size: 12px; +} /* * Error on fp-content (File Picker only) */ -.file-picker .fp-content-error {height:100%;width:100%;display:table;text-align:center;} -.file-picker .fp-content-error .fp-error {height:100%;width:100%;display:table-cell;vertical-align:middle;padding:40px 20px 10px 20px;font-size:12px;} + +.file-picker .fp-content-error { + height: 100%; + width: 100%; + display: table; + text-align: center; +} + +.file-picker .fp-content-error .fp-error { + height: 100%; + width: 100%; + display: table-cell; + vertical-align: middle; + padding: 40px 20px 10px 20px; + font-size: 12px; +} /* * Lazy loading on fp-content (File Picker only) */ -.file-picker .fp-nextpage {clear:both;} -.file-picker .fp-nextpage .fp-nextpage-loading {display:none;} -.file-picker .fp-nextpage.loading .fp-nextpage-link {display:none;} -.file-picker .fp-nextpage.loading .fp-nextpage-loading {display:block;text-align:center;height:100px;padding-top:50px;} + +.file-picker .fp-nextpage { + clear: both; +} + +.file-picker .fp-nextpage .fp-nextpage-loading { + display: none; +} + +.file-picker .fp-nextpage.loading .fp-nextpage-link { + display: none; +} + +.file-picker .fp-nextpage.loading .fp-nextpage-loading { + display: block; + text-align: center; + height: 100px; + padding-top: 50px; +} /* * Select Dialogue (File Picker and File Manager) */ -.fp-select form {padding:20px 20px 0;} -.fp-select .fp-select-loading {text-align:center;margin-top:20px;} -.fp-select .fp-hr {clear:both;height:1px;background-color:#FFFFFF;border-bottom:1px solid #BBBBBB;width:auto;margin:10px 0;} -.fp-select table {padding:0 0 10px;} -.fp-select table .mdl-right {min-width:84px;} -.fp-select .fp-reflist .mdl-right {vertical-align:top;} -.fp-select .fp-select-buttons {float:right;} -.fp-select .fp-info {display:block;clear:both;padding:1px 20px 0;} -.fp-select .fp-thumbnail {float:left;min-width:110px;min-height:110px;line-height:110px;text-align:center;margin:10px 10px 0 0;background:#FFFFFF;border:1px solid #DDDDDD;-webkit-box-shadow:inset 0 0 10px 0 #CCCCCC;-moz-box-shadow:inset 0 0 10px 0 #CCCCCC;box-shadow:inset 0 0 10px 0 #CCCCCC;} -.fp-select .fp-thumbnail img {border:1px solid #DDDDDD;padding:3px;vertical-align:middle;margin:10px;} -.fp-select .fp-fileinfo {display:inline-block;margin-top:10px;} -.file-picker.fp-select .fp-fileinfo {max-width:240px;} -.fp-select .fp-fileinfo div {padding-bottom:5px;} -.file-picker.fp-select .uneditable {display:none;} -.file-picker.fp-select .fp-select-loading {display:none;} -.file-picker.fp-select.loading .fp-select-loading {display:block;} -.file-picker.fp-select.loading form {display:none;} -.fp-select .fp-dimensions.fp-unknown {display:none;} -.fp-select .fp-size.fp-unknown {display:none;} +.fp-select form { + padding: 20px 20px 0; +} - /* +.fp-select .fp-select-loading { + text-align: center; + margin-top: 20px; +} + +.fp-select .fp-hr { + clear: both; + height: 1px; + background-color: #FFFFFF; + border-bottom: 1px solid #BBBBBB; + width: auto; + margin: 10px 0; +} + +.fp-select table { + padding: 0 0 10px; +} + +.fp-select table .mdl-right { + min-width: 84px; +} + +.fp-select .fp-reflist .mdl-right { + vertical-align: top; +} + +.fp-select .fp-select-buttons { + float: right; +} + +.fp-select .fp-info { + display: block; + clear: both; + padding: 1px 20px 0; +} + +.fp-select .fp-thumbnail { + float: left; + min-width: 110px; + min-height: 110px; + line-height: 110px; + text-align: center; + margin: 10px 10px 0 0; + background: #FFFFFF; + border: 1px solid #DDDDDD; + -webkit-box-shadow: inset 0 0 10px 0 #CCCCCC; + -moz-box-shadow: inset 0 0 10px 0 #CCCCCC; + box-shadow: inset 0 0 10px 0 #CCCCCC; +} + +.fp-select .fp-thumbnail img { + border: 1px solid #DDDDDD; + padding: 3px; + vertical-align: middle; + margin: 10px; +} + +.fp-select .fp-fileinfo { + display: inline-block; + margin-top: 10px; +} + +.file-picker.fp-select .fp-fileinfo { + max-width: 240px; +} + +.fp-select .fp-fileinfo div { + padding-bottom: 5px; +} + +.file-picker.fp-select .uneditable { + display: none; +} + +.file-picker.fp-select .fp-select-loading { + display: none; +} + +.file-picker.fp-select.loading .fp-select-loading { + display: block; +} + +.file-picker.fp-select.loading form { + display: none; +} + +.fp-select .fp-dimensions.fp-unknown { + display: none; +} + +.fp-select .fp-size.fp-unknown { + display: none; +} + +/* * File Manager */ -.filemanager-loading{display:none} -.jsenabled .filemanager-loading{display:block;margin-top:100px;} + +.filemanager-loading { + display: none; +} + +.jsenabled .filemanager-loading { + display: block; + margin-top: 100px; +} + .filemanager.fm-loading .filemanager-toolbar, .filemanager.fm-loading .fp-pathbar, -.filemanager.fm-loading .filemanager-container {display:none;} -.filemanager.fm-loaded .filemanager-loading {display:none;} -.filemanager.fm-maxfiles .fp-btn-add {display:none;} -.filemanager.fm-maxfiles .dndupload-message {display:none;} -.filemanager.fm-noitems .fp-btn-download {display:none;} -.filemanager .fm-empty-container {display:none;} -.filemanager.fm-noitems .filemanager-container .fp-content {display:none;} -.filemanager .filemanager-updating {display:none;text-align:center;} -.filemanager.fm-updating .filemanager-updating {display:block;margin-top:37px;} -.filemanager.fm-updating .fm-content-wrapper {display:none;} -.filemanager.fm-nomkdir .fp-btn-mkdir {display:none;} +.filemanager.fm-loading .filemanager-container { + display: none; +} + +.filemanager.fm-loaded .filemanager-loading { + display: none; +} + +.filemanager.fm-maxfiles .fp-btn-add { + display: none; +} + +.filemanager.fm-maxfiles .dndupload-message { + display: none; +} + +.filemanager.fm-noitems .fp-btn-download { + display: none; +} + +.filemanager .fm-empty-container { + display: none; +} + +.filemanager.fm-noitems .filemanager-container .fp-content { + display: none; +} + +.filemanager .filemanager-updating { + display: none; + text-align: center; +} + +.filemanager.fm-updating .filemanager-updating { + display: block; + margin-top: 37px; +} + +.filemanager.fm-updating .fm-content-wrapper { + display: none; +} + +.filemanager.fm-nomkdir .fp-btn-mkdir { + display: none; +} + .fitem.disabled .filemanager .filemanager-toolbar, .fitem.disabled .filemanager .fp-pathbar, .fitem.disabled .filemanager .fp-restrictions, -.fitem.disabled .filemanager .fm-content-wrapper {display:none;} -.filemanager .fp-img-downloading {display:none;padding-top: 3px;} +.fitem.disabled .filemanager .fm-content-wrapper { + display: none; +} - /* +.filemanager .fp-img-downloading { + display: none; + padding-top: 3px; +} + +/* * File Manager layout */ -.filemanager .fp-restrictions {text-align:right;} -.filemanager .fp-navbar {background:#F2F2F2;border-top:1px solid #BBBBBB;border-left:1px solid #BBBBBB;border-right:1px solid #BBBBBB;} -.filemanager-toolbar {min-height:40px;} -.fp-pathbar {border-top:1px solid #BBBBBB;padding:5px 8px 1px;min-height:20px;} -.filemanager .fp-pathbar.empty {display:none;} +.filemanager .fp-restrictions { + text-align: right; +} + +.filemanager .fp-navbar { + background: #F2F2F2; + border-top: 1px solid #BBBBBB; + border-left: 1px solid #BBBBBB; + border-right: 1px solid #BBBBBB; +} + +.filemanager-toolbar { + min-height: 40px; +} + +.fp-pathbar { + border-top: 1px solid #BBBBBB; + padding: 5px 8px 1px; + min-height: 20px; +} + +.filemanager .fp-pathbar.empty { + display: none; +} + .filepicker-filelist, -.filemanager-container {background:#FFFFFF;clear:both;overflow:auto;border:1px solid #BBBBBB;min-height:140px;position:relative;} +.filemanager-container { + background: #FFFFFF; + clear: both; + overflow: auto; + border: 1px solid #BBBBBB; + min-height: 140px; + position: relative; +} + /*.filemanager-container ul{margin:0;padding:0;} .filemanager-container ul li{white-space:nowrap;list-style-type:none;} .filemanager-container ul li a{padding:0}*/ -.filemanager .fp-content{overflow:auto;max-height:472px;min-height:157px;} -.filemanager-container, .filepicker-filelist {overflow:hidden;} -.fitem.disabled .filepicker-filelist, .fitem.disabled .filemanager-container {background-color:#EBEBE4;} -.fitem.disabled .fp-btn-choose {color:graytext;} -.fitem.disabled .filepicker-filelist .filepicker-filename {display:none;} + +.filemanager .fp-content { + overflow: auto; + max-height: 472px; + min-height: 157px; +} + +.filemanager-container, +.filepicker-filelist { + overflow: hidden; +} + +.fitem.disabled .filepicker-filelist, +.fitem.disabled .filemanager-container { + background-color: #EBEBE4; +} + +.fitem.disabled .fp-btn-choose { + color: graytext; +} + +.fitem.disabled .filepicker-filelist .filepicker-filename { + display: none; +} /* * Icon view (File Manager only) */ -.fp-iconview .fp-reficons1 {position:absolute;height:100%;width:100%;top:0;left:0;} -.fp-iconview .fp-reficons2 {position:absolute;height:100%;width:100%;top:0;left:0;} -.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {background:url('[[pix:theme|fp/link]]') no-repeat;background-position:bottom right;} -.fp-iconview .fp-file.fp-isreference .fp-reficons2 {background:url('[[pix:theme|fp/alias]]') no-repeat;background-position:bottom left;} -.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {display:none;} -.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {background:url([[pix:s/dead]]) no-repeat;background-position:center center;} +.fp-iconview .fp-reficons1 { + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; +} + +.fp-iconview .fp-reficons2 { + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; +} + +.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 { + background: url('[[pix:theme|fp/link]]') no-repeat; + background-position: bottom right; +} + +.fp-iconview .fp-file.fp-isreference .fp-reficons2 { + background: url('[[pix:theme|fp/alias]]') no-repeat; + background-position: bottom left; +} + +.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img { + display: none; +} + +.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail { + background: url([[pix:s/dead]]) no-repeat; + background-position: center center; +} /* * Table view (File Manager only) */ -.filemanager .yui3-datatable table {border:0px solid #BBBBBB;width:100%;} -.filemanager .yui3-datatable-header {background:#FFFFFF!important;border-bottom:1px solid #CCCCCC!important;border-left:0 solid #FFFFFF!important;color:#555555!important;} -.filemanager .yui3-datatable-odd .yui3-datatable-cell {background-color:#F6F6F6!important;border-left:0px solid #F6F6F6;} -.filemanager .yui3-datatable-even .yui3-datatable-cell {background-color:#FFFFFF!important;border-left:0px solid #FFFFFF;} -.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1{background:url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;height:100%;width:100%;position:absolute;top:8px;left:17px;z-index:1000;} -.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {background:url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;height:100%;width:100%;position:absolute;top:9px;left:-6px;z-index:1001;} +.filemanager .yui3-datatable table { + border: 0px solid #BBBBBB; + width: 100%; +} + +.filemanager .yui3-datatable-header { + background: #FFFFFF !important; + border-bottom: 1px solid #CCCCCC !important; + border-left: 0 solid #FFFFFF !important; + color: #555555 !important; +} + +.filemanager .yui3-datatable-odd .yui3-datatable-cell { + background-color: #F6F6F6 !important; + border-left: 0px solid #F6F6F6; +} + +.filemanager .yui3-datatable-even .yui3-datatable-cell { + background-color: #FFFFFF !important; + border-left: 0px solid #FFFFFF; +} + +.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 { + background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0; + height: 100%; + width: 100%; + position: absolute; + top: 8px; + left: 17px; + z-index: 1000; +} + +.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 { + background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0; + height: 100%; + width: 100%; + position: absolute; + top: 9px; + left: -6px; + z-index: 1001; +} /* * Folder Context Menu (File Manager only) */ -.filemanager .fp-contextmenu {display:none;} -.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {display:block;position:absolute;right:7px;bottom:5px;} -.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, -.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {display:inline;position:absolute;left:14px;margin-right:-20px;top:6px;} -.dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {left:7px;right:inherit;} +.filemanager .fp-contextmenu { + display: none; +} + +.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu { + display: block; + position: absolute; + right: 7px; + bottom: 5px; +} + +.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, +.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu { + display: inline; + position: absolute; + left: 14px; + margin-right: -20px; + top: 6px; +} + +.dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu { + left: 7px; + right: inherit; +} + .dir-rtl .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu, -.dir-rtl .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {left:inherit;right:16px;margin-right:0;} +.dir-rtl .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu { + left: inherit; + right: 16px; + margin-right: 0; +} /* * Drag and drop support (filemanager and filepicker form elements) */ + .filepicker-filelist .filepicker-container, -.filemanager.fm-noitems .fm-empty-container {display:block;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border:2px dashed #BBBBBB;padding-top:85px;text-align:center;} +.filemanager.fm-noitems .fm-empty-container { + display: block; + position: absolute; + top: 10px; + bottom: 10px; + left: 10px; + right: 10px; + border: 2px dashed #BBBBBB; + padding-top: 85px; + text-align: center; +} + .filepicker-filelist .dndupload-target, -.filemanager-container .dndupload-target {background:#FFFFFF;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border:2px dashed #fb7979;padding-top:85px;text-align:center;-webkit-box-shadow: 0px 0px 0px 10px #FFFFFF;-moz-box-shadow:0px 0px 0px 10px #FFFFFF;box-shadow: 0px 0px 0px 10px #FFFFFF;} +.filemanager-container .dndupload-target { + background: #FFFFFF; + position: absolute; + top: 10px; + bottom: 10px; + left: 10px; + right: 10px; + border: 2px dashed #fb7979; + padding-top: 85px; + text-align: center; + -webkit-box-shadow: 0px 0px 0px 10px #FFFFFF; + -moz-box-shadow: 0px 0px 0px 10px #FFFFFF; + box-shadow: 0px 0px 0px 10px #FFFFFF; +} + .filepicker-filelist.dndupload-over .dndupload-target, -.filemanager-container.dndupload-over .dndupload-target {background:#FFFFFF;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border:2px dashed #6c8cd3;padding-top:85px;text-align:center;} -.dndupload-message {display:none;} -.dndsupported .dndupload-message {display:inline;} -.dnduploadnotsupported-message {display:none;} -.dndnotsupported .dnduploadnotsupported-message {display:inline;} -.dndupload-target {display:none;} -.dndsupported .dndupload-ready .dndupload-target {display:block;} -.dndupload-uploadinprogress {display:none;text-align:center;} -.dndupload-uploading .dndupload-uploadinprogress {display:block;} -.dndupload-arrow {background:url([[pix:theme|fp/dnd_arrow]]) center no-repeat;width:100%;height:80px;position:absolute;top:5px;} -.fitem.disabled .filepicker-container, .fitem.disabled .fm-empty-container {display:none;} -.dndupload-progressbars {padding:10px;display:none;} -.dndupload-inprogress .dndupload-progressbars {display:block;} -.dndupload-inprogress .fp-content {display:none;} -.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {display:none;} -.filepicker-filelist.dndupload-inprogress .filepicker-container {display:none;} -.filepicker-filelist.dndupload-inprogress a {display:none;} +.filemanager-container.dndupload-over .dndupload-target { + background: #FFFFFF; + position: absolute; + top: 10px; + bottom: 10px; + left: 10px; + right: 10px; + border: 2px dashed #6c8cd3; + padding-top: 85px; + text-align: center; +} + +.dndupload-message { + display: none; +} + +.dndsupported .dndupload-message { + display: inline; +} + +.dnduploadnotsupported-message { + display: none; +} + +.dndnotsupported .dnduploadnotsupported-message { + display: inline; +} + +.dndupload-target { + display: none; +} + +.dndsupported .dndupload-ready .dndupload-target { + display: block; +} + +.dndupload-uploadinprogress { + display: none; + text-align: center; +} + +.dndupload-uploading .dndupload-uploadinprogress { + display: block; +} + +.dndupload-arrow { + background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat; + width: 100%; + height: 80px; + position: absolute; + top: 5px; +} + +.fitem.disabled .filepicker-container, +.fitem.disabled .fm-empty-container { + display: none; +} + +.dndupload-progressbars { + padding: 10px; + display: none; +} + +.dndupload-inprogress .dndupload-progressbars { + display: block; +} + +.dndupload-inprogress .fp-content { + display: none; +} + +.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container { + display: none; +} + +.filepicker-filelist.dndupload-inprogress .filepicker-container { + display: none; +} + +.filepicker-filelist.dndupload-inprogress a { + display: none; +} /* * Select Dialogue (File Manager only) */ -.filemanager.fp-select .fp-select-loading {display:none;} -.filemanager.fp-select.loading .fp-select-loading {display:block;} -.filemanager.fp-select.loading form {display:none;} + +.filemanager.fp-select .fp-select-loading { + display: none; +} + +.filemanager.fp-select.loading .fp-select-loading { + display: block; +} + +.filemanager.fp-select.loading form { + display: none; +} + /* disable unavailable actions:*/ + + /*.filemanager.fp-select.fp-zip .fp-license,*/ + .filemanager.fp-select.fp-folder .fp-license, -/*.filemanager.fp-select.fp-zip .fp-author,*/ .filemanager.fp-select.fp-folder .fp-author, .filemanager.fp-select.fp-file .fp-file-unzip, .filemanager.fp-select.fp-folder .fp-file-unzip, .filemanager.fp-select.fp-file .fp-file-zip, -.filemanager.fp-select.fp-zip .fp-file-zip {display:none;} +.filemanager.fp-select.fp-zip .fp-file-zip { + display: none; +} + .filemanager.fp-select .fp-file-setmain, -.filemanager.fp-select .fp-file-setmain-help {display:none;} +.filemanager.fp-select .fp-file-setmain-help { + display: none; +} + .filemanager.fp-select.fp-cansetmain .fp-file-setmain, -.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {display:inline-block;} -.filemanager .fp-mainfile .fp-filename {font-weight:bold;} -.filemanager.fp-select.fp-folder .fp-file-download {display:none;} /* to be implemented */ -.fm-operation {font-weight:bold;} +.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help { + display: inline-block; +} -.filemanager.fp-select .fp-original.fp-unknown {display:none;} -.filemanager.fp-select .fp-original .fp-originloading {display:none;} -.filemanager.fp-select .fp-original.fp-loading .fp-originloading {display:inline;} +.filemanager .fp-mainfile .fp-filename { + font-weight: bold; +} -.filemanager.fp-select .fp-reflist.fp-unknown {display:none;} -.filemanager.fp-select .fp-reflist .fp-reflistloading {display:none;} -.filemanager.fp-select .fp-refcount {max-width:265px;} -.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {display:inline;} -.filemanager.fp-select .fp-reflist .fp-value {background:#F9F9F9;border:1px solid #BBBBBB;padding:8px 7px;margin:0px;max-width:265px;max-height:75px;overflow:auto;} -.filemanager.fp-select .fp-reflist .fp-value li {padding-bottom:7px;} +.filemanager.fp-select.fp-folder .fp-file-download { + display: none; +} + +/* to be implemented */ + +.fm-operation { + font-weight: bold; +} + +.filemanager.fp-select .fp-original.fp-unknown { + display: none; +} + +.filemanager.fp-select .fp-original .fp-originloading { + display: none; +} + +.filemanager.fp-select .fp-original.fp-loading .fp-originloading { + display: inline; +} + +.filemanager.fp-select .fp-reflist.fp-unknown { + display: none; +} + +.filemanager.fp-select .fp-reflist .fp-reflistloading { + display: none; +} + +.filemanager.fp-select .fp-refcount { + max-width: 265px; +} + +.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading { + display: inline; +} + +.filemanager.fp-select .fp-reflist .fp-value { + background: #F9F9F9; + border: 1px solid #BBBBBB; + padding: 8px 7px; + margin: 0px; + max-width: 265px; + max-height: 75px; + overflow: auto; +} + +.filemanager.fp-select .fp-reflist .fp-value li { + padding-bottom: 7px; +} /* * Create folder dialogue (File Manager only) */ -.filemanager.fp-mkdir-dlg {text-align:center;} -.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {text-align:left;margin:20px;} -.dir-rtl .filemanager .fp-mkdir-dlg p {text-align:right;} +.filemanager.fp-mkdir-dlg { + text-align: center; +} + +.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text { + text-align: left; + margin: 20px; +} + +.dir-rtl .filemanager .fp-mkdir-dlg p { + text-align: right; +} /* * Confirm dialogue for delete (File Manager only) */ -.filemanager.fp-dlg {text-align:center;} -.filemanager.fp-dlg .fp-dlg-text {padding:0px 10px;min-width:200px;max-width:340px;max-height:300px;overflow:auto;line-height:22px;margin:40px 20px 20px;font-size:12px;} + +.filemanager.fp-dlg { + text-align: center; +} + +.filemanager.fp-dlg .fp-dlg-text { + padding: 0px 10px; + min-width: 200px; + max-width: 340px; + max-height: 300px; + overflow: auto; + line-height: 22px; + margin: 40px 20px 20px; + font-size: 12px; +} /* *file picker search dialog */ -.file-picker div.bd {text-align:left;} + +.file-picker div.bd { + text-align: left; +} /* RTL Overrides -------------------------*/ -.dir-rtl .file-picker div.bd {text-align:right;} -.dir-rtl .file-picker .fp-pathbar {text-align:right;} -.dir-rtl .file-picker .fp-list {text-align:right;} -.dir-rtl .filepicker .yui-layout-unit-left {left:500px;} -.dir-rtl .filepicker .yui-layout-unit-center {left:0;} -.dir-rtl #filemenu .yuimenuitemlabel {text-align:right;} -.dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {text-align:right;} -.dir-rtl .filemanager .fp-restrictions { text-align: left; } + +.dir-rtl .file-picker div.bd { + text-align: right; +} + +.dir-rtl .file-picker .fp-pathbar { + text-align: right; +} + +.dir-rtl .file-picker .fp-list { + text-align: right; +} + +.dir-rtl .filepicker .yui-layout-unit-left { + left: 500px; +} + +.dir-rtl .filepicker .yui-layout-unit-center { + left: 0; +} + +.dir-rtl #filemenu .yuimenuitemlabel { + text-align: right; +} + +.dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header { + text-align: right; +} + +.dir-rtl .filemanager .fp-restrictions { + text-align: left; +} + .dir-rtl .file-picker .fp-toolbar .fp-tb-search input { background-position: 208px 7px; padding: 2px 30px 1px 3px; } + .dir-rtl .file-picker .fp-toolbar div { float: right; - margin-left:4px; + margin-left: 4px; } /* * Forms for file picker. */ -.fp-formset {margin:0 auto;width:500px;} -.fp-formset div {text-align:left;} -.fp-formset .controls {text-align:left;} -.fp-formset label {display:block;float:left;width:210px;text-align:right;margin:0 10px 0 0;} -.fp-formset .fp-popup { text-align: center; } -.fp-formset .fp-setlicense select {width:280px;} -.fp-forminset { margin-bottom: 10px; } -.fp-forminset label {display:block;float:left;width:95px;text-align:right;margin:0 10px 0 0;} -.fp-forminset input[type="text"] { width: 258px; margin: 0; } -.fp-forminset select { width: 272px; margin: 0; } -.fp-forminset .controls {float:left;} -.fp-forminset label.control-radio { float: right; text-align: left; width: 250px; } -.fp-forminset .controls.control-radio { margin-left: 105px; } -.fp-forminset .controls.control-radio input { margin-top: 5px; } -.file-picker .fp-fileinfo .fp-value { display: inline-block; padding-left: 5px; } -.dir-rtl .fp-forminset label {display:block;float:right;width:95px;text-align:right;margin:0 0 0 10px;} -.dir-rtl .fp-forminset .controls {float:right;} -.dir-rtl .fp-forminset .fp-select-buttons {float:left;} -.dir-rtl .fp-forminset .fp-setlicense select, .dir-rtl .fp-forminset .fp-license select {width:272px;} -.dir-rtl .fp-forminset input[type="text"] { width: 258px; margin: 0; } -.dir-rtl .fp-forminset label.control-radio { float: left; text-align: right; width: 250px; margin-left: 0; } -.dir-rtl .fp-forminset .controls.control-radio { margin: 0 100px 0 0; } -.dir-rtl .fp-select .fp-thumbnail { margin-right: 0;} -.dir-rtl .file-picker .fp-fileinfo .fp-value { display: inline-block; padding: 0 5px 0 0; } -.dir-rtl .fp-formset div {text-align:right;} -.dir-rtl .fp-formset label {float:right;text-align:left; margin:0 0 0 10px;} + +.fp-formset { + margin: 0 auto; + width: 500px; +} + +.fp-formset div { + text-align: left; +} + +.fp-formset .controls { + text-align: left; +} + +.fp-formset label { + display: block; + float: left; + width: 210px; + text-align: right; + margin: 0 10px 0 0; +} + +.fp-formset .fp-popup { + text-align: center; +} + +.fp-formset .fp-setlicense select { + width: 280px; +} + +.fp-forminset { + margin-bottom: 10px; +} + +.fp-forminset label { + display: block; + float: left; + width: 95px; + text-align: right; + margin: 0 10px 0 0; +} + +.fp-forminset input[type="text"] { + width: 258px; + margin: 0; +} + +.fp-forminset select { + width: 272px; + margin: 0; +} + +.fp-forminset .controls { + float: left; +} + +.fp-forminset label.control-radio { + float: right; + text-align: left; + width: 250px; +} + +.fp-forminset .controls.control-radio { + margin-left: 105px; +} + +.fp-forminset .controls.control-radio input { + margin-top: 5px; +} + +.file-picker .fp-fileinfo .fp-value { + display: inline-block; + padding-left: 5px; +} + +.dir-rtl .fp-forminset label { + display: block; + float: right; + width: 95px; + text-align: right; + margin: 0 0 0 10px; +} + +.dir-rtl .fp-forminset .controls { + float: right; +} + +.dir-rtl .fp-forminset .fp-select-buttons { + float: left; +} + +.dir-rtl .fp-forminset .fp-setlicense select, +.dir-rtl .fp-forminset .fp-license select { + width: 272px; +} + +.dir-rtl .fp-forminset input[type="text"] { + width: 258px; + margin: 0; +} + +.dir-rtl .fp-forminset label.control-radio { + float: left; + text-align: right; + width: 250px; + margin-left: 0; +} + +.dir-rtl .fp-forminset .controls.control-radio { + margin: 0 100px 0 0; +} + +.dir-rtl .fp-select .fp-thumbnail { + margin-right: 0; +} + +.dir-rtl .file-picker .fp-fileinfo .fp-value { + display: inline-block; + padding: 0 5px 0 0; +} + +.dir-rtl .fp-formset div { + text-align: right; +} + +.dir-rtl .fp-formset label { + float: right; + text-align: left; + margin: 0 0 0 10px; +} + /** * Responsive styles for the filepicker */ -@media (max-width:767px) { - .file-picker .fp-repo-area {width:100%;height:auto;max-height:220px;y-scroll:auto;float:none;border:0px;} - .file-picker .fp-repo-items {width:100%;float:none;margin-left:0;} - .file-picker .fp-login-form .fp-login-input .label {text-align:left;} - .dir-rtl .file-picker .fp-login-form .fp-login-input .label {text-align:right;} - .file-picker .fp-content form td {display:block;width:100%;text-align:left;} - .dir-rtl .file-picker .fp-content form td {text-align:right;} - .fp-content .mdl-right {text-align:left;} - .dir-rtl .fp-content .mdl-right {text-align:right;} - .fp-repo-items .fp-navbar {border-top:1px solid rgb(187, 187, 187);} - .fp-formset, .fp-forminset {margin:0 10px;width:auto;} - .fp-formset label, .fp-forminset label {float:none;width:210px;text-align:left;margin:5px 0;} - .dir-rtl .fp-formset label, .dir-rtl .fp-forminset label {text-align:right;float:none;} - .dir-rtl .filepicker.moodle-dialogue-fullscreen .file-picker .fp-repo-items { float:right; } + +@media (max-width: 767px) { + .file-picker .fp-repo-area { + width: 100%; + height: auto; + max-height: 220px; + float: none; + border: 0px; + } + + .file-picker .fp-repo-items { + width: 100%; + float: none; + margin-left: 0; + } + + .file-picker .fp-login-form .fp-login-input .label { + text-align: left; + } + + .dir-rtl .file-picker .fp-login-form .fp-login-input .label { + text-align: right; + } + + .file-picker .fp-content form td { + display: block; + width: 100%; + text-align: left; + } + + .dir-rtl .file-picker .fp-content form td { + text-align: right; + } + + .fp-content .mdl-right { + text-align: left; + } + + .dir-rtl .fp-content .mdl-right { + text-align: right; + } + + .fp-repo-items .fp-navbar { + border-top: 1px solid rgb(187, 187, 187); + } + + .fp-formset, + .fp-forminset { + margin: 0 10px; + width: auto; + } + + .fp-formset label, + .fp-forminset label { + float: none; + width: 210px; + text-align: left; + margin: 5px 0; + } + + .dir-rtl .fp-formset label, + .dir-rtl .fp-forminset label { + text-align: right; + float: none; + } + + .dir-rtl .filepicker.moodle-dialogue-fullscreen .file-picker .fp-repo-items { + float: right; + } } diff --git a/theme/base/style/grade.css b/theme/base/style/grade.css index 8647509bb9a..4d4e5962f7b 100644 --- a/theme/base/style/grade.css +++ b/theme/base/style/grade.css @@ -1,101 +1,142 @@ /*** Grades ***/ -.allcoursegrades {width: 100%;text-align: right;padding: 4px 0px 5px 0px;} +.allcoursegrades { + width: 100%; + text-align: right; + padding: 4px 0px 5px 0px; +} .core_grades_notices .singlebutton { display: inline-block; } -.path-grade-edit .buttons {text-align:center;} -.path-grade-edit-tree .idnumber {margin-left: 15px;} -.path-grade-edit-tree .movetarget {position: relative;width: 80px;height: 16px;} +.path-grade-edit .buttons { + text-align: center; +} + +.path-grade-edit-tree .idnumber { + margin-left: 15px; +} + +.path-grade-edit-tree .movetarget { + position: relative; + width: 80px; + height: 16px; +} .path-grade-edit-tree .setup-grades { width: 100%; } + .path-grade-edit-tree .setup-grades thead th { text-align: left; } + .path-grade-edit-tree .setup-grades .column-rowspan { padding: 0; width: 24px; min-width: 24px; max-width: 24px; } + .path-grade-edit-tree .setup-grades .category td.column-name { padding-left: 0; } + .path-grade-edit-tree .setup-grades td.column-name { padding-left: 24px; } + .path-grade-edit-tree .setup-grades .column-name h4 img.icon { padding-left: 0; } + .path-grade-edit-tree .setup-grades .column-name img.smallicon { margin: 0 .3em; } + .path-grade-edit-tree .setup-grades .category input[type="text"], .path-grade-edit-tree .setup-grades .category .column-range, .path-grade-edit-tree .setup-grades .categoryitem, .path-grade-edit-tree .setup-grades .courseitem { font-weight: bold; } + .path-grade-edit-tree .setup-grades .emptyrow { display: none; } + .path-grade-edit-tree .setup-grades.generaltable .levelodd { background-color: #f0f0f0; } + .path-grade-edit-tree .setup-grades.generaltable .leveleven { background-color: #fafafa; } + .path-grade-edit-tree .setup-grades .column-weight.level3 { padding-left: 37px; } + .path-grade-edit-tree .setup-grades .column-weight.level4 { padding-left: 66px; } + .path-grade-edit-tree .setup-grades .column-weight.level5 { padding-left: 95px; } + .path-grade-edit-tree .setup-grades .column-weight.level6 { padding-left: 124px; } + .path-grade-edit-tree .setup-grades .column-weight.level7 { padding-left: 153px; } + .path-grade-edit-tree .setup-grades .column-weight.level8 { padding-left: 182px; } + .path-grade-edit-tree .setup-grades .column-weight.level9 { padding-left: 211px; } + .path-grade-edit-tree .setup-grades .column-weight.level10 { padding-left: 240px; } + .path-grade-edit-tree .setup-grades .column-range.level2 { padding-left: 37px; } + .path-grade-edit-tree .setup-grades .column-range.level3 { padding-left: 66px; } + .path-grade-edit-tree .setup-grades .column-range.level4 { padding-left: 95px; } + .path-grade-edit-tree .setup-grades .column-range.level5 { padding-left: 124px; } + .path-grade-edit-tree .setup-grades .column-range.level6 { padding-left: 153px; } + .path-grade-edit-tree .setup-grades .column-range.level7 { padding-left: 182px; } + .path-grade-edit-tree .setup-grades .column-range.level8 { padding-left: 211px; } + .path-grade-edit-tree .setup-grades .column-range.level9 { padding-left: 240px; } + .path-grade-edit-tree .setup-grades .column-range.level10 { padding-left: 269px; } @@ -103,131 +144,304 @@ .dir-rtl.path-grade-edit-tree .setup-grades thead th { text-align: right; } + .dir-rtl.path-grade-edit-tree .setup-grades .category td.column-name { padding-right: 0; } + .dir-rtl.path-grade-edit-tree .setup-grades td.column-name { padding-right: 24px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-name h4 img.icon { padding-left: 4px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-weight input[type="checkbox"] { margin-right: 0; margin-left: 7px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-select input[type="checkbox"] { margin-right: 0; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-weight.level3 { padding-left: 0; padding-right: 37px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-weight.level4 { padding-left: 0; padding-right: 66px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-weight.level5 { padding-left: 0; padding-right: 95px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-weight.level6 { padding-left: 0; padding-right: 124px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-weight.level7 { padding-left: 0; padding-right: 153px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-weight.level8 { padding-left: 0; padding-right: 182px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-weight.level9 { padding-left: 0; padding-right: 211px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-weight.level10 { padding-left: 0; padding-right: 240px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-range.level2 { padding-left: 0; padding-right: 37px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-range.level3 { padding-left: 0; padding-right: 66px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-range.level4 { padding-left: 0; padding-right: 95px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-range.level5 { padding-left: 0; padding-right: 124px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-range.level6 { padding-left: 0; padding-right: 153px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-range.level7 { padding-left: 0; padding-right: 182px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-range.level8 { padding-left: 0; padding-right: 211px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-range.level9 { padding-left: 0; padding-right: 240px; } + .dir-rtl.path-grade-edit-tree .setup-grades .column-range.level10 { padding-left: 0; padding-right: 269px; } -#grade-report-toggles {text-align: center;} -#grade-aggregation-help dt {margin-top: 15px;} -#grade-aggregation-help dd.example {margin-top: 7px;} -#grade-aggregation-help code {display: block;margin-top: 7px;} -.gradeexportlink {padding: 2em;text-align: center;} +#grade-report-toggles { + text-align: center; +} -.gradetreebox {margin-top:10px;overflow-x:auto;overflow-y:hidden;} -.gradetreebox #gradetreesubmit {margin-bottom:1em;text-align: center;} +#grade-aggregation-help dt { + margin-top: 15px; +} + +#grade-aggregation-help dd.example { + margin-top: 7px; +} + +#grade-aggregation-help code { + display: block; + margin-top: 7px; +} + +.gradeexportlink { + padding: 2em; + text-align: center; +} + +.gradetreebox { + margin-top: 10px; + overflow-x: auto; + overflow-y: hidden; +} + +.gradetreebox #gradetreesubmit { + margin-bottom: 1em; + text-align: center; +} /** Advanced grading **/ -#page-grade-grading-manage #activemethodselector {text-align:center;margin-bottom:1em;} -#page-grade-grading-manage #activemethodselector select {margin:0px 1em;} -#page-grade-grading-manage .actions {text-align:center;} -#page-grade-grading-manage .action {display:inline-block;width: 150px;background-color:#EEE;border:2px solid #CCC; - margin:0.5em;padding:0.5em;text-align:center;-moz-border-radius:5px} -#page-grade-grading-manage .action:hover {text-decoration:none;background-color:#F6F6F6;} -#page-grade-grading-manage #actionresultmessagebox {background-color:#D2EBFF;width:60%;margin:1em auto 1em auto;text-align:center; - padding:0.5em;border:2px solid #CCC;-moz-border-radius:5px;position:relative} -#page-grade-grading-manage #actionresultmessagebox span {position:absolute;right:0px;top:-1.2em;color:#666;font-size:80%} -#page-grade-grading-manage .definition-name .status {font-weight:normal;text-transform:uppercase;font-size:60%;padding:0.25em;border:1px solid #EEE;-moz-border-radius:5px;} -#page-grade-grading-manage .definition-name .status.ready {background-color:#e7f1c3;border-color:#AAEEAA;} -#page-grade-grading-manage .definition-name .status.draft {background-color:#f3f2aa;border-color:#EEEE22;} -#page-grade-grading-manage .definition-preview {width:50%;margin:1em auto;border:1px solid #EEE; padding: 1em;} -#page-grade-grading-pick .templatesearchform {} -#page-grade-grading-pick .template-name {clear: both; padding:3px; background-color: #F6F6F6;} -#page-grade-grading-pick .template-name .type {font-weight:normal;text-transform:uppercase;font-size:60%;padding:0.25em;border:1px solid #EEE;-moz-border-radius:5px;} -#page-grade-grading-pick .template-name .type.shared {background-color:#e7f1c3;border-color:#AAEEAA} -#page-grade-grading-pick .template-name .type.ownform {background-color:#d2ebff;border-color:#AACCEE} -#page-grade-grading-pick .template-description {margin-bottom: 1em; padding: 0px 2em 0px 0px; margin-right:51%;} -#page-grade-grading-pick .template-preview {width:50%; float:right; border:1px solid #EEE; padding: 1em; margin-bottom: 1em;} -#page-grade-grading-pick .template-actions {margin-bottom: 1em; padding: 0px 2em 0px 0px; margin-right:51%;} -#page-grade-grading-pick .template-actions .action {display:inline-block;margin:0.25em;padding:0.25em;border:2px solid transparent;} -#page-grade-grading-pick .template-actions .action.pick {background-color:#EEE;border:2px solid #CCC;-moz-border-radius:3px} -#page-grade-grading-pick .template-actions .action:hover {text-decoration:none;background-color:#F6F6F6;border:2px solid #CCC;-moz-border-radius:3px} -#page-grade-grading-pick .template-actions .action .action-text {display:inline;} -#page-grade-grading-pick .template-actions .action .action-icon {margin:0px 3px;} -#page-grade-grading-pick .template-preview-confirm {width:50%;margin:1em auto;border:1px solid #EEE; padding: 1em;} +#page-grade-grading-manage #activemethodselector { + text-align: center; + margin-bottom: 1em; +} + +#page-grade-grading-manage #activemethodselector select { + margin: 0px 1em; +} + +#page-grade-grading-manage .actions { + text-align: center; +} + +#page-grade-grading-manage .action { + display: inline-block; + width: 150px; + background-color: #EEE; + border: 2px solid #CCC; + margin: 0.5em; + padding: 0.5em; + text-align: center; + -moz-border-radius: 5px; +} + +#page-grade-grading-manage .action:hover { + text-decoration: none; + background-color: #F6F6F6; +} + +#page-grade-grading-manage #actionresultmessagebox { + background-color: #D2EBFF; + width: 60%; + margin: 1em auto 1em auto; + text-align: center; + padding: 0.5em; + border: 2px solid #CCC; + -moz-border-radius: 5px; + position: relative; +} + +#page-grade-grading-manage #actionresultmessagebox span { + position: absolute; + right: 0px; + top: -1.2em; + color: #666; + font-size: 80%; +} + +#page-grade-grading-manage .definition-name .status { + font-weight: normal; + text-transform: uppercase; + font-size: 60%; + padding: 0.25em; + border: 1px solid #EEE; + -moz-border-radius: 5px; +} + +#page-grade-grading-manage .definition-name .status.ready { + background-color: #e7f1c3; + border-color: #AAEEAA; +} + +#page-grade-grading-manage .definition-name .status.draft { + background-color: #f3f2aa; + border-color: #EEEE22; +} + +#page-grade-grading-manage .definition-preview { + width: 50%; + margin: 1em auto; + border: 1px solid #EEE; + padding: 1em; +} + +#page-grade-grading-pick .template-name { + clear: both; + padding: 3px; + background-color: #F6F6F6; +} + +#page-grade-grading-pick .template-name .type { + font-weight: normal; + text-transform: uppercase; + font-size: 60%; + padding: 0.25em; + border: 1px solid #EEE; + -moz-border-radius: 5px; +} + +#page-grade-grading-pick .template-name .type.shared { + background-color: #e7f1c3; + border-color: #AAEEAA; +} + +#page-grade-grading-pick .template-name .type.ownform { + background-color: #d2ebff; + border-color: #AACCEE; +} + +#page-grade-grading-pick .template-description { + margin-bottom: 1em; + padding: 0px 2em 0px 0px; + margin-right: 51%; +} + +#page-grade-grading-pick .template-preview { + width: 50%; + float: right; + border: 1px solid #EEE; + padding: 1em; + margin-bottom: 1em; +} + +#page-grade-grading-pick .template-actions { + margin-bottom: 1em; + padding: 0px 2em 0px 0px; + margin-right: 51%; +} + +#page-grade-grading-pick .template-actions .action { + display: inline-block; + margin: 0.25em; + padding: 0.25em; + border: 2px solid transparent; +} + +#page-grade-grading-pick .template-actions .action.pick { + background-color: #EEE; + border: 2px solid #CCC; + -moz-border-radius: 3px; +} + +#page-grade-grading-pick .template-actions .action:hover { + text-decoration: none; + background-color: #F6F6F6; + border: 2px solid #CCC; + -moz-border-radius: 3px; +} + +#page-grade-grading-pick .template-actions .action .action-text { + display: inline; +} + +#page-grade-grading-pick .template-actions .action .action-icon { + margin: 0px 3px; +} + +#page-grade-grading-pick .template-preview-confirm { + width: 50%; + margin: 1em auto; + border: 1px solid #EEE; + padding: 1em; +} + #page-grade-grading-pick .singlebutton, .path-grade-report-user h2 { - clear:both; + clear: both; } /** pre-2.6 outcomes **/ @@ -236,8 +450,9 @@ margin-right: auto; width: 100%; } + #page-grade-edit-outcome-course .courseoutcomes td { - text-align:center; + text-align: center; } .path-grade-edit-tree table.setup-grades .column-weight { @@ -253,9 +468,11 @@ .path-grade-report-user .user-grade { border-color: black; } + .path-grade-report-user .user-grade.generaltable .levelodd { background-color: #f0f0f0; } + .path-grade-report-user .user-grade.generaltable .leveleven { background-color: #fafafa; } @@ -265,6 +482,7 @@ .has_dock.path-grade-report-grader .gradeparent .sideonly.floating > .cell { padding-left: 35px; } + .path-grade-report-grader .gradeparent .clickable { cursor: pointer; } @@ -284,4 +502,3 @@ margin-left: 0; margin-right: 30px; } - diff --git a/theme/base/style/message.css b/theme/base/style/message.css index a729381eb7f..84c8536ecfc 100644 --- a/theme/base/style/message.css +++ b/theme/base/style/message.css @@ -1,42 +1,93 @@ /** Message **/ -.message-discussion-noframes h1 {font-size:1em;} -.message-discussion-noframes #userinfo .commands {font-size:0.8em;} +.message-discussion-noframes h1 { + font-size: 1em; +} -.message .noframesjslink {font-size:0.8em;} -.message .link {font-size:0.8em;} +.message-discussion-noframes #userinfo .commands { + font-size: 0.8em; +} -.message .heading {font-size:1.0em;font-weight:bold;clear:both;} +.message .noframesjslink { + font-size: 0.8em; +} -.message .author {font-weight: bold;} -.message .time {font-style: italic;} -.message .text {} +.message .link { + font-size: 0.8em; +} -#page-message-user .commands span {font-size:0.7em;} -#page-message-user .name {font-weight: bold;font-size:1.1em;} -table.message_search_results td {border-color:#DDDDDD;} +.message .heading { + font-size: 1.0em; + font-weight: bold; + clear: both; +} -.message .time {color: #999999;} -.message.me .author {color: #999999;} -.message.other .author {color: #8888CC;} +.message .author { + font-weight: bold; +} -#page-message-messages {padding:10px;} -#page-message-send .notifysuccess {padding:1px;} -#page-message-send td.fixeditor {text-align:center;} +.message .time { + font-style: italic; +} -.message .note {padding:10px;} -table.message .searchresults td {padding:5px;} +#page-message-user .commands span { + font-size: 0.7em; +} + +#page-message-user .name { + font-weight: bold; + font-size: 1.1em; +} + +table.message_search_results td { + border-color: #DDDDDD; +} + +.message .time { + color: #999999; +} + +.message.me .author { + color: #999999; +} + +.message.other .author { + color: #8888CC; +} + +#page-message-messages { + padding: 10px; +} + +#page-message-send .notifysuccess { + padding: 1px; +} + +#page-message-send td.fixeditor { + text-align: center; +} + +.message .note { + padding: 10px; +} + +table.message .searchresults td { + padding: 5px; +} .message .contactselector { width: 24%; float: left; } + .dir-rtl .message .contactselector { float: right; } + .message .contactselector .paging { z-index: 1; position: relative; } + .message .message-contacts { list-style-type: none; margin: 0; @@ -51,36 +102,52 @@ table.message .searchresults td {padding:5px;} left: 0; position: absolute; } + .dir-rtl .message .message-contacts li .pix { left: auto; right: 0; } + .message .message-contacts li .contact { margin: 0 24% 0 25px; text-align: left; } + .dir-rtl .message .message-contacts li .contact { text-align: right; margin: 0 25px 0 24%; } + .message .message-contacts li .contact.nolinks { margin-right: 5px; } + .dir-rtl .message .message-contacts li .contact.nolinks { margin-left: 5px; margin-right: 25px; } + .message .message-contacts li .link { float: right; max-width: 30%; } + .dir-rtl .message .message-contacts li .link { float: left; } -.message .messagearea {padding-left:1%;border-left:1px solid LightGrey;width:74%;float:right;min-height:200px;} -.message .messagearea .messagehistorytype {clear:both;padding-bottom:20px;} +.message .messagearea { + padding-left: 1%; + border-left: 1px solid LightGrey; + width: 74%; + float: right; + min-height: 200px; +} +.message .messagearea .messagehistorytype { + clear: both; + padding-bottom: 20px; +} .message .messagearea .messagehistory .user { vertical-align: top; @@ -88,120 +155,233 @@ table.message .searchresults td {padding:5px;} min-width: 100px; float: left; } + .message .messagearea .messagehistory .user:first-child { margin-left: 13%; } + .message .messagearea .messagehistory .user:last-child { margin-right: 13%; } + .dir-rtl .message .messagearea .messagehistory .user:first-child { margin-right: 13%; margin-left: 0; } + .dir-rtl .message .messagearea .messagehistory .user:last-child { margin-left: 13%; margin-right: 0; } + .message .messagearea .messagehistory .user > div { text-align: center; border: none; } + .message .messagearea .messagehistory .between { float: left; width: 16px; margin: 0 3%; padding-top: 40px; } + .dir-rtl .message .messagearea .messagehistory .between, .dir-rtl .message .messagearea .messagehistory .user { float: right; } .message .messagearea .messagehistory .heading, -.message .messagearea .messagehistory h3 {width:100%;clear:both;} -.message .messagearea .messagehistory .left {position:relative;margin-bottom:10px;width:50%;float:left;clear:both;} -.dir-rtl .message .messagearea .messagehistory .left { float: right; } -.message .messagearea .messagehistory .right {position:relative;margin-bottom:10px;width:50%;float:right;clear:both;} -.dir-rtl .message .messagearea .messagehistory .right { float:left; } +.message .messagearea .messagehistory h3 { + width: 100%; + clear: both; +} + +.message .messagearea .messagehistory .left { + position: relative; + margin-bottom: 10px; + width: 50%; + float: left; + clear: both; +} + +.dir-rtl .message .messagearea .messagehistory .left { + float: right; +} + +.message .messagearea .messagehistory .right { + position: relative; + margin-bottom: 10px; + width: 50%; + float: right; + clear: both; +} + +.dir-rtl .message .messagearea .messagehistory .right { + float: left; +} .dir-ltr .message .messagearea .messagehistory .message { margin-right: 20px; } + .dir-ltr .message .messagearea .messagehistory .right .message { margin-left: 20px; } + .dir-rtl .message .messagearea .messagehistory .message { margin-left: 20px; } + .dir-rtl .message .messagearea .messagehistory .right .message { margin-right: 20px; } + .message .messagearea .messagehistory .messageactive { background-color: #F5F5F5; } + .message .messagearea .messagehistory .messagecontent .deleteicon { width: 20px; position: absolute; top: -2px; } + .dir-ltr .message .messagearea .messagehistory .messagecontent .deleteicon { right: 0; } + .dir-rtl .message .messagearea .messagehistory .messagecontent .deleteicon { left: 0; } -.message .messagearea .messagehistory .notification {padding:10px;background-color:#EEEEEE;margin-top:5px;} -.message .messagearea .messagesend {padding-top:20px;clear:both;} -.message .messagearea .messagesend .messagesendbox {width:100%} -.message .messagearea .messagesend fieldset {padding:0px;margin:0;} /** bring the message send button closer to the message box */ +.message .messagearea .messagehistory .notification { + padding: 10px; + background-color: #EEEEEE; + margin-top: 5px; +} -.message .messagearea .messagerecent {text-align:left;width:100%;} -.message .messagearea .messagerecent .singlemessage {border-bottom:1px solid #D3D3D3;padding:10px;} -.message .messagearea .messagerecent .singlemessage .otheruser span {padding:5px;} -.message .messagearea .messagerecent .singlemessage .messagedate {float:right;} +.message .messagearea .messagesend { + padding-top: 20px; + clear: both; +} -.message .hiddenelement {display:none;} /** not just using hidden as mform adds that class to its fieldset */ -.message .visible {display:inline;} +.message .messagearea .messagesend .messagesendbox { + width: 100%; +} -.message #usergroupselector.fieldset, .message #viewing {width: 100%;} +.message .messagearea .messagesend fieldset { + padding: 0px; + margin: 0; +} /** bring the message send button closer to the message box */ -.messagesearchresults {margin-bottom:40px;} -.messagesearchresults td {padding:0px 10px 0px 20px;} -.messagesearchresults td span {white-space:nowrap;} -.messagesearchresults td img.userpicture { padding-right: .45em; vertical-align: text-bottom; } -.dir-rtl .messagesearchresults td img.userpicture { padding-left: .45em; padding-right: 0; } -.messagesearchresults td span img { padding: 0 0 0 .45em; vertical-align: text-bottom; } -.dir-rtl .messagesearchresults td span img { padding: 0 .45em 0 0; } +.message .messagearea .messagerecent { + text-align: left; + width: 100%; +} -#newmessageoverlay {background-color:LightGrey;border:1px solid black;padding:20px;position:fixed;bottom:0;right:0;} -#newmessageoverlay #usermessage {padding:10px;} -.ie6 #newmessageoverlay {position:static;} +.message .messagearea .messagerecent .singlemessage { + border-bottom: 1px solid #D3D3D3; + padding: 10px; +} + +.message .messagearea .messagerecent .singlemessage .otheruser span { + padding: 5px; +} + +.message .messagearea .messagerecent .singlemessage .messagedate { + float: right; +} + +.message .hiddenelement { + display: none; +} /** not just using hidden as mform adds that class to its fieldset */ +.message .visible { + display: inline; +} + +.message #usergroupselector.fieldset, +.message #viewing { + width: 100%; +} + +.messagesearchresults { + margin-bottom: 40px; +} + +.messagesearchresults td { + padding: 0px 10px 0px 20px; +} + +.messagesearchresults td span { + white-space: nowrap; +} + +.messagesearchresults td img.userpicture { + padding-right: .45em; + vertical-align: text-bottom; +} + +.dir-rtl .messagesearchresults td img.userpicture { + padding-left: .45em; + padding-right: 0; +} + +.messagesearchresults td span img { + padding: 0 0 0 .45em; + vertical-align: text-bottom; +} + +.dir-rtl .messagesearchresults td span img { + padding: 0 .45em 0 0; +} + +#newmessageoverlay { + background-color: LightGrey; + border: 1px solid black; + padding: 20px; + position: fixed; + bottom: 0; + right: 0; +} + +#newmessageoverlay #usermessage { + padding: 10px; +} + +.ie6 #newmessageoverlay { + position: static; +} /** Messenger send message dialog */ .core_message-messenger-sendmessage-hidden { - display:none; + display: none; } + .core_message-messenger-sendmessage .message.actions { position: relative; } + .core_message-messenger-sendmessage .message-area { height: 240px; max-height: 100%; position: relative; margin-bottom: 10px; } + .core_message-messenger-sendmessage .message-input { width: 100%; height: 100%; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .core_message-messenger-sendmessage .message-send { margin: 0; float: right; } + .core_message-messenger-sendmessage .message-notice-area { display: table; position: absolute; @@ -212,24 +392,29 @@ table.message .searchresults td {padding:5px;} width: 100%; height: 100%; } + .core_message-messenger-sendmessage .message-notice { display: table-cell; vertical-align: middle; text-align: center; } + .core_message-messenger-sendmessage .message-notice > div { background: #eee; padding: 5px; font-size: 12px; } + .core_message-messenger-sendmessage .message-footer { margin-top: 3px; line-height: 20px; } + .core_message-messenger-sendmessage .message-history { position: absolute; bottom: 0; } + .dir-rtl .core_message-messenger-sendmessage .message-send { float: left; } diff --git a/theme/base/style/pagelayout.css b/theme/base/style/pagelayout.css index 2d8557004e6..13a6847b7f6 100644 --- a/theme/base/style/pagelayout.css +++ b/theme/base/style/pagelayout.css @@ -27,83 +27,273 @@ * ****/ -body {margin:auto 0px;width:auto;} -#page {width:100%;position:relative;} -#page-header {float:left;width:100%;} -#page-content {clear:both;float:left;overflow:hidden;position:relative;width:100%;min-width:900px;} -#page-content #region-main-box {float:left;left:200px;position:relative;width:200%;} -#page-content #region-post-box {float:left;left:50%;margin-left:-400px;position:relative;width:100%;} -#page-content #region-main-wrap {float:right;position:relative;right:100%;width:50%;} -#page-content #region-main {margin-right:0px;margin-left:400px;overflow:hidden;} -#page-content #region-pre {float:left;left:200px;overflow:hidden;position:relative;width:200px;margin-left:-50%;} -#page-content #region-post {float:left;left:0px;overflow:hidden;position:relative;width:200px;} -#page-content .region-content {padding:10px;} -#page-footer {clear:both;float:left;width:100%;} +body { + margin: auto 0px; + width: auto; +} + +#page { + width: 100%; + position: relative; +} + +#page-header { + float: left; + width: 100%; +} + +#page-content { + clear: both; + float: left; + overflow: hidden; + position: relative; + width: 100%; + min-width: 900px; +} + +#page-content #region-main-box { + float: left; + left: 200px; + position: relative; + width: 200%; +} + +#page-content #region-post-box { + float: left; + left: 50%; + margin-left: -400px; + position: relative; + width: 100%; +} + +#page-content #region-main-wrap { + float: right; + position: relative; + right: 100%; + width: 50%; +} + +#page-content #region-main { + margin-right: 0px; + margin-left: 400px; + overflow: hidden; +} + +#page-content #region-pre { + float: left; + left: 200px; + overflow: hidden; + position: relative; + width: 200px; + margin-left: -50%; +} + +#page-content #region-post { + float: left; + left: 0px; + overflow: hidden; + position: relative; + width: 200px; +} + +#page-content .region-content { + padding: 10px; +} + +#page-footer { + clear: both; + float: left; + width: 100%; +} /** Only side pre **/ -.side-pre-only #page-content #region-post-box {margin-left:-200px;} -.side-pre-only #page-content #region-main {margin-left:200px;} -.side-pre-only #page-content #region-pre {left:0px;} -.side-pre-only #page-content #region-post {width:0px;} +.side-pre-only #page-content #region-post-box { + margin-left: -200px; +} + +.side-pre-only #page-content #region-main { + margin-left: 200px; +} + +.side-pre-only #page-content #region-pre { + left: 0px; +} + +.side-pre-only #page-content #region-post { + width: 0px; +} /** Only side post **/ -.side-post-only #page-content #region-main-box {left:0px;} -.side-post-only #page-content #region-post-box {margin-left:-200px;} -.side-post-only #page-content #region-main {margin-left:200px;} -.side-post-only #page-content #region-pre {width:0px;} -.has_dock.side-post-only .page-middle #region-main {margin-left:200px;} +.side-post-only #page-content #region-main-box { + left: 0px; +} + +.side-post-only #page-content #region-post-box { + margin-left: -200px; +} + +.side-post-only #page-content #region-main { + margin-left: 200px; +} + +.side-post-only #page-content #region-pre { + width: 0px; +} + +.has_dock.side-post-only .page-middle #region-main { + margin-left: 200px; +} /** Moving block when side pre only **/ -.blocks-moving.side-pre-only #page-content #region-post-box {margin-left:-400px;} -.blocks-moving.side-pre-only #page-content #region-main {margin-left:400px;} -.blocks-moving.side-pre-only #page-content #region-pre {left:200px;} -.blocks-moving.side-pre-only #page-content #region-post {width:200px;} +.blocks-moving.side-pre-only #page-content #region-post-box { + margin-left: -400px; +} + +.blocks-moving.side-pre-only #page-content #region-main { + margin-left: 400px; +} + +.blocks-moving.side-pre-only #page-content #region-pre { + left: 200px; +} + +.blocks-moving.side-pre-only #page-content #region-post { + width: 200px; +} /** Moving block when side-post-only **/ -.blocks-moving.side-post-only #page-content #region-main-box {left:200px;width:200%;} -.blocks-moving.side-post-only #page-content #region-post-box {margin-left:-400px;} -.blocks-moving.side-post-only #page-content #region-main {margin-left:400px;} -.blocks-moving.side-post-only #page-content #region-pre {left:200px;width:200px;} -.blocks-moving.side-post-only #page-content #region-post {left:0px;width:200px;} +.blocks-moving.side-post-only #page-content #region-main-box { + left: 200px; + width: 200%; +} + +.blocks-moving.side-post-only #page-content #region-post-box { + margin-left: -400px; +} + +.blocks-moving.side-post-only #page-content #region-main { + margin-left: 400px; +} + +.blocks-moving.side-post-only #page-content #region-pre { + left: 200px; + width: 200px; +} + +.blocks-moving.side-post-only #page-content #region-post { + left: 0px; + width: 200px; +} /** No blocks whatsoever **/ -.content-only #page-content {min-width:0;} -.content-only #page-content #region-main-box {left:0px;} -.content-only #page-content #region-post-box {margin-left:0px;} -.content-only #page-content #region-main {margin-left:0px;} -.content-only #page-content #region-pre {left:0;width:0px;} -.content-only #page-content #region-post {width:0;} +.content-only #page-content { + min-width: 0; +} + +.content-only #page-content #region-main-box { + left: 0px; +} + +.content-only #page-content #region-post-box { + margin-left: 0px; +} + +.content-only #page-content #region-main { + margin-left: 0px; +} + +.content-only #page-content #region-pre { + left: 0; + width: 0px; +} + +.content-only #page-content #region-post { + width: 0; +} /** Center block for My Moodle/Home **/ -#region-content.block-region .header { background-image: none; } - -/** Stabalise some IE6 behaviour **/ -.ie6 #region-pre .region-content, -.ie6 #region-post .region-content {padding:0 !important;width:100%;float:none;} -.ie6 #region-pre .region-content .block, -.ie6 #region-post .region-content .block {width:auto;padding:0;margin:10px;} +#region-content.block-region .header { + background-image: none; +} /** Report layout **/ -.pagelayout-report #page {width:auto;position:relative;} -.pagelayout-report #page-header {float:none;} -.pagelayout-report #page-content {float:none;overflow:visible;width:auto;} -.pagelayout-report #report-main-content {float:left;width:100%;} -.pagelayout-report #report-main-content .region-content {margin-left:200px;} -.pagelayout-report #report-main-content .region-content table {background-color:#FFF;} -.pagelayout-report #report-region-wrap {width:0;float:right;position:relative;left:-100%;} -.pagelayout-report #report-region-pre {width:200px;} -.pagelayout-report #page-footer {float:none;} -.pagelayout-report #page-content .region-content {overflow:visible;} +.pagelayout-report #page { + width: auto; + position: relative; +} + +.pagelayout-report #page-header { + float: none; +} + +.pagelayout-report #page-content { + float: none; + overflow: visible; + width: auto; +} + +.pagelayout-report #report-main-content { + float: left; + width: 100%; +} + +.pagelayout-report #report-main-content .region-content { + margin-left: 200px; +} + +.pagelayout-report #report-main-content .region-content table { + background-color: #FFF; +} + +.pagelayout-report #report-region-wrap { + width: 0; + float: right; + position: relative; + left: -100%; +} + +.pagelayout-report #report-region-pre { + width: 200px; +} + +.pagelayout-report #page-footer { + float: none; +} + +.pagelayout-report #page-content .region-content { + overflow: visible; +} /** Correct for content only **/ -.pagelayout-report.content-only #report-main-content .region-content {margin-left:0;} +.pagelayout-report.content-only #report-main-content .region-content { + margin-left: 0; +} /** Correct for right to left languages **/ -.dir-rtl.pagelayout-report #report-main-content .region-content {margin-left:0;margin-right:200px;} -.dir-rtl.pagelayout-report #report-region-wrap {left:0;} +.dir-rtl.pagelayout-report #report-main-content .region-content { + margin-left: 0; + margin-right: 200px; +} + +.dir-rtl.pagelayout-report #report-region-wrap { + left: 0; +} /** Stabalise IE6 behaviour on the report layout **/ -.ie6.pagelayout-report #report-main-content {float:none;width:auto;} -.ie6.pagelayout-report #report-region-wrap {float:none;width:200px;left:auto;position:absolute;top:0;} +.ie6.pagelayout-report #report-main-content { + float: none; + width: auto; +} + +.ie6.pagelayout-report #report-region-wrap { + float: none; + width: 200px; + left: auto; + position: absolute; + top: 0; +} + .ie6.pagelayout-report #report-region-pre, -.ie6.pagelayout-report #report-region-pre .block {width:100%;} \ No newline at end of file +.ie6.pagelayout-report #report-region-pre .block { + width: 100%; +} diff --git a/theme/base/style/question.css b/theme/base/style/question.css index 8598aa6c7aa..d04e58f9d02 100644 --- a/theme/base/style/question.css +++ b/theme/base/style/question.css @@ -1,26 +1,96 @@ /* Question bank */ -.questionbank h2 {margin-top: 0;} -.questioncategories h3 {margin-top: 0;} +.questionbank h2 { + margin-top: 0; +} -#chooseqtypebox {margin-top: 1em;} -#chooseqtype h3 {margin: 0 0 0.3em;} -#chooseqtype .instruction {display: none;} -#chooseqtype .fakeqtypes {border-top: 1px solid silver;} -#chooseqtype .qtypeoption {margin-bottom: 0.5em;} -#chooseqtype label {display: block;} -#chooseqtype .qtypename img {padding: 0 0.3em;} -#chooseqtype .qtypesummary {display: block;margin: 0 2em;} -#chooseqtype .submitbuttons {margin: 0.7em 0;text-align: center;} +.questioncategories h3 { + margin-top: 0; +} -#qtypechoicecontainer {display: none;} +#chooseqtypebox { + margin-top: 1em; +} -#qtypechoicecontainer_c.yui-panel-container.shadow .underlay {background: none;} -#qtypechoicecontainer.yui-panel .hd {color:#333333;letter-spacing: 1px;text-shadow: 1px 1px 1px #FFFFFF;border-radius: 10px 10px 0 0;border: 1px solid #CCCCCC;border-bottom: 1px solid #BBBBBB;background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);} +#chooseqtype h3 { + margin: 0 0 0.3em; +} + +#chooseqtype .instruction { + display: none; +} + +#chooseqtype .fakeqtypes { + border-top: 1px solid silver; +} + +#chooseqtype .qtypeoption { + margin-bottom: 0.5em; +} + +#chooseqtype label { + display: block; +} + +#chooseqtype .qtypename img { + padding: 0 0.3em; +} + +#chooseqtype .qtypesummary { + display: block; + margin: 0 2em; +} + +#chooseqtype .submitbuttons { + margin: 0.7em 0; + text-align: center; +} + +#qtypechoicecontainer { + display: none; +} + +#qtypechoicecontainer_c.yui-panel-container.shadow .underlay { + background: none; +} + +#qtypechoicecontainer.yui-panel .hd { + color: #333333; + letter-spacing: 1px; + text-shadow: 1px 1px 1px #FFFFFF; + border-radius: 10px 10px 0 0; + border: 1px solid #CCCCCC; + border-bottom: 1px solid #BBBBBB; + background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); + background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC); +} + +#qtypechoicecontainer { + font-size: 12px; + color: #333333; + background: #F2F2F2; + border-radius: 10px; + border: 1px solid #CCCCCC; + border-top: 0 none; + -webkit-box-shadow: 5px 5px 20px 0px #666666; + -moz-box-shadow: 5px 5px 20px 0px #666666; + box-shadow: 5px 5px 20px 0px #666666; +} + +#qtypechoicecontainer #chooseqtype { + width: 35em; +} + +#qtypechoicecontainer #chooseqtypehead h3 { + margin: 0; + font-weight: normal; +} + +#qtypechoicecontainer #chooseqtype .qtypes { + position: relative; + border-bottom: 1px solid #BBBBBB; + padding: 0.24em 0; +} -#qtypechoicecontainer {font-size: 12px;color: #333333;background: #F2F2F2;border-radius: 10px;border:1px solid #CCCCCC;border-top:0 none;-webkit-box-shadow: 5px 5px 20px 0px #666666;-moz-box-shadow: 5px 5px 20px 0px #666666;box-shadow: 5px 5px 20px 0px #666666;} -#qtypechoicecontainer #chooseqtype {width: 35em;} -#qtypechoicecontainer #chooseqtypehead h3 {margin: 0;font-weight: normal;} -#qtypechoicecontainer #chooseqtype .qtypes {position: relative;border-bottom: 1px solid #BBBBBB;padding: 0.24em 0;} #qtypechoicecontainer #chooseqtype .alloptions { overflow-x: hidden; overflow-y: auto; @@ -28,9 +98,25 @@ max-height: calc(100vh - 8em); width: 60%; } -#qtypechoicecontainer #chooseqtype .qtypeoption {margin-bottom: 0; padding: 0.3em 0 0.3em 1.6em;} -#qtypechoicecontainer #chooseqtype .qtypeoption img {vertical-align: text-bottom;padding-left: 1em;padding-right: 0.5em;} -#qtypechoicecontainer #chooseqtype .selected {background-color: #FFFFFF;box-shadow: 0px 0px 10px 0px #CCCCCC;-webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;-moz-box-shadow: 0px 0px 10px 0px #CCCCCC;} + +#qtypechoicecontainer #chooseqtype .qtypeoption { + margin-bottom: 0; + padding: 0.3em 0 0.3em 1.6em; +} + +#qtypechoicecontainer #chooseqtype .qtypeoption img { + vertical-align: text-bottom; + padding-left: 1em; + padding-right: 0.5em; +} + +#qtypechoicecontainer #chooseqtype .selected { + background-color: #FFFFFF; + box-shadow: 0px 0px 10px 0px #CCCCCC; + -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC; + -moz-box-shadow: 0px 0px 10px 0px #CCCCCC; +} + #qtypechoicecontainer #chooseqtype .instruction, #qtypechoicecontainer #chooseqtype .qtypesummary { display: none; @@ -45,15 +131,33 @@ padding: 1.5em 1.6em; background-color: #FFFFFF; } -#qtypechoicecontainer #chooseqtype .instruction, -#qtypechoicecontainer #chooseqtype .selected .qtypesummary {display: block;} -#categoryquestions { margin: 0; } +#qtypechoicecontainer #chooseqtype .instruction, +#qtypechoicecontainer #chooseqtype .selected .qtypesummary { + display: block; +} + +#categoryquestions { + margin: 0; +} + #categoryquestions td, -#categoryquestions th { padding: 0 0.2em; } -#categoryquestions th { text-align: left; font-weight: normal; } -.dir-rtl #categoryquestions th { text-align: right; } -.questionbank .singleselect { margin: 0; } +#categoryquestions th { + padding: 0 0.2em; +} + +#categoryquestions th { + text-align: left; + font-weight: normal; +} + +.dir-rtl #categoryquestions th { + text-align: right; +} + +.questionbank .singleselect { + margin: 0; +} /* Question editing forms. */ #page-question-addquestion #chooserdialogue, @@ -61,76 +165,198 @@ display: block; } -#combinedfeedbackhdr div.fhtmleditor {padding: 0;} -#combinedfeedbackhdr div.fcheckbox {margin-bottom: 1em;} +#combinedfeedbackhdr div.fhtmleditor { + padding: 0; +} -#multitriesheader div.fitem_feditor {margin-top: 1em;} -#multitriesheader div.fitem_fgroup {margin-bottom: 1em;} -#multitriesheader div.fitem_fgroup fieldset.felement label {margin-left: 0.3em; margin-right: 0.3em;} +#combinedfeedbackhdr div.fcheckbox { + margin-bottom: 1em; +} -body.path-question-type .fitem_fgroup .accesshide {font: inherit;left: 0;position: static;padding-right:.3em} +#multitriesheader div.fitem_feditor { + margin-top: 1em; +} + +#multitriesheader div.fitem_fgroup { + margin-bottom: 1em; +} + +#multitriesheader div.fitem_fgroup fieldset.felement label { + margin-left: 0.3em; + margin-right: 0.3em; +} + +body.path-question-type .fitem_fgroup .accesshide { + font: inherit; + left: 0; + position: static; + padding-right: .3em; +} /* Questions being attempted. */ -.que {clear: left;text-align: left;margin: 0 auto 1.8em auto;} -.dir-rtl .que {text-align: right;} +.que { + clear: left; + text-align: left; + margin: 0 auto 1.8em auto; +} + +.dir-rtl .que { + text-align: right; +} + +.que .info { + float: left; + width: 7em; + padding: 0.5em; + margin-bottom: 1.8em; + background: #eee; +} + +.que h3.no { + margin: 0; + font-size: 0.8em; + line-height: 1; +} + +.que span.qno { + font-size: 1.5em; + font-weight: bold; +} + +.que .info > div { + font-size: 0.8em; + margin-top: 0.7em; +} + +.que .info .questionflag.editable { + cursor: pointer; +} -.que .info {float: left;width: 7em;padding:0.5em;margin-bottom: 1.8em;background: #eee;} -.que h3.no {margin: 0;font-size: 0.8em;line-height: 1;} -.que span.qno {font-size: 1.5em;font-weight:bold;} -.que .info > div {font-size: 0.8em;margin-top: 0.7em;} -.que .info .questionflag.editable {cursor:pointer;} .que .info .editquestion img, .que .info .questionflag img, -.que .info .questionflag input {vertical-align: bottom;} +.que .info .questionflag input { + vertical-align: bottom; +} -.que .content {margin: 0 0 0 8.5em;} +.que .content { + margin: 0 0 0 8.5em; +} .que .formulation, .que .outcome, .que .comment, -.que .history {padding: 0.5em;margin: 0 0 0.5em;} -.que .formulation {background: #e4f1fa;} -.que .outcome {background: #fff3bf;} -.que .comment {background: #e0ffe0;} -.que .history {background: #eee;} +.que .history { + padding: 0.5em; + margin: 0 0 0.5em; +} -.que .ablock {margin: 0.7em 0 0.3em 0;} -.que .im-controls {margin-top: 0.5em;text-align: left;} -.dir-rtl .que .im-controls {text-align: right;} +.que .formulation { + background: #e4f1fa; +} + +.que .outcome { + background: #fff3bf; +} + +.que .comment { + background: #e0ffe0; +} + +.que .history { + background: #eee; +} + +.que .ablock { + margin: 0.7em 0 0.3em 0; +} + +.que .im-controls { + margin-top: 0.5em; + text-align: left; +} + +.dir-rtl .que .im-controls { + text-align: right; +} .que .specificfeedback, .que .generalfeedback, .que .rightanswer, .que .im-feedback, .que .feedback, -.que p {margin: 0 0 0.5em;} -.que .qtext {margin-bottom: 1.5em;} +.que p { + margin: 0 0 0.5em; +} + +.que .qtext { + margin-bottom: 1.5em; +} + +.que .correct { + background-color: #afa; +} -.que .correct {background-color: #afa;} .que .notanswered, -.que .incorrect {background-color: #faa;} -.que .partiallycorrect {background-color: #ff9;} -.que .validationerror {color: #a00;} +.que .incorrect { + background-color: #faa; +} + +.que .partiallycorrect { + background-color: #ff9; +} + +.que .validationerror { + color: #a00; +} + .que .grading, .que .comment, .que .commentlink, -.que .history {margin-top: 0.5em;} +.que .history { + margin-top: 0.5em; +} -.que .history h3 {margin: 0 0 0.2em;font-size: 1em;} -.que .history table {width: 100%;margin: 0;} -.que .history .current {font-weight: bold;} +.que .history h3 { + margin: 0 0 0.2em; + font-size: 1em; +} -.que .questioncorrectnessicon { vertical-align: text-bottom; } -.que input.questionflagimage { padding-right: 3px; } -.dir-rtl .que input.questionflagimage { padding-left: 3px; padding-right: 0; } +.que .history table { + width: 100%; + margin: 0; +} + +.que .history .current { + font-weight: bold; +} + +.que .questioncorrectnessicon { + vertical-align: text-bottom; +} + +.que input.questionflagimage { + padding-right: 3px; +} + +.dir-rtl .que input.questionflagimage { + padding-left: 3px; + padding-right: 0; +} /* Miscellaneous. */ -.importerror {margin-top: 10px;border-bottom: 1px solid #555;} -.mform .que.comment .fitemtitle {width: 20%;} +.importerror { + margin-top: 10px; + border-bottom: 1px solid #555; +} + +.mform .que.comment .fitemtitle { + width: 20%; +} #page-question-preview #techinfo { margin: 1em 0; } + #page-mod-quiz-edit #categoryquestions .header { background: none; } @@ -139,15 +365,18 @@ body.path-question-type .fitem_fgroup .accesshide {font: inherit;left: 0;positio margin-left: 0px; margin-right: 0px; } + @media (min-width: 1200px) { .path-question-type #id_answerhdr .fitem_feditor .felement { margin-left: 16%; margin-right: 0px; } + body#page-question-type-multichoice div[id^=fitem_id_] .fitemtitle { padding-left: 0; padding-right: 0; } + .dir-rtl.path-question-type #id_answerhdr .fitem_feditor .felement { margin-right: 16%; margin-left: 0px; @@ -161,8 +390,16 @@ body.path-question-type .fitem_fgroup .accesshide {font: inherit;left: 0;positio /** Overide for RTL layout **/ .dir-rtl #qtypechoicecontainer #chooseqtype .instruction, -.dir-rtl #qtypechoicecontainer #chooseqtype .qtypesummary {right: 60%;left: 0%; border-left:0;border-right: 1px solid grey;} -#qtypechoicecontainer #chooseqtype .qtypeoption {padding-right: 0.3em;} +.dir-rtl #qtypechoicecontainer #chooseqtype .qtypesummary { + right: 60%; + left: 0%; + border-left: 0; + border-right: 1px solid grey; +} + +#qtypechoicecontainer #chooseqtype .qtypeoption { + padding-right: 0.3em; +} body.path-question-type .mform fieldset.hidden { padding: 0; diff --git a/theme/base/style/tabs.css b/theme/base/style/tabs.css index 901cb8f0992..e34afc58eb5 100644 --- a/theme/base/style/tabs.css +++ b/theme/base/style/tabs.css @@ -2,22 +2,27 @@ .tabtree ul { text-align: center; } + .tabtree li { list-style: none; margin: 0; padding: 0; } + .tabtree .tabrow0 { width: 100%; margin: 1em 0; } + .tabtree .tabrow0 li.here { font-weight: bold; } + .tabtree .tabrow0 li.here a { position: relative; z-index: 102; } + .tabtree .tabrow0 li a { background: #f7f7f7; padding: 8px 10px 5px; @@ -26,12 +31,15 @@ border-color: #ddd; margin: 0 1px 0 0; } + .tabtree .tabrow0 .here a { background-color: #fff; } + .tabtree .tabrow0 li a:hover { background-color: #fff; } + .tabtree .tabrow0 ul, .tabtree .tabrow0 div { font-weight: normal; @@ -39,6 +47,7 @@ padding: 0.25em 0; margin: 0; } + .tabtree .tabrow0 li.here .empty { display: block; height: 1px; @@ -48,10 +57,12 @@ width: 100%; bottom: -5px; } + .tabtree .tabrow0 .tabrow1 { padding: 5px 0 2px; margin-top: 1px; } + .tabtree .tabrow1 li a, .tabtree .tabrow1 li a:link, .tabtree .tabrow1 li a:hover, @@ -61,6 +72,7 @@ padding: 0 10px; border: 0 none; } + .tabtree a.nolink, .tabtree a.nolink:hover, .tabtree .here ul a.nolink, @@ -68,6 +80,7 @@ color: #888; text-decoration: none; } + .tabtree .here a.nolink, .tabtree .here a.nolink:hover, .tabtree .here ul .here a.nolink, diff --git a/theme/base/style/user.css b/theme/base/style/user.css index 368429c498b..6f0b37c5fc9 100644 --- a/theme/base/style/user.css +++ b/theme/base/style/user.css @@ -1,71 +1,265 @@ /*$$$$$$$$$$$$$$$$$ User $$$$$$$$$$$$$$$$$$$$*/ -.userprofile .fullprofilelink {text-align:center; margin:10px;} -.userprofile .profilepicture {float:left; margin-right:20px;} -.userprofile .description {margin-bottom:20px;} -.userprofile dl {margin-top:10px; margin-left:0; width:100%;} -.userprofile dl dt, .userprofile dl dd {padding-top:3px; padding-bottom:3px;} -.userprofile dl dt {margin:0; font-weight:bold; display:block; float:left; width:110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.userprofile dl dd {margin:0; margin-left:120px;} -.userprofile .profile_tree { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } -.userprofile .profile_tree section { display: inline-block; width: 100%; } +.userprofile .fullprofilelink { + text-align: center; + margin: 10px; +} -.user-box {margin:8px;width:115px;height:160px;text-align:center;float:left;clear: none;} +.userprofile .profilepicture { + float: left; + margin-right: 20px; +} -.userlist .action-icon img {vertical-align: middle;} +.userprofile .description { + margin-bottom: 20px; +} + +.userprofile dl { + margin-top: 10px; + margin-left: 0; + width: 100%; +} + +.userprofile dl dt, +.userprofile dl dd { + padding-top: 3px; + padding-bottom: 3px; +} + +.userprofile dl dt { + margin: 0; + font-weight: bold; + display: block; + float: left; + width: 110px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.userprofile dl dd { + margin: 0; + margin-left: 120px; +} + +.userprofile .profile_tree { + column-count: 2; + -webkit-column-count: 2; + -moz-column-count: 2; +} + +.userprofile .profile_tree section { + display: inline-block; + width: 100%; +} + +.user-box { + margin: 8px; + width: 115px; + height: 160px; + text-align: center; + float: left; + clear: none; +} + +.userlist .action-icon img { + vertical-align: middle; +} + +.userlist #showall { + margin: 10px 0px; +} + +.userlist .buttons { + text-align: center; +} + +.userlist .buttons label { + padding: 0 3px; +} + +.userlist table#participants { + text-align: center; +} -.userlist #showall {margin: 10px 0px;} -.userlist .buttons {text-align: center;} -.userlist .buttons label {padding: 0 3px;} -.userlist table#participants {text-align:center;} .userlist table#participants td, -.userlist table#participants th {vertical-align: middle;text-align: left;padding: 4px;} -.userlist table.controls {width: 100%;} -.userlist table.controls tr {vertical-align: top;} +.userlist table#participants th { + vertical-align: middle; + text-align: left; + padding: 4px; +} + +.userlist table.controls { + width: 100%; +} + +.userlist table.controls tr { + vertical-align: top; +} + .userlist table.controls td.right, -.userlist table.controls td.left {padding: 4px;} -.userlist table.controls .right {text-align: right;} +.userlist table.controls td.left { + padding: 4px; +} + +.userlist table.controls .right { + text-align: right; +} + +.userinfobox { + width: 100%; + border: 1px solid; + border-collapse: separate; + padding: 10px; +} -.userinfobox {width:100%;border:1px solid;border-collapse: separate;padding:10px;} .userinfobox .left, -.userinfobox .side {width: 100px;vertical-align: top;} -.userinfobox .userpicture {width: 100px;height: 100px;} -.userinfobox .content {vertical-align: top;} -.userinfobox .links {width: 100px;padding: 5px;vertical-align: bottom;} -.userinfobox .links a {display: block;} -.userinfobox .list td {padding: 3px;} -.userinfobox .username {padding-bottom: 20px;font-weight: bold;} -.userinfobox td.label {text-align:right;white-space: nowrap;vertical-align: top;font-weight:bold;} -.groupinfobox {border:1px solid;} -.groupinfobox .left {padding: 10px;width: 100px;vertical-align: top;} +.userinfobox .side { + width: 100px; + vertical-align: top; +} -.course-participation #showall {text-align:center;margin: 10px 0px;} -#user-policy .noticebox {text-align:center;margin-left:auto;margin-right:auto;margin-bottom:10px;width:80%;height:250px;} -#user-policy #policyframe {width:100%;height:100%;} -.iplookup #map {margin:auto;} +.userinfobox .userpicture { + width: 100px; + height: 100px; +} -.userselector select {width: 100%;} -.userselector div {margin-top: 0.2em;} -.userselector div label {margin-right: 0.3em;} +.userinfobox .content { + vertical-align: top; +} + +.userinfobox .links { + width: 100px; + padding: 5px; + vertical-align: bottom; +} + +.userinfobox .links a { + display: block; +} + +.userinfobox .list td { + padding: 3px; +} + +.userinfobox .username { + padding-bottom: 20px; + font-weight: bold; +} + +.userinfobox td.label { + text-align: right; + white-space: nowrap; + vertical-align: top; + font-weight: bold; +} + +.groupinfobox { + border: 1px solid; +} + +.groupinfobox .left { + padding: 10px; + width: 100px; + vertical-align: top; +} + +.course-participation #showall { + text-align: center; + margin: 10px 0px; +} + +#user-policy .noticebox { + text-align: center; + margin-left: auto; + margin-right: auto; + margin-bottom: 10px; + width: 80%; + height: 250px; +} + +#user-policy #policyframe { + width: 100%; + height: 100%; +} + +.iplookup #map { + margin: auto; +} + +.userselector select { + width: 100%; +} + +.userselector div { + margin-top: 0.2em; +} + +.userselector div label { + margin-right: 0.3em; +} /* Next style does not work in all browsers but looks nicer when it does */ -.userselector .userselector-infobelow {font-size: 0.8em;} +.userselector .userselector-infobelow { + font-size: 0.8em; +} -#userselector_options {padding:0.3em 0;} -#userselector_options .collapsibleregioncaption {font-weight: bold;} -#userselector_options p {margin:0.2em 0;text-align:left;} -.dir-rtl #userselector_options p {text-align:right;} +#userselector_options { + padding: 0.3em 0; +} + +#userselector_options .collapsibleregioncaption { + font-weight: bold; +} + +#userselector_options p { + margin: 0.2em 0; + text-align: left; +} + +.dir-rtl #userselector_options p { + text-align: right; +} /** user full profile */ -#page-user-profile .messagebox {text-align:center;margin-left:auto;margin-right:auto;} +#page-user-profile .messagebox { + text-align: center; + margin-left: auto; + margin-right: auto; +} /** user course profile */ -#page-course-view-weeks .messagebox {text-align:center;margin-left:auto;margin-right:auto;} +#page-course-view-weeks .messagebox { + text-align: center; + margin-left: auto; + margin-right: auto; +} /** Overide for RTL layout **/ -.dir-rtl .userprofile .profilepicture {float:right; margin-left:20px;margin-right:0px;} +.dir-rtl .userprofile .profilepicture { + float: right; + margin-left: 20px; + margin-right: 0px; +} + .dir-rtl .userlist table#participants td, -.dir-rtl .userlist table#participants th {text-align: right;} -.dir-rtl .userlist table#participants {margin: 0 auto;} -.dir-rtl .userprofile dl dt {float:right; width:110px; margin-left:10px;} -.dir-rtl .userprofile dl dd {margin-right: 120px;} -#page-my-index.dir-rtl .block h3 { text-align: right;} +.dir-rtl .userlist table#participants th { + text-align: right; +} + +.dir-rtl .userlist table#participants { + margin: 0 auto; +} + +.dir-rtl .userprofile dl dt { + float: right; + width: 110px; + margin-left: 10px; +} + +.dir-rtl .userprofile dl dd { + margin-right: 120px; +} + +#page-my-index.dir-rtl .block h3 { + text-align: right; +} #groupeditform .groups, #groupeditform .members { @@ -74,10 +268,12 @@ text-align: left; min-width: 175px; } + #groupeditform .groups select, #groupeditform .members select { min-width: 175px; } + .dir-rtl #groupeditform .groups, .dir-rtl #groupeditform .members { float: right; diff --git a/theme/canvas/style/admin.css b/theme/canvas/style/admin.css index 135ae8ef331..d97013c2cfa 100644 --- a/theme/canvas/style/admin.css +++ b/theme/canvas/style/admin.css @@ -114,7 +114,9 @@ padding-top: 0.5em; } -.plugincheckwrapper {text-align: center;} +.plugincheckwrapper { + text-align: center; +} /* Web services @@ -124,10 +126,12 @@ color: #ff6600; font-size: 90%; } + #page-admin-setting-webservicetokens .missingcaps { color: #ff6600; font-size: 90%; } + #page-admin-webservice-service_functions .functiondesc { font-size: 90%; } diff --git a/theme/canvas/style/blocks.css b/theme/canvas/style/blocks.css index fd56b6f1cb2..1d1b0b9c9c2 100644 --- a/theme/canvas/style/blocks.css +++ b/theme/canvas/style/blocks.css @@ -1,5 +1,5 @@ .block { - padding: 0 + padding: 0; } .block .footer { @@ -23,7 +23,10 @@ text-align: left; font-size: 1.1em; } -.dir-rtl .block h3 {text-align: right;} + +.dir-rtl .block h3 { + text-align: right; +} /* Login ------------------------------*/ @@ -34,19 +37,22 @@ .block_login #login_username, .block_login #login_password { - width:90%; + width: 90%; margin-bottom: 0.5em; padding: 2px 5px; } .block_login .btn { - margin-top:1em; + margin-top: 1em; } .block_login .footer { text-align: left; } -.dir-rtl .block_login .footer {text-align: right;} + +.dir-rtl .block_login .footer { + text-align: right; +} /* News -------------------------------*/ diff --git a/theme/canvas/style/core.css b/theme/canvas/style/core.css index d3ce5e5866d..48e07189750 100644 --- a/theme/canvas/style/core.css +++ b/theme/canvas/style/core.css @@ -16,6 +16,7 @@ body { .sitetopic { border: none; } + #site-news-forum h2, #frontpage-course-list h2, #frontpage-category-names h2, @@ -52,7 +53,7 @@ body { .noticebox .generalbox { border: none; - margin:2em 0; + margin: 2em 0; } .expired, @@ -233,14 +234,19 @@ body { .userinfobox { border-color: #ddd; - padding: 0 + padding: 0; } .userinfobox .content { text-align: left; - padding-left:10px + padding-left: 10px; +} + +.dir-rtl .userinfobox .content { + text-align: right; + padding-right: 10px; + padding-left: 0px; } -.dir-rtl .userinfobox .content {text-align: right;padding-right:10px;padding-left:0px;} .userinfobox .links { vertical-align: top; @@ -252,13 +258,21 @@ body { display: block; text-align: left; } -.dir-rtl .userinfobox .links a {text-align: right;} + +.dir-rtl .userinfobox .links a { + text-align: right; +} .profilepicture { float: left; margin-right: 10px; } -.dir-rtl .profilepicture {float: right;margin-left: 10px;margin-right: 0px;} + +.dir-rtl .profilepicture { + float: right; + margin-left: 10px; + margin-right: 0px; +} .descriptionbox { margin-left: 110px; @@ -277,13 +291,15 @@ body { display: inline-block; } -.userprofile dl dt, .userprofile dl dd { +.userprofile dl dt, +.userprofile dl dd { padding-top: 3px; padding-bottom: 3px; float: left; } -.dir-rtl .userprofile dl dt, .dir-rtl .userprofile dl dd { +.dir-rtl .userprofile dl dt, +.dir-rtl .userprofile dl dd { float: right; } @@ -319,7 +335,7 @@ body { } #page-user-index .controls { - width: 100% + width: 100%; } #page-user-index .controls .singleselect { @@ -362,10 +378,6 @@ body { /* Roles ------------------------*/ -.path-admin-roles .generaltable { - /* width: 65%; hiding because it's causing problems on role/assign */ -} - .path-admin-roles .generaltable th { vertical-align: middle; } @@ -400,7 +412,7 @@ body { } #tag-management-list { - margin: 1em 0 + margin: 1em 0; } #tagblogentries { @@ -410,7 +422,7 @@ body { #tagblogentries li { list-style: none; padding: 0.25em 0; - margin: 0 + margin: 0; } /* Embedded Pages @@ -449,23 +461,27 @@ body { } .path-backup .mform .grouped_settings { - margin:1em; + margin: 1em; } + .path-backup .mform .grouped_settings .grouped_settings { - margin:0; + margin: 0; } .mform .btn-cancel { color: #0000EE; text-decoration: none; } -.mform .btn-cancel:hover, .mform .btn-cancel:focus { + +.mform .btn-cancel:hover, +.mform .btn-cancel:focus { color: #0000EE; text-decoration: none; } /* Comments -----------------------*/ +/*csslint important:false */ .comment-list li { background: #eee !important; @@ -508,7 +524,10 @@ table#user-grades tr.avg td.vmarked { .path-grade-report-grader form { text-align: left; } -.path-grade-report-grader.dir-rtl form { text-align: right; } + +.path-grade-report-grader.dir-rtl form { + text-align: right; +} /* Footer -----------------------*/ @@ -542,15 +561,18 @@ table#user-grades tr.avg td.vmarked { -------------------------*/ .userenrolment { - font-size:90%; - border:1px solid #999; + font-size: 90%; + border: 1px solid #999; } + .userenrolment > tbody > tr:nth-of-type(odd) { background-color: #F9F9F9; } + .userenrolment > tbody > tr:nth-of-type(even) { background-color: #F3F3F3; } + .userenrolment td { border-width: 1px; border-style: solid; @@ -559,63 +581,78 @@ table#user-grades tr.avg td.vmarked { border-bottom-color: #E9E9E9; border-left-color: #F3F3F3; } + .userenrolment td.c0 { - border-left-color:#999; + border-left-color: #999; } + .userenrolment td.c4 { - border-right-color:#999; + border-right-color: #999; } + .userenrolment .col_userdetails { - padding:3px; - min-width:35%; + padding: 3px; + min-width: 35%; } + .userenrolment .col_role .roles { - position:relative; + position: relative; } + .userenrolment .col_role .role { line-height: 10px; font-size: 10px; } + .userenrolment .col_role .role a img { - height:8px; + height: 8px; } + .userenrolment .col_role .addrole { background-color: #DDD; border: 1px outset #EEE; -moz-border-radius: 5px; } + .userenrolment .col_group { max-width: 300px; } + .userenrolment .col_group .group { - line-height:10px; - font-size:10px; + line-height: 10px; + font-size: 10px; } + .userenrolment .col_group .group a img { - height:8px; + height: 8px; } + .userenrolment .col_group .addgroup { - background-color:#DDD; - border:1px outset #EEE; - -moz-border-radius:5px; + background-color: #DDD; + border: 1px outset #EEE; + -moz-border-radius: 5px; } + .userenrolment .col_enrol { - max-width:300px; + max-width: 300px; } + .userenrolment .col_enrol .enrolment { - border:1px outset #E6E6E6; - background-color:#EEE; - line-height:10px; - font-size:10px; - -moz-border-radius:5px; + border: 1px outset #E6E6E6; + background-color: #EEE; + line-height: 10px; + font-size: 10px; + -moz-border-radius: 5px; } + .path-enrol .enrolusersbutton, .path-enrol .enrolcohortbutton { - float:left; + float: left; } + .path-enrol .enrolusersbutton.instance1, .path-enrol .enrolcohortbutton.instance1 { - float:right; + float: right; } /* Registration @@ -634,4 +671,6 @@ table#user-grades tr.avg td.vmarked { margin: 10% auto; } -.path-grade-report.dir-rtl #graded_users_selector .singleselect {margin: 0px;} +.path-grade-report.dir-rtl #graded_users_selector .singleselect { + margin: 0px; +} diff --git a/theme/canvas/style/course.css b/theme/canvas/style/course.css index 7b877d6d888..f94b5285fdb 100644 --- a/theme/canvas/style/course.css +++ b/theme/canvas/style/course.css @@ -95,26 +95,23 @@ } #page-course-publish-metadata .hubscreenshot { - display:inline; - float:left; - margin-right:10px; + float: left; + margin-right: 10px; } + #page-course-publish-metadata .hubscreenshot img { vertical-align: bottom; } -#page-course-publish-metadata .hubdescription {} - #page-course-publish-metadata .hubinfo { - display:block; - margin-bottom:20px; + display: block; + margin-bottom: 20px; } -#page-course-publish-metadata .hublink {} #page-course-publish-backup .courseuploadtextinfo { text-align: center; } -#page-course-publish-backup .sharecoursecontinue { +#page-course-publish-backup .sharecoursecontinue { text-align: center; } diff --git a/theme/canvas/style/editor.css b/theme/canvas/style/editor.css index 687ee1edb07..d564975feab 100644 --- a/theme/canvas/style/editor.css +++ b/theme/canvas/style/editor.css @@ -3,11 +3,28 @@ body { line-height: 1.4; } -body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { +body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +ul, +ol, +dl, +input, +textarea { font-family: Helvetica, Arial, sans-serif; } -h1,h2,h3,h4,h5,h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-weight: bold; margin: 0; } @@ -48,7 +65,8 @@ p { margin: 0 0 1em; } -ul, ol { +ul, +ol { margin: 0 1.5em 1.5em 1.5em; } @@ -72,7 +90,8 @@ dl dd { margin-left: 1.5em; } -abbr, acronym { +abbr, +acronym { border-bottom: 1px dotted #000; } @@ -97,7 +116,8 @@ strong { font-weight: bold; } -em, dfn { +em, +dfn { font-style: italic; } @@ -105,11 +125,14 @@ dfn { font-weight: bold; } -pre, code { +pre, +code { white-space: pre; } -pre, code, tt { +pre, +code, +tt { font: 1.2em monospace; line-height: 1.5; margin: 1.5em 0; diff --git a/theme/canvas/style/mods.css b/theme/canvas/style/mods.css index a0ea865fd79..8e1fc28b4dd 100644 --- a/theme/canvas/style/mods.css +++ b/theme/canvas/style/mods.css @@ -1,3 +1,4 @@ +/*csslint important:false */ #intro { border-color: #ddd; margin: 2% 10%; @@ -13,8 +14,8 @@ #urlintro, #pageintro, #resourceintro { - border-color:#ddd; - margin: 0 10% 3% + border-color: #ddd; + margin: 0 10% 3%; } /* Forums @@ -33,7 +34,10 @@ text-align: left; border-right: 1px solid #ddd; } -.path-mod-forum.dir-rtl .forumheaderlist th {text-align: right;} + +.path-mod-forum.dir-rtl .forumheaderlist th { + text-align: right; +} .forumnodiscuss, .path-mod-forum .forumheaderlist .replies { @@ -60,7 +64,7 @@ } .forumolddiscuss { - text-align:right; + text-align: right; } /* Folder @@ -163,7 +167,8 @@ padding: 5px; } -.path-mod-choice .results .header, .path-mod-choice td { +.path-mod-choice .results .header, +.path-mod-choice td { border-top: 1px solid; border-color: #ddd; } @@ -175,14 +180,15 @@ border-right: 1px solid #ddd; } -.path-mod-choice .col1, .path-mod-choice .c0, +.path-mod-choice .col1, +.path-mod-choice .c0, .path-mod-choice .lastcol { border-left: 1px solid #ddd; } .path-mod-choice .lastrow td { border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + border-top: 1px solid #ddd; } .path-mod-choice .count { @@ -291,4 +297,6 @@ /* SCORM Player -------------------------*/ -#page-mod-scorm-player div.singleselect {margin: -20px 0 0;} +#page-mod-scorm-player div.singleselect { + margin: -20px 0 0; +} diff --git a/theme/canvas/style/pagelayout.css b/theme/canvas/style/pagelayout.css index 9b4ccef1af2..57a407f3dc2 100644 --- a/theme/canvas/style/pagelayout.css +++ b/theme/canvas/style/pagelayout.css @@ -64,7 +64,7 @@ } .blocks-moving.side-post-only #page-content #region-pre { -left: 210px; + left: 210px; width: 210px; } @@ -74,17 +74,17 @@ left: 210px; /** Moving block when side pre only **/ .blocks-moving.side-pre-only #page-content #region-post-box { - margin-left:-420px; + margin-left: -420px; } .blocks-moving.side-pre-only #page-content #region-main { - margin-left:420px; + margin-left: 420px; } .blocks-moving.side-pre-only #page-content #region-pre { - left:210px; + left: 210px; } .blocks-moving.side-pre-only #page-content #region-post { - width:210px; + width: 210px; } \ No newline at end of file diff --git a/theme/canvas/style/popups.css b/theme/canvas/style/popups.css index 2c7b04f3bb9..350014e87d1 100644 --- a/theme/canvas/style/popups.css +++ b/theme/canvas/style/popups.css @@ -1,3 +1,5 @@ +/*csslint important:false */ + body.pagelayout-popup { background: #fff !important; -} \ No newline at end of file +} diff --git a/theme/canvas/style/text.css b/theme/canvas/style/text.css index cabb55f79d4..06f12c1dd1a 100644 --- a/theme/canvas/style/text.css +++ b/theme/canvas/style/text.css @@ -1,11 +1,27 @@ /* Text Elements --------------------------*/ -h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { +h1, +h2, +h3, +h4, +h5, +h6, +p, +ul, +ol, +dl, +input, +textarea { font-family: Helvetica, Arial, sans-serif; } -h1,h2,h3,h4,h5,h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-weight: bold; margin: 0; } @@ -66,7 +82,8 @@ dl dd { margin-left: 1.5em; } -abbr, acronym { +abbr, +acronym { border-bottom: 1px dotted #000; } @@ -91,7 +108,8 @@ strong { font-weight: bold; } -em, dfn { +em, +dfn { font-style: italic; } @@ -99,11 +117,14 @@ dfn { font-weight: bold; } -pre, code { +pre, +code { white-space: pre; } -pre, code, tt { +pre, +code, +tt { font: 1.2em monospace; line-height: 1.5; margin: 1.5em 0;