|
|
|
@ -86,94 +86,6 @@ div.content { |
|
|
|
/******************/ |
|
|
|
|
|
|
|
|
|
|
|
/**** MENU ****/ |
|
|
|
ul.menu_mobile { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
nav.nav-button { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
div.dropdown-backdrop { /* tohle způsobuje, že funguje mobilní menu */ |
|
|
|
z-index: -1; |
|
|
|
} |
|
|
|
|
|
|
|
/* nové menu */ |
|
|
|
|
|
|
|
ul.menu { |
|
|
|
width: 100%; |
|
|
|
padding: 0px; |
|
|
|
margin-top: -5px; /* posune celé menu nahoru (pak potřeba zvětšit mezeru mezi menu a submenu) */ |
|
|
|
|
|
|
|
font-variant: small-caps; |
|
|
|
} |
|
|
|
|
|
|
|
ul.menu a { |
|
|
|
text-decoration: none; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 105%; |
|
|
|
} |
|
|
|
|
|
|
|
ul.menu li { |
|
|
|
margin: 0px; |
|
|
|
display: inline-block; |
|
|
|
width: 16.666667%; |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
font-size: 140%; |
|
|
|
font-weight: 400; |
|
|
|
} |
|
|
|
|
|
|
|
ul.menu li>a:hover { |
|
|
|
color: black; |
|
|
|
} |
|
|
|
|
|
|
|
ul.menu li>a:active { /* TODO: nefunfuje */ |
|
|
|
color: black; |
|
|
|
} |
|
|
|
|
|
|
|
ul.submenu { |
|
|
|
|
|
|
|
background-color: var(--hlavni-oranzova); |
|
|
|
margin-top: 10px; /* mezera mezi hlavním menu a submenu */ |
|
|
|
margin-bottom: 10px; |
|
|
|
padding-top: 10px; |
|
|
|
padding-bottom: 5px; |
|
|
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); |
|
|
|
} |
|
|
|
|
|
|
|
ul.submenu { |
|
|
|
background-color: var(--hlavni-oranzova); |
|
|
|
z-index: 50; |
|
|
|
font-weight: 400; |
|
|
|
} |
|
|
|
|
|
|
|
ul.submenu li { |
|
|
|
width: auto; |
|
|
|
padding: 0px 20px 0px 20px; |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
ul.submenu li>a { |
|
|
|
color: var(--svetla-oranzova); |
|
|
|
text-decoration: none; |
|
|
|
text-shadow: none; |
|
|
|
} |
|
|
|
|
|
|
|
ul.submenu li>a:hover { |
|
|
|
color: black; |
|
|
|
} |
|
|
|
|
|
|
|
ul.menu li.active>a { |
|
|
|
color: var(--svetla-oranzova); |
|
|
|
} |
|
|
|
|
|
|
|
ul.submenu li.active>a, .parentactive ul li:first-child>a { |
|
|
|
color: black; |
|
|
|
} |
|
|
|
/**************/ |
|
|
|
|
|
|
|
|
|
|
|
/**** Footer ****/ |
|
|
|
#footer { |
|
|
|
position: absolute; |
|
|
|
@ -200,11 +112,25 @@ p.license-mobile { |
|
|
|
display: none; |
|
|
|
margin-bottom: 0px; |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 650px) { |
|
|
|
#footer { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
p.license-mobile { |
|
|
|
position: relative; |
|
|
|
display: block; |
|
|
|
font-size: 90%; |
|
|
|
background-color: var(--hlavni-oranzova); |
|
|
|
padding: 5%; |
|
|
|
text-align: justify; |
|
|
|
} |
|
|
|
} |
|
|
|
/****************/ |
|
|
|
|
|
|
|
|
|
|
|
/**** LOGIN BAR ****/ |
|
|
|
|
|
|
|
div.login-bar { |
|
|
|
background: var(--orgovska-fialova); |
|
|
|
color: var(--svetla-oranzova); |
|
|
|
@ -241,234 +167,156 @@ a.login-ref-admin { |
|
|
|
/*******************/ |
|
|
|
|
|
|
|
|
|
|
|
/**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/ |
|
|
|
body.localweb:before, body.localweb:after, |
|
|
|
body.testweb:before, body.testweb:after, |
|
|
|
body.suprodweb:before, body.suprodweb:after { |
|
|
|
content: ""; |
|
|
|
position: fixed; |
|
|
|
width: 20px; |
|
|
|
height: 100%; |
|
|
|
top: 0; |
|
|
|
z-index: -1000; |
|
|
|
} |
|
|
|
|
|
|
|
body.localweb:before, body.testweb:before, body.suprodweb:before { |
|
|
|
left: 0; |
|
|
|
} |
|
|
|
body.localweb:after, body.testweb:after, body.suprodweb:after { |
|
|
|
right: 0; |
|
|
|
} |
|
|
|
/* stránka přes celý displej */ |
|
|
|
@media (max-width: 970px) { |
|
|
|
div.container { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
body.localweb:before, body.localweb:after { background: greenyellow; } |
|
|
|
body.testweb:before, body.testweb:after { background: darkorange; } |
|
|
|
body.suprodweb:before, body.suprodweb:after { background: red; } |
|
|
|
/****************************************************************/ |
|
|
|
#title { |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
#header { |
|
|
|
background-size: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
/**** ZBYTEK ****/ |
|
|
|
/* (konkrétní stránky) */ |
|
|
|
#header img.logo { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
/* titulni stranka */ |
|
|
|
.titulnistrana { |
|
|
|
display: flex; |
|
|
|
text-align: justify; |
|
|
|
#footer { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.titulnistrana h1 { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
/* malý tablet, mobil */ |
|
|
|
@media (max-width: 650px) { |
|
|
|
.no-mobile{ |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.zjistit_vic{ |
|
|
|
text-align: center; |
|
|
|
margin-bottom: 30px; |
|
|
|
} |
|
|
|
#hide-if-small.login-bar-flatpage { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.zjistit_vic hr { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
#title { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.graf-svg { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
#header { |
|
|
|
width: 100%; |
|
|
|
top: 0px; |
|
|
|
background-image: none; |
|
|
|
} |
|
|
|
|
|
|
|
#svg-graf { |
|
|
|
width: 100%; |
|
|
|
height: auto; |
|
|
|
margin: 30px; |
|
|
|
} |
|
|
|
#header img.logo { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.titulnistrana_obsah { |
|
|
|
width: 66%; |
|
|
|
#header img.logo-mobile { |
|
|
|
display: block; |
|
|
|
top: 0px; |
|
|
|
left: 0px; |
|
|
|
width: 100%; |
|
|
|
filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); |
|
|
|
margin-bottom: 3px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.vitej_titulka, .temata_titulka { |
|
|
|
width: 49%; |
|
|
|
padding: 10px; |
|
|
|
display: table-cell; |
|
|
|
} |
|
|
|
|
|
|
|
.titulnistrana_novinky { |
|
|
|
width: 33%; |
|
|
|
padding: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.novinka_obrazek { |
|
|
|
margin: 10px 0px 10px 0px; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.novinka_datum { |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.novinka_autor { |
|
|
|
text-align: right; |
|
|
|
font-style: italic; |
|
|
|
/**** MENU ****/ |
|
|
|
ul.menu_mobile { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
div.org-text { |
|
|
|
font-style: italic; |
|
|
|
nav.nav-button { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
div.odpocet { |
|
|
|
margin: 20px; |
|
|
|
text-align: center; |
|
|
|
div.dropdown-backdrop { /* tohle způsobuje, že funguje mobilní menu */ |
|
|
|
z-index: -1; |
|
|
|
} |
|
|
|
|
|
|
|
/*stránka organizátorů*/ |
|
|
|
/* nové menu */ |
|
|
|
|
|
|
|
div.seznam_orgu, div.rozcestnik_temat, div.seznam_archiv { |
|
|
|
text-align: center; |
|
|
|
padding-bottom: 10px; |
|
|
|
} |
|
|
|
ul.menu { |
|
|
|
width: 100%; |
|
|
|
padding: 0px; |
|
|
|
margin-top: -5px; /* posune celé menu nahoru (pak potřeba zvětšit mezeru mezi menu a submenu) */ |
|
|
|
|
|
|
|
div.org_pole, div.rocnik_pole, div.tema_pole { |
|
|
|
display: inline-block; |
|
|
|
width: 30%; |
|
|
|
min-width: 300px; |
|
|
|
text-align: center; |
|
|
|
font-variant: small-caps; |
|
|
|
} |
|
|
|
|
|
|
|
div.tema_pole { |
|
|
|
display: inline-block; |
|
|
|
width: 40%; |
|
|
|
min-width: 350px; |
|
|
|
padding-bottom: 20px; |
|
|
|
text-align: center; |
|
|
|
ul.menu a { |
|
|
|
text-decoration: none; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 105%; |
|
|
|
} |
|
|
|
|
|
|
|
div.cislo_pole { |
|
|
|
ul.menu li { |
|
|
|
margin: 0px; |
|
|
|
display: inline-block; |
|
|
|
width: 15%; |
|
|
|
min-width: 165px; |
|
|
|
width: 16.666667%; |
|
|
|
text-align: center; |
|
|
|
padding: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
div.seznam_orgu h3 { |
|
|
|
text-align: center; |
|
|
|
margin-top: 10px; |
|
|
|
margin-bottom: 0px; |
|
|
|
font-size: 140%; |
|
|
|
font-weight: 400; |
|
|
|
} |
|
|
|
|
|
|
|
div.org_email { |
|
|
|
margin-bottom: 10px; |
|
|
|
font-weight: bold; |
|
|
|
ul.menu li>a:hover { |
|
|
|
color: black; |
|
|
|
} |
|
|
|
|
|
|
|
/* aktuální zadání */ |
|
|
|
.stranka_aktualni_zadani { |
|
|
|
text-align: center; |
|
|
|
ul.menu li>a:active { /* TODO: nefunfuje */ |
|
|
|
color: black; |
|
|
|
} |
|
|
|
|
|
|
|
#azad_obrazek { |
|
|
|
margin-top: 15px; |
|
|
|
} |
|
|
|
ul.submenu { |
|
|
|
|
|
|
|
div.zadani_termin { |
|
|
|
text-align: center; |
|
|
|
font-size: large; |
|
|
|
font-weight: bold; |
|
|
|
background-color: var(--hlavni-oranzova); |
|
|
|
margin-top: 10px; /* mezera mezi hlavním menu a submenu */ |
|
|
|
margin-bottom: 10px; |
|
|
|
padding-top: 10px; |
|
|
|
padding-bottom: 5px; |
|
|
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4)); |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 420px) { |
|
|
|
div.zadani_termin { |
|
|
|
font-size: small; |
|
|
|
} |
|
|
|
ul.submenu { |
|
|
|
background-color: var(--hlavni-oranzova); |
|
|
|
z-index: 50; |
|
|
|
font-weight: 400; |
|
|
|
} |
|
|
|
|
|
|
|
div.zadani_termin .datum { |
|
|
|
color:var(--hlavni-oranzova); |
|
|
|
margin:0px; |
|
|
|
ul.submenu li { |
|
|
|
width: auto; |
|
|
|
padding: 0px 20px 0px 20px; |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
|
|
|
|
#obrazek_cisla_archiv { |
|
|
|
text-align: center; |
|
|
|
margin: 10px; |
|
|
|
ul.submenu li>a { |
|
|
|
color: var(--svetla-oranzova); |
|
|
|
text-decoration: none; |
|
|
|
text-shadow: none; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Jak řešit */ |
|
|
|
|
|
|
|
.jakresit svg { |
|
|
|
width: 33%; |
|
|
|
padding: 10px; |
|
|
|
filter: none; |
|
|
|
ul.submenu li>a:hover { |
|
|
|
color: black; |
|
|
|
} |
|
|
|
|
|
|
|
@media(max-width: 860px) { |
|
|
|
.jakresit svg { |
|
|
|
margin: auto; |
|
|
|
display: grid; |
|
|
|
width: 100%; |
|
|
|
max-width: 360px; |
|
|
|
} |
|
|
|
ul.menu li.active>a { |
|
|
|
color: var(--svetla-oranzova); |
|
|
|
} |
|
|
|
/****************/ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/********************** |
|
|
|
* Zmenšování displeje |
|
|
|
***********************/ |
|
|
|
|
|
|
|
ul.submenu li.active>a, .parentactive ul li:first-child>a { |
|
|
|
color: black; |
|
|
|
} |
|
|
|
|
|
|
|
/* stránka přes celý displej */ |
|
|
|
@media (max-width: 970px) { |
|
|
|
|
|
|
|
div.container { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
#title { |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
#header { |
|
|
|
background-size: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
#header img.logo { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
#footer { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
ul.menu { |
|
|
|
font-size: 90%; |
|
|
|
margin-top: -7px; |
|
|
|
@ -485,112 +333,28 @@ div.zadani_termin .datum { |
|
|
|
ul.submenu { |
|
|
|
margin-top: 8px; /* mezera mezi hlavním menu a submenu */ |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/* stránka přes celý menší displej, větší mobil, tablet */ |
|
|
|
@media(max-width: 800px){ |
|
|
|
|
|
|
|
@media(max-width: 800px) { |
|
|
|
ul.menu { |
|
|
|
font-size: 80%; |
|
|
|
margin-top: -2px; |
|
|
|
} |
|
|
|
|
|
|
|
ul.menu li { |
|
|
|
margin-top: 10px; /* posunutí textu hlavního menu níže */ |
|
|
|
} |
|
|
|
|
|
|
|
ul.submenu li { |
|
|
|
margin-top: 0px; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */ |
|
|
|
} |
|
|
|
|
|
|
|
ul.submenu { |
|
|
|
margin-top: 8px; /* mezera mezi hlavním menu a submenu */ |
|
|
|
} |
|
|
|
|
|
|
|
a.ref-org-foto { |
|
|
|
pointer-events: none; |
|
|
|
} |
|
|
|
|
|
|
|
table#reseni.form td, table#reseni.form tr { |
|
|
|
display: inline-grid; |
|
|
|
max-width: 300px; |
|
|
|
} |
|
|
|
|
|
|
|
/* titulni stranka */ |
|
|
|
|
|
|
|
.titulnistrana { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
|
|
|
|
.graf { |
|
|
|
padding-top: 40px; |
|
|
|
} |
|
|
|
|
|
|
|
.titulnistrana_obsah { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.vitej_titulka, .temata_titulka { |
|
|
|
width: 49%; |
|
|
|
padding: 10px; |
|
|
|
display: table-cell; |
|
|
|
} |
|
|
|
|
|
|
|
.titulnistrana_novinky { |
|
|
|
width: 100%; |
|
|
|
max-width: 500px; |
|
|
|
padding: 10px; |
|
|
|
margin: auto; |
|
|
|
} |
|
|
|
|
|
|
|
#svg-graf { |
|
|
|
width: 100%; |
|
|
|
max-width: 500px; |
|
|
|
padding: 10px; |
|
|
|
margin: auto; |
|
|
|
} |
|
|
|
|
|
|
|
.zjistit_vic hr { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* malý tablet, mobil */ |
|
|
|
@media (max-width: 650px) { |
|
|
|
|
|
|
|
.no-mobile{ |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
#hide-if-small.login-bar-flatpage { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
#title { |
|
|
|
display: none; |
|
|
|
font-size: 80%; |
|
|
|
margin-top: -2px; |
|
|
|
} |
|
|
|
|
|
|
|
#header { |
|
|
|
width: 100%; |
|
|
|
top: 0px; |
|
|
|
background-image: none; |
|
|
|
ul.menu li { |
|
|
|
margin-top: 10px; /* posunutí textu hlavního menu níže */ |
|
|
|
} |
|
|
|
|
|
|
|
#header img.logo { |
|
|
|
display: none; |
|
|
|
ul.submenu li { |
|
|
|
margin-top: 0px; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */ |
|
|
|
} |
|
|
|
|
|
|
|
#header img.logo-mobile { |
|
|
|
display: block; |
|
|
|
top: 0px; |
|
|
|
left: 0px; |
|
|
|
width: 100%; |
|
|
|
filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); |
|
|
|
margin-bottom: 3px; |
|
|
|
ul.submenu { |
|
|
|
margin-top: 8px; /* mezera mezi hlavním menu a submenu */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* mobilní menu */ |
|
|
|
@media (max-width: 650px) { |
|
|
|
ul.menu { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
@ -621,7 +385,7 @@ div.zadani_termin .datum { |
|
|
|
color: black; /*černé šipky submenu*/ |
|
|
|
} |
|
|
|
|
|
|
|
ul.menu_mobile ul li>a { |
|
|
|
ul.menu_mobile ul li > a { |
|
|
|
color: black; |
|
|
|
} |
|
|
|
|
|
|
|
@ -656,42 +420,164 @@ div.zadani_termin .datum { |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
|
|
|
|
button.navbar-button span::after{ |
|
|
|
button.navbar-button span::after { |
|
|
|
content: ' \2261 '; |
|
|
|
font-size: 120%; |
|
|
|
} |
|
|
|
|
|
|
|
li.dropdown div.submenu_mobile{ |
|
|
|
li.dropdown div.submenu_mobile { |
|
|
|
display: none; |
|
|
|
--bs-dropdown-bg: var(--hlavni-oranzova); |
|
|
|
} |
|
|
|
|
|
|
|
li.dropdown div.submenu_mobile.show{ |
|
|
|
li.dropdown div.submenu_mobile.show { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} /* konec @media */ |
|
|
|
/**************/ |
|
|
|
|
|
|
|
|
|
|
|
/*patička mobil*/ |
|
|
|
|
|
|
|
#footer { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
p.license-mobile { |
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
/**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/ |
|
|
|
body.localweb:before, body.localweb:after, |
|
|
|
body.testweb:before, body.testweb:after, |
|
|
|
body.suprodweb:before, body.suprodweb:after { |
|
|
|
content: ""; |
|
|
|
position: fixed; |
|
|
|
width: 20px; |
|
|
|
height: 100%; |
|
|
|
top: 0; |
|
|
|
z-index: -1000; |
|
|
|
} |
|
|
|
|
|
|
|
body.localweb:before, body.testweb:before, body.suprodweb:before { |
|
|
|
left: 0; |
|
|
|
} |
|
|
|
body.localweb:after, body.testweb:after, body.suprodweb:after { |
|
|
|
right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
body.localweb:before, body.localweb:after { background: greenyellow; } |
|
|
|
body.testweb:before, body.testweb:after { background: darkorange; } |
|
|
|
body.suprodweb:before, body.suprodweb:after { background: red; } |
|
|
|
/****************************************************************/ |
|
|
|
|
|
|
|
|
|
|
|
/**** ZBYTEK ****/ |
|
|
|
/* (konkrétní stránky) */ |
|
|
|
|
|
|
|
/* titulni stranka */ |
|
|
|
.titulnistrana { |
|
|
|
display: flex; |
|
|
|
text-align: justify; |
|
|
|
} |
|
|
|
|
|
|
|
.titulnistrana h1 { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.zjistit_vic{ |
|
|
|
text-align: center; |
|
|
|
margin-bottom: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
.zjistit_vic hr { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.graf-svg { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
|
|
|
|
#svg-graf { |
|
|
|
width: 100%; |
|
|
|
height: auto; |
|
|
|
margin: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
.titulnistrana_obsah { |
|
|
|
width: 66%; |
|
|
|
} |
|
|
|
|
|
|
|
.vitej_titulka, .temata_titulka { |
|
|
|
width: 49%; |
|
|
|
padding: 10px; |
|
|
|
display: table-cell; |
|
|
|
} |
|
|
|
|
|
|
|
.titulnistrana_novinky { |
|
|
|
width: 33%; |
|
|
|
padding: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.novinka_obrazek { |
|
|
|
margin: 10px 0px 10px 0px; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.novinka_datum { |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.novinka_autor { |
|
|
|
text-align: right; |
|
|
|
font-style: italic; |
|
|
|
} |
|
|
|
|
|
|
|
div.org-text { |
|
|
|
font-style: italic; |
|
|
|
} |
|
|
|
|
|
|
|
div.odpocet { |
|
|
|
margin: 20px; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
@media(max-width: 800px){ |
|
|
|
|
|
|
|
/* titulni stranka */ |
|
|
|
|
|
|
|
.titulnistrana { |
|
|
|
display: block; |
|
|
|
font-size: 90%; |
|
|
|
background-color: var(--hlavni-oranzova); |
|
|
|
padding: 5%; |
|
|
|
text-align: justify; |
|
|
|
} |
|
|
|
|
|
|
|
table.form td, table.form tr { |
|
|
|
display: inherit; |
|
|
|
.graf { |
|
|
|
padding-top: 40px; |
|
|
|
} |
|
|
|
|
|
|
|
.titulnistrana_obsah { |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
/* titulni stranka */ |
|
|
|
.vitej_titulka, .temata_titulka { |
|
|
|
width: 49%; |
|
|
|
padding: 10px; |
|
|
|
display: table-cell; |
|
|
|
} |
|
|
|
|
|
|
|
.titulnistrana_novinky { |
|
|
|
width: 100%; |
|
|
|
max-width: 500px; |
|
|
|
padding: 10px; |
|
|
|
margin: auto; |
|
|
|
} |
|
|
|
|
|
|
|
#svg-graf { |
|
|
|
width: 100%; |
|
|
|
max-width: 500px; |
|
|
|
padding: 10px; |
|
|
|
margin: auto; |
|
|
|
} |
|
|
|
|
|
|
|
.zjistit_vic hr { |
|
|
|
display: flex; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 650px) { |
|
|
|
.titulnistrana { |
|
|
|
display: block; |
|
|
|
} |
|
|
|
@ -714,6 +600,95 @@ div.zadani_termin .datum { |
|
|
|
width: 100%; |
|
|
|
padding: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/*stránka organizátorů*/ |
|
|
|
|
|
|
|
div.seznam_orgu, div.rozcestnik_temat, div.seznam_archiv { |
|
|
|
text-align: center; |
|
|
|
padding-bottom: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
div.org_pole, div.rocnik_pole, div.tema_pole { |
|
|
|
display: inline-block; |
|
|
|
width: 30%; |
|
|
|
min-width: 300px; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
div.tema_pole { |
|
|
|
display: inline-block; |
|
|
|
width: 40%; |
|
|
|
min-width: 350px; |
|
|
|
padding-bottom: 20px; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
div.cislo_pole { |
|
|
|
display: inline-block; |
|
|
|
width: 15%; |
|
|
|
min-width: 165px; |
|
|
|
text-align: center; |
|
|
|
padding: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
div.seznam_orgu h3 { |
|
|
|
text-align: center; |
|
|
|
margin-top: 10px; |
|
|
|
margin-bottom: 0px; |
|
|
|
} |
|
|
|
|
|
|
|
div.org_email { |
|
|
|
margin-bottom: 10px; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
/* aktuální zadání */ |
|
|
|
.stranka_aktualni_zadani { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
#azad_obrazek { |
|
|
|
margin-top: 15px; |
|
|
|
} |
|
|
|
|
|
|
|
div.zadani_termin { |
|
|
|
text-align: center; |
|
|
|
font-size: large; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 420px) { |
|
|
|
div.zadani_termin { |
|
|
|
font-size: small; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
div.zadani_termin .datum { |
|
|
|
color:var(--hlavni-oranzova); |
|
|
|
margin:0px; |
|
|
|
} |
|
|
|
|
|
|
|
#obrazek_cisla_archiv { |
|
|
|
text-align: center; |
|
|
|
margin: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Jak řešit */ |
|
|
|
|
|
|
|
.jakresit svg { |
|
|
|
width: 33%; |
|
|
|
padding: 10px; |
|
|
|
filter: none; |
|
|
|
} |
|
|
|
|
|
|
|
@media(max-width: 860px) { |
|
|
|
.jakresit svg { |
|
|
|
margin: auto; |
|
|
|
display: grid; |
|
|
|
width: 100%; |
|
|
|
max-width: 360px; |
|
|
|
} |
|
|
|
} |
|
|
|
/****************/ |
|
|
|
|
Jonas Havelka