Š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>SpeLe0log (založena nová stránka s textem „→Pískoviště pro CSS: “) |
||
| (Není zobrazeno 92 mezilehlých verzí od 2 dalších uživatelů.) | |||
| Řádek 1: | Řádek 1: | ||
/* Pískoviště pro CSS */ |
|||
/* 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 { |
|||
clear: both; |
|||
width: auto; |
|||
padding: 1px 20px 20px 20px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 3px solid #9ACBFF; |
|||
background: #CCE5FF; |
|||
} |
|||
} |
|||
/* střední obrazovka - infobox na 50% šířky stránky */ |
|||
@media only screen and (min-width: 768px) { |
|||
.infobox-main { |
|||
float: right; |
|||
width: 50%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.documentation { |
|||
clear: both; |
|||
width: auto; |
|||
padding: 1px 20px 20px 20px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 3px solid #9ACBFF; |
|||
background: #CCE5FF; |
|||
} |
|||
} |
|||
/* 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; |
|||
} |
|||
.documentation { |
|||
clear: both; |
|||
width: auto; |
|||
padding: 1px 20px 20px 20px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 3px solid #990099; |
|||
background: #CCE5FF; |
|||
} |
|||
} |
|||
/* jednotné styly pro všechna rozlišení */ |
|||
.infobox-header { |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #99CCFF; |
|||
padding: 4px; |
|||
width: 100%; |
|||
} |
|||