Proyectos de Subversion Moodle

@charset "UTF-8";

:root {

    --primary-white: rgba(255, 255, 255, 0.9);

    --primary-white-hover: rgba(255, 255, 255, 0.04);

    --border-primary: #ffffff14;

    --primary-font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Fira Sans', Ubuntu, Oxygen, 'Oxygen Sans', Cantarell, 'Droid Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lucida Grande', Helvetica, Arial, sans-serif;

}

h1,

h2,

h3,

h4,

h5,

h6,

span,

a,

p {

    font-family: var(--primary-font-family);

}

/* Nav */

.rui-topbar-wrapper {

    background: #fff;

    border-bottom: 1px solid #aeb3b8;

    box-shadow: 1px 1px 1px #ddd;

    padding: 5px;

    height: 55px;

}

/* Drawer */

@media (max-width: 767.98px) {

    .btn-drawer {

        left: 15px;

        top: 15px;

}

}

@media (min-width: 1100px){

.drawer-left, .drawer-right {

    height: calc(100% - 55px);

}

}

.drawer.drawer-left {

    background-color: #23292f;

    border-radius: 0;

    padding: 0;

    top: 55px;

}

.drawercontent {

    scrollbar-color: #757474 #fff;

    margin-right: 0;

    scrollbar-width: auto;

    padding: 0;

    height: calc(100% - 55px);

}

.courseindex .courseindex-item.pageitem {

    background: black;

    color: #fff;

    border-left: 5px solid #fff;

}

.h5p-iframe-wrapper iframe.h5p-iframe{

    max-height: 75vh;

    min-height: 400px;

}

html.h5p-iframe, html.h5p-iframe > body{

    height: fit-content;

}

.drawerheader {

    border-bottom: 1px solid var(--border-primary);

    padding: .9rem !important;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.drawerheadercontent {

    position: relative !important;

    top: 0 !important;

    left: 0 !important;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: .5rem;

}

.drawer.drawer-left .drawertoggle {

    margin-left: auto;

    margin-right: 0;

    margin-top: 2px;

    margin-bottom: 2px;

}

.drawerheadercontent h5{

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    margin-top: 5px;

}

.wrapper-fw {

    width: calc(100% - 1px);

    position: relative;

}

.courseindex .courseindex-item.pageitem:hover, .courseindex .courseindex-item.pageitem:focus {

    color: #fff;

    background: #000;

    border-left: 5px solid #fff;

}

.courseindex .courseindex-item.pageitem:hover .courseindex-link{

    color: #fff;

}

#page-mod-resource-view .wrapper-fw, #page-mod-hvp-view .wrapper-fw {

    width: 100%;

}

#page-mod-resource-view .drawer-right .drawerheader , #page-mod-hvp-view .drawer-right .drawerheader  {

    display: none;

}

#page-mod-resource-view .drawer-right .drawercontent , #page-mod-hvp-view .drawer-right .drawercontent  {

    width: 100%;

}

#block-region-side-pre{

    justify-content: center;

}

.drawer-right .drawerheader .drawerheadercontent h5{

    display: none;

}

.courseindex .courseindex-section {

    border-radius: 0 !important;

    margin-left: 0 !important;

    margin-bottom: 0 !important;

}

.courseindex .courseindex-item.courseindex-section-title {

    flex-direction: row-reverse;

    justify-content: space-between;

    padding: 0.5rem 0;

    border-radius: 0 !important;

}

.courseindex .courseindex-section .courseindex-item.courseindex-section-title {

    border-bottom: 1px solid var(--border-primary) !important;

}

.courseindex .courseindex-item.courseindex-section-title a {

    color: var(--primary-white) !important;

    font-size: 14px !important;

    font-weight: 600;

    margin-left: 1rem;

}

.courseindex .courseindex-sectioncontent {

    padding: 0 !important;

}

.courseindex .courseindex-item.pageitem a {

    color: #fff;

}

.courseindex .courseindex-section .courseindex-sectioncontent .courseindex-item {

    padding: 10.5px;

    padding-left: 16px;

    border-bottom: 1px solid var(--border-primary);

    border-radius: 0;

}

.courseindex .courseindex-item:hover span,

.courseindex .courseindex-item:hover .courseindex-link,

.courseindex .courseindex-item:hover .courseindex-chevron,

.courseindex .courseindex-item:focus span,

.courseindex .courseindex-item:focus .courseindex-link,

.courseindex .courseindex-item:focus .courseindex-chevron {

    color: var(--primary-white);

}

.courseindex .courseindex-item:hover>span:not(.icons-collapse-expand),

.courseindex .courseindex-item:hover>.courseindex-link,

.courseindex .courseindex-item:hover>.courseindex-chevron:not(.icons-collapse-expand),

.courseindex .courseindex-item:focus>span:not(.icons-collapse-expand),

.courseindex .courseindex-item:focus>.courseindex-link,

.courseindex .courseindex-item:focus>.courseindex-chevron:not(.icons-collapse-expand) {

    text-decoration: underline;

}

.courseindex .expanded-icon,

.courseindex .collapsed-icon {

    background-color: transparent !important;

}

.courseindex .expanded-icon .icon,

.courseindex .collapsed-icon .icon {

    font-size: 20px !important;

}

/* Drawer end */

#page-mod-resource-view .rui-main-content-title--h4, #page-mod-hvp-view .rui-main-content-title--h4 {

    font-size: 16px;

    color: #757474;

    font-weight: 600;

}

.page-header-content{

    margin: 11px 0;

}

#page-mod-resource-view .page-header-content, #page-mod-hvp-view .page-header-content {

    background-color: transparent;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 100;

    margin: 10px 0 !important;

}

#page-mod-resource-view .page-header-content .page-context-header, #page-mod-hvp-view .page-header-content .page-context-header {

    padding: 0 1rem;

}

.courseindex .courseindex-item.courseindex-section-title a {

    color: var(--primary-white);

}

.courseindex .courseindex-item .courseindex-name,

.courseindex .courseindex-item .courseindex-link {

    color: var(--primary-white);

}

.courseindex .expanded-icon,

.courseindex .collapsed-icon {

    background-color: #595858;

    color: var(--primary-white);

}

.wrapper--with-margin {

    width: calc(100% - 40px);

}

.btn.btn-icon,

a.btn-icon {

    color: var(--primary-white);

    line-height: 10px;

    background: transparent;

    width: 32px;

    height: 32px;

    border-radius: 32px;

    box-shadow: inset 0 0 0 1px var(--primary-white);

    opacity: 1;

}

.btn.btn-icon:hover,

a.btn-icon:hover {

    box-shadow: inset 0 0 0 2px var(--primary-white);

    background-color: var(--primary-white-hover);

}

.drawer {

    padding: 1px 10px;

}

.btn-icon {

    min-width: auto;

    border: none;

}

.btn-icon svg {

    width: 20px;

    height: 20px;

}

.btn.btn-icon,

#page .hsuforum-tools a.btn-icon {

    height: 30px;

    width: 30px;

}

.drawerheadercontent {

    top: 15px;

    right: 15px;

}

.video-js {

    border-radius: 0px;

}

.mediaplugin.mediaplugin_videojs {

    margin: 0;

}

.path-mod-resource .resourcecontent {

    margin-top: 0;

}

.video-js.vjs-fluid {

    padding-top: 75vh !important;

}

.drawer.drawer-right {

    visibility: visible;

    width: 100%;

    display: flex;

    float: left;

    position: revert;

    top: 1px;

}

#page.drawers.show-drawer-right {

    padding-right: 0;

}

#block-region-side-pre {

    display: flex;

    width: 100%;

    gap: 12px;

}

.btn-group>.btn:last-child {

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

    height: 40px;

}

.btn-group>.btn:first-child {

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

}

.btn-primary, .mod_quiz-next-nav {

    background: transparent;

    color: #000;

    border-radius: 5px;

    border-color: #ddd;

    margin-top: 10%;

    height: 35px;

    margin-left: 5px;

    font-size: small;

}

.mb-2, .my-2 {

    margin-bottom: 0.5rem !important;

    margin-top: 20px !important;

    margin-right: 10px;

}

.mb-2 a:hover{

    border: transparent;

    color: #000;

    background: #ddd;

}

.btn.btn-primary .mr-1:hover, .mod_quiz-next-nav:hover{

    border: transparent;

    color: #000;

    background: #ddd;

}

#blocks_buttons.btn-group .btn.nav-link {

    border: transparent;

    color: #212121;

    background: transparent;

    height: 40px;

}

#blocks_buttons.btn-group .btn.nav-link:hover,

#blocks_buttons.btn-group .btn.nav-link.active {

    background-color: #F5F5F5;

    color: #000;

}

#blocks_buttons.btn-group .btn.nav-link.active {

    border-bottom: 3px solid #000;

}

.card-header{

    border-bottom: 1px solid #ddd;

    padding: 0px;

    height: 46px;

}

.card-body {

    padding: 10px;

    margin-top: 5px;

}

#page-mod-resource-view .main-content, #page-mod-hvp-view .main-content {

    margin-bottom: 0 !important;

}

#page-mod-resource-view .card-header, #page-mod-hvp-view .card-header {

    padding: 0 !important;

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.main-content {

    height: 65vh !important;

    overflow: auto;

    margin-bottom: 2px;

}

#page-mod-resource-view .main-content, #page-mod-hvp-view .main-content {

    height: 75vh !important;

}

.comment-list li{

    border: 1px solid #ddd;

    border-radius: 0px;

    padding: 20px;

}

.comment-message-meta a {

    color: #212121;

    font-size: 15px;

}

.comment-message .text {

    color: #000;

}

.drawer.drawer-right{

    padding: 0;

}

.drawer-right .drawercontent{

    height: fit-content;

    padding: 0;

    width: 100%;

}

.forum-post {

    border: 1px solid #ddd;

    border-radius: 10px;

    display: block;

    margin: auto;

    padding: 0;

    width: 60%;

}

.forum-post-header{

    padding: 12px;

    margin-bottom: 0;

}

.attachedimages, .post-content-container {

    padding: 0 12px;

}

.attachedimages img {

    display: block;

    margin: auto;

}

.rui-forum-edit-buttons {

    display: flex;

    gap: 5px;

    flex-wrap: wrap;

}

.post-actions{

    border-top: 1px solid #ddd;

    gap: 5px;

    padding-left: 0.5rem !important;

}

.path-mod-forum .indent{

    margin-left: 0;

}

@media (min-width: 768px){

    .forum-post-reply {

        margin-left: 5%;

        max-width: 90%;

    }

}

textarea.form-control {

    border-radius: 0px;

    border: 1px solid #000;

}

.rui-page-footer {

    display: none;

}

.rui-footer-block--3 {

    display: none;

}

@media (min-width: 768px){

#page-wrapper #page {

    padding-top: 55px;

    }

}

.d-inline-flex {

    margin-right: 15.5%;

    margin-bottom: 1%;

}

li[data-key=home] {

    display: none;

}

.btn-group .btn.active, .btn-group #page .hsuforum-tools a.active, #page .hsuforum-tools .btn-group a.active {

    background-color: #edeffa;

    color: #000;

    height: 40px;

}

.drawer-right .drawerheader{

    display: none;

}

.page-header-content {

    margin: 11px 0;

    position: relative;

    z-index: 1;

}

.rui-main-content-title--h3{

    display: none;

}

.flex-wrap{

    padding-top: 2px;

}

.activityiconcontainer {

    margin-left: 5px;

}

@media (min-width: 768px){

    .d-md-block {

        display: none !important;

    }

}

@media (min-width: 320px){

.form-inline .custom-select {

    margin-left: 5px;

    font-size: smaller;

    height: 35px;

    padding-top: 5px;

    padding-bottom: 5px;

    border-radius: 5px;

    margin-top: 15px;

}

}

.rui-title-container {

    margin-top: 0px;

    margin-bottom: 0px;

}

.form-inline input {

    height: 35px;

    padding-top: 5px;

    padding-bottom: 5px;

    border-radius: 5px;

}

.mb-4, .my-4 {

    margin-bottom: 0.5rem !important;

    height: 40px;

}

[data-action="forum-inpage-submit"] {

    position: relative;

    height: 35px;

}

.btn.dropdown-toggle, #page .hsuforum-tools a.dropdown-toggle {

    border: 0;

    border-radius: 5px;

    height: 35px;

    font-size: smaller;

    margin-right: 15px;

    margin-top: 7%;

}

.btn-secondary{

    border-radius: 5px;

    margin-top: 5px;

    margin-right: 12px;

}

@media (min-width: 768px) {

    .tertiary-navigation .navitem:not(:last-child), .tertiary-navigation .navitem-divider:not(:last-child) {

        margin-left: 10px;

        margin-top: 5px;

    }

}

.mr-1{

    height: 35px;

    font-size: smaller;

}

@media (min-width: 320px) {

    .mform fieldset.collapsible legend a.fheader[aria-expanded="true"]{

        margin-left: 5px;

        margin-right: 10px;

    }

}

.form-group label{

    margin-right: 30%;

}

[data-fieldtype="editor"]>div {

    margin-right: 10px;

}

.mb-0 {

    margin-right: 0%;

    margin-left: 3%;

}

.filemanager-container{

    margin-right: 10px;

}

.fp-navbar {

    border-color: #E1E1E1;

    margin-right: 10px;

}

.filemanager .fp-restrictions {

    margin-right: 15px;

}

.ml-1{

    margin-left: 0.25rem !important;

    margin-top: 13.5px !important;

}

form-inline .custom-select {

    margin-top: 15px;

}

.submissionstatustable{

    margin-top: 3%;

}

.btn:not(:disabled):not(.disabled), #page .hsuforum-tools a:not(:disabled):not(.disabled) {

    margin-top: 5px;

}

button:not(:disabled){

    height: 35px;

}

.custom-control{

    margin-top: 5px;

}

.tertiary-navigation .row{

    margin-left: 10px;

}

.h3 {

    font-size: 1rem;

    line-height: 1.3;

    margin-left: 10px;

}

.que .grade{

    margin-top: 10px;

}

.que .qtext {

    font-size: smaller;

}

.formulation.clearfix {

    width: 50%;

    margin-left: 25%;

}

.notyetanswered .state{

    margin-left: 7px;

}

.que.multichoice .answer div.r0{

    height: 40px;

    font-size: smaller;

}

.ml-1{

    margin-top: 0.25px !important;

}

.que .info .questionflag a{

    border-radius: 5px;

}

#page-mod-quiz-attempt .submitbtns .mod_quiz-next-nav{

    margin-right: 5px;

    font-size: 75%;

}

.btn--darkmode{

    display:none;

}

.search-input-group{

    margin-left: 14.5%;

}

.rui-course-card-deck {

    display: flex !important;

    flex-wrap: wrap;

    flex-direction: row !important;

}

.rui-course-card-deck .rui-course-card {

    border-radius: 20px;

    border: 1px solid #eee;

    box-shadow: 1px 1px 1px #ddd;

    grid-template-columns: repeat(3, 1fr);

    grid-template-rows: repeat(2, 1fr);

    max-width: calc(50% - 18px);

    min-width: 450px;

    width: 100%;

}

.rui-course-card-deck .rui-course-card > *:not(a){

    grid-column: 2/4;

}

.rui-course-card-deck .rui-course-card > a{

    grid-column: 1/2;

    grid-row: 1/3;

}

#page-my-index #block-region-dtopblocks {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

#page-my-index #block-region-dtopblocks > .card{

    flex: 1;

}

#page-my-index #block-region-dtopblocks .rui-course-card{

    max-width: none;

}

#page.drawers .main-inner{

    background-color: #fff;

}

.search-input-group .search-input {

    font-size: small;

    height: 35px;

}

body.drawer-open-right #sidepreopen-control {

    position: fixed;

    z-index: 1120;

    display: none;

}

.card-title {

    display: none !important;

}

.rui-main-content-title--h1 {

    display: none;

}

h1 {

    font-size: 30px;

    margin-bottom: 5px;

}

.block_myprofile .myprofileitem.fullname {

    font-size: 1.4rem;

}

.form-control, [type="text"]{

    border-radius: 5px;

    font-size: smaller;

    height: 35px;

}

.search-input-group .search-input-btn{

    right: -35px;

}

.myprofileitem p {

    font-size: 1.1rem;

}

.font-weight-bold {

    border-radius: 5px;

    font-size: small;

    height: 35px;

}

.userinitials{

    border-radius: 30px;

    border: 1px solid #000000;

    color: #ffffff;

    background-color: #000;

}

.comment-message .picture .userinitials{

    min-width: 50px;

    min-height: 50px;

}

.page-mycourses .block .block-controls{

    margin-top: 25px;

    right: 0;

}