MDL-77863 theme: hardcoded colors in boost moved into variables

Moved all hardcoded colors found in the boost/moodle scss files into variables to make theming and child theme development easier.
This commit is contained in:
Benjamin Abraham 2023-04-06 12:20:37 +02:00
parent 00f0613f99
commit e7caf8bd5f
21 changed files with 488 additions and 250 deletions

View File

@ -1,6 +1,6 @@
.editor_atto_content_wrap {
background-color: white;
color: #333;
background-color: $atto-content-wrap-bg;
color: $atto-content-wrap-color;
}
.editor_atto_content {
@ -23,7 +23,7 @@
div.editor_atto_toolbar {
display: block;
background: #f2f2f2;
background: $atto-toolbar-bg;
min-height: 35px;
border: 1px solid $input-border-color;
width: 100%;
@ -48,7 +48,7 @@ div.editor_atto_toolbar .menuplaceholder {
div.editor_atto_toolbar {
button + button,
.menuplaceholder + button {
border-left: 1px solid #ccc;
border-left: 1px solid $atto-toolbar-border-color;
}
}
@ -59,14 +59,24 @@ div.editor_atto_toolbar button[disabled] {
}
.editor_atto_toolbar button:hover {
background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
background-color: #ebebeb;
background-image:
radial-gradient(
ellipse at center,
$atto-toolbar-button-gradient-inner 60%,
$atto-toolbar-button-gradient-outer 100%
);
background-color: $atto-toolbar-button-hover-bg;
}
.editor_atto_toolbar button:active,
.editor_atto_toolbar button.highlight {
background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
background-color: #dfdfdf;
background-image:
radial-gradient(
ellipse at center,
$atto-toolbar-button-gradient-inner 40%,
$atto-toolbar-button-gradient-outer 100%
);
background-color: $atto-toolbar-button-active-bg;
}
/* Make firefox button sizes match other browsers */
@ -82,11 +92,11 @@ div.editor_atto_toolbar button .icon {
div.editor_atto_toolbar div.atto_group {
display: inline-block;
border: 1px solid #ccc;
border-bottom: 1px solid #b3b3b3;
border: 1px solid $atto-toolbar-border-color;
border-bottom: 1px solid $atto-toolbar-group-border-bottom-color;
border-radius: 4px;
margin: 9px 0 0 9px;
background: #fff;
background: $atto-toolbar-group-bg;
}
div.editor_atto_toolbar .atto_toolbar_row {
@ -150,7 +160,7 @@ div.editor_atto_toolbar .atto_toolbar_row {
}
.atto_control .icon {
background-color: white;
background-color: $atto-control-icon-bg;
}
div.editor_atto_content:focus .atto_control,
@ -192,23 +202,21 @@ div.editor_atto_content:hover .atto_control {
direction: ltr;
}
.editor_atto_notification .atto_info,
.editor_atto_notification .atto_warning {
.editor_atto_notification {
display: inline-block;
background-color: #f2f2f2;
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
}
.editor_atto_notification .atto_info {
background-color: #f2f2f2;
}
.atto_info {
background-color: $atto-notif-info;
}
.editor_atto_notification .atto_warning {
background-color: #ffd700;
.atto_warning {
background-color: $atto-notif-warning;
}
}
.editor_atto_toolbar,
@ -235,5 +243,5 @@ div.editor_atto_content:hover .atto_control {
display: block;
}
div.editor_atto_toolbar button .icon {
color: $gray-700;
color: $atto-toolbar-button-color;
}

View File

@ -148,9 +148,9 @@
.path-backup .wibbler {
width: 500px;
margin: 0 auto 10px;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid $backup-restore-wibbler-border-color;
border-right: 1px solid $backup-restore-wibbler-border-color;
border-left: 1px solid $backup-restore-wibbler-border-color;
position: relative;
min-height: 4px;
@ -163,43 +163,43 @@
}
.state0 {
background: #eee;
background: $backup-restore-state0-bg;
}
.state1 {
background: #ddd;
background: $backup-restore-state1-bg;
}
.state2 {
background: #ccc;
background: $backup-restore-state2-bg;
}
.state3 {
background: #bbb;
background: $backup-restore-state3-bg;
}
.state4 {
background: #aaa;
background: $backup-restore-state4-bg;
}
.state5 {
background: #999;
background: $backup-restore-state5-bg;
}
.state6 {
background: #888;
background: $backup-restore-state6-bg;
}
.state7 {
background: #777;
background: $backup-restore-state7-bg;
}
.state8 {
background: #666;
background: $backup-restore-state8-bg;
}
.state9 {
background: #555;
background: $backup-restore-state9-bg;
}
.state10 {
background: #444;
background: $backup-restore-state10-bg;
}
.state11 {
background: #333;
background: $backup-restore-state11-bg;
}
.state12 {
background: #222;
background: $backup-restore-state12-bg;
}
}

View File

@ -9,12 +9,20 @@ $calendarEventUserColor: #dce7ec !default; // Pale blue.
$calendarEventOtherColor: #ced4da !default; // Pale gray.
// Border colours for the event colour indicators.
$calendarEventCategoryBorder: 2px solid #9e619f !default; // Purple.
$calendarEventCourseBorder: 2px solid #d34600 !default; // Red-orange.
$calendarEventGlobalBorder: 2px solid #2b8713 !default; // Green.
$calendarEventGroupBorder: 2px solid #9a6e02 !default; // Dark orange.
$calendarEventUserBorder: 2px solid #4e7c91 !default; // Blue.
$calendarEventOtherBorder: 2px solid #687889 !default; // Gray.
$calendarEventCategoryBorderColor:#9e619f !default; // Purple.
$calendarEventCourseBorderColor:#d34600 !default; // Red-orange.
$calendarEventGlobalBorderColor:#2b8713 !default; // Green.
$calendarEventGroupBorderColor:#9a6e02 !default; // Dark orange.
$calendarEventUserBorderColor:#4e7c91 !default; // Blue.
$calendarEventOtherBorderColor:#687889 !default; // Gray.
// Border for the event colour indicators.
$calendarEventCategoryBorder: 2px solid $calendarEventCategoryBorderColor !default; // Purple.
$calendarEventCourseBorder: 2px solid $calendarEventCourseBorderColor !default; // Red-orange.
$calendarEventGlobalBorder: 2px solid $calendarEventGlobalBorderColor !default; // Green.
$calendarEventGroupBorder: 2px solid $calendarEventGroupBorderColor !default; // Dark orange.
$calendarEventUserBorder: 2px solid $calendarEventUserBorderColor !default; // Blue.
$calendarEventOtherBorder: 2px solid $calendarEventOtherBorderColor !default; // Gray.
// This will be the colour of mini-calendar links, hide/show filter icons, edit/delete icon buttons.
$calendarEventColor: #0d5ca1 !default;
@ -276,7 +284,7 @@ $calendarCurrentDateBackground: $primary;
}
.clickable:hover {
background-color: #ededed;
background-color: $calendar-month-clickable-bg;
}
}
@ -657,7 +665,7 @@ table.calendartable caption {
&.clickable:not(.today):hover {
.day-number-circle {
border-radius: 50%;
background-color: #ededed;
background-color: $calendar-month-clickable-bg;
}
}
}

View File

@ -49,7 +49,7 @@
img {
margin-right: 8px;
border: 1px solid #ccc;
border: 1px solid $chat-users-list-img-border-color;
border-radius: 4px;
max-width: none;
}

View File

@ -1,9 +1,6 @@
/* core.less */
// When we upgrade boostrap to v4 release, we will need to change this to be used by the text-white class.
// Because a primary colour that is both AA accessible on grey (footer) and white is not possible, we always
// want white default colour.
$bg-inverse-link-color: #fff !default;
$bg-inverse-link-color: $white !default;
$dropzone-border: $gray-900 !default;
@ -328,10 +325,10 @@ a.autolink {
}
.yui-overlay .yui-widget-bd {
background-color: #ffee69;
border: 1px solid #a6982b;
border-top-color: #d4c237;
color: #000;
background-color: $yui-overlay-bg;
border: 1px solid $yui-overlay-border-color;
border-top-color: $yui-overlay-border-top-color;
color: $yui-overlay-color;
left: 0;
padding: 2px 5px;
position: relative;
@ -639,7 +636,7 @@ table.mod_index {
}
.comment-meta span {
color: gray;
color: $comment-meta-color;
}
.comment-link img {
@ -676,7 +673,7 @@ table.mod_index {
}
.comment-paging .curpage {
border: 1px solid #ccc;
border: 1px solid $comment-paging-current-border-color;
}
.comment-message .picture {
@ -758,7 +755,7 @@ img.user-image {
}
.path-tag .tag-index-items .tagarea {
border: 1px solid #e3e3e3;
border: 1px solid $tags-tagarea-border-color;
border-radius: 4px;
padding: 10px;
margin-top: 10px;
@ -771,11 +768,11 @@ img.user-image {
font-size: 1.1em;
font-weight: bold;
line-height: 20px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
color: $tags-tagarea-title-color;
text-shadow: 0 1px 0 $tags-tagarea-title-text-shadow-color;
text-transform: uppercase;
word-wrap: break-word;
border-bottom: solid 1px #e3e3e3;
border-bottom: solid 1px $tags-tagarea-title-border-color;
margin-bottom: 10px;
}
@ -1023,7 +1020,7 @@ tr.flagged-tag a {
*/
#webservice-doc-generator td {
text-align: left;
border: 0 solid black;
border: 0 solid $webservice-doc-td-border-color;
}
/**
@ -1096,7 +1093,7 @@ tr.flagged-tag a {
margin: 3px;
> a:hover {
border-bottom: 1px solid #666;
border-bottom: 1px solid $userenrolment-link-hover-border-color;
}
}
@ -1129,7 +1126,7 @@ tr.flagged-tag a {
}
.corelightbox {
background-color: #ccc;
background-color: $corelightbox-bg;
position: absolute;
top: 0;
left: 0;
@ -1259,8 +1256,8 @@ audio.mediaplugin_html5audio {
}
.moodle-dialogue-base .moodle-dialogue-wrap {
background-color: #fff;
border: 1px solid #ccc;
background-color: $dialogue-base-bg;
border: 1px solid $dialogue-base-border-color;
}
// Show is a bootstrap 2 class - but we use it for modals. We don't want to enable it everywhere because they removed
@ -1272,7 +1269,7 @@ audio.mediaplugin_html5audio {
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
display: flex;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-bottom: 1px solid $dialogue-base-hd-border-color;
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
@ -1342,18 +1339,18 @@ audio.mediaplugin_html5audio {
}
.moodle-dialogue-exception .param-stacktrace label {
background-color: #eee;
border: 1px solid #ccc;
background-color: $dialogue-exception-label-bg;
border: 1px solid $dialogue-exception-label-border-color;
border-bottom-width: 0;
}
.moodle-dialogue-exception .param-stacktrace pre {
border: 1px solid #ccc;
background-color: #fff;
border: 1px solid $dialogue-exception-pre-border-color;
background-color: $dialogue-exception-pre-bg;
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
color: navy;
color: $dialogue-exception-file-color;
font-size: $font-size-sm;
}
@ -1363,9 +1360,9 @@ audio.mediaplugin_html5audio {
}
.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
color: #333;
color: $dialogue-exception-call-color;
font-size: 90%;
border-bottom: 1px solid #eee;
border-bottom: 1px solid $dialogue-exception-call-border-color;
}
.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
@ -1432,7 +1429,7 @@ audio.mediaplugin_html5audio {
height: 100%;
top: 0;
left: 0;
background-color: white;
background-color: $dialogue-lightbox-bg;
text-align: center;
padding: 10% 0;
}
@ -1467,7 +1464,7 @@ audio.mediaplugin_html5audio {
.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
padding: 0;
background: #f2f2f2;
background: $chooserdialogue-bg;
@include border-bottom-radius(10px);
}
@ -1491,7 +1488,7 @@ audio.mediaplugin_html5audio {
/* Various settings for the options area */
.choosercontainer #chooseform .options {
position: relative;
border-bottom: 1px solid #bbb;
border-bottom: 1px solid $chooserdialogue-options-border-color;
}
/* Only set these options if we're showing the js container */
.jschooser .choosercontainer #chooseform .alloptions {
@ -1544,7 +1541,7 @@ audio.mediaplugin_html5audio {
display: block;
margin: 0;
padding: ($spacer * 0.5) 0;
border-bottom: 1px solid #fff;
border-bottom: 1px solid $choosercontainer-label-border-color;
}
.choosercontainer #chooseform .option .icon {
@ -1577,7 +1574,7 @@ audio.mediaplugin_html5audio {
left: 240px;
margin: 0;
padding: 1.6em;
background-color: #fff;
background-color: $choosercontainer-instruction-bg;
overflow-x: hidden;
overflow-y: auto;
line-height: 2em;
@ -1589,7 +1586,7 @@ audio.mediaplugin_html5audio {
}
.choosercontainer #chooseform .selected {
background-color: #fff;
background-color: $choosercontainer-chooseform-selected-bg;
margin-top: -1px;
padding-top: 1px;
}
@ -1772,8 +1769,8 @@ audio.mediaplugin_html5audio {
position: relative;
margin: 15px 0;
padding: 1px 19px 14px;
background-color: white;
border: 1px solid #ddd;
background-color: $formlisting-bg;
border: 1px solid $formlisting-border-color;
@include border-radius(4px);
}
@ -1786,9 +1783,9 @@ audio.mediaplugin_html5audio {
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
background-color: whitesmoke;
border: 1px solid #ddd;
color: #9da0a4;
background-color: $formlistingmore-bg;
border: 1px solid $formlistingmore-border-color;
color: $formlistingmore-color;
@include border-radius(4px 0 4px 0);
}
@ -1803,10 +1800,10 @@ audio.mediaplugin_html5audio {
.formlistingrow {
cursor: pointer;
border-bottom: 1px solid;
border-color: #e1e1e8;
border-left: 1px solid #e1e1e8;
border-right: 1px solid #e1e1e8;
background-color: #f7f7f9;
border-color: $formlistingrow-border-color;
border-left: 1px solid $formlistingrow-border-color;
border-right: 1px solid $formlistingrow-border-color;
background-color: $formlistingrow-bg;
@include border-radius(0 0 4px 4px);
padding: 6px;
@ -1833,8 +1830,8 @@ a.criteria-action {
div.criteria-description {
padding: 10px 15px;
margin: 5px 0;
background: none repeat scroll 0 0 #f9f9f9;
border: 1px solid #eee;
background: none repeat scroll 0 0 $criteria-desc-bg;
border: 1px solid $criteria-desc-border-color;
}
ul.badges {
@ -2258,8 +2255,8 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
left: 50%;
top: calc(-50% - 5px);
transform: translate(-50%, -50%);
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
background-color: $hover-tooltip-bg;
border: 1px solid $hover-tooltip-border-color;
border-radius: .3rem;
box-sizing: border-box;
padding: 5px;
@ -2272,7 +2269,7 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
display: inline-block;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid rgba(0, 0, 0, .2);
border-top: 8px solid $hover-tooltip-border-color;
position: absolute;
bottom: -8px;
left: calc(50% - 8px);
@ -2283,7 +2280,7 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff;
border-top: 7px solid $hover-tooltip-border-top-color;
position: absolute;
bottom: -6px;
left: calc(50% - 7px);
@ -2451,7 +2448,7 @@ $footer-link-color: $bg-inverse-link-color !default;
&:focus {
z-index: 1031;
position: fixed;
background: #fff;
background: $sr-only-active-bg;
padding: 7px;
left: 0;
top: 0;
@ -2473,7 +2470,7 @@ $footer-link-color: $bg-inverse-link-color !default;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.6);
background-color: $overlay-icon-bg;
.loading-icon {
position: absolute;
@ -2980,7 +2977,7 @@ body.dragging {
// Generic classes reactive components can use.
.overlay-preview {
background-color: rgba($white, .8);
background-color: $overlay-preview-bg;
border: 2px dashed $primary;
position: absolute;
top: 0;

View File

@ -974,7 +974,7 @@ span.editinstructions {
}
.without-actions {
color: #333;
color: $course-cat-without-actions-color;
}
.idnumber {
@ -1018,7 +1018,7 @@ span.editinstructions {
.categoryname {
display: inline-block;
margin-left: 1em;
color: #a1a1a8;
color: $course-listing-color;
}
.coursename {
@ -1050,7 +1050,7 @@ span.editinstructions {
}
.course-count {
color: #a1a1a8;
color: $course-listing-color;
margin-right: 2rem;
min-width: 3.5em;
display: inline-block;

View File

@ -81,20 +81,20 @@ body.behat-site {
.phpinfo .e,
.phpinfo .v,
.phpinfo .h {
border: 1px solid #000;
border: 1px solid $phpinfo-border-color;
font-size: 0.8em;
vertical-align: baseline;
color: #000;
background-color: #ccc;
color: $phpinfo-color;
background-color: $phpinfo-bg;
}
.phpinfo .e {
background-color: #ccf;
background-color: $phpinfo-e-bg;
font-weight: bold;
}
.phpinfo .h {
background-color: #99c;
background-color: $phpinfo-h-bg;
font-weight: bold;
}

View File

@ -15,7 +15,7 @@
}
.fp-panel-button {
background: #fff;
background: $filemanager-panel-button-bg;
padding: 3px 20px 2px 20px;
text-align: center;
margin: 10px;
@ -23,7 +23,7 @@
@include border-radius(10px);
display: inline-block;
@include box-shadow(2px 2px 3px .1px #999);
@include box-shadow(2px 2px 3px .1px $filemanager-panel-button-shadow);
}
// File Picker layout
@ -49,7 +49,7 @@
.file-picker .fp-content {
border-top: 0;
background: #fff;
background: $filemanager-picker-bg;
clear: none;
overflow: auto;
height: 452px;
@ -88,7 +88,7 @@
}
.file-picker .fp-list .fp-repo.active {
background: #f2f2f2;
background: $filemanager-picker-active-bg;
}
.file-picker .fp-list .fp-repo-icon {
@ -169,23 +169,23 @@
min-height: 110px;
line-height: 110px;
text-align: center;
border: 1px solid #fff;
border: 1px solid $filemanager-thumbnail-border-color;
display: block;
}
.fp-iconview .fp-thumbnail img {
border: 1px solid #ddd;
border: 1px solid $filemanager-thumbnail-img-border-color;
padding: 3px;
vertical-align: middle;
@include box-shadow(1px 1px 2px 0 #ccc);
@include box-shadow(1px 1px 2px 0 $filemanager-thumbnail-shadow);
}
.fp-iconview .fp-thumbnail:hover {
background: #fff;
border: 1px solid #ddd;
background: $filemanager-thumbnail-over-bg;
border: 1px solid $filemanager-thumbnail-hover-border-color;
@include box-shadow(inset 0 0 10px0 #ccc);
@include box-shadow(inset 0 0 10px0 $filemanager-thumbnail-hover-shadow);
}
.fp-iconview .fp-filename-field {
@ -211,14 +211,14 @@
}
.fp-iconview .fp-filename-field .fp-filename {
background: #fff;
background: $filemanager-filename-bg;
padding-top: 5px;
padding-bottom: 12px;
min-width: 112px;
}
// Table view (File Picker only)
.file-picker .yui3-datatable table {
border: 0 solid #bbb;
border: 0 solid $filemanager-picker-table-border-color;
width: 100%;
}
// Tree view (File Manager only)
@ -378,7 +378,7 @@ a.ygtvspacer:hover {
.file-picker .ygtvfocus,
.filemanager .ygtvfocus {
background-color: #eee;
background-color: $filemanager-ygtvfocus-bg;
}
.fp-filename-icon {
@ -494,14 +494,14 @@ a.ygtvspacer:hover {
line-height: 110px;
text-align: center;
margin: 10px 20px 0 0;
background: #fff;
border: 1px solid #ddd;
background: $filemanager-picker-thumbnail-bg;
border: 1px solid $filemanager-picker-thumbnail-border-color;
@include box-shadow(inset 0 0 10px 0 #ccc);
@include box-shadow(inset 0 0 10px 0 $filemanager-thumbnail-shadow);
}
.fp-select .fp-thumbnail img {
border: 1px solid #ddd;
border: 1px solid $filemanager-thumbnail-img-border-color;
padding: 3px;
vertical-align: middle;
margin: 10px;
@ -634,7 +634,7 @@ a.ygtvspacer:hover {
.fitem.disabled .filepicker-filelist,
.fitem.disabled .filemanager-container {
background-color: #ebebe4;
background-color: $filemanager-item-disabled-bg;
}
.fitem.disabled .fp-btn-choose {
@ -691,7 +691,7 @@ a.ygtvspacer:hover {
}
// Table view (File Manager only)
.filemanager .yui3-datatable table {
border: 0 solid #bbb;
border: 0 solid $filemanager-yui-table-border-color;
width: 100%;
}
@ -703,20 +703,20 @@ a.ygtvspacer:hover {
/*rtl:raw:
text-align: right;
*/
background: #fff !important;
border-bottom: 1px solid #ccc !important;
border-left: 0 solid #fff !important;
color: #555 !important;
background: $filemanager-yui-table-header-bg !important;
border-bottom: 1px solid $filemanager-yui-table-header-border-bottom-color !important;
border-left: 0 solid $filemanager-yui-table-header-border-left-color !important;
color: $filemanager-yui-table-header-color !important;
}
.yui3-datatable-odd .yui3-datatable-cell {
background-color: #f6f6f6 !important;
border-left: 0 solid #f6f6f6;
background-color: $filemanager-yui-table-cell-odd-bg !important;
border-left: 0 solid $filemanager-yui-table-cell-odd-border-color;
}
.yui3-datatable-even .yui3-datatable-cell {
background-color: #fff !important;
border-left: 0 solid #fff;
background-color: $filemanager-yui-table-cell-even-bg !important;
border-left: 0 solid $filemanager-yui-table-cell-even-border-color;
}
}
/* stylelint-enable */
@ -777,35 +777,35 @@ a.ygtvspacer:hover {
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #bbb;
border: 2px dashed $filemanager-dnd-border-color;
padding-top: 85px;
text-align: center;
}
.filepicker-filelist .dndupload-target,
.filemanager-container .dndupload-target {
background: #fff;
background: $filemanager-dnd-upload-target-bg;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #fb7979;
border: 2px dashed $filemanager-dnd-upload-target-border-color;
padding-top: 85px;
text-align: center;
@include box-shadow(0 0 0 10px #fff);
@include box-shadow(0 0 0 10px $filemanager-dnd-upload-target-shadow);
}
.filepicker-filelist.dndupload-over .dndupload-target,
.filemanager-container.dndupload-over .dndupload-target {
background: #fff;
background: $filemanager-dnd-upload-over-bg;
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px dashed #6c8cd3;
border: 2px dashed $filemanager-dnd-upload-over-border-color;
padding-top: 85px;
text-align: center;
}
@ -943,8 +943,8 @@ a.ygtvspacer:hover {
}
.filemanager.fp-select .fp-reflist .fp-value {
background: #f9f9f9;
border: 1px solid #bbb;
background: $filemanager-select-bg;
border: 1px solid $filemanager-select-border-color;
padding: 8px 7px;
margin: 0;
max-height: 75px;

View File

@ -137,7 +137,7 @@ input#id_externalurl {
font-size: $font-size-lg;
line-height: $line-height-base * 2;
border: 0;
border-bottom: 1px solid #e5e5e5;
border-bottom: 1px solid $forms-adminsettings-border-bottom-color;
}
// I think this could be avoided (or at least tidied up) ifr
@ -279,7 +279,7 @@ fieldset.coursesearchbox label {
.form-autocomplete-suggestions {
position: absolute;
background-color: white;
background-color: $forms-autocomplete-bg;
border: $border-width solid $input-border-color;
min-width: 206px;
max-height: 20em;

View File

@ -100,7 +100,7 @@
overflow: hidden;
margin: 0.5em;
padding: 1em;
border: 1px solid #aaa;
border: 1px solid $grade-manage-action-border-color;
.action-text {
position: relative;
@ -126,7 +126,7 @@
&.evaluate .criterion .levels .level {
&:hover,
&.checked {
background: #dff0d8;
background: $grade-criterion-level-hover-bg;
}
&.checked {
border: none;
@ -169,12 +169,12 @@
padding: $rubricPadding;
&.currentchecked {
background: #fff0f0;
background: $grade-criterion-level-currentchecked-bg;
}
&.checked {
background: #d0ffd0;
border: 1px solid #555;
background: $grade-criterion-level-checked-bg;
border: 1px solid $grade-criterion-level-checked-border-color;
}
.delete {
@ -195,7 +195,7 @@
margin: 0;
&:hover {
background-color: #ddd;
background-color: $grade-criterion-level-delete-bg;
}
}
}
@ -405,7 +405,7 @@
&.category {
td {
background-color: white;
background-color: $grade-table-td-bg;
border-top: 1px solid $gray-300;
border-bottom: 1px solid $gray-300;
@ -443,7 +443,7 @@
font-size: 12px;
width: 12px;
height: 12px;
color: #1d2125;
color: $grade-table-toggle-icon-color;
margin: 0;
}
}
@ -455,7 +455,7 @@
&.item {
td {
background-color: white;
background-color: $grade-table-td-bg;
border-top: 3px solid $gray-100;
}
@ -482,8 +482,8 @@
}
.badge-light {
color: #1d2125;
background-color: #ced4da;
color: $grade-badge-color;
background-color: $grade-badge-bg;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
@ -655,7 +655,7 @@
.dropdown-item:hover,
.dropdown-item:active {
span {
color: #fff;
color: $grade-search-hover-color;
}
}
@ -671,7 +671,7 @@
}
.unsearchablecontentcontainer {
border-top: 1px solid #dee2e6;
border-top: 1px solid $grade-search-container-border-color;
padding-top: 10px;
font-size: 90%;
}

View File

@ -1,12 +1,12 @@
/** The message area **/
@mixin setSelectedContact() {
background-color: #4f94cd;
color: #fff;
background-color: $message-selected-bg;
color: $message-selected-color;
border: none;
.information {
.lastmessage {
color: #fff;
color: $message-selected-color;
}
}
.picture {
@ -30,7 +30,7 @@
vertical-align: bottom;
}
.preference-table {
border: 1px solid #ddd;
border: 1px solid $message-preference-table-border-color;
thead {
th {
@ -121,7 +121,7 @@
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(255, 255, 255, 0.5);
background-color: $message-loading-bg;
.vertical-align {
height: 100%;
@ -168,7 +168,7 @@
box-sizing: border-box;
border-radius: 4px;
margin-bottom: 30px;
border: 1px solid #e3e3e3;
border: 1px solid $message-notif-area-border-color;
.control-area {
box-sizing: border-box;
@ -177,7 +177,7 @@
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
border-right: 1px solid #e3e3e3;
border-right: 1px solid $message-notif-area-border-color;
.content {
position: relative;
@ -228,7 +228,7 @@
.header {
height: 50px;
box-sizing: border-box;
border-bottom: 1px solid #e3e3e3;
border-bottom: 1px solid $message-notif-area-border-color;
padding: 5px;
.image-container {
@ -253,7 +253,7 @@
font-size: 10px;
line-height: 10px;
margin: 0;
color: #666;
color: $message-notif-area-timestamp-color;
margin-left: 30px;
}
@ -335,8 +335,8 @@
height: 50px;
line-height: 50px;
box-sizing: border-box;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
border-right: 1px solid $message-notif-area-border-color;
border-bottom: 1px solid $message-notif-area-border-color;
}
.header {
@ -462,7 +462,7 @@ $message-day-color: color-yiq($message-app-bg) !default;
cursor: pointer;
&:hover {
filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
filter: drop-shadow(2px 2px 2px $message-clickable-hover-shadow);
}
}
@ -641,7 +641,7 @@ $message-day-color: color-yiq($message-app-bg) !default;
}
.dir-rtl {
.message-drawer {
box-shadow: 2px 2px 4px rgba(0, 0, 0, .08);
box-shadow: 2px 2px 4px $message-drawer-shadow;
}
}

View File

@ -262,7 +262,7 @@ $author-image-margin-sm: 8px;
/** Gently highlight the selected post by changing it's background to blue and then fading it out. */
@keyframes background-highlight {
from {
background-color: rgba(0, 123, 255, 0.5);
background-color: $modules-highlight-bg;
}
to {
background-color: inherit;
@ -300,14 +300,14 @@ $author-image-margin-sm: 8px;
}
.badge-light {
background-color: #f6f6f6;
color: #5b5b5b;
background-color: $modules-badge-bg;
color: $modules-badge-color;
}
/** Style the ratings like a badge. */
.rating-aggregate-container {
background-color: #f6f6f6;
color: #5b5b5b;
background-color: $modules-rating-aggregate-bg;
color: $modules-rating-aggregate-color;
padding: .25em .5em;
line-height: 1;
margin-right: .5rem;
@ -343,7 +343,7 @@ $author-image-margin-sm: 8px;
/** Fix muted text contrast ratios for accessibility. */
.text-muted,
.dimmed_text {
color: #707070 !important; /* stylelint-disable-line declaration-no-important */
color: $modules-forum-muted-color !important; /* stylelint-disable-line declaration-no-important */
}
.author-header {
@ -369,7 +369,7 @@ $author-image-margin-sm: 8px;
.forum-post-container {
.replies-container {
.forum-post-container {
border-top: 1px solid #dee2e6;
border-top: 1px solid $modules-forum-post-border-color;
padding-top: 1.5rem;
.replies-container .forum-post-container {

View File

@ -53,7 +53,7 @@
}
.moodlenet-share-notice {
background-color: #f8f9fa;
background-color: $moodlenet-share-notice-bg;
padding: 1rem;
}

View File

@ -1,13 +1,13 @@
$standard-border: 1px solid #ddd;
$standard-border: 1px solid $popover-standard-border-color;
$region-container-height: 500px;
$region-container-width: 380px;
$region-container-z-index: 1;
$region-header-height: 25px;
$region-footer-height: 30px;
$content-item-hover-colour-bg: $primary;
$content-item-hover-colour-text: #fff;
$content-item-hover-colour-text: $white;
$content-item-selected-colour-bg: #4f94cd;
$content-item-unread-colour: #f4f4f4;
$content-item-unread-colour: $gray-100;
$content-header-footer-height: $region-header-height + $region-footer-height;
@mixin invisible() {
@ -49,7 +49,7 @@ $content-header-footer-height: $region-header-height + $region-footer-height;
display: inline-block;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ddd;
border-bottom: 10px solid $popover-standard-border-color;
position: absolute;
bottom: 0;
right: 7px;
@ -60,7 +60,7 @@ $content-header-footer-height: $region-header-height + $region-footer-height;
display: inline-block;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
border-bottom: 9px solid $popover-region-toggle-border-bottom-color;
position: absolute;
bottom: -1px;
right: 8px;
@ -72,7 +72,7 @@ $content-header-footer-height: $region-header-height + $region-footer-height;
padding: 2px;
border-radius: 2px;
background-color: $danger;
color: white;
color: $popover-count-color;
font-size: 11px;
line-height: 11px;
position: absolute;
@ -90,7 +90,7 @@ $content-header-footer-height: $region-header-height + $region-footer-height;
width: $region-container-width;
border: $standard-border;
transition: height 0.25s;
background-color: #fff;
background-color: $popover-region-container-bg;
z-index: $region-container-z-index;
}
@ -198,7 +198,7 @@ $content-header-footer-height: $region-header-height + $region-footer-height;
padding: 2px;
border-radius: 2px;
background-color: $danger;
color: white;
color: $popover-count-color;
font-size: 11px;
line-height: 11px;
position: absolute;

View File

@ -59,27 +59,27 @@
}
#qtypechoicecontainer.yui-panel .hd {
color: #333;
color: $question-choice-color;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #fff;
text-shadow: 1px 1px 1px $question-choice-text-shadow;
@include border-top-radius(10px);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border: 1px solid $question-border-color;
border-bottom: 1px solid $question-border-bottom-color;
@include gradient-y(#fff, #ccc);
@include gradient-y($question-gradient-start-color, $question-gradient-end-color);
}
#qtypechoicecontainer {
font-size: 12px;
color: #333;
background: #f2f2f2;
color: $question-choice-color;
background: $question-choice-bg;
@include border-radius(10px);
border: 1px solid #ccc;
border: 1px solid $question-border-color;
border-top: 0 none;
@include box-shadow(5px 5px 20px 0 #666);
@include box-shadow(5px 5px 20px 0 $question-choice-shadow);
}
#qtypechoicecontainer #chooseqtype {
@ -93,7 +93,7 @@
#chooseqtype .qtypes {
position: relative;
border-bottom: 1px solid #bbb;
border-bottom: 1px solid $question-border-bottom-color;
padding: 0.24em 0;
}
@ -116,9 +116,9 @@
}
#chooseqtype .selected {
background-color: #fff;
background-color: $question-type-bg;
@include box-shadow(0 0 10px 0 #ccc);
@include box-shadow(0 0 10px 0 $question-type-shadow);
}
#chooseqtype .instruction,
@ -133,7 +133,7 @@
overflow-x: hidden;
overflow-y: auto;
padding: 1.5em 1.6em;
background-color: #fff;
background-color: $question-type-bg;
}
#chooseqtype .instruction,
@ -422,7 +422,7 @@ body.jsenabled .questionflag input[type=checkbox] {
.importerror {
margin-top: 10px;
border-bottom: 1px solid #555;
border-bottom: 1px solid $question-import-error-border-color;
}
.mform .que.comment .fitemtitle {
@ -483,7 +483,7 @@ body.jsenabled .questionflag input[type=checkbox] {
}
#page-mod-quiz-edit .questionbankwindow div.header {
color: #444;
color: $question-bank-header-color;
text-shadow: none;
@include border-top-radius(4px);
@ -577,7 +577,7 @@ body.jsenabled .questionflag input[type=checkbox] {
}
#page-mod-quiz-edit div.quizpage .pagecontent {
border: 1px solid #ddd;
border: 1px solid $question-quiz-edit-border-color;
@include border-radius(2px);
overflow: hidden;
@ -597,7 +597,7 @@ body.jsenabled .questionflag input[type=checkbox] {
#page-mod-quiz-edit div.editq div.question div.content {
background-color: $body-bg;
border: 1px solid #ddd;
border: 1px solid $question-quiz-edit-border-color;
@include border-radius(2px);
overflow: hidden;

View File

@ -291,7 +291,7 @@ $rb-right-sidebar-width: 350px;
&::after {
content: '';
flex: 1;
border-bottom: 1px solid rgba(0, 0, 0, .125);
border-bottom: 1px solid $report-audience-border-color;
}
&:not(:empty)::before {
margin-right: 1rem;

View File

@ -29,7 +29,7 @@
background-color: $white;
}
tbody tr:nth-of-type(#{$table-striped-order}) .sticky-column {
background-color: #f7f7f7;
background-color: $table-accent-bg;
}
&.table-sm {
th,
@ -47,7 +47,7 @@
}
}
td.sticky-column {
background-color: #ececec;
background-color: $table-hover-bg;
}
}
}

View File

@ -74,7 +74,7 @@
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
background-color: $user-loading-icon-bg;
.icon {
position: absolute;

View File

@ -59,3 +59,236 @@ $activity-icon-colors: map-merge(
),
$activity-icon-colors
);
// Atto
$atto-content-wrap-bg: $white !default;
$atto-content-wrap-color: #333 !default;
$atto-toolbar-bg: #f2f2f2 !default;
$atto-toolbar-border-color: #ccc !default;
$atto-toolbar-group-bg: $white !default;
$atto-toolbar-group-border-bottom-color: #b3b3b3 !default;
$atto-toolbar-button-color: $gray-700 !default;
$atto-toolbar-button-hover-bg: #ebebeb !default;
$atto-toolbar-button-active-bg: #dfdfdf !default;
$atto-toolbar-button-gradient-inner: $white !default;
$atto-toolbar-button-gradient-outer: #dfdfdf !default;
$atto-control-icon-bg: $white !default;
$atto-notif-info: #f2f2f2 !default;
$atto-notif-warning: #ffd700 !default;
// Backup restore
$backup-restore-wibbler-border-color: $black !default;
$backup-restore-state0-bg: #eee !default;
$backup-restore-state1-bg: #ddd !default;
$backup-restore-state2-bg: #ccc !default;
$backup-restore-state3-bg: #bbb !default;
$backup-restore-state4-bg: #aaa !default;
$backup-restore-state5-bg: #999 !default;
$backup-restore-state6-bg: #888 !default;
$backup-restore-state7-bg: #777 !default;
$backup-restore-state8-bg: #666 !default;
$backup-restore-state9-bg: #555 !default;
$backup-restore-state10-bg: #444 !default;
$backup-restore-state11-bg: #333 !default;
$backup-restore-state12-bg: #222 !default;
// Calendar
$calendar-month-clickable-bg: #ededed !default;
// Chat
$chat-users-list-img-border-color: #ccc !default;
// Core
$yui-overlay-bg: #ffee69 !default;
$yui-overlay-color: $black !default;
$yui-overlay-border-color: #a6982b !default;
$yui-overlay-border-top-color: #d4c237 !default;
$comment-meta-color: gray !default;
$comment-paging-current-border-color: #ccc !default;
$tags-tagarea-border-color: #e3e3e3 !default;
$tags-tagarea-title-color: #999 !default;
$tags-tagarea-title-border-color: #e3e3e3 !default;
$tags-tagarea-title-text-shadow-color: rgba($black, .5) !default;
$webservice-doc-td-border-color: $black !default;
$userenrolment-link-hover-border-color: #666 !default;
$corelightbox-bg: #ccc !default;
$dialogue-base-bg: $white !default;
$dialogue-base-border-color: #ccc !default;
$dialogue-base-hd-border-color: #dee2e6 !default;
$dialogue-exception-label-bg: #eee !default;
$dialogue-exception-label-border-color: #ccc !default;
$dialogue-exception-pre-bg: $white !default;
$dialogue-exception-pre-border-color: #ccc !default;
$dialogue-exception-file-color: navy !default;
$dialogue-exception-call-color: #333 !default;
$dialogue-exception-call-border-color: #eee !default;
$dialogue-lightbox-bg: $white !default;
$chooserdialogue-bg: #f2f2f2 !default;
$chooserdialogue-options-border-color: #bbb !default;
$choosercontainer-label-border-color: $white !default;
$choosercontainer-instruction-bg: $white !default;
$choosercontainer-chooseform-selected-bg: $white !default;
$formlisting-bg: $white !default;
$formlisting-border-color: #ddd !default;
$formlistingmore-bg: whitesmoke !default;
$formlistingmore-border-color: #ddd !default;
$formlistingmore-color: #9da0a4 !default;
$formlistingrow-bg: #f7f7f9 !default;
$formlistingrow-border-color: #e1e1e8 !default;
$criteria-desc-bg: #f9f9f9 !default;
$criteria-desc-border-color: #eee !default;
$hover-tooltip-bg: $white !default;
$hover-tooltip-border-color: rgba($black, .2) !default;
$hover-tooltip-border-top-color: $white !default;
$sr-only-active-bg: $white !default;
$overlay-icon-bg: rgba($white, .6) !default;
$overlay-preview-bg: rgba($white, .8) !default;
// Course
$course-cat-without-actions-color: #333 !default;
$course-listing-color: #a1a1a8 !default;
// Debug
$phpinfo-color: $black !default;
$phpinfo-bg: #ccc !default;
$phpinfo-border-color: $black !default;
$phpinfo-e-bg: #ccf !default;
$phpinfo-h-bg: #99c !default;
// Filemanager
$filemanager-panel-button-bg: $white !default;
$filemanager-panel-button-shadow: #999 !default;
$filemanager-picker-bg: $white !default;
$filemanager-picker-active-bg: #f2f2f2 !default;
$filemanager-thumbnail-border-color: $white !default;
$filemanager-thumbnail-img-border-color: #ddd !default;
$filemanager-thumbnail-shadow: #ccc !default;
$filemanager-thumbnail-over-bg: $white !default;
$filemanager-thumbnail-hover-border-color: #ddd !default;
$filemanager-thumbnail-hover-shadow: #ccc !default;
$filemanager-filename-bg: $white !default;
$filemanager-picker-table-border-color: #bbb !default;
$filemanager-ygtvfocus-bg: #eee !default;
$filemanager-picker-thumbnail-bg: $white !default;
$filemanager-picker-thumbnail-border-color: #ddd !default;
$filemanager-item-disabled-bg: #ebebe4 !default;
$filemanager-yui-table-border-color: #bbb !default;
$filemanager-yui-table-header-bg: $white !default;
$filemanager-yui-table-header-border-bottom-color: #ccc !default;
$filemanager-yui-table-header-border-left-color: $white !default;
$filemanager-yui-table-header-color: #555 !default;
$filemanager-yui-table-cell-odd-bg: #f6f6f6 !default;
$filemanager-yui-table-cell-odd-border-color: #f6f6f6 !default;
$filemanager-yui-table-cell-even-bg: $white !default;
$filemanager-yui-table-cell-even-border-color: $white !default;
$filemanager-dnd-border-color: #bbb !default;
$filemanager-dnd-upload-target-bg: $white !default;
$filemanager-dnd-upload-target-border-color: #fb7979 !default;
$filemanager-dnd-upload-target-shadow: $white !default;
$filemanager-dnd-upload-over-bg: $white !default;
$filemanager-dnd-upload-over-border-color: #6c8cd3 !default;
$filemanager-select-bg: #f9f9f9 !default;
$filemanager-select-border-color: #bbb !default;
// Forms
$forms-autocomplete-bg: $white !default;
$forms-adminsettings-border-bottom-color: #e5e5e5 !default;
// Grade
$grade-manage-action-border-color: #aaa !default;
$grade-criterion-level-hover-bg: #dff0d8 !default;
$grade-criterion-level-currentchecked-bg: #fff0f0 !default;
$grade-criterion-level-checked-bg: #d0ffd0 !default;
$grade-criterion-level-checked-border-color: #555 !default;
$grade-criterion-level-delete-bg: #ddd !default;
$grade-table-td-bg: $white !default;
$grade-table-toggle-icon-color: #1d2125 !default;
$grade-badge-bg: #ced4da !default;
$grade-badge-color: #1d2125 !default;
$grade-search-hover-color: $white !default;
$grade-search-container-border-color: #dee2e6 !default;
// Message
$message-selected-bg: #4f94cd !default;
$message-selected-color: $white !default;
$message-preference-table-border-color: #ddd !default;
$message-notif-area-border-color: #e3e3e3 !default;
$message-notif-area-timestamp-color: #666 !default;
$message-clickable-hover-shadow: rgba($black, .3) !default;
$message-loading-bg: rgba($white, 0.5) !default;
$message-drawer-shadow: rgba($black, .08) !default;
// Modules
$modules-badge-bg: #f6f6f6 !default;
$modules-badge-color: #5b5b5b !default;
$modules-rating-aggregate-bg: #f6f6f6 !default;
$modules-rating-aggregate-color: #5b5b5b !default;
$modules-forum-muted-color: #707070 !default;
$modules-forum-post-border-color: #dee2e6 !default;
$modules-highlight-bg: rgba(0, 123, 255, 0.5) !default;
// Moodlenet
$moodlenet-share-notice-bg: #f8f9fa !default;
// Popover
$popover-standard-border-color: #ddd !default;
$popover-region-toggle-border-bottom-color: $white !default;
$popover-count-color: $white !default;
$popover-region-container-bg: $white !default;
// Question
$question-choice-bg: #f2f2f2 !default;
$question-choice-color: #333 !default;
$question-choice-text-shadow: $white !default;
$question-choice-shadow: #666 !default;
$question-border-color: #ccc !default;
$question-border-bottom-color: #bbb !default;
$question-gradient-start-color: $white !default;
$question-gradient-end-color: #ccc !default;
$question-type-bg: $white !default;
$question-type-shadow: #ccc !default;
$question-import-error-border-color: #555 !default;
$question-bank-header-color: #444 !default;
$question-quiz-edit-border-color: #ddd !default;
// Report builder
$report-audience-border-color: rgba($black, .125) !default;
// User
$user-loading-icon-bg: rgba($white, 0.7) !default;

View File

@ -23641,7 +23641,7 @@ img.user-image {
font-weight: bold;
line-height: 20px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
word-wrap: break-word;
border-bottom: solid 1px #e3e3e3;
@ -23893,7 +23893,7 @@ tr.flagged-tag a {
*/
#webservice-doc-generator td {
text-align: left;
border: 0 solid black;
border: 0 solid #000;
}
/**
@ -24329,7 +24329,7 @@ audio.mediaplugin_html5audio {
height: 100%;
top: 0;
left: 0;
background-color: white;
background-color: #fff;
text-align: center;
padding: 10% 0;
}
@ -24653,7 +24653,7 @@ audio.mediaplugin_html5audio {
position: relative;
margin: 15px 0;
padding: 1px 19px 14px;
background-color: white;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
}
@ -32858,7 +32858,7 @@ fieldset.coursesearchbox label {
.form-autocomplete-suggestions {
position: absolute;
background-color: white;
background-color: #fff;
border: 1px solid #8f959e;
min-width: 206px;
max-height: 20em;
@ -34719,9 +34719,9 @@ img.userpicture {
.path-backup .wibbler {
width: 500px;
margin: 0 auto 10px;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
position: relative;
min-height: 4px;
}
@ -34799,7 +34799,7 @@ img.userpicture {
background-color: #fff;
}
.generaltable tbody tr:nth-of-type(odd) .sticky-column {
background-color: #f7f7f7;
background-color: rgba(0, 0, 0, 0.03);
}
.generaltable.table-sm th,
.generaltable.table-sm td {
@ -34813,7 +34813,7 @@ img.userpicture {
color: #1d2125;
}
.generaltable tbody tr:hover td.sticky-column {
background-color: #ececec;
background-color: rgba(0, 0, 0, 0.075);
}
table caption {
@ -35315,7 +35315,7 @@ p.arrow_button {
border-top: 2px dashed #0f6cbf;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
background-color: white;
background-color: #fff;
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
}
@ -35352,7 +35352,7 @@ p.arrow_button {
margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
background-color: white;
background-color: #fff;
border-top: 3px solid #f8f9fa;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td {
@ -35980,7 +35980,7 @@ body {
padding: 2px;
border-radius: 2px;
background-color: #ca3120;
color: white;
color: #fff;
font-size: 11px;
line-height: 11px;
position: absolute;
@ -36087,7 +36087,7 @@ body {
padding: 2px;
border-radius: 2px;
background-color: #ca3120;
color: white;
color: #fff;
font-size: 11px;
line-height: 11px;
position: absolute;
@ -36121,7 +36121,7 @@ body {
}
.content-item-container.unread {
margin: 0;
background-color: #f4f4f4;
background-color: #f8f9fa;
}
.content-item-container.unread:hover {
color: #fff;
@ -36771,7 +36771,7 @@ input[type=month].form-control {
}
.editor_atto_content_wrap {
background-color: white;
background-color: #fff;
color: #333;
}
@ -36918,7 +36918,7 @@ div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
}
.atto_control .icon {
background-color: white;
background-color: #fff;
}
div.editor_atto_content:focus .atto_control,
@ -36961,21 +36961,17 @@ div.editor_atto_content:hover .atto_control {
direction: ltr;
}
.editor_atto_notification .atto_info,
.editor_atto_notification .atto_warning {
.editor_atto_notification {
display: inline-block;
background-color: #f2f2f2;
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
}
.editor_atto_notification .atto_info {
background-color: #f2f2f2;
}
.editor_atto_notification .atto_warning {
background-color: #ffd700;
}

View File

@ -23641,7 +23641,7 @@ img.user-image {
font-weight: bold;
line-height: 20px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
text-transform: uppercase;
word-wrap: break-word;
border-bottom: solid 1px #e3e3e3;
@ -23893,7 +23893,7 @@ tr.flagged-tag a {
*/
#webservice-doc-generator td {
text-align: left;
border: 0 solid black;
border: 0 solid #000;
}
/**
@ -24329,7 +24329,7 @@ audio.mediaplugin_html5audio {
height: 100%;
top: 0;
left: 0;
background-color: white;
background-color: #fff;
text-align: center;
padding: 10% 0;
}
@ -24653,7 +24653,7 @@ audio.mediaplugin_html5audio {
position: relative;
margin: 15px 0;
padding: 1px 19px 14px;
background-color: white;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
}
@ -32858,7 +32858,7 @@ fieldset.coursesearchbox label {
.form-autocomplete-suggestions {
position: absolute;
background-color: white;
background-color: #fff;
border: 1px solid #8f959e;
min-width: 206px;
max-height: 20em;
@ -34719,9 +34719,9 @@ img.userpicture {
.path-backup .wibbler {
width: 500px;
margin: 0 auto 10px;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
position: relative;
min-height: 4px;
}
@ -34799,7 +34799,7 @@ img.userpicture {
background-color: #fff;
}
.generaltable tbody tr:nth-of-type(odd) .sticky-column {
background-color: #f7f7f7;
background-color: rgba(0, 0, 0, 0.03);
}
.generaltable.table-sm th,
.generaltable.table-sm td {
@ -34813,7 +34813,7 @@ img.userpicture {
color: #1d2125;
}
.generaltable tbody tr:hover td.sticky-column {
background-color: #ececec;
background-color: rgba(0, 0, 0, 0.075);
}
table caption {
@ -35315,7 +35315,7 @@ p.arrow_button {
border-top: 2px dashed #0f6cbf;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.category td {
background-color: white;
background-color: #fff;
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
}
@ -35352,7 +35352,7 @@ p.arrow_button {
margin: 0;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item td {
background-color: white;
background-color: #fff;
border-top: 3px solid #f8f9fa;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.categoryitem td, .path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr.item.courseitem td {
@ -35914,7 +35914,7 @@ body {
padding: 2px;
border-radius: 2px;
background-color: #ca3120;
color: white;
color: #fff;
font-size: 11px;
line-height: 11px;
position: absolute;
@ -36021,7 +36021,7 @@ body {
padding: 2px;
border-radius: 2px;
background-color: #ca3120;
color: white;
color: #fff;
font-size: 11px;
line-height: 11px;
position: absolute;
@ -36055,7 +36055,7 @@ body {
}
.content-item-container.unread {
margin: 0;
background-color: #f4f4f4;
background-color: #f8f9fa;
}
.content-item-container.unread:hover {
color: #fff;
@ -36705,7 +36705,7 @@ input[type=month].form-control {
}
.editor_atto_content_wrap {
background-color: white;
background-color: #fff;
color: #333;
}
@ -36852,7 +36852,7 @@ div.editor_atto_toolbar .atto_toolbar_row div.atto_group {
}
.atto_control .icon {
background-color: white;
background-color: #fff;
}
div.editor_atto_content:focus .atto_control,
@ -36895,21 +36895,17 @@ div.editor_atto_content:hover .atto_control {
direction: ltr;
}
.editor_atto_notification .atto_info,
.editor_atto_notification .atto_warning {
.editor_atto_notification {
display: inline-block;
background-color: #f2f2f2;
padding: 0.5em;
padding-left: 1em;
padding-right: 1em;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
}
.editor_atto_notification .atto_info {
background-color: #f2f2f2;
}
.editor_atto_notification .atto_warning {
background-color: #ffd700;
}