Š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 12: | Řádek 12: | ||
.documentation { |
.documentation { |
||
width: 100%; |
width: 100%; |
||
margin: 5px 5px 5px 5px; |
|||
background: #f8f9fa; |
background: #f8f9fa; |
||
} |
} |
||
Řádek 30: | Řádek 30: | ||
.documentation { |
.documentation { |
||
width: 50%; |
width: 50%; |
||
margin: 5px 5px 5px 5px; |
|||
background: #f8f9fa; |
background: #f8f9fa; |
||
} |
} |
||
Řádek 47: | Řádek 47: | ||
.documentation { |
.documentation { |
||
width: 75%; |
width: 75%; |
||
margin: 5px 5px 5px 5px; |
|||
background: #f8f9fa; |
background: #f8f9fa; |
||
} |
} |
Verze z 24. 11. 2019, 00:01
/* 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;
}
.documentation {
width: 100%;
margin: 5px 5px 5px 5px;
background: #f8f9fa;
}
}
/* střední obrazovka - infobox na 50% šířky stránky */
@media only screen and (min-width: 768px) {
.infobox-main {
width: 50%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
border: 1px solid #a2a9b1;
background: #f8f9fa;
line-height: 1em;
}
.documentation {
width: 50%;
margin: 5px 5px 5px 5px;
background: #f8f9fa;
}
}
/* velká obrazovka - infobox na 25% šířky stránky */
@media only screen and (min-width: 1200px) {
.infobox-main {
width: 25%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
border: 1px solid #a2a9b1;
background: #f8f9fa;
line-height: 1em;
}
.documentation {
width: 75%;
margin: 5px 5px 5px 5px;
background: #f8f9fa;
}
}
/* jednotné styly pro všechna rozlišení */
.infobox-header {
text-align: center;
vertical-align: top;
background-color: #99CCFF;
padding: 4px;
width: 100%;
}