Šablona:MAIN/styles.css: Porovnání verzí
Skočit na navigaci
Skočit na vyhledávání
Přidaný obsah Smazaný obsah
m (Responsive css přesunuto na konec souboru (údajně by to mělo vyřešit problém s chybně se roztahujícími infoboxy)) značka: revertováno |
značky: vrácení zpět revertováno |
||
Řádek 2: | Řádek 2: | ||
/* globální CSS, nepoužíváme MediaWiki:Common.css */ |
/* globální CSS, nepoužíváme MediaWiki:Common.css */ |
||
/* volá se přes <templatestyles src="MAIN/styles.css" /> nebo pouze {{MAIN}}*/ |
/* volá se přes <templatestyles src="MAIN/styles.css" /> nebo pouze {{MAIN}}*/ |
||
/* D) VŠECHNY ROZMĚRY OBRAZOVKY */ |
|||
.documentation { /* DOKUMENTACE K ŠABLONÁM */ |
|||
clear: both; |
|||
width: auto; |
|||
padding: 1px 20px 20px 20px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 3px solid #9ACDFF; |
|||
background: #CDE6FF; |
|||
} |
|||
.textleft { /* ZAROVNÁNÍ TEXTU */ |
|||
text-align: left; |
|||
} |
|||
.textcenter { |
|||
text-align: center; |
|||
} |
|||
.textright { |
|||
text-align: right; |
|||
} |
|||
.clear-main { /* VYRESETOVÁNÍ FLOAT (INFOBOXY) */ |
|||
max-width: 100%; |
|||
clear: both; |
|||
} |
|||
.clear { |
|||
max-width: 100%; |
|||
} |
|||
.red { /* ČERVENÉ PÍSMO */ |
|||
color: red; |
|||
} |
|||
.red-underlined { |
|||
color: red; |
|||
text-decoration: line-through; |
|||
} |
|||
.infobox-data { /* INFOBOXY */ |
|||
width: 100%; |
|||
vertical-align: top; |
|||
font-size: 90%; |
|||
} |
|||
.infobox-obrazek { |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-popis_obrazku { |
|||
width: 100%; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
font-size: 90%; |
|||
} |
|||
.infobox-maly_obrazek { |
|||
width: 66%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-logo_plugin { |
|||
width: 100px; |
|||
height: 100px; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-popis_maleho_obrazku { |
|||
width: 100%; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
font-size: 90%; |
|||
} |
|||
.infobox-add_image { |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-vlajka-main { |
|||
text-align: center; |
|||
} |
|||
.infobox-vlajka { |
|||
width: 27.5%; |
|||
height: 50%; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-vlajka-small { |
|||
width: 14.25%; |
|||
height: 50%; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-vlajka-horizontalne { |
|||
width: 66%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-vlajka-small-horizontalne { |
|||
width: 50%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-skin { |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-content-left { |
|||
width: 50%; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-content-right { |
|||
width: 50%; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-content-center { |
|||
width: 100%; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-footnote { |
|||
width: 100%; |
|||
padding: 0px; |
|||
text-align: right; |
|||
caption-side: bottom; |
|||
vertical-align: bottom; |
|||
font-size: 60%; |
|||
color: #AAAAAA; |
|||
} |
|||
.navigbox-main { /* NAVBOXY */ |
|||
width: 100%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.navigbox-data { |
|||
width: 100%; |
|||
padding: 2px; |
|||
} |
|||
.navigbox-footnote { |
|||
min-width: 40px; |
|||
padding: 0px; |
|||
text-align: right; |
|||
caption-side: bottom; |
|||
vertical-align: bottom; |
|||
font-size: 60%; |
|||
color: #AAAAAA; |
|||
} |
|||
.map-frame { /* MAPA */ |
|||
width: 100%; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
position: relative; |
|||
} |
|||
.map-general { |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
position: relative; |
|||
} |
|||
.map-reset { |
|||
position: absolute; |
|||
} |
|||
.recipe-frame { /* RECIPE */ |
|||
width: 250px; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
position: relative; |
|||
display: inline-flex |
|||
} |
|||
.recipe-general { |
|||
width: 250px; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
position: relative; |
|||
display: inline; |
|||
} |
|||
.recipe-reset { |
|||
position: absolute; |
|||
} |
|||
.route-main { /* ROUTE */ |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
font-size: 90%; |
|||
} |
|||
.route-frame { |
|||
padding: 0px; |
|||
margin: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
font-size: 90%; |
|||
} |
|||
.route-header { |
|||
padding-top: 5px; |
|||
padding-bottom: 2px; |
|||
padding-left: 5px; |
|||
padding-right: 5px; |
|||
font-weight: bold; |
|||
text-align: center; |
|||
} |
|||
.route-info { |
|||
padding-bottom: 1px; |
|||
font-style: italic; |
|||
text-align: center; |
|||
} |
|||
.route-footer { |
|||
padding: 3px; |
|||
text-align: left; |
|||
font-size: 90%; |
|||
} |
|||
.route-icon { |
|||
padding: 0px; |
|||
margin: 0px; |
|||
font-size:0; |
|||
width: 25px; |
|||
height: 25px; |
|||
display: inline; |
|||
} |
|||
.route-none { |
|||
display: none; |
|||
} |
|||
.route-text { |
|||
max-width: 100%; |
|||
text-align: left; |
|||
padding-top: 0px; |
|||
padding-bottom: 0px; |
|||
padding-right: 3px; |
|||
padding-left: 6px; |
|||
margin: 0px; |
|||
} |
|||
.route-note { |
|||
max-width: 100%; |
|||
text-align: right; |
|||
padding-top: 0px; |
|||
padding-bottom: 0px; |
|||
padding-left: 0px; |
|||
padding-right: 3px; |
|||
margin: 0px; |
|||
color: gray; |
|||
font-size: 90%; |
|||
} |
|||
.obrazekmesice { /* Obrázek měsíce */ |
|||
max-width: 400px; |
|||
height:auto; |
|||
max-height: 300px; |
|||
text-align:center; |
|||
} |
|||
/* A) MALÁ OBRAZOVKA */ |
/* A) MALÁ OBRAZOVKA */ |
||
Řádek 605: | Řádek 328: | ||
column-count:10; |
column-count:10; |
||
} |
} |
||
} |
|||
/* D) VŠECHNY ROZMĚRY OBRAZOVKY */ |
|||
.documentation { /* DOKUMENTACE K ŠABLONÁM */ |
|||
clear: both; |
|||
width: auto; |
|||
padding: 1px 20px 20px 20px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 3px solid #9ACDFF; |
|||
background: #CDE6FF; |
|||
} |
|||
.textleft { /* ZAROVNÁNÍ TEXTU */ |
|||
text-align: left; |
|||
} |
|||
.textcenter { |
|||
text-align: center; |
|||
} |
|||
.textright { |
|||
text-align: right; |
|||
} |
|||
.clear-main { /* VYRESETOVÁNÍ FLOAT (INFOBOXY) */ |
|||
max-width: 100%; |
|||
clear: both; |
|||
} |
|||
.clear { |
|||
max-width: 100%; |
|||
} |
|||
.red { /* ČERVENÉ PÍSMO */ |
|||
color: red; |
|||
} |
|||
.red-underlined { |
|||
color: red; |
|||
text-decoration: line-through; |
|||
} |
|||
.infobox-data { /* INFOBOXY */ |
|||
width: 100%; |
|||
vertical-align: top; |
|||
font-size: 90%; |
|||
} |
|||
.infobox-obrazek { |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-popis_obrazku { |
|||
width: 100%; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
font-size: 90%; |
|||
} |
|||
.infobox-maly_obrazek { |
|||
width: 66%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-logo_plugin { |
|||
width: 100px; |
|||
height: 100px; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-popis_maleho_obrazku { |
|||
width: 100%; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
font-size: 90%; |
|||
} |
|||
.infobox-add_image { |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-vlajka-main { |
|||
text-align: center; |
|||
} |
|||
.infobox-vlajka { |
|||
width: 27.5%; |
|||
height: 50%; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-vlajka-small { |
|||
width: 14.25%; |
|||
height: 50%; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-vlajka-horizontalne { |
|||
width: 66%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-vlajka-small-horizontalne { |
|||
width: 50%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-skin { |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-content-left { |
|||
width: 50%; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-content-right { |
|||
width: 50%; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-content-center { |
|||
width: 100%; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
} |
|||
.infobox-footnote { |
|||
width: 100%; |
|||
padding: 0px; |
|||
text-align: right; |
|||
caption-side: bottom; |
|||
vertical-align: bottom; |
|||
font-size: 60%; |
|||
color: #AAAAAA; |
|||
} |
|||
.navigbox-main { /* NAVBOXY */ |
|||
width: 100%; |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
line-height: 1em; |
|||
} |
|||
.navigbox-data { |
|||
width: 100%; |
|||
padding: 2px; |
|||
} |
|||
.navigbox-footnote { |
|||
min-width: 40px; |
|||
padding: 0px; |
|||
text-align: right; |
|||
caption-side: bottom; |
|||
vertical-align: bottom; |
|||
font-size: 60%; |
|||
color: #AAAAAA; |
|||
} |
|||
.map-frame { /* MAPA */ |
|||
width: 100%; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
position: relative; |
|||
} |
|||
.map-general { |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
position: relative; |
|||
} |
|||
.map-reset { |
|||
position: absolute; |
|||
} |
|||
.recipe-frame { /* RECIPE */ |
|||
width: 250px; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
position: relative; |
|||
display: inline-flex |
|||
} |
|||
.recipe-general { |
|||
width: 250px; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
position: relative; |
|||
display: inline; |
|||
} |
|||
.recipe-reset { |
|||
position: absolute; |
|||
} |
|||
.route-main { /* ROUTE */ |
|||
padding: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
font-size: 90%; |
|||
} |
|||
.route-frame { |
|||
padding: 0px; |
|||
margin: 0px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 1px solid #A2A9B1; |
|||
background: #F8F9FA; |
|||
font-size: 90%; |
|||
} |
|||
.route-header { |
|||
padding-top: 5px; |
|||
padding-bottom: 2px; |
|||
padding-left: 5px; |
|||
padding-right: 5px; |
|||
font-weight: bold; |
|||
text-align: center; |
|||
} |
|||
.route-info { |
|||
padding-bottom: 1px; |
|||
font-style: italic; |
|||
text-align: center; |
|||
} |
|||
.route-footer { |
|||
padding: 3px; |
|||
text-align: left; |
|||
font-size: 90%; |
|||
} |
|||
.route-icon { |
|||
padding: 0px; |
|||
margin: 0px; |
|||
font-size:0; |
|||
width: 25px; |
|||
height: 25px; |
|||
display: inline; |
|||
} |
|||
.route-none { |
|||
display: none; |
|||
} |
|||
.route-text { |
|||
max-width: 100%; |
|||
text-align: left; |
|||
padding-top: 0px; |
|||
padding-bottom: 0px; |
|||
padding-right: 3px; |
|||
padding-left: 6px; |
|||
margin: 0px; |
|||
} |
|||
.route-note { |
|||
max-width: 100%; |
|||
text-align: right; |
|||
padding-top: 0px; |
|||
padding-bottom: 0px; |
|||
padding-left: 0px; |
|||
padding-right: 3px; |
|||
margin: 0px; |
|||
color: gray; |
|||
font-size: 90%; |
|||
} |
|||
.obrazekmesice { /* Obrázek měsíce */ |
|||
max-width: 400px; |
|||
height:auto; |
|||
max-height: 300px; |
|||
text-align:center; |
|||
} |
} |