Šablona:Hlavní strana/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 (Stránka vyprázdněna) |
||
Řádek 1: | Řádek 1: | ||
/* Hlavní strana/styles.css */ |
|||
/* A) MALÁ OBRAZOVKA */ |
|||
@media only screen and (max-width: 768px) { |
|||
.box25 { |
|||
width: 100%; |
|||
padding: 10px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background-color: #F8F9FA; |
|||
vertical-align: top; |
|||
} |
|||
.box50 { |
|||
width: 100%; |
|||
padding: 10px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background-color: #F8F9FA; |
|||
vertical-align: top; |
|||
} |
|||
.box75 { |
|||
width: 100%; |
|||
padding: 10px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background-color: #F8F9FA; |
|||
vertical-align: top; |
|||
} |
|||
.box100 { |
|||
width: 100%; |
|||
padding: 10px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background-color: #F8F9FA; |
|||
vertical-align: top; |
|||
} |
|||
.box-header1 { |
|||
width: 100%; |
|||
padding: 4px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #99CCFF; |
|||
} |
|||
.box-header2 { |
|||
width: 100%; |
|||
padding: 4px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #FF6347; |
|||
} |
|||
.box-header3 { |
|||
width: 100%; |
|||
padding: 4px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #FFD700; |
|||
} |
|||
.box-header4 { |
|||
width: 100%; |
|||
padding: 4px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #9ACD32; |
|||
} |
|||
.box-header5 { |
|||
width: 100%; |
|||
padding: 4px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #D3D3D3; |
|||
} |
|||
.obrazektydne { |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.obrazektydne-popisek { |
|||
font-size: 90%; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
} |
|||
/* B) STŘEDNÍ A VELKÁ OBRAZOVKA */ |
|||
@media only screen and (min-width: 768px) { |
|||
.box25 { |
|||
float: left; |
|||
width: 24.9%; |
|||
margin-right: 0.1%; |
|||
padding: 10px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background-color: #F8F9FA; |
|||
vertical-align: top; |
|||
} |
|||
.box50 { |
|||
float: left; |
|||
width: 49.9%; |
|||
margin-right: 0.1%; |
|||
padding: 10px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background-color: #F8F9FA; |
|||
vertical-align: top; |
|||
} |
|||
.box75 { |
|||
float: left; |
|||
width: 74.9%; |
|||
margin-right: 0.1%; |
|||
padding: 10px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background-color: #F8F9FA; |
|||
vertical-align: top; |
|||
} |
|||
.box100 { |
|||
float: left; |
|||
width: 100%; |
|||
padding: 10px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background-color: #F8F9FA; |
|||
vertical-align: top; |
|||
} |
|||
.box-row1 { |
|||
width:100%; |
|||
height:420px; |
|||
vertical-align:top; |
|||
} |
|||
.box-row2 { |
|||
width:100%; |
|||
height:auto; |
|||
vertical-align:top; |
|||
} |
|||
.box-header1 { |
|||
width: 100%; |
|||
padding: 4px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #99CCFF; |
|||
} |
|||
.box-header2 { |
|||
width: 100%; |
|||
padding: 4px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #FF6347; |
|||
} |
|||
.box-header3 { |
|||
width: 100%; |
|||
padding: 4px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #FFD700; |
|||
} |
|||
.box-header4 { |
|||
width: 100%; |
|||
padding: 4px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #9ACD32; |
|||
} |
|||
.box-header5 { |
|||
width: 100%; |
|||
padding: 4px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #D3D3D3; |
|||
} |
|||
.list100 { |
|||
width: 100%; |
|||
vertical-align: top; |
|||
} |
|||
.list-content { |
|||
vertical-align: top; |
|||
} |
|||
.obrazektydne { |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.obrazektydne-popisek { |
|||
font-size: 90%; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
} |
|||
/* C) VŠECHNY ROZMĚRY OBRAZOVKY */ |
|||
.clear { |
|||
clear: both; |
|||
} |