campus.telc.net by mlkb

/* ==UserStyle==
@name         campus.telc.net
@version      20240315.08.22
@namespace    https://userstyles.world/user/mlkb
@description  campus.telc.net
@author       mlkb
@license      No License
==/UserStyle== */

@-moz-document domain("campus.telc.net") {
body{
    --color-base: #009aa3;
    --color-highlight: #a3f3f7;
    --color-highlight-dark: #00595e;
    --color-highlight-light: #d4fdff;
    font-family: "Fira Sans","Helvetica Neue",Arial,"Noto Sans",sans-serif !important;
    
}

#text{
    font-family: "Fira Sans","Helvetica Neue",Arial,"Noto Sans",sans-serif !important;
}

.title, .navigation-title, .h5p-interactive-book-status-progress, .h5p-interactive-book-navigation-chapter-title-text, .h5p-interactive-book-navigation-section-title, .h5p-interactive-book-status-progress-number, .h5p-interactive-book-summary-text{
    font-family: "Fira Sans","Helvetica Neue",Arial,"Noto Sans",sans-serif !important
}

.h5p-drag-text [aria-dropeffect]{
    background: var(--color-highlight);
}

.ui-draggable.ui-draggable-handle, .ui-droppable{
    border-width: 1px;
    border-color: black;
    border-style: solid
}

.h5p-drag-dropzone-container{
    border-width: 1px !important;
    border-color: black !important;
}

.ui-draggable:hover{
    background: var(--color-highlight-dark) !important;
    color: white !important;
    border-width: 1px;
    border-color: black;
    border-style: solid
}

.h5p-drag-dropped{
    background: var(--color-base) !important;
    border-width: 0px !important;
    border-color: black !important;
    color: white !important
}

.ui-droppable-hover{
    background: var(--color-base) !important;
}

.h5p-multichoice .h5p-answer[aria-checked="true"] .h5p-alternative-container{
    border-color: var(--color-base);
    background: var(--color-highlight);
    color: var(--color-highlight-dark);
}

.h5p-multichoice .h5p-answer:not([aria-disabled="true"]):focus .h5p-alternative-container{
    outline-width: 0;
}

.h5p-answer.h5p-correct .h5p-alternative-container{
    background: var(--color-highlight) !important;
}

.h5p-joubelui-score-bar-progress{
    background: linear-gradient(to right, var(--color-base), var(--color-highlight)) !important
}

.h5p-audio-wrapper{
    height: 35px !important;
    padding-left: 15px;
}

.h5p-audio-minimal-button{
    background: var(--color-base) !important;
    width: 40px;
    height: 40px;
    border-radius: 100% !important;
}

.h5p-audio-minimal-button:hover{
    background: var(--color-highlight-dark) !important;
    width: 40px;
    height: 40px;
    border-radius: 100% !important;
}

.h5p-question-audio .h5p-audio-inner button{
    font-size: 0.8em
}

.h5p-joubelui-button{
    background: var(--color-base);
}

.h5p-joubelui-button:hover{
    background: var(--color-highlight-dark);
}

.h5p-joubelui-button button:focus{
    background: var(--color-base) !important;
    box-shadow: 0 0 0 0 black inset !important;
}

.h5p-joubelui-button button:active{
    background: var(--color-base) !important;
}

.h5p-joubelui-button:focus{
    background: var(--color-base) !important;
    box-shadow: 0 0 0 0 black !important;
}

.h5p-interactive-book-status-progressbar-back, .h5p-interactive-book-status-progressbar-back, .h5p-interactive-book-status-button{
    background-color: var(--color-highlight-light);
}

.questionset .progress-dot.current{
    background: var(--color-base);
}

.progress-dot{
    border: 1px solid var(--color-base);
}

.progress-dot.current:before{
    border-color: var(--color-base);
}

.h5p-true-false-answer[aria-checked=true]{
    background: var(--color-highlight);
}

.h5p-true-false-answer:focus{
    box-shadow:none;
}

.h5p-true-false-answer:hover{
    border-color: var(--color-base)
}

.joubel-icon-tip-normal .h5p-icon-speech-bubble:before{
    color: var(--color-base)
}

.h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section h4 span[class^=icon-], .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-list-empty h4 span[class^=icon-], .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section h4 span[class*=" icon-"], .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-list-empty h4 span[class*=" icon-"], .h5p-interactive-book-summary-page .h5p-interactive-book-summary-section-icon, .h5p-interactive-book-summary-page .h5p-interactive-book-summary-overview-section h4:hover{
    color: var(--color-base)
}


.questionset{
    padding-left: 16px
}

.h5p-interactive-book-status-menu.h5p-interactive-book-status-menu-active:hover{
    background-color: var(--color-highlight-dark)
}

.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part-show{
    background: var(--color-base) !important;
}
}