display: block;
margin-top: 4px; }
+#goto-top-link {
+ visibility: hidden;
+ opacity: 0;
+ transition: opacity .7s ease 0s, visibility .1s ease .8s;
+ display: block;
+ position: fixed;
+ /* IE compatibility hack */
+ bottom: 50px;
+ right: 0; }
+ @supports (position: sticky) {
+ #goto-top-link {
+ position: sticky; } }
+ @supports (-ms-ime-align: auto) {
+ #goto-top-link {
+ position: fixed;
+ /* Edge compatibility hack */ } }
+ #goto-top-link a {
+ position: absolute;
+ right: 0;
+ transform: translateY(-100%); }
+
+body.scrolled #goto-top-link {
+ opacity: 1;
+ visibility: visible;
+ transition: visibility 0s ease 0s, opacity .7s ease .1s; }
+
.context-header-settings-menu .dropdown-toggle > .icon,
#region-main-settings-menu .dropdown-toggle > .icon {
height: 24px;
margin-top: -1px;
padding-top: 1px; }
-.chooserdialogue-course-modchooser .modicon .icon {
- width: 24px;
- height: 24px;
- font-size: 24px; }
-
@media (max-width: 575.98px) {
.jsenabled .choosercontainer #chooseform .alloptions {
max-width: 100%; }
.jsenabled .choosercontainer #chooseform .typesummary {
position: static; } }
+/**
+ * Module chooser dialogue (moodle-core-chooserdialogue)
+ *
+ * This CSS belong to the chooser dialogue which should work both with, and
+ * without javascript enabled
+ */
+.modchooser .modal-body {
+ padding: 0;
+ height: 590px;
+ overflow-y: auto; }
+ .modchooser .modal-body .loading-icon {
+ opacity: 1; }
+ .modchooser .modal-body .loading-icon .icon {
+ display: block;
+ font-size: 3em;
+ height: 1em;
+ width: 1em;
+ margin: 5em auto; }
+
+.modchoosercontainer.noscroll {
+ overflow-y: hidden; }
+
+.modchoosercontainer .optionscontainer {
+ overflow-x: hidden; }
+ .modchoosercontainer .optionscontainer .option {
+ flex-basis: 16%; }
+ .modchoosercontainer .optionscontainer .option .optionactions .optionaction {
+ cursor: pointer;
+ margin: 0.2rem;
+ color: #868e96; }
+ .modchoosercontainer .optionscontainer .option .optionactions .optionaction i {
+ margin: 0; }
+ .modchoosercontainer .optionscontainer .option .optioninfo a {
+ color: #495057; }
+ .modchoosercontainer .optionscontainer .option .optioninfo a:hover {
+ text-decoration: none; }
+ .modchoosercontainer .optionscontainer .option .optioninfo a .optionname {
+ margin-top: 0.5em; }
+ .modchoosercontainer .optionscontainer .option .optioninfo a .optionicon .icon {
+ margin: 0;
+ padding: 0;
+ width: 32px;
+ height: 32px;
+ font-size: 32px; }
+
+.modchooser .modal-body .optionsummary {
+ background-color: #fff;
+ overflow-x: hidden;
+ overflow-y: auto;
+ line-height: 2em;
+ height: 590px; }
+ .modchooser .modal-body .optionsummary .content {
+ overflow-y: auto; }
+ .modchooser .modal-body .optionsummary .content .heading .icon {
+ height: 32px;
+ width: 32px;
+ font-size: 32px;
+ padding: 0; }
+ .modchooser .modal-body .optionsummary .actions {
+ border-top: 1px solid #dee2e6;
+ background: #fff; }
+
+@media (max-width: 1199.98px) {
+ .modchoosercontainer .optionscontainer .option {
+ flex-basis: 20%; } }
+
+@media (max-width: 575.98px) {
+ .path-course-view .modal-dialog.modal-lg,
+ .path-course-view .modal-content,
+ .modchooser .modal-body,
+ .modchooser .modal-body .carousel,
+ .modchooser .modal-body .carousel-inner,
+ .modchooser .modal-body .carousel-item,
+ .modchooser .modal-body .optionsummary,
+ .modchoosercontainer,
+ .optionscontainer {
+ height: 100%; }
+ .path-course-view .modal-dialog.modal-lg {
+ margin: 0; }
+ .modchoosercontainer .optionscontainer .option {
+ flex-basis: 25%; } }
+
/* Form element: listing */
.formlistingradio {
padding-bottom: 25px;
.dir-ltr .dir-ltr-hide {
display: none; }
-.switch {
- position: relative;
- display: inline-block; }
- .switch input {
- float: left;
- width: 1px;
- transform: translateX(1px);
- padding: 0;
- margin: 0;
- opacity: 0;
- line-height: 1.25rem; }
- .switch input + label {
- position: relative;
- min-height: 1.25rem;
- min-width: 2.5rem;
- line-height: 1.25rem;
- border-radius: 1.25rem;
- display: inline-block;
- cursor: pointer;
- outline: none;
- user-select: none;
- padding-left: 3rem; }
- .switch input + label::before,
- .switch input + label::after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- display: block; }
- .switch input + label::before {
- right: 0;
- height: 1rem;
- width: 2.5rem;
- top: calc(50% - 0.5rem);
- background-color: #dee2e6;
- border-radius: 1.25rem;
- transition: 0.2s all; }
- .switch input + label::after {
- left: 0;
- width: 1.25rem;
- height: 1.25rem;
- top: calc(50% - 0.625rem);
- border-radius: 50%;
- background-color: #fff;
- transition: 0.2s all;
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); }
- .switch input:checked + label::before {
- background-color: rgba(17, 119, 209, 0.4); }
- .switch input:checked + label::after {
- margin-left: 1.25rem;
- background-color: #1177d1; }
- .switch input:focus + label::before {
- outline: none; }
- .switch input:focus + label::after {
- outline: none;
- box-shadow: 0 0 0 0.4rem rgba(17, 119, 209, 0.25); }
- .switch input:disabled + label {
- color: #868e96;
- cursor: not-allowed; }
- .switch input:disabled + label::before {
- background-color: #e9ecef; }
- .switch input:disabled + label::after {
- background-color: #868e96; }
- .switch.sr-only-label input + label {
- text-indent: -9999px;
- margin-bottom: 0;
- padding-left: 0; }
-
.paged-content-page-container {
min-height: 3.125rem; }
max-width: 350px;
max-height: 0;
z-index: 1051; }
+ .toast-wrapper > :first-child {
+ margin-top: 1rem; }
.icon {
font-size: 16px;
/* course.less */
/* COURSE CONTENT */
-.section-modchooser-link img {
- margin-right: 0.5rem;
- width: 16px;
- height: 16px; }
-
.section_add_menus {
text-align: right;
clear: both; }
.que .questioncorrectnessicon {
vertical-align: text-bottom; }
-.que input.questionflagimage {
+body.jsenabled .questionflag input[type=checkbox] {
+ display: none; }
+
+.que .questionflagimage {
padding-right: 3px;
height: 16px;
width: 16px; }
background-image: url([[pix:t/collapsed_rtl]]);
*/
/*rtl:remove*/
- background-image: url([[pix:t/collapsed]]); } }
+ background-image: url([[pix:t/collapsed]]); }
+ .mform .form-inline .fdefaultcustom label {
+ justify-content: initial; } }
.input-group.form-inset .form-inset-item {
position: absolute;
transition: initial;
position: absolute; }
+body.behat-site .custom-control,
+body.behat-site .custom-switch {
+ padding-left: 0; }
+
+body.behat-site .custom-control-input {
+ position: static;
+ z-index: 0;
+ opacity: 1; }
+
+body.behat-site .custom-control-label::before, body.behat-site .custom-control-label::after {
+ content: none; }
+
.phpinfo table,
.phpinfo th,
.phpinfo h2 {
flex-shrink: 0; }
.popover-region {
- float: right;
position: relative; }
.popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
display: none; }
display: none; }
.navbar .popover-region {
- float: right;
+ float: left;
margin-right: 10px; }
.navbar .popover-region.collapsed .popover-region-container {
opacity: 0;
