Šablona:MAIN/styles.css: Porovnání verzí
Z Mineland.eu | Wiki
Skočit na navigaciSkočit na vyhledávání
Smazaný obsah Přidaný obsah
imported>Le0 Bez shrnutí editace |
mBez shrnutí editace |
||
(Není zobrazeno 299 mezilehlých verzí od 4 dalších uživatelů.) | |||
Řádek 1: | Řádek 1: | ||
/* MAIN/styles.css */ |
/* MAIN/styles.css */ |
||
/* 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" /> */ |
/* volá se přes <templatestyles src="MAIN/styles.css" /> nebo pouze {{MAIN}}*/ |
||
/* |
/* A) MALÁ OBRAZOVKA */ |
||
.documentation { |
|||
clear: both; |
|||
width: auto; |
|||
padding: 1px 20px 20px 20px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 3px solid #9ACDFF; |
|||
background: #CDE6FF; |
|||
} |
|||
/* ZAROVNÁNÍ TEXTU */ |
|||
.left { |
|||
text-align: left; |
|||
} |
|||
.center { |
|||
text-align: center; |
|||
} |
|||
.right { |
|||
text-align: right; |
|||
} |
|||
/* ČERVENÉ PÍSMO */ |
|||
.red { |
|||
color: red; |
|||
} |
|||
.red-underlined { |
|||
color: red; |
|||
text-decoration: line-through; |
|||
} |
|||
/* OBECNÉ CSS PRO VŠECHNY INFOBOXY */ |
|||
/* responzivní infobox - malá obrazovka - infobox na 100% šířky stránky */ |
|||
@media only screen and (max-width: 768px) { |
@media only screen and (max-width: 768px) { |
||
.desktop-only { /* DESKTOP or MOBILE VERSION */ |
|||
.infobox-main { |
|||
display: none; |
|||
} |
|||
.content100 { /* DĚLENÍ STRÁNKY NA POLOVINY/TŘETINY/ČTVRTINY */ |
|||
width: 100%; |
|||
vertical-align: top; |
|||
} |
|||
.content50 { |
|||
width: 100%; |
|||
vertical-align: top; |
|||
} |
|||
.content33 { |
|||
width: 100%; |
|||
vertical-align: top; |
|||
} |
|||
.content25 { |
|||
width: 100%; |
|||
vertical-align: top; |
|||
} |
|||
.notification { /* NOTIFIKACE */ |
|||
width: 100%; |
|||
margin: 0.5rem 0 0.5rem 0; |
|||
} |
|||
.notification-icon { |
|||
padding-right: 0; |
|||
} |
|||
.infobox-main { /* INFOBOXY */ |
|||
width: 100%; |
width: 100%; |
||
padding: 0px; |
padding: 0px; |
||
Řádek 46: | Řádek 40: | ||
line-height: 1em; |
line-height: 1em; |
||
} |
} |
||
.infobox- |
.infobox-mobile-only { |
||
width: auto; |
width: auto; |
||
padding: 5px; |
padding: 5px; |
||
Řádek 54: | Řádek 48: | ||
background: #F8F9FA; |
background: #F8F9FA; |
||
font-weight: bold; |
font-weight: bold; |
||
} |
|||
.navigbox-group { /* NAVBOXY */ |
|||
width: auto; |
|||
padding: 5px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #EEEFF1; |
|||
} |
|||
.navigbox-list { |
|||
width: auto; |
|||
padding: 5px; |
|||
text-align: left; |
|||
vertical-align: top; |
|||
} |
|||
.br { |
|||
display: inline; |
|||
} |
|||
.dot { |
|||
display: none; |
|||
} |
|||
.column-2 { /* COLUMN */ |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:1; |
|||
} |
|||
.column-3 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:1; |
|||
} |
|||
.column-4 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:1; |
|||
} |
|||
.column-5 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:1; |
|||
} |
|||
.column-6 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:1; |
|||
} |
|||
.column-7 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:1; |
|||
} |
|||
.column-8 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:1; |
|||
} |
|||
.column-9 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:1; |
|||
} |
|||
.column-10 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:1; |
|||
} |
} |
||
} |
} |
||
/* B) STŘEDNÍ OBRAZOVKA */ |
|||
/* responzivní infobox - střední obrazovka - infobox na 33% šířky stránky */ |
|||
@media only screen and (min-width: 768px) { |
@media only screen and (min-width: 768px) { |
||
.mobile-only { /* DESKTOP or MOBILE VERSION */ |
|||
.infobox-main { |
|||
display: none; |
|||
} |
|||
.content100 { /* DĚLENÍ STRÁNKY NA POLOVINY/TŘETINY/ČTVRTINY */ |
|||
width: 100%; |
|||
vertical-align: top; |
|||
} |
|||
.content50 { |
|||
width: 50%; |
|||
vertical-align: top; |
|||
} |
|||
.content33 { |
|||
width: 33%; |
|||
vertical-align: top; |
|||
} |
|||
.content25 { |
|||
width: 100%; |
|||
vertical-align: top; |
|||
} |
|||
.notification { /* NOTIFIKACE */ |
|||
width: 50%; |
|||
margin: 0.5rem 0 0.5rem 0; |
|||
} |
|||
.notification-icon { |
|||
padding-right: 0; |
|||
} |
|||
.infobox-main { /* INFOBOXY */ |
|||
float: right; |
float: right; |
||
width: 33%; |
width: 33%; |
||
padding: 0px; |
padding: 0px; |
||
margin-left: 10px; |
|||
margin-bottom: 10px; |
|||
border-collapse: collapse; |
border-collapse: collapse; |
||
border-spacing: 0px; |
border-spacing: 0px; |
||
Řádek 68: | Řádek 154: | ||
line-height: 1em; |
line-height: 1em; |
||
} |
} |
||
.infobox- |
.infobox-mobile-only { |
||
display: none; |
display: none; |
||
} |
|||
.navigbox-group { /* NAVBOXY */ |
|||
width: auto; |
|||
padding: 5px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #EEEFF1; |
|||
} |
|||
.navigbox-list { |
|||
width: auto; |
|||
padding: 5px; |
|||
text-align: left; |
|||
vertical-align: top; |
|||
} |
|||
.br { |
|||
display: none; |
|||
} |
|||
.dot { |
|||
display: inline; |
|||
} |
|||
.column-2 { /* COLUMN */ |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:2; |
|||
} |
|||
.column-3 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:3; |
|||
} |
|||
.column-4 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:4; |
|||
} |
|||
.column-5 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:5; |
|||
} |
|||
.column-6 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:6; |
|||
} |
|||
.column-7 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:7; |
|||
} |
|||
.column-8 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:8; |
|||
} |
|||
.column-9 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:9; |
|||
} |
|||
.column-10 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:10; |
|||
} |
} |
||
} |
} |
||
/* C) VELKÁ OBRAZOVKA */ |
|||
/* responzivní infobox - velká obrazovka - infobox na 25% šířky stránky */ |
|||
@media only screen and (min-width: 1200px) { |
@media only screen and (min-width: 1200px) { |
||
.mobile-only { /* DESKTOP or MOBILE VERSION */ |
|||
.infobox-main { |
|||
display: none; |
|||
} |
|||
.content100 { /* DĚLENÍ STRÁNKY NA POLOVINY/TŘETINY/ČTVRTINY */ |
|||
width: 100%; |
|||
vertical-align: top; |
|||
} |
|||
.content50 { |
|||
width: 50%; |
|||
vertical-align: top; |
|||
} |
|||
.content33 { |
|||
width: 33%; |
|||
vertical-align: top; |
|||
} |
|||
.content25 { |
|||
width: 25%; |
|||
vertical-align: top; |
|||
} |
|||
.notification { /* NOTIFIKACE */ |
|||
width: 50%; |
|||
margin: 0.5rem 0 0.5rem 0.5rem; |
|||
} |
|||
.notification-icon { |
|||
padding-right: 0; |
|||
} |
|||
.infobox-main { /* INFOBOXY */ |
|||
float: right; |
float: right; |
||
width: 25%; |
width: 25%; |
||
padding: 0px; |
padding: 0px; |
||
margin-left: 10px; |
|||
border-collapse: collapse; |
border-collapse: collapse; |
||
border-spacing: 0px; |
border-spacing: 0px; |
||
Řádek 84: | Řádek 261: | ||
line-height: 1em; |
line-height: 1em; |
||
} |
} |
||
.infobox- |
.infobox-mobile-only { |
||
display: none; |
display: none; |
||
} |
} |
||
.navigbox-group { /* NAVBOXY */ |
|||
width: 20%; |
|||
padding: 5px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background-color: #EEEFF1; |
|||
} |
|||
.navigbox-list { |
|||
width: auto; |
|||
padding: 5px; |
|||
text-align: left; |
|||
vertical-align: top; |
|||
} |
|||
.br { |
|||
display: none; |
|||
} |
|||
.dot { |
|||
display: inline; |
|||
} |
|||
.column-2 { /* COLUMN */ |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:2; |
|||
} |
|||
.column-3 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:3; |
|||
} |
|||
.column-4 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:4; |
|||
} |
|||
.column-5 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:5; |
|||
} |
|||
.column-6 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:6; |
|||
} |
|||
.column-7 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:7; |
|||
} |
|||
.column-8 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:8; |
|||
} |
|||
.column-9 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
column-count:9; |
|||
} |
|||
.column-10 { |
|||
word-wrap:break-word; |
|||
column-gap:2em; |
|||
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 { |
.infobox-data { /* INFOBOXY */ |
||
width: 100%; |
width: 100%; |
||
vertical-align: top; |
vertical-align: top; |
||
Řádek 102: | Řádek 380: | ||
} |
} |
||
.infobox-popis_obrazku { |
.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%; |
width: 100%; |
||
padding: 0px; |
padding: 0px; |
||
Řádek 109: | Řádek 408: | ||
} |
} |
||
.infobox-add_image { |
.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%; |
width: 100%; |
||
height: auto; |
height: auto; |
||
Řádek 125: | Řádek 462: | ||
.infobox-content-center { |
.infobox-content-center { |
||
width: 100%; |
width: 100%; |
||
text-align: center; |
|||
vertical-align: top; |
vertical-align: top; |
||
} |
} |
||
Řádek 137: | Řádek 475: | ||
} |
} |
||
.navigbox-main { /* NAVBOXY */ |
|||
/* OBECNÉ CSS PRO VŠECHNY NAVBOXY */ |
|||
.navbox-main { |
|||
float: right; |
|||
width: 100%; |
width: 100%; |
||
padding: 0px; |
padding: 0px; |
||
Řádek 148: | Řádek 484: | ||
line-height: 1em; |
line-height: 1em; |
||
} |
} |
||
. |
.navigbox-data { |
||
width: 100%; |
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-container { /* MAPA */ |
|||
display: flex; |
|||
justify-content:center; |
|||
width: 100%; |
|||
} |
|||
.map-frame { /* MAPA */ |
|||
width: auto; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
vertical-align: top; |
||
position: relative; |
|||
} |
} |
||
. |
.map-general { |
||
width: 100%; |
|||
height: auto; |
|||
padding: 0px; |
|||
text-align: center; |
text-align: center; |
||
width: 20%; |
|||
vertical-align: top; |
vertical-align: top; |
||
position: relative; |
|||
} |
} |
||
. |
.map-reset { |
||
position: absolute; |
|||
} |
|||
width: 80%; |
|||
.recipe-frame { /* RECIPE */ |
|||
width: 250px; |
|||
padding: 0px; |
|||
text-align: center; |
|||
vertical-align: top; |
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; |
|||
} |
} |