Š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 5: | Řádek 5: | ||
/* A) MALÁ OBRAZOVKA */ |
/* A) MALÁ OBRAZOVKA */ |
||
@media only screen and (max-width: 768px) { |
@media only screen and (max-width: 768px) { |
||
.navbox-main { /* NAVBOXY */ |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
|||
.infobox-main { /* INFOBOXY */ |
.infobox-main { /* INFOBOXY */ |
||
width: 100%; |
width: 100%; |
||
Řádek 35: | Řádek 26: | ||
/* B) STŘEDNÍ OBRAZOVKA */ |
/* B) STŘEDNÍ OBRAZOVKA */ |
||
@media only screen and (min-width: 768px) { |
@media only screen and (min-width: 768px) { |
||
.navbox-main { /* NAVBOXY */ |
|||
width: 100%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.infobox-main { /* INFOBOXY */ |
.infobox-main { /* INFOBOXY */ |
||
float: right; |
float: right; |
||
Řádek 60: | Řádek 42: | ||
/* C) VELKÁ OBRAZOVKA */ |
/* C) VELKÁ OBRAZOVKA */ |
||
@media only screen and (min-width: 1200px) { |
@media only screen and (min-width: 1200px) { |
||
.navbox-main { /* NAVBOXY */ |
|||
width: 100%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.infobox-main { /* INFOBOXY */ |
.infobox-main { /* INFOBOXY */ |
||
float: right; |
float: right; |
||
Řádek 161: | Řádek 134: | ||
} |
} |
||
. |
.navigbox-main { /* NAVBOXY */ |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
|||
.navigbox-data { |
|||
width: 100%; |
width: 100%; |
||
padding: 2px; |
padding: 2px; |
||
} |
} |
||
. |
.navigbox-group { |
||
width: 20%; |
width: 20%; |
||
padding: 5px; |
padding: 5px; |
||
Řádek 172: | Řádek 154: | ||
background-color: #EEEFF1; |
background-color: #EEEFF1; |
||
} |
} |
||
. |
.navigbox-list { |
||
width: 80%; |
width: 80%; |
||
padding: 5px; |
padding: 5px; |