Šablona:Test/styles.css
Skočit na navigaci
Skočit na vyhledávání
/* 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%;
padding: 0px 20px 20px 20px;
background: #CCE5FF;
}
}
/* 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%;
padding: 0px 20px 20px 20px;
background: #CCE5FF;
}
}
/* 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%;
padding: 0px 20px 20px 20px;
background: #CCE5FF;
}
}
/* jednotné styly pro všechna rozlišení */
.infobox-header {
text-align: center;
vertical-align: top;
background-color: #99CCFF;
padding: 4px;
width: 100%;
}