/* ==UserStyle==
@name           Zpátečnický IS MU
@namespace      github.com/adamatousek/
@version        1.3.0
@description    Boj proti větrnému mlýnu, jímž je Nový IS Masarykovy university.
@author         Adam Matoušek
@homepageURL    https://github.com/adamatousek/retrograde-is-muni
@license        CC-BY-4.0

@preprocessor   stylus
@var            select   stylLog "Použitá loga" [
                    "jednoduchaLoga:Zjednodušená stará loga",
                    "staraLoga:Stará loga",
                    "novaLoga:Nová loga"
                ]
@var            checkbox retroFora "Přestylovat nová fóra" 1
@var            checkbox bezHodnoceni "Hodnocení příspěvků až při najetí" 0
@var            checkbox retroRozvrh "Přestylovat rozvrh" 1
@var            checkbox barvyTitulka "Přebít barvy ikon titulní stránky" 1
@var            checkbox retroPravy "Zpátečnický pravý panel" 1
@var            checkbox bezPripinacku "Vypnout připínáčky v levém menu" 0
@var            checkbox cisloTydne "Zobrazovat v patičce číslo týdne" 0
@var            select   mojePredmety "V seznamu Mých předmětů zobrazovat" [
                    "fZkratka:Zkratku fakulty", "fBarva:Barvu fakulty", "fLogo:Logo fakulty", "fNic:Nic"
                ]
@var            select   fakultaZnak "Ikonka v barvě fakulty" {
                    "Domeček": "\"\\f15a\"",
                    "Srdce": "\"\\f159\"",
                    "Trojúhelník": "\"\\f198\"",
                    "Čtvereček": "\"\\f1ef\"",
                    "Puntík": "\"•\"",
                    "Kroužek": "\"\\f1a4\""
                }
@var            checkbox   namodrale    "Namodralé pozadí (starý IS)" 0
==/UserStyle== */

/*** Per-faculty data ***/

fakulty = {
    "1411" : {
        zkr: "LF"
        barva: red
    }
    "1416" : {
        zkr: "FaF"
        barva: grey
    }
    "1421" : {
        zkr: "FF"
        barva: skyblue
    }
    "1422" : {
        zkr: "PrF"
        barva: purple
    }
    "1423" : {
        zkr: "FSS"
        barva: darkcyan
    }
    "1431" : {
        zkr: "PřF"
        barva: green
    }
    "1433" : {
        zkr: "FI"
        barva: #f2d45c
    }
    "1441" : {
        zkr: "PdF"
        barva: orange
    }
    "1456" : {
        zkr: "ESF"
        barva: maroon
    }
    "1451" : {
        zkr: "FSpS"
        barva: #57cfb8
    }
}

/*** Other parameters ***/

vyska_horniho_panelu = 1.9rem // for positioning other floating panels


velke = "screen and (min-width: 64em)"
co-velke = "screen and (max-width: 63.99em)"
mobil = "screen and (max-width: 39.9375em)"
co-mobil = "screen and (min-width: 40em)"

stitky = "https://is.muni.cz/auth/www/adamat/konserva/"
if stylLog == jednoduchaLoga {
    loga = stitky + "simplified/"
} else {
    loga = stitky
}

tmavemodra = #002776
svetlemodra = #e0edfd
staromodra = #F7F8FC

light-theme = "body.motiv-svetly"
dark-theme = "body.motiv-tmavy"
iflight = "/body.motiv-svetly &"
ifdark = "/body.motiv-tmavy &"

@-moz-document url-prefix("https://is.muni.cz/") {
/*** General ***/

if namodrale {

html.auth body.motiv-svetly {
    --bgbarva-seda1: tint(staromodra, 30%);
    --bgbarva-seda2: shade(staromodra, 4%);
    --bgbarva-seda3: shade(staromodra, 6%);

    background: staromodra;
    color: #000;
}

}

.covid_semafor .covid_svetlo {
    border-width: 3px;
    border-color: #aaa;
}

/* Signature */
footer .paticka_logo > div > div:after {
    content: "Používá styl „Zpátečnický IS MU“ v. 1.3.0";
    font-size: 0.875rem;
    font-weight: 300;
    display: block;
}

/* Week parity */

footer .footer_cas::before {
    font-size: 1rem;
    visibility: visible;
    font-weight: normal;
    display: inline-block;
    margin-top: 0.1em;
    content: attr(title); /* If you want to know the week nuber as well */
}

if not cisloTydne {
footer .footer_cas[title*="lichý"]::before {
    content: "Dnes je lichý týden. ";
}
footer .footer_cas[title*="sudý"]::before {
    content: "Dnes je sudý týden. ";
}
} /* if not cisloTydne */

footer .footer_cas {
    font-size: 0;
    visibility: hidden;
}

footer .footer_cas::after {
    font-size: 0.875rem;
    display: inline;
    visibility: visible;
    content: " Více…";
}

/* Search bar */

{light-theme} #vyhledavani_form .input-group-label,
{light-theme} #vyhledavani_form .input-group-label.vyhledavani_form_is_icon {
    background-color: rgba(254, 254, 254, 0.6);
}

/* Floating top panel */

#sticky_panel {
    padding-top: 0;
    height: vyska_horniho_panelu;
    z-index: 89;
}

#sticky_panel.bgr {
    {iflight} {
        background: #F5F6F8;
        border-bottom: 1px solid #ddd;
    }
    z-index: 90;
}

#sticky_panel .ikony {
    padding-top: 2px;
    padding-bottom: 2px;
}

#sticky_panel .ikony .prepinac-jazyk,
#sticky_panel .ikony .sticky-icon {
    height: 1.5rem;
}

#sticky_panel .ikony .prepinac-jazyk {
    font-size: 100%;
    line-height: 1.4rem;
}

#sticky_panel .ikony .sticky-icon {
    font-size: 140%;
    line-height: 1.2rem;
}

#sticky_panel .ikony .sticky-zivot .pocet {
    color: #C88;
    font-size: 60%;
    bottom: 0;
}

#sticky_panel.sticky_panel_myuco {
    background-color: #ffd620e6;
}

/* Left panel */

#left_menu .tags > li > a {
    font-size: 1.2rem;
    font-weight: 400 !important;
}

#left_menu .tags > li > a:hover {
    {iflight} {
        background-image: linear-gradient(to right, #4452 0%, transparent 100%);
    }
    {ifdark} {
        background-image: linear-gradient(to right, #aa82 0%, transparent 100%);
    }
}

if bezPripinacku {
#left_menu .isi-pripinacek {
    display: none !important;
}
} /* if bezPripinacku */


/* Horisontal menu */

{light-theme} #app_menu {
    background: #FFF;
    color: tmavemodra;
    border-top: 1px solid gray;
}

{dark-theme} #app_menu {
    background: var(--bgbarva-seda4);
    border-top: 1px solid var(--bordersedy-dark)
}

#app_menu_items {
    height: 1.6rem;
}

#app_menu_small > li > a,
#app_menu_items > .polozka {
    line-height: 1.6rem;
    font-size: 1rem;
    height: auto;
    padding: 0 1rem;
    {iflight} {
        color: tmavemodra;
    }
}

#app_menu ul.dropdown.menu > li > a {
    color: tmavemodra;
}

#app_menu_items > .polozka::after {
    margin: 0.3rem 0;
    margin-left: calc(-1rem - 1px);
    height: 1rem;
    width: 1px;
}

#app_menu_items > .polozka[class*="isi-"] {
    padding-left: 2.6rem;
}

#app_menu_items > .polozka[class*="isi-"]::after {
    margin-left: calc(-2.6rem - 1px);
}

#app_menu_items > .polozka[class*="isi-"]::before {
    margin-left: -1.8rem;
    width: 1.6rem;
    font-size: 140%;
    line-height: 1.5rem;
}

#app_menu_small > li > a {
    padding-right: 2rem;
}

#app_menu_small > li > a::after {
    border-top-color: inherit;
    right: 0.7rem;
}

#app_menu_small .is-dropdown-submenu li .polozka {
    padding: 0.4rem 1rem;
}

/* Right panel */

if retroPravy {
@media velke {
    .zivot_column {
        padding-top: 1px;
        padding-left: 0.5em;
    }
}

.zivot_wrap {
    border-radius: 2px;
    padding: 1em;
}

{light-theme} {
    .zivot_wrap {
        background: #F3F3F3;
        box-shadow: 0px 0px 1px #8E9294;
        border: 1px solid white;
    }
    .zivot_wrap .prispevek > .text {
        color: #333;
    }
}

{dark-theme} {
    .zivot_wrap {
        background: #202020;
        border: 1px solid var(--bordersedy);
    }
    .zivot_wrap .prispevek .crazy_border,
    .zivot_wrap .prispevek .crazy_border::before {
        border-color: #555;
    }
}

.zivot_wrap a .nazev {
    display: none;
}

@media co-velke {
	.zivot_wrap {
		margin: 1.2em 1px;
	}
}

.zivot_wrap .prispevek {
    font-size: 90%;
}

.zivot_wrap .prispevek h3 {
    font-size: 120%;
}

} /* if retroPravy */

/* Tabbed containers (e.g. the one in the 'Student' app) */

.tabs-container {
    margin: 1rem 0 0;
    {iflight} {
        border-top: 2px solid #fdfdfd;
    }
}
{light-theme} .tabs {
    border-color: #dbdbdb;
    box-shadow: 0 4px 4px #f0f0f0 inset;
}

.tabs-title > a {
    padding: 0.7rem 1.5rem;
    {iflight} {
        border-top: none !important;
    }
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected="true"] {
    padding-top: calc(0.7rem+1px);
    padding-bottom: calc(0.7rem + 4px);
    margin-top: 2px;
    padding-left: calc(1.5rem - 1px);
}

.tabs-panel {
    padding-top: 0.2rem;
}

{light-theme} {
.sekce.hlavni .sekce-header,
.hlasovani.aktivni .hlasovani-header {
    background-color: svetlemodra;
}
.sekce-content {
    background-color: white;
}

.stitek-inline.si-outline {
    background-color: white;
}
}

/* Old bullets */

ul:not([class]) > li::before, .ctverecek-oranzovy > li::before,
dl:not([class]) dt::before,
#odkazy-rel li::before {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    top: calc(0.5em - 1px);
    left: -10px;
    content: ""
    background-color: #f5821f;
    width: 3px;
    height: 3px;
}

/*** Title page ***/

if barvyTitulka {

{light-theme} {
#dlazdice {
    background-color: #fff6;
}

#obsah .dlazdice a > i.ikona-agenda {
    background-color: #abb1;
}

i.ikona-agenda {
    &.isi-system
    &.isi-studijni
    &.isi-diskuse
    &.isi-setkavani
    &.isi-devel
    { color: #c91717; }

    &.isi-student
    &.isi-studium
    { color: #00a442; }

    &.isi-ucitel
    &.isi-e-volby
    &.isi-posta
    { color: tmavemodra; }

    &.isi-skolitel
    &.isi-uradovna
    &.isi-stipendia
    { color: #fc9603; }

    &.isi-publikace
    &.isi-obchod
    &.isi-rozvrh
    { color: #00a1de; }

    &.isi-vyveska
    &.isi-rozpisy
    &.isi-karty
    &.isi-externi_sluzby
    { color: #16a3ae; }

    &.isi-prijimacky
    &.isi-soubory
    &.isi-lide
    &.isi-garant
    { color: #8430a0; }

    &.isi-predmety
    &.isi-nastroje
    { color: #7f0d0a; }

    &.isi-elportal
    &.isi-pruzkumy
    &.isi-management
    { color: #e6bb08; }
}

}

} /* if barvyTitulka */

/*
.app_header_motiv_switch::before {
    background-color: #ddd6;
    border-radius: 2em;
    padding: 0.2em;
    position: relative;
    top: -0.2em;
    box-shadow: 0px -1px 1px #bbb;
}
*/

/*** Student ***/

/* Search bar */
#tab-content-predmety #vyhledavani {
    position: relative;
    width: 100%;
}

#tab-content-predmety #vyhledavani_form {
    position: absolute;
    right: -1rem;
    height: 2rem;
    width: 25em;
    margin: 0;
    box-shadow: none;
    border-color: tmavemodra;
}

#tab-content-predmety .vyhledavani_form_is_icon {
    padding: 0 0em 0.1em 0.8em ;
    background-size: 1.2rem;
    background-position: 0.8rem 0.4rem;
    border-radius: 1rem 0 0 1rem;
    {iflight} { background-color: #F9FFD0 !important; }
    border-color: inherit;
}

#tab-content-predmety .vyhledavani_form_is_icon::before,
#tab-content-predmety .vyhledavani_form_is_icon::after {
    font-size: 0.9em;
}

#tab-content-predmety #vyhledavani_form input {
    {iflight} { background: #F9FFD0; }
    border-color: inherit;
}

#tab-content-predmety #vyhledavani_form_x {
    font-size: 100%;
    line-height: 160% !important;
    {iflight} {
        background: #F9FFD0;
        border-color: inherit;
        border-top: solid 1px currentcolor;
        border-bottom: solid 1px currentcolor;
    }
}

#tab-content-predmety #vyhledavani_send_form {
    {iflight} { border-color:inherit; }
    border-radius: 1rem;
    position:relative;
    right: 1rem;
    padding: 0;
    width: 3rem;
    font-size: 130%;
    line-height: 160% !important;
    min-height: unset;
}

/* My courses */

.predmet_conteiner {
    {iflight} {
        background: white;
        border-color: #CCC;
    }
    border-radius: 0.4em;
    border-bottom-width: 2px;
}

.predmet_conteiner.active,
.predmet_conteiner:hover {
    {iflight} { border-color: #888; }
    {ifdark} { border-color: #444; }
}

.predmet_header > a:hover,
.predmet_conteiner.active .predmet_header a {
    background: inherit;
}

.predmet_header {
    padding: 0;
}

.predmet_header > .predmet_header_more {
    {iflight} { color: black; }
    font-size: 100%;
    padding: 0.3em 0.8em;
    transition: none;
}
if mojePredmety != fLogo {
.predmet_conteiner .predmet_header .predmet_header_name img {
    display: none;
}
}

do_fakulty(attrib) {
    for f, d in fakulty {
        srcsel = "src*='" + f + "'"
        &[{srcsel}] +::before {
            attrib( d )
        }
    }
}

if mojePredmety == fZkratka {
.predmet_conteiner .predmet_header .predmet_header_name img {
    +::before {
        color: #555;
        font-size: 90%;
        margin-right: 0.15em;
    }
    do_fakulty( @(d){content: d.zkr + ":"} )
}
} /* if mojePredmety == fZkratka */
else if mojePredmety == fBarva {
.predmet_conteiner .predmet_header .predmet_header_name img {
    +::before {
        color: #555;
        font-size: 100%;
        margin-right: 0.45em;
        content: fakultaZnak;
        font-family: foundation-icons;
    }
    do_fakulty( @(d){color: d.barva} )
}
} /* if mojePredmety == fBarva */

.predmet_conteiner.active .predmet_header::after {
    display: block;
    width: calc(100% - 0.8em);
    margin-left: 0.4em;
    {iflight} { border-top: 1px solid #CCC; }
    {ifdark} { border-top: 1px solid var(--bordersedy); }
    content: "";
}

.student_row_a .hodnoceni {
    font-size: 1.5rem;
}

.student_row_a .oddelovac {
    margin: 0 1rem;
}

.student_row_a .podnadpis {
    font-size: 90%;
    display: inline;
    margin-right: 1em;
}

.student_row_a > div > div {
    display: inline-block;
}

.student_row_a .podnadpis::before {
    content: "";
    display: block;
}

.predmet_body > div > div:last-child {
    margin: 0 -0.5rem 0.2rem;
}

@media co-mobil {
    .predmet_body > div > div:last-child {
        margin: 0 -0.9rem 0.16rem;
    }
}

.student_row_b > .column.large-3 {
    flex: 0 0 auto;
    max-width: 50%;
}

.student_row_b, .student_row_c {
    padding: 0;
}

.student_row_c .button {
    margin: 0.7rem 0 1.5em;
    {iflight} {
        background-color: #fff;
        border: 1px solid tmavemodra;
        color: tmavemodra;
    }
}

{light-theme} .student_row_c .button:hover {
    background-color: svetlemodra;
    border: 1px solid tmavemodra;
    color: tmavemodra;
}

.student_row_c .button.disabled {
    display: none !important;
}

.student_row_d {
    display: block;
}

.row.student_row_d > .column {
    display: inline-block;
    padding-right: 0em;
}

@media velke {
    .row.student_row_d > .column {
        padding-right: 1em;
    }
}


/*** File manager ***/

{light-theme} .spravce_souboru .sedy-box,
{light-theme} .spravce_souboru .vyhledavani {
    border-color: #dfdfdfff;
}

#drobecky.long > div {
    background: none;
}

/* Icon colors */

.ikona.isi-folder::before { /* Folder */
    color: #bfb87b;
    font-size: 2rem;
}

.unfold div.ikona.isi-folder::before { /* Folder when grouped with files */
    color: #8a8450;
    background-color: #f0f059 !important;
    padding-left: 2px;
}

div.ik_pdf::before,
div.ik_pdfa::before { /* PDF */
    color: #df5454;
}

div.ik_qref::before { /* Questionary */
    color: #dd3770;
}


/*** Discussion fora (more in a separate section)***/

.pr_te a,
.prispevek .text a {
    text-decoration: underline;
}

.discussion_sticky {
    top: vyska_horniho_panelu;
    z-index: 85;

}

.discussion_sticky .obsah {
    background-color: #F5F6F8;
    border-top: none;
}

}

@-moz-document url-prefix("https://is.muni.cz/auth/discussion"), url-prefix("https://is.muni.cz/discussion") {
/*** Discussion fora ***/

if retroFora {

/* Pop-up quirks */
/* Needed so that the two floating panels look good together while pop-ups
   from it (e.g. search window or menu on smaller screens) appear on top of
   the discussion floating panel and if the discussion panel is hidden, the
   main top panel looks normal. */

#sticky_panel:not(.bgr) ~ #hlavicka::before {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px solid var(--bg);
    {iflight} { border-color: staromodra if namodraly; }
    position: absolute;
    top: vyska_horniho_panelu;
    left: 0;
    z-index: 86;
}

#sticky_panel.bgr {
    border-bottom: none !important;
}

.hlavicka .znak{
    z-index: 87;
}

.discussion_sticky {
    display: block !important;
}

.discussion_sticky[style *= "display: none"] > *,
.discussion_sticky:not([style *= "display:"]) > * {
    display: none;
}

.discussion_sticky::before {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid var(--bordersedy);
    position: fixed;
    top: vyska_horniho_panelu;
    left: 0;
}

.discussion_sticky .obsah {
    position: relative;
    top: -1px;
    background-image: none;
    border: 1px solid var(--bordersedy);
    box-shadow: none;
}

/* Thread list mode */

h2 +.forum_rezimy {
    background: var(--bg);
    border-top: 1px solid gray;
    padding: 0 1em;
}

.discussion_sticky .forum_rezimy {
    background: none;
}

h2 + .forum_rezimy > .row > .column {
    padding: 0;
}

h2 + .forum_rezimy > .row > .column a {
    display: inline-block;
}

h2 + .forum_rezimy > .row > .column + .column::before {
    content: "";
    width: 1px;
    height: 1.2rem;
    padding: 0;
    position: relative;
    top: 0.1rem;
    background: #758ab5;
    display: inline-block;
}

.forum_rezimy a {
    text-decoration: none;
}

h2 + .forum_rezimy .forum_rezim {
    padding: 0 1em;
    border: none;
    transition: all 0.18s;
}

.forum_rezim:hover {
    background: #deeafb;
}

.discussion_sticky .forum_panel .forum_rezim .popis,
.forum_rezim .popis {
    line-height: 2rem;
    height: 2rem;
}

.discussion_sticky .forum_rezim .square,
.forum_rezim .square {
    font-size: 1.1rem;
    line-height: 2rem;
    height: 2rem;
}

.discussion_sticky .forum_panel .forum_rezim {
    padding: 0 0.5em;
    line-height: 2rem;
    border-radius: 4px;
}

.discussion_sticky .forum_panel .forum_rezim .square {
    background-color: #eee;
    color: inherit;
    font-weight: 700;
}

.discussion_sticky .forum_panel .forum_rezim:hover .square {
    background-color: #c6dbf9;
    color: inherit;
    font-weight: 700;
}

.discussion_sticky .forum_panel .forum_rezimy > .row > .column {
    padding: 0 1em 0 0;
}

.forum_panel > .column {
    line-height: 2rem;
}

/* Thread list */

#app_content .vlakno_radek .foto_wrap,
#app_content .vlakno_radek .foto {
    border-radius: 0;
    transform: none;
    margin: 0;
    height: 3.64rem;
}

#app_content .vlakno_radek .foto_wrap {
    margin: 0.4em;
    border: 1px solid var(--bordersedy-dark);
    width: auto;
    height: auto;
    padding: 0.3rem;
    background: var(--bg);
}

#app_content .vlakno_radek .foto {
    background-size: 3rem;
    width: 3rem;
    height: 3rem;
    display: block;
    position: relative;
    top: 0;
    left: 0;
}

#app_content .vlakno_popis {
    margin-top: .5rem;
}

/* */

.discussion_sticky .napis {
    font-size: 90%;
}

.discussion_sticky .nazev {
    font-size: 110%;
}

.discussion_sticky .ikony > a {
    padding: 0 0.2em;
}

.vlakno_panel {
    padding: 0;
}

#app_content .prispevek {
    margin-top: 0.5em;
    border-radius: 0.4em 0 0;
}

#app_content .vlakno_prispevek > .prispevek > .foto_wrap {
    border-radius: 0;
    border-bottom: none;
    transform: none;
}

#app_content .vlakno_prispevek > .prispevek > .foto_wrap .foto {
    transform: none;
}

#app_content .vlakno_prispevek {
    background-color: rgba(127,158,190,0.1);
    padding: 0.4em 1em 0.2em;
}

#app_content .vlakno_prispevek > .prispevek > .foto_wrap .foto,
#app_content .prispevek > .foto_wrap .foto {
    width: 4.2em;
    height: 4.9em;
}

#app_content .prispevek > .foto_wrap .foto {
    border-radius: 0.4em;
    {iflight} { border: 0.2em solid white; }
    {ifdark} { border: 0.2em solid #222; }
    box-shadow: 0 0 1px gray;
    background-size: 4em;
}


#app_content .prispevek .autor {
    padding: 0.2em 0;
    line-height: 2.2em;
}

#discussion .prispevek .autor a > span:first-child {
    color: var(--text-plny);
    font-weight: 500;
    font-size: 1rem;
}

/* display exact date/time */
#app_content .prispevek .autor > div > div:nth-child(2) > span[title]:not([title=""])::after {
    content: " (" attr(title) ")";
    color: var(--text-mene-vyrazny);
}

#app_content .prispevek,
#app_content .prispevek.novy {
    min-height: 6em;
}

#app_content .prispevek.novy > .obsah .sticker {
    display:none;
    width: 0;
    height: 0;
}

#app_content .prispevek.novy > .obsah > .text,
#app_content .prispevek > .obsah > .text {
    max-width: 100%;
    background-color: var(--bg) !important;
    padding: 0.5em 1em;
    border-radius: 0.4em;
    margin: 0;
}

#app_content .prispevek > .obsah {
    border-radius: 0.4em 0 0 !important;
    padding-left: 5.5em;
    padding-right: 0.5em;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.025) 4em, transparent 100%);
}

#app_content .prispevek.novy > .obsah {
    {iflight} { background: linear-gradient(to bottom, #ffebbc 3em, transparent calc( 100% - 1em )); }
    {ifdark} { background: linear-gradient(to bottom, #312a11 3em, transparent calc( 100% - 1em )); }
    min-height: 0rem;
}

#discussion .prispevek.focus > .obsah {
    background-color: #f2ece2;
}

[data-whatintent="mouse"] #app_content .prispevek > .preview_trigger {
    width: 1em;
    left: calc( -1em - 1px );
}

#discussion .prispevek .autor .df_autor_cas,
#discussion .prispevek .autor .df_autor_jmeno {
	padding-top: 0;
}

#app_content .parent_preview {
    max-width: 70em;
    {iflight} { box-shadow: 0 0 1em #888; }
    {ifdark} { box-shadow: 0 0 1em #000; }
    border-radius: 0.4em;
}

#app_content .prispevek > .odpovede {
    padding-left: 1em;
}

#app_content .prispevek .hodnoceni ul.dropdown {
    {iflight} { background-color: rgba(255, 255, 255, .52); }
    {ifdark} { background-color: rgba(255, 255, 255, .1); }
    border-radius: .4em;
    padding: 0 0.4em 0 1em;
}

#app_content .prispevek .hodnoceni ul.dropdown > li > ul > li > a {
    padding: 0.2em 1em;
}

#app_content .prispevek .hodnoceni > div > div:nth-child(2) {
    border-left: none;
    margin: 0;
}

.prispevek .autor .total {
    padding-right: 0.3em;
}

.prispevek .autor .total .smajlik + span span:first-child::before {
    margin-right:0.4em;
}

#app_content .prispevek .autor .hodnoceni .hodnotit {
    color: var(--text-menevyrazny);
}

#app_content .prispevek .autor .hodnoceni .dropdown .popisek .smajlik {
    font-size: 1rem;
    line-height: 2.2;
}

#app_content .prispevek .autor .hodnoceni .dropdown .popisek .smajlik::before {
    font-family: sans-serif !important;
}

#app_content .prispevek .plain_text,
#app_content .prispevek .html_text {
    max-width: calc(100% - 1em);
}

#app_content .prispevek .obsah .close-button {
    padding: 0 0.3em;
    margin-top: -0.1em;
}

{light-theme} .html-editor.se-editor {
    background-color: white;
}

@media print, mobil {
    #app_content .vlakno_prispevek > .prispevek > .obsah,
    #app_content .prispevek.novy > .obsah,
    #app_content .prispevek > .obsah {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    #app_content .prispevek .autor {
        padding-left: 5.4rem;
        min-height: 6em;
    }

    #app_content .prispevek .autor > .row > .column {
        line-height: 1.8;
    }

    #app_content .parent_preview .autor {
        padding-left: 4.2rem;
        min-height: 4.2rem;
    }

    #app_content .parent_preview .foto_wrap .foto,
    #app_content .novy_prispevek .foto_wrap .foto {
        width: 3.2em;
        height: 3.2em;
        background-size: 3em;
        background-position-y: -0.3em;
    }

    #app_content .novy_prispevek .autor {
        padding-top: 0.8em;
        padding-left: 4.2em;
    }

    #app_content .prispevek .hodnoceni ul.dropdown {
        background: none;
        padding: 0;
    }

    #app_content .prispevek .hodnoceni div.total {
        padding-left: 0.3em;
    }

    #app_content .prispevek .hodnoceni .total .smajlik {
        display: none;
    }
}

@media print, co-mobil {
    #app_content .prispevek .autor .row .column:nth-child(2) {
        flex: 1 0 auto;
    }
}

fora_reakce = {
    prinosne: "Informačně přínosné"
    otravne: "Otravné"
    zajimave: "Zajímavé"
    vtipne: "Vtipné"
    mimo-tema: "Mimo téma"
    nemam-nazor: "Nemám názor"
}

for zkr, lab in fora_reakce {
    .prispevek .autor .hodnoceni .dropdown .popisek .isi-face-{zkr}::before,
    .prispevek .autor .total .isi-face-{zkr} + span span:first-child::before {
        content: lab
    }
}


#app_content .prispevek .hodnoceni .vtipne {
    color: #2db4a7;
}

#app_content .prispevek .nastaveni {
    margin-top: 0;
}
} /* if retroFora */

if bezHodnoceni {
#discussion .prispevek .hodnoceni {
    visibility: hidden;
    &:hover {
        visibility: visible;
        &:before {
            visibility: hidden;
        }
    }
    &:before {
        visibility: visible;
        content: "…";
        position: absolute;
        right: 1em;
        color: #0006;
    }
    > .row > .column:first-child {
        order: 2;
    }
}
}
}
@-moz-document url-prefix("https://is.muni.cz/auth/rozvrh") {
/*** Time table (new) ***/

@media velke {

.dulezite_volby + #rozvrh_tabulka {
    .predmet_nazev {
        margin: 0;
    }
}


if retroRozvrh {
    barva_seminar = #e6f4fd

    {light-theme} #app_content .legenda > div.seminar::before {
        background-color: barva_seminar;
    }

    .dulezite_volby + #rozvrh_tabulka {
        {light-theme} td.seminar {
            background-color: barva_seminar;
        }

        tbody th {
            {iflight} {
                background-color: white;
                color: black;

                &.prave_probiha {
                    background-color: #fccd06;
                }
            }

            font-size: 120%;

        }

        tbody tr,
        tbody th,
        tbody td,
        .den-horni-radek:not(:first-child) td,
        {
            {iflight} { border-color: gray !important; }
        }

        tbody tr td {
            {iflight} {
                border-right: 1px solid;
                border-left: 1px solid;
            }
        }

        td.mezera {
            border-right: none !important;
            border-left: none !important;
            {iflight} { background: white; }
        }

        tbody th {
            {iflight} { border: 2px solid gray !important; }
        }
        .den-horni-radek:not(:first-child) td,
        tr:first-child td {
            border-top-width: 2px !important;
        }
        tbody tr:last-child td {
            border-bottom-width: 2px !important;
        }
        tbody tr {
            border-right-width: 2px !important;
        }


        tbody tr td:not(.konci_presne) .cas_od_do,
        tbody tr td:not(.zacina_presne) .cas_od_do {
            display: block !important;
        }

        tbody td > span.predmet_kod,
        tbody td > span.predmet_nazev {
            display: inline;
            white-space: unset;
        }
        tbody td > span.predmet_kod > a {
            {iflight} { color: tmavemodra; }
            font-weight: 500;
        }
        tbody td > span.predmet_nazev {
            font-size: 90%;
        }
        td.poznamka .predmet_nazev::before {
            margin-right: 0;
        }
    }
}
}
}


@-moz-document url-prefix("https://is.muni.cz/") {

/*** Logos ***/

if stylLog != novaLoga {

/* Main logo */
.motiv-titulka .hlavicka .stitek.skola_14,
body.en .motiv-titulka .hlavicka .stitek.skola_14,
.hlavicka .stitek.skola_14,
body.en .hlavicka .stitek.skola_14 {
    background-image: url(stitky "IS_stitek_cs.svg") !important;
    background-size: contain;
    background-position: unset;
}


/* Emblems in fora and right panel (and perhaps elsewhere) */
[style *= 'loga/profilove/M14'],
[style *= '/pics/design/r6/loga/14'],
[style *= '/pics/design/r6/loga/ics.svg'],
img[src ^= '/pics/design/r6/loga/14'],
img[src ^= '/pics/design/r6/loga/profilove/M14'],
img[src ^= '/pics/design/r6/loga/ics.svg']
{
    background-image: url(loga"14-pracoviste.svg") !important;
}
pracoviste = keys(extend(fakulty,{"14":"x","14-pracoviste":"x"})) // append doesn't seem to work
for fid in pracoviste {
    [{"style *= 'loga/profilove/M" + fid + ".svg'"}],
    [{"style *= '/pics/design/r6/loga/" + fid + ".svg'"}],
    img[{"src = '/pics/design/r6/loga/" + fid + ".svg'"}],
    img[{"src = '/pics/design/r6/loga/profilove/M" + fid + ".svg'"}],
    .logo-{fid} {
        background-image: url(loga + fid + ".svg") !important;
        if stylLog == jednoduchaLoga {
            &.forum_nazev {
                background-size: 2.4em !important;
                background-position: -0.2em !important;
            }
        }
    }

    .zivot_wrap div.logo[{"style *= 'loga/profilove/M" + fid + ".svg'"}] {
        background-color: white;
        background-position: 50% !important;
        if stylLog == jednoduchaLoga {
            background-size: 100% !important;
        } else {
            background-size: 90% !important;
        }
    }
}
[style *= "loga/profilove/M14-pracoviste.svg"] {
    background-image: url(loga "14.svg") !important;
}

button.no-design[class *= "logo-14"]::before,
#is-menitka ul.is-dropdown-submenu a[class *= "logo-14"]::before {
    background-image: inherit !important;
}

button.no-design[class *= "logo-14"],
#is-menitka ul.is-dropdown-submenu a[class *= "logo-14"] {
    background-size: 0 !important;
}

/* "Hide" original (src) image to show our background underneath */

img[src *= "/pics/design/r6/loga/profilove/M14"],
img[src *= "/pics/design/r6/loga/14"] {
    object-position: 999px 999px;
}

/* Right panel adjustments */

[style *= "loga/profilove/M1433.svg"] {
    if stylLog != jednoduchaLoga {
        background-image: url("https://fi.muni.cz/images/fi-logo.png") !important;
    }
}

/* White background (not globally, because who knows where that could fail */
#noticeboard .grafika .logo {
    background-color: white !important;
}

table.inverzne > tbody > tr:first-child > td:first-child img {
    background-color: white !important;
    border-radius: 50%;
}

} /* if stylLog != novaLoga */
}

@-moz-document url-prefix("https://is.muni.cz/") {
/**** New apps ****/

/*** Interactive Outlines ***/

{light-theme} .io-element.io-kapitola-box {
    background-color: white;
}

@media velke {
    #io-editor #io-main-row,
    #io-name-header:not(.hide) ~ #io-main-row {
        padding-left: 1.07143rem;
    }

    #io-editor #io-main-row #io-kontejner,
    #io-name-header:not(.hide) ~ #io-main-row #io-kontejner {
        border-style: solid;
        max-width: 60em;
    }
}

#io-editor #io-main-row #io-kontejner,
#io-name-header:not(.hide) ~ #io-main-row #io-kontejner {
    max-width: unset;
    padding: 1rem 1.5rem 0;
    background-color: white;
    border-color: #ddd;
    border-width: 1px;
    border-bottom-style: solid;
    border-top-style: solid;
}

.io-prev-next {
    margin: 0;
}

/*** New Questionaries ***/
#odpo_aplikace {
    background-color: var(--bg);
    padding-top: 0.5em;
    margin-bottom: 0;
}

#odpo_paticka {
    background-color: var(--bg);
}

/*** Peer assessment ***/

div.pa_projekt .pa_projekt_karta,
div.pa_projekt_novy a {
    background-color: #0000000b;
}

.pa_tvorba_formulare_radek .radek_content,
div.pa_projekt_rozsireni {
    background-color: var(--bg);
}


/*** Polls ***/

div.pruzkum-banner {
    background-color:var(--bg);
}

}

@-moz-document url-prefix("https://is.muni.cz/auth/osoba"), url-prefix("https://is.muni.cz/osoba"), url-prefix("https://is.muni.cz/lide/"), url-prefix("https://is.muni.cz/auth/lide") {

/*** Personal page ***/

.muj_student_operace a:after{
    content: attr(title);
    color: tmavemodra;
}
#vztah_k_osobe .lide_muj_student_soucasne > .column > div {
    padding-bottom: 0.5rem;
}
#vztah_k_osobe .lide_muj_student_soucasne .muj_student_operace {
    position: unset;
    margin-top: 1ex;
    a {
        display: block;
        width: unset;
    }
    a:after {
        padding-left: 0.7em;
    }
}
#vztah_k_osobe .lide_muj_student_minule .muj_student_operace {
    a {
        width: unset;
    }
    a:after {
        padding-left: 0.1em;
        margin-right: 0.8em;
    }
}

#vztah_k_osobe .lide_muj_student_minule .muj_student_operace a:hover,
#vztah_k_osobe .lide_muj_student_soucasne .muj_student_operace a:hover {
    background: unset;
    i.isi-large {
        color: tint( tmavemodra, 35% );
    }
}

@media mobil {
    #vztah_k_osobe .lide_muj_student_minule > .column > div {
        display: block;

        .lide_muj_student_flex_skupina {
            display: inline-block;
        }
        .muj_student_operace {
            display: inline-block;
        }
    }
}

table.tab_udaje_table {
    thead th {
        background-color: svetlemodra !important;
        font-size: 110%;
        border-bottom: 1px solid black;
        margin-bottom: 0.5em;
        padding: 0.2rem 1.5rem;
    }
    a.tab_udaje_table_rozbal {
        padding: .2rem 2.5rem .2rem 1.5rem;
        margin: -.2rem -1.5rem;

        &:hover,
        &:focus {
            background-color: #2581;
        }
    }
}

#lide_karty + .tabs-content {
    min-height: unset;
    h3.nadpis-sekce {
        margin-top: 1ex;
    }
}

}