|
|
|
@ -51,58 +51,52 @@ |
|
|
|
|
|
|
|
/**** OTÁČECÍ KARTY ****/ |
|
|
|
/* (orgové, archiv) */ |
|
|
|
|
|
|
|
/** Samotné karty **/ |
|
|
|
.flip-card { |
|
|
|
perspective: 1000px; /* Remove this if you don't want the 3D effect */ |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
} |
|
|
|
|
|
|
|
/* This container is needed to position the front and back side */ |
|
|
|
.flip-card-inner { |
|
|
|
/* This container is needed to position the front and back side */ |
|
|
|
.flip-card-inner { |
|
|
|
position: relative; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
transition: transform 0.8s; |
|
|
|
transform-style: preserve-3d; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* Do an horizontal flip when you move the mouse over the flip box container */ |
|
|
|
.flip-card:hover .flip-card-inner { |
|
|
|
/* Do an horizontal flip when you move the mouse over the flip box container */ |
|
|
|
&:hover .flip-card-inner { |
|
|
|
transform: rotateY(180deg); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* Position the front and back side */ |
|
|
|
.flip-card-front, .flip-card-back { |
|
|
|
/* Position the front and back side */ |
|
|
|
.flip-card-front, .flip-card-back { |
|
|
|
position: absolute; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
-webkit-backface-visibility: hidden; /* Safari */ |
|
|
|
backface-visibility: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
div.flip-card-foto, div.flip-card-foto img { |
|
|
|
div.flip-card-foto, div.flip-card-foto img { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
|
|
|
|
} |
|
|
|
/* Pokud je na přední straně něco proklikávacího (třeba celá fotka), tak na dotykových zařízeních nemůže proklikávat, aby se dalo otáčet */ |
|
|
|
@media(hover: none) { |
|
|
|
a { pointer-events: none; } |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* Style the back side */ |
|
|
|
.flip-card-back { |
|
|
|
/* Style the back side */ |
|
|
|
.flip-card-back { |
|
|
|
transform: rotateY(180deg); |
|
|
|
padding: 10px; |
|
|
|
padding-top: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* Pokud je na přední straně něco proklikávacího (třeba celá fotka), tak na dotykových zařízeních nemůže proklikávat, aby se dalo otáčet */ |
|
|
|
@media(hover: none) { |
|
|
|
.flip-card-foto a { pointer-events: none; } |
|
|
|
} |
|
|
|
/*******************/ |
|
|
|
|
|
|
|
|
|
|
|
.flip-card-back { |
|
|
|
background-color: var(--svetla-oranzova); |
|
|
|
color: black; |
|
|
|
@ -310,21 +304,23 @@ div.org_email { |
|
|
|
/******************************************/ |
|
|
|
|
|
|
|
/** Výsledkovky **/ |
|
|
|
.vysledkovka td:first-child, .tabulka_oramovane_sloupce th:first-child { |
|
|
|
position: unset; |
|
|
|
} |
|
|
|
.vysledkovka, .tabulka_oramovane_sloupce { |
|
|
|
td, th { |
|
|
|
&:first-child { position: unset; } |
|
|
|
|
|
|
|
.vysledkovka td:nth-child(2), .tabulka_oramovane_sloupce th:nth-child(2) { |
|
|
|
&:nth-child(2) { |
|
|
|
border-right: solid 1px; |
|
|
|
|
|
|
|
position: sticky; |
|
|
|
left: 0; |
|
|
|
background: inherit; /* (Snad) zneprůhlední druhý sloupec */ |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.vysledkovka td:nth-child(3), .tabulka_oramovane_sloupce th:nth-child(3) { |
|
|
|
&:nth-child(3) { |
|
|
|
border-left: none; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
/*****************/ |
|
|
|
|
|
|
|
|
