|
|
|
@ -51,32 +51,14 @@ li.mam-org-only { |
|
|
|
|
|
|
|
/**** 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; |
|
|
|
} |
|
|
|
|
|
|
|
#organizatori.flip-card { |
|
|
|
width: 200px; |
|
|
|
height: 250px; |
|
|
|
} |
|
|
|
|
|
|
|
#archiv.flip-card { |
|
|
|
width: 210px; |
|
|
|
height: 298px; |
|
|
|
} |
|
|
|
|
|
|
|
#archiv-rocnik.flip-card { |
|
|
|
width: 144px; |
|
|
|
height: 205px; |
|
|
|
} |
|
|
|
|
|
|
|
#tema-rozcestnik.flip-card { |
|
|
|
width: 300px; |
|
|
|
height: 300px; |
|
|
|
} |
|
|
|
|
|
|
|
/* This container is needed to position the front and back side */ |
|
|
|
.flip-card-inner { |
|
|
|
position: relative; |
|
|
|
@ -109,21 +91,79 @@ div.flip-card-foto, div.flip-card-foto img { |
|
|
|
|
|
|
|
/* Style the back side */ |
|
|
|
.flip-card-back { |
|
|
|
background-color: var(--svetla-oranzova); |
|
|
|
color: black; |
|
|
|
transform: rotateY(180deg); |
|
|
|
padding: 10px; |
|
|
|
padding-top: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
#archiv.flip-card-back { |
|
|
|
background-color: white; |
|
|
|
} |
|
|
|
|
|
|
|
/* 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; |
|
|
|
} |
|
|
|
|
|
|
|
.otaceci_cisla .flip-card-back { |
|
|
|
background-color: white; |
|
|
|
color: unset; |
|
|
|
} |
|
|
|
|
|
|
|
/* Otáčecí karta musí mít kolem sebe nějaké místo a mívá nějaký nadpis */ |
|
|
|
.flip_card_container { |
|
|
|
display: inline-block; |
|
|
|
width: 30%; |
|
|
|
min-width: 300px; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/** Jednotlivá použití **/ |
|
|
|
.seznam_orgu .flip-card { |
|
|
|
width: 200px; |
|
|
|
height: 250px; |
|
|
|
} |
|
|
|
|
|
|
|
.seznam_orgu .flip_card_container h3 { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.seznam_archiv .flip-card { |
|
|
|
width: 210px; |
|
|
|
height: 298px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cisla-v-rocniku .flip-card { |
|
|
|
width: 144px; |
|
|
|
height: 205px; |
|
|
|
} |
|
|
|
|
|
|
|
.cisla-v-rocniku .flip_card_container { |
|
|
|
width: 15%; |
|
|
|
min-width: 165px; |
|
|
|
padding: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.rozcestnik_temat .flip-card { |
|
|
|
width: 300px; |
|
|
|
height: 300px; |
|
|
|
} |
|
|
|
|
|
|
|
.rozcestnik_temat .flip_card_container { |
|
|
|
width: 40%; |
|
|
|
min-width: 350px; |
|
|
|
padding-bottom: 20px; |
|
|
|
} |
|
|
|
/************************/ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* karty archiv */ |
|
|
|
|
|
|
|
@ -136,7 +176,7 @@ div.popis_rocniku { |
|
|
|
|
|
|
|
div.popis_rocniku a, div.cislo_odkazy a { |
|
|
|
font-weight: bold; |
|
|
|
color: black; |
|
|
|
color: unset; |
|
|
|
} |
|
|
|
|
|
|
|
div.popis_rocniku a:hover, |
|
|
|
@ -234,11 +274,14 @@ div.org_email { |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
|
|
|
|
/* (Snad) zneprůhlednění prvního řádku (a sloupce) */ |
|
|
|
/* (Snad) zneprůhlednění prvního řádku (a sloupce) FIXME: tohle je trochu hack a potenciálně může něco rozbít */ |
|
|
|
.tabulka_s_uchycenym_radkem_a_sloupcem, |
|
|
|
.tabulka_s_uchycenym_radkem_a_sloupcem thead, |
|
|
|
.tabulka_s_uchycenym_radkem_a_sloupcem tbody, |
|
|
|
.tabulka_s_uchycenym_radkem_a_sloupcem tr |
|
|
|
.tabulka_s_uchycenym_radkem_a_sloupcem tr, |
|
|
|
.container, |
|
|
|
.content-wrapper, |
|
|
|
.content |
|
|
|
{ |
|
|
|
background: inherit; |
|
|
|
} |
|
|
|
|
Jonas Havelka