/* Globalne style elementów, które są niezależne od zagnieżdżenia, id, ani klasy.
 * Ten plik powinien pozostać możliwie mały, ale nie przeszkadzać we wprowadzaniu
 * nowych pomysłów designerskich (nie opartych na wrtext). */

:root {
    /* TODO te kolory powinny być zdefiniowane w USOS-UI */
    --font-color-reverse: #d6d3fd;
    --background-reverse: #333340;
}

usos-footer > #footer-logo img {
    height: 5rem;
}

cas-bar, uw-cas-bar {
    font-size: 0.75rem;
}

a { color: inherit; }

/* Zastąpienie HTMLowego atrybutu cellspacing. Domyślna (najczęściej stosowana
 w USOSwebie) wartość to 1, w przypadku kiedy chcemy zastosować inną wartość
 należy przedefiniować wartość border-spacing w klasie danej tabelki. */
table {
    border-collapse: separate;
    border-spacing: 1px;
}

/* Odnośniki. W większości miejsc będą wyglądać zawsze tak samo. */

a, a:visited, a:active { cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline }
a.newtab { target-new: tab; }

/* h1 celowo nie ma górnego marginesu, ponieważ zawsze jest tylko jedno h1 na
 * stronie. */

h1 { font-size: 25px; font-weight: normal; margin: 0 0 0.67em 0; }

/* Ta podklasa h1 dziedziczy wygląd ze swojego kontenera. Można jej użyć np.
 * w {layoutCoverTitle}. */

h1.uwb-inline-heading,
h2.uwb-inline-heading {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
}

/* http://stackoverflow.com/questions/8554043/what-is-clearfix */

.uwb-clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    line-height: 0;
}

/* Globalne style umożliwiające wyświetlenie elementów jako tabele.
 * Należy używać ich wtedy, gdy elementy te NIE reprezentują tabeli
 * w znaczeniu "arkusza danych", a raczej są wyświetlane jako tabele
 * z powodów "designerskich". Użytkownicy screenreaderów nie będą
 * wtedy takich elementów postrzegali jako "arkusze danych". */

.layout-table { display: table; }
.layout-row { display: table-row; }
.layout-cell { display: table-cell; }

/* Tych klas używamy do kontroli, które fragmenty strony mają być widoczne
 * na wydruku. */

@media print {
    .do_not_print { display: none }
}
@media screen {
    .do_not_screen { display: none }
}

/* Równa szerokość elementu select w porównaniu
 * do pozostałych elementów wprowadzających dane. */
select {
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
}