Š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 */ |
|||
/* malá obrazovka - infobox na 100% šířky stránky */ |
/* malá obrazovka - infobox na 100% šířky stránky */ |
||
@media only screen and (max-width: 768px) { |
@media only screen and (max-width: 768px) { |
||
Řádek 54: | Řádek 55: | ||
} |
} |
||
/* |
/* OBECNÉ CSS PRO VŠECHNY INFOBOXY */ |
||
.infobox-obrazek { |
.infobox-obrazek { |
||
width: 100%; |
width: 100%; |
||
Řádek 85: | Řádek 86: | ||
color: #AAAAAA; |
color: #AAAAAA; |
||
} |
} |
||
/* konkrétní CSS pro Infobox Mineland */ |
|||
/* KONKRÉTNÍ CSS PRO Infobox_Mineland */ |
|||
.infobox-mineland-nazev { |
.infobox-mineland-nazev { |
||
width: 100%; |
width: 100%; |
Verze z 25. 11. 2019, 00:07
/* 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 */
.infobox-obrazek {
width: 100%;
height: auto;
padding: 0px;
text-align: center;
vertical-align: top;
}
.infobox-popis_obrazku {
width: 100%;
padding: 0px;
text-align: center;
vertical-align: top;
}
.infobox-content-left {
width: 50%;
vertical-align: top;
}
.infobox-content-right {
width: 50%;
vertical-align: top;
}
.infobox-footnote {
width: 100%;
padding: 0px;
text-align: right;
caption-side: bottom;
vertical-align: bottom;
font-size: 60%;
color: #AAAAAA;
}
/* 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;
text-align: center;
vertical-align: top;
background-color: #99CCFF;
}
.infobox-mineland-basic {
width: 100%;
vertical-align: top;
font-size: 90%;
}