Šablona:MAIN/styles.css: Porovnání verzí
Skočit na navigaci
Skočit na vyhledávání
Přidaný obsah Smazaný obsah
imported>Le0 Bez shrnutí editace |
imported>Le0 Bez shrnutí editace |
||
Řádek 3: | Řádek 3: | ||
/* volá se přes <templatestyles src="MAIN/styles.css" /> */ |
/* volá se přes <templatestyles src="MAIN/styles.css" /> */ |
||
/* A) VŠECHNY ROZMĚRY OBRAZOVKY */ |
|||
/* DOKUMENTACE K ŠABLONÁM */ |
|||
.documentation { /* DOKUMENTACE K ŠABLONÁM */ |
|||
.documentation { |
|||
clear: both; |
clear: both; |
||
width: auto; |
width: auto; |
||
Řádek 14: | Řádek 14: | ||
} |
} |
||
/* ZAROVNÁNÍ TEXTU */ |
.left { /* ZAROVNÁNÍ TEXTU */ |
||
.left { |
|||
text-align: left; |
text-align: left; |
||
} |
} |
||
Řádek 25: | Řádek 24: | ||
} |
} |
||
/* ČERVENÉ PÍSMO */ |
.red { /* ČERVENÉ PÍSMO */ |
||
.red { |
|||
color: red; |
color: red; |
||
} |
} |
||
Řádek 34: | Řádek 32: | ||
} |
} |
||
.infobox-data { /* INFOBOXY */ |
|||
/* OBECNÉ CSS PRO VŠECHNY INFOBOXY */ |
|||
/* responzivní infobox - malá obrazovka - infobox na 100% šířky stránky */ |
|||
@media only screen and (max-width: 768px) { |
|||
.infobox-main { |
|||
width: 100%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.infobox-only_mobile { |
|||
width: auto; |
|||
padding: 5px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
font-weight: bold; |
|||
} |
|||
} |
|||
/* responzivní infobox - střední obrazovka - infobox na 33% šířky stránky */ |
|||
@media only screen and (min-width: 768px) { |
|||
.infobox-main { |
|||
float: right; |
|||
width: 33%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.infobox-only_mobile { |
|||
display: none; |
|||
} |
|||
} |
|||
/* responzivní infobox - velká obrazovka - infobox na 25% šířky stránky */ |
|||
@media only screen and (min-width: 1200px) { |
|||
.infobox-main { |
|||
float: right; |
|||
width: 25%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.infobox-only_mobile { |
|||
display: none; |
|||
} |
|||
} |
|||
.infobox-data { |
|||
width: 100%; |
width: 100%; |
||
vertical-align: top; |
vertical-align: top; |
||
Řádek 137: | Řádek 80: | ||
} |
} |
||
.navbox-data { /* NAVBOXY */ |
|||
/* OBECNÉ CSS PRO VŠECHNY NAVBOXY */ |
|||
width: 100%; |
|||
/* malá obrazovka */ |
|||
padding: 2px; |
|||
} |
|||
.navbox-group { |
|||
width: 20%; |
|||
padding: 5px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #EEEFF1; |
|||
} |
|||
.navbox-list { |
|||
width: 80%; |
|||
padding: 5px; |
|||
text-align: left; |
|||
} |
|||
/* B) MALÁ OBRAZOVKA */ |
|||
@media only screen and (max-width: 768px) { |
@media only screen and (max-width: 768px) { |
||
.infobox-main { /* INFOBOXY */ |
|||
.navbox-main { |
|||
width: 100%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.infobox-only_mobile { |
|||
width: auto; |
|||
padding: 5px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
font-weight: bold; |
|||
} |
|||
.navbox-main { /* NAVBOXY */ |
|||
width: 100%; |
width: 100%; |
||
padding: 0px; |
padding: 0px; |
||
Řádek 150: | Řádek 128: | ||
} |
} |
||
} |
} |
||
/* C. STŘEDNÍ OBRAZOVKA */ |
|||
/* střední obrazovka */ |
|||
@media only screen and (min-width: 768px) { |
@media only screen and (min-width: 768px) { |
||
.infobox-main { /* INFOBOXY */ |
|||
.navbox-main { |
|||
float: right; |
|||
width: 33%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.infobox-only_mobile { |
|||
display: none; |
|||
} |
|||
.navbox-main { /* NAVBOXY */ |
|||
width: 100%; |
width: 100%; |
||
padding: 0px; |
padding: 0px; |
||
Řádek 162: | Řádek 153: | ||
} |
} |
||
} |
} |
||
/* |
/* D. VELKÁ OBRAZOVKA */ |
||
@media only screen and (min-width: 1200px) { |
@media only screen and (min-width: 1200px) { |
||
.infobox-main { /* INFOBOXY */ |
|||
.navbox-main { |
|||
float: right; |
|||
width: 25%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.infobox-only_mobile { |
|||
display: none; |
|||
} |
|||
.navbox-main { /* NAVBOXY */ |
|||
width: 100%; |
width: 100%; |
||
padding: 0px; |
padding: 0px; |
||
Řádek 173: | Řádek 177: | ||
line-height: 1em; |
line-height: 1em; |
||
} |
} |
||
} |
|||
.navbox-data { |
|||
width: 100%; |
|||
padding: 2px; |
|||
} |
|||
.navbox-group { |
|||
width: 20%; |
|||
padding: 5px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #EEEFF1; |
|||
} |
|||
.navbox-list { |
|||
width: 80%; |
|||
padding: 5px; |
|||
text-align: left; |
|||
} |
} |