Šablona:Test/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 1: | Řádek 1: | ||
/* INFOBOX */ |
/* 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-mobile-only { |
|||
width: auto; |
|||
padding: 5px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
font-weight: bold; |
|||
} |
|||
} |
|||
/* 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-mobile-only { |
|||
display: none; |
|||
} |
|||
} |
|||
/* 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-mobile-only { |
|||
display: none; |
|||
} |
|||
} |
|||
/* OBECNÉ CSS PRO VŠECHNY INFOBOXY - Šablona:MAIN/styles.css*/ |
/* OBECNÉ CSS PRO VŠECHNY INFOBOXY - Šablona:MAIN/styles.css*/ |
Verze z 27. 11. 2019, 23:14
/* INFOBOX */
/* OBECNÉ CSS PRO VŠECHNY INFOBOXY - Šablona:MAIN/styles.css*/
/* KONKRÉTNÍ CSS PRO Infobox_Mineland */
.infobox-mineland-nazev {
width: 100%;
padding: 4px;
text-align: center;
vertical-align: top;
background-color: #99CCFF;
}
.infobox-mineland-jine_nazvy {
width: 100%;
padding: 0px 0px 4px 0px;
text-align: center;
vertical-align: top;
background-color: #99CCFF;
}
.infobox-data-mineland-at {
width: 100%;
vertical-align: top;
font-size: 90%;
background-color: #EEEEEE;
}