Proyectos de Subversion Moodle

/* core.less */

$bg-inverse-link-color: $white !default;

$dropzone-border: $gray-900 !default;

$collapse-list-item-padding-y: 0.5rem !default;

$collapse-list-item-padding-x: 1rem !default;

$collapse-list-item-hover-bg: shift-color($info, -90%) !default;

$collapse-list-item-hover-border: shift-color($info, -70%) !default;

$thin-scroll-bg-thumb: $gray-600 !default;

$thin-scroll-bg-hover: $gray-700 !default;

$font-size-xs: ($font-size-base * .75) !default;

#region-main {

    overflow-y: visible;

    background-color: $body-bg;

}

@include media-breakpoint-up(sm) {

    .context-header-settings-menu,

    .region-main-settings-menu {

        float: right;

        width: auto;

        max-width: 4em;

        height: 2em;

        display: block;

        margin-top: 4px;

    }

}

@include media-breakpoint-down(md) {

    .context-header-settings-menu,

    .region-main-settings-menu {

        display: flex;

        justify-content: flex-end;

    }

}

@mixin optional-animation($animation) {

    animation: $animation;

    @media (prefers-reduced-motion: reduce) {

        animation: none;

    }

    body.behat-site & {

        animation: none;

    }

}

.context-header-settings-menu .dropdown-toggle > .icon,

#region-main-settings-menu .dropdown-toggle > .icon {

    height: 24px;

    font-size: 24px;

    width: auto;

}

/** Prevent user notifications overlapping with region main settings menu */

#user-notifications {

    display: block;

    overflow: hidden;

}

/** Page layout CSS starts **/

.layout-option-noheader #page-header,

.layout-option-nonavbar #page-navbar,

.layout-option-nofooter #page-footer,

.layout-option-nocourseheader .course-content-header,

.layout-option-nocoursefooter .course-content-footer {

    display: none;

}

/** Page layout CSS ends **/

.mdl-left {

    text-align: left;

}

.mdl-right {

    text-align: right;

}

/*rtl:ignore*/

.text-ltr {

    direction: ltr !important; /* stylelint-disable-line declaration-no-important */

}

#add,

#remove,

.centerpara,

.mdl-align {

    text-align: center;

}

a.dimmed,

a.dimmed:link,

a.dimmed:visited,

a.dimmed_text,

a.dimmed_text:link,

a.dimmed_text:visited,

.dimmed_text,

.dimmed_text a,

.dimmed_text a:link,

.dimmed_text a:visited,

.usersuspended,

.usersuspended a,

.usersuspended a:link,

.usersuspended a:visited,

.dimmed_category,

.dimmed_category a {

    color: $text-muted;

}

// Accessible focus styling for links, add .aalink to links with custom css classes to get

// accessible focus styles.

.aalink,

#page-footer a:not([class]),

.arrow_link,

a:not([class]),

.activityinstance > a {

    &.focus,

    &:focus {

        outline: $btn-focus-width solid transparent;

        color: $gray-900;

        background-color: lighten($primary, 50%);

        box-shadow: 0 -#{$btn-focus-width} lighten($primary, 50%), 0 $btn-focus-width $gray-800;

    }

    &:focus:hover {

        text-decoration: none;

    }

}

// Accessible focus styling for buttons like elements that do not use the .btn class. Add

// .aabtn to you element if you need the same focus styles.

.aabtn,

.btn-link,

.nav-link,

.editor_atto_toolbar button,

.editor_atto_toolbar .atto_toolbar_row,

[role="button"],

.list-group-item-action,

input[type="checkbox"],

input[type="radio"],

input[type="file"],

input[type="image"],

.visually-hidden-focusable,

a.dropdown-toggle,

.moodle-dialogue-base .closebutton,

button.btn-close,

.form-autocomplete-selection,

[role="treeitem"]:not([aria-expanded="true"]) {

    &.focus,

    &:focus {

        outline: 0;

        box-shadow: $input-btn-focus-box-shadow;

    }

    &:focus:hover {

        text-decoration: none;

    }

}

// Modal dialogs border should be rounded too.

.modal-dialog[tabindex="0"] {

    &.focus,

    &:focus {

        outline: 0;

        .modal-content {

            outline: 0;

            box-shadow: $input-btn-focus-box-shadow;

            // Modal dialogs border should be rounded too.

            @include border-radius($modal-content-border-radius);

        }

    }

}

// We don't want to highlight the whole li when it's expanded. Only the first child is highlighted.

[role="treeitem"][aria-expanded="true"] {

    outline: 0;

    &.focus,

    &:focus {

        > *:first-child {

            outline: 0;

            box-shadow: $input-btn-focus-box-shadow;

        }

    }

    &:focus:hover {

        text-decoration: none;

    }

}

// Accessible focus styling for autocomplete elements.

.form-autocomplete-suggestions li[aria-selected=true] {

    outline: 0;

    box-shadow: $input-btn-focus-box-shadow;

}

// Safari does not allow custom styling of checkboxes.

.safari {

    input[type="checkbox"],

    input[type="radio"] {

        &.focus,

        &:focus {

            outline: auto;

        }

    }

}

.unlist,

.unlist li,

.inline-list,

.inline-list li,

.block .list,

.block .list li,

.section li.movehere,

.tabtree li {

    list-style: none;

    margin: 0;

    padding: 0;

}

.inline,

.inline-list li {

    display: inline;

}

.notifytiny {

    font-size: $font-size-xs;

}

.notifytiny li,

.notifytiny td {

    font-size: 100%;

}

.red,

.notifyproblem {

    color: map-get($theme-colors, 'warning');

}

.green,

.notifysuccess {

    color: map-get($theme-colors, 'success');

}

.highlight {

    color: map-get($theme-colors, 'info');

}

.bg-primary-light {

    background-color: $primary-light-background;

}

.fitem.advanced .text-info {

    font-weight: bold;

}

.reportlink {

    text-align: right;

}

a.autolink {

    @extend .aalink;

    &.glossary:hover {

        cursor: help;

    }

}

/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */

.collapsibleregioncaption {

    white-space: nowrap;

    min-height: $line-height-base * $font-size-base;

}

.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {

    cursor: pointer;

}

.pagelayout-mydashboard #region-main {

    border: 0;

    padding: 0;

    background-color: transparent;

    margin-top: -1px;

}

@include media-breakpoint-down(md) {

    .pagelayout-mydashboard,

    .pagelayout-login {

        #region-main-box {

            padding-left: 0;

            padding-right: 0;

        }

    }

}

.collapsibleregioncaption img {

    vertical-align: middle;

}

.jsenabled .hiddenifjs {

    display: none;

}

body:not(.jsenabled) .visibleifjs {

    display: none;

}

.jsenabled .collapsibleregion {

    overflow: hidden;

    box-sizing: content-box;

}

.jsenabled .collapsed .collapsibleregioninner {

    visibility: hidden;

}

.collapsible-actions {

    display: none;

    text-align: right;

}

.jsenabled .collapsible-actions {

    display: block;

}

.yui-overlay .yui-widget-bd {

    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;

    top: 0;

    z-index: 1;

}

.clearer {

    background: transparent;

    border-width: 0;

    clear: both;

    display: block;

    height: 1px;

    margin: 0;

    padding: 0;

}

.bold,

.warning,

.errorbox .title,

.pagingbar .title,

.pagingbar .thispage {

    font-weight: bold;

}

img.resize {

    height: 1em;

    width: 1em;

}

.block img.resize {

    height: 0.9em;

    width: 0.8em;

}

/* Icon styles */

img.activityicon {

    height: 32px;

    width: 32px;

    vertical-align: middle;

}

.headermain {

    font-weight: bold;

}

#maincontent {

    display: block;

    height: 1px;

    overflow: clip;

}

img.uihint {

    cursor: help;

}

#addmembersform table {

    margin-left: auto;

    margin-right: auto;

}

table.flexible .emptyrow {

    display: none;

}

form.popupform,

form.popupform div {

    display: inline;

}

.arrow_button input {

    overflow: hidden;

}

.no-overflow {

    overflow: auto;

}

// Accessibility features

// Accessibility: text 'seen' by screen readers but not visual users.

.accesshide {

    @include visually-hidden();

}

span.hide,

div.hide,

.hidden {

    display: none;

}

// 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-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;

}

// Blogs

.addbloglink {

    text-align: center;

}

.blog_entry .audience {

    text-align: right;

    padding-right: 4px;

}

.blog_entry .tags {

    margin-top: 15px;

}

.blog_entry .content {

    margin-left: 43px;

}

// Group

#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 p.arrow_button input {

    width: auto;

    min-width: 80%;

    margin: 0 auto;

    display: block;

}

.groupmanagementtable #removeselect_wrapper,

.groupmanagementtable #addselect_wrapper {

    width: 100%;

}

.groupmanagementtable #removeselect_wrapper label,

.groupmanagementtable #addselect_wrapper label {

    font-weight: normal;

}

#group-usersummary {

    width: 14em;

}

.groupselector {

    margin-top: 3px;

    margin-bottom: 3px;

    display: inline-block;

}

.groupselector label {

    display: inline-block;

}

// Notes

.notepost {

    margin-bottom: 1em;

}

.notepost .userpicture {

    float: left;

    margin-right: 5px;

}

.notepost .content,

.notepost .footer {

    clear: both;

}

.notesgroup {

    margin-left: 20px;

}

// My Moodle

.path-my .coursebox {

    margin: $spacer 0;

    padding: 0;

    .overview {

        margin: 15px 30px 10px 30px;

    }

}

.path-my .coursebox .info {

    float: none;

    margin: 0;

}

// Modules

.mod_introbox {

    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;

    &.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: $comment-meta-color;

}

.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 $comment-paging-current-border-color;

}

.comment-message .picture {

    float: left;

    margin-right: 0.25rem;

}

.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;

}

.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 {

    color: map-get($theme-colors, 'warning');

}

.completion-expected {

    font-size: $font-size-xs;

}

.completion-sortchoice,

.completion-identifyfield {

    font-size: $font-size-xs;

    vertical-align: bottom;

}

.completion-progresscell {

    text-align: right;

}

.completion-expired .completion-expected {

    font-weight: bold;

}

/**

* Tags

*/

#tag-search-box {

    text-align: center;

    margin: 10px auto;

}

span.flagged-tag,

tr.flagged-tag,

span.flagged-tag a,

tr.flagged-tag a {

    color: map-get($theme-colors, 'warning');

}

.tag-management-table {

    td,

    th {

        vertical-align: middle;

        padding: 4px;

    }

    .inplaceeditable.inplaceeditingon input {

        width: 150px;

    }

}

.path-admin-tag .addstandardtags {

    float: right;

    img {

        margin: 0 5px;

    }

}

.path-tag {

    .tag-relatedtags {

        padding-top: 10px;

    }

    .tag-management-box {

        text-align: right;

    }

    .tag-index-toc {

        padding: 10px;

        text-align: center;

    }

    .tag-index-toc li {

        margin-left: 5px;

        margin-right: 5px;

    }

    .tag-management-box li {

        margin-left: 5px;

        margin-right: 5px;

        a {

            background-repeat: no-repeat;

            background-position: left;

            padding-left: 17px;

        }

        a.edittag {

            background-image: url([[pix:moodle|i/settings]]);

        }

        a.flagasinappropriate {

            background-image: url([[pix:moodle|i/flagged]]);

        }

        a.removefrommyinterests {

            background-image: url([[pix:moodle|t/delete]]);

        }

        a.addtomyinterests {

            background-image: url([[pix:moodle|t/add]]);

        }

    }

    .tag-backtoallitems {

        text-align: center;

    }

    .tag-index-items .tagarea {

        border: 1px solid $tags-tagarea-border-color;

        border-radius: 4px;

        padding: 10px;

        margin-top: 10px;

        h3 {

            display: block;

            padding: 3px 0 10px 0;

            margin: 0;

            font-size: 1.1em;

            font-weight: bold;

            line-height: 20px;

            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 $tags-tagarea-title-border-color;

            margin-bottom: 10px;

        }

        .taggeditems {

            @include clearfix();

        }

        .controls {

            @include clearfix();

            text-align: center;

            &.controls-bottom {

                margin-top: 5px;

            }

            .gotopage.nextpage {

                float: right;

            }

            .gotopage.prevpage {

                float: left;

            }

            .exclusivemode {

                display: inline-block;

            }

            .gotopage.prevpage::before {

                padding-right: 5px;

                padding-left: 5px;

                content: "«";

            }

            .gotopage.nextpage::after {

                padding-right: 5px;

                padding-left: 5px;

                content: "»";

            }

        }

    }

}

.tag_feed {

    img {

        max-height: 35px;

        max-width: 35px;

    }

    .muted a {

        color: $text-muted;

    }

}

.tag_cloud {

    text-align: center;

    .inline-list li {

        padding: 0 0.2em;

    }

    .tag_overflow {

        margin-top: 1em;

        font-style: italic;

    }

    // Generate a series of .s# rule declarations based on the number of tag sizes.

    @for $i from 0 through 20 {

        .s#{$i} {

            font-size: (0.7 + ($i * 0.1)) * 1em;

        }

    }

}

.tag_list {

    ul {

        display: inline;

    }

    .tagmorelink {

        display: none;

    }

    &.hideoverlimit {

        .overlimit {

            display: none;

        }

        .tagmorelink {

            display: inline;

        }

        .taglesslink {

            display: none;

        }

    }

}

/**

* Web Service

*/

#webservice-doc-generator td {

    text-align: left;

    border: 0 solid $webservice-doc-td-border-color;

}

/**

* Enrol

*/

.userenrolment {

    width: 100%;

    border-collapse: collapse;

}

.userenrolment tr {

    vertical-align: top;

}

.userenrolment td {

    padding: 0;

    height: 41px;

}

.userenrolment .subfield {

    margin-right: 5px;

}

.userenrolment .col_userdetails .subfield {

    margin-left: 40px;

}

.userenrolment .col_userdetails .subfield_picture {

    float: left;

    margin-left: 0;

}

.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 {

    float: left;

    padding: 0 3px 3px;

    margin: 0 3px 3px;

    white-space: nowrap;

}

.userenrolment .col_group .group {

    float: left;

    padding: 3px;

    margin: 3px;

    white-space: nowrap;

}

.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;

    padding: 3px;

    margin: 3px;

    > a:hover {

        border-bottom: 1px solid $userenrolment-link-hover-border-color;

    }

}

.userenrolment .col_role .addrole img,

.userenrolment .col_group .addgroup img {

    vertical-align: baseline;

}

.userenrolment .hasAllRoles .col_role .addrole {

    display: none;

}

.userenrolment .col_enrol .enrolment {

    float: left;

    padding: 0 3px 3px;

    margin: 0 3px 3px;

}

.userenrolment .col_enrol .enrolment a {

    float: right;

    margin-left: 3px;

}

#page-enrol-otherusers .userenrolment .col_role {

    .role {

        float: none;

        margin: 3px 3px 3px 0;

        padding: 3px 3px 3px 0;

    }

}

.corelightbox {

    background-color: $corelightbox-bg;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

}

.corelightbox img {

    position: fixed;

    top: 50%;

    left: 50%;

}

/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */

.resourcecontent .mediaplugin_mp3 object {

    height: 25px;

    width: 600px;

}