Š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: | ||
/* 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) { |
||
. |
.main { |
||
width: 100%; |
width: 100%; |
||
padding: 0px; |
padding: 0px; |
||
Řádek 14: | Řádek 14: | ||
/* střední obrazovka - infobox na 50% šířky stránky */ |
/* střední obrazovka - infobox na 50% šířky stránky */ |
||
@media only screen and (min-width: 768px) { |
@media only screen and (min-width: 768px) { |
||
. |
.main { |
||
float: right; |
float: right; |
||
width: 50%; |
width: 50%; |
||
Řádek 27: | Řádek 27: | ||
/* velká obrazovka - infobox na 25% šířky stránky */ |
/* velká obrazovka - infobox na 25% šířky stránky */ |
||
@media only screen and (min-width: 1200px) { |
@media only screen and (min-width: 1200px) { |
||
. |
.main { |
||
float: right; |
float: right; |
||
width: 25%; |
width: 25%; |
||
Řádek 40: | Řádek 40: | ||
/* jednotné styly pro všechna rozlišení */ |
/* jednotné styly pro všechna rozlišení */ |
||
. |
.header { |
||
text-align: center; |
text-align: center; |
||
vertical-align: top; |
vertical-align: top; |
||
Řádek 47: | Řádek 47: | ||
width: 100%; |
width: 100%; |
||
} |
} |
||
⚫ | |||
.infobox-normal { |
|||
⚫ | |||
background-color: #F8F9FA; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
text-align: right; |
text-align: right; |
||
vertical-align: bottom; |
vertical-align: bottom; |
||
padding: 0px; |
padding: 0px; |
||
width: 100%; |
width: 100%; |
||
⚫ | |||
.basic { |
|||
⚫ | |||
⚫ | |||
} |
} |
Verze z 24. 11. 2019, 01:37
/* malá obrazovka - infobox na 100% šířky stránky */
@media only screen and (max-width: 768px) {
.main {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
border: 1px solid #A2A9B1;
background: #F8F9FA;
line-height: 1em;
}
}
/* střední obrazovka - infobox na 50% šířky stránky */
@media only screen and (min-width: 768px) {
.main {
float: right;
width: 50%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
border: 1px solid #A2A9B1;
background: #F8F9FA;
line-height: 1em;
}
}
/* velká obrazovka - infobox na 25% šířky stránky */
@media only screen and (min-width: 1200px) {
.main {
float: right;
width: 25%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
border: 1px solid #A2A9B1;
background: #F8F9FA;
line-height: 1em;
}
}
/* jednotné styly pro všechna rozlišení */
.header {
text-align: center;
vertical-align: top;
background-color: #99CCFF;
padding: 4px;
width: 100%;
}
.footnote {
text-align: right;
vertical-align: bottom;
padding: 0px;
width: 100%;
}
.basic {
vertical-align: top;
padding: 0px;
}