Šablona:Hlavní strana/styles.css: Porovnání verzí
Z Mineland.eu | Wiki
Skočit na navigaciSkočit na vyhledávání
imported>Le0 Bez shrnutí editace |
mBez shrnutí editace |
||
(Není zobrazeno 139 mezilehlých verzí od 3 dalších uživatelů.) | |||
Řádek 1: | Řádek 1: | ||
/* |
/** Obecné k HS */ |
||
@media only screen and (min-width: 960px) { |
|||
.mainpage-main { |
|||
display:flex; |
|||
flex-direction:row; |
|||
} |
|||
.mainpage-left { |
|||
display:flex; |
|||
flex:1; |
|||
flex-direction:column; |
|||
} |
|||
.mainpage-right { |
|||
display:flex; |
|||
flex:1; |
|||
flex-direction:column; |
|||
} |
|||
.mainpage-clearfix { |
|||
clear: both; |
|||
} |
|||
} |
|||
/* |
/** Hlavička */ |
||
.header { |
|||
@media only screen and (max-width: 768px) { |
|||
display:flex; |
|||
.box1 { |
|||
flex-direction:row; |
|||
clear: both; |
|||
background-color:#FCFCFC; |
|||
width: auto; |
|||
border:1px solid #CCC; |
|||
margin-top:.5em; |
|||
border-collapse: collapse; |
|||
overflow:auto; |
|||
border-spacing: 0px; |
|||
padding:.8em 1.5em; |
|||
border: 3px solid rgba(0, 0, 170, 0.5); |
|||
background-color: rgba(0, 0, 170, 0.25); |
|||
} |
} |
||
.header-left { |
|||
display:flex; |
|||
flex:7; |
|||
flex-direction:column; |
|||
justify-content:center; |
|||
align-items:flex-start; |
|||
} |
|||
.header-welcome-headline { |
|||
font-size:1.5em; |
|||
font-weight:bold; |
|||
} |
|||
.header-welcome-description { |
|||
font-size:.95em; |
|||
} |
|||
.header-right { |
|||
display:flex; |
|||
flex:3; |
|||
flex-direction:column; |
|||
justify-content:center; |
|||
font-size:.95em; |
|||
} |
|||
@media only screen and (max-width: 959px) { |
|||
.header-right { |
|||
display:none; |
|||
} |
|||
} |
|||
.header-info { |
|||
display:flex; |
|||
align-items:flex-start; |
|||
} |
|||
.header-links { |
|||
display:flex; |
|||
flex-direction:row; |
|||
font-size:.95em; |
|||
} |
|||
.header-links-column { |
|||
display:flex; |
|||
flex-direction:column; |
|||
flex:1; |
|||
} |
|||
.header-links-item { |
|||
display:flex; |
|||
white-space:nowrap; |
|||
} |
|||
.header-editorial { |
|||
display:flex; |
|||
flex:1; |
|||
flex-direction:column; |
|||
justify-content:center; |
|||
align-items:center; |
|||
margin:.5em 0; |
|||
font-size:.95em; |
|||
} |
|||
.header-editorial-item { |
|||
display:inline-block; |
|||
text-align:center; |
|||
} |
|||
.header-editorial-donors { |
|||
display:flex; |
|||
justify-content:center; |
|||
align-items:center; |
|||
text-align:right; |
|||
font-size:.95em; |
|||
} |
|||
@media only screen and (max-width: 959px) { |
|||
.header-editorial { |
|||
display:none; |
|||
} |
|||
} |
|||
/** Sdílené styly boxů **/ |
|||
.mainpage-block { |
|||
margin-top: .5em; |
|||
} |
|||
@media only screen and (min-width: 960px) { |
|||
.mainpage-block:first-child { |
|||
margin-top: 0; |
|||
} |
|||
} |
} |
||
.mainpage-left .mainpage-block { |
|||
/* B) STŘEDNÍ A VELKÁ OBRAZOVKA */ |
|||
border: 1px solid #AAD5FF; |
|||
@media only screen and (min-width: 768px) { |
|||
.box1 { |
|||
float: left; |
|||
width: 25%; |
|||
padding: 1px 20px 20px 20px; |
|||
border-collapse: collapse; |
|||
border-spacing: 0px; |
|||
border: 3px solid rgba(0, 0, 170, 0.5); |
|||
background-color: rgba(0, 0, 170, 0.25); |
|||
} |
} |
||
@media only screen and (min-width: 960px) { |
|||
.mainpage-left .mainpage-block { |
|||
margin-right: .25em; |
|||
} |
|||
} |
|||
.mainpage-right .mainpage-block { |
|||
border: 1px solid #E6E6E6; |
|||
} |
|||
@media only screen and (min-width: 960px) { |
|||
.mainpage-right .mainpage-block { |
|||
margin-left: .25em; |
|||
} |
|||
} |
|||
.mainpage-bottom .mainpage-block { |
|||
border: 1px solid #D2D2F0; |
|||
margin-top: .5em; |
|||
} |
|||
/* Záhlaví boxů */ |
|||
.mainpage-headline { |
|||
font-size: 1.2em; |
|||
font-weight: bold; |
|||
padding-top: .2em; |
|||
padding-left: .4em; |
|||
padding-bottom: .2em; |
|||
} |
|||
.mainpage-left .mainpage-headline { |
|||
background-color: #AAD5FF; |
|||
} |
|||
.mainpage-right .mainpage-headline { |
|||
background-color: #E6E6E6; |
|||
} |
|||
.mainpage-bottom .mainpage-headline { |
|||
background-color: #D2D2F0; |
|||
} |
|||
/* Těla boxů */ |
|||
.mainpage-content { |
|||
margin: .8em .5em; |
|||
} |
|||
.mainpage-content-center { |
|||
display:flex; |
|||
justify-content:center; |
|||
align-items:center; |
|||
text-align:center; |
|||
margin: .8em .5em; |
|||
} |
|||
.mainpage-image { |
|||
width:75%; |
|||
} |
|||
@media only screen and (max-width: 959px) { |
|||
.news-main { |
|||
display:flex; |
|||
flex-direction:column; |
|||
} |
|||
} |
|||
@media only screen and (min-width: 960px) { |
|||
.news-main { |
|||
display:flex; |
|||
flex-direction:row; |
|||
} |
|||
} |
|||
.news-column { |
|||
display:flex; |
|||
flex-direction:column; |
|||
flex:1; |
|||
} |
|||
.news-item { |
|||
display:flex; |
|||
flex-direction:column; |
|||
justify-content:center; |
|||
align-items:center; |
|||
} |
|||
@media only screen and (max-width: 959px) { |
|||
.news-item { |
|||
margin:.5rem 0; |
|||
} |
|||
} |
|||
@media only screen and (max-width: 959px) { |
|||
.mainpage-special { |
|||
display:none; |
|||
} |
|||
} |
|||
.mainpage-special { |
|||
display:flex; |
|||
flex:1; |
|||
justify-content:flex-end; |
|||
align-items:flex-start; |
|||
text-align:right; |
|||
font-size:.7em; |
|||
} |
|||
/* Zápatí boxů */ |
|||
.mainpage-footer { |
|||
clear: right; |
|||
font-size: .9em; |
|||
text-align: right; |
|||
padding: 0 .5em; |
|||
} |
|||
.mainpage-left .mainpage-footer { |
|||
background-color: #e5f2ff; |
|||
} |
|||
.mainpage-right .mainpage-footer { |
|||
background-color: #F7F7F7; |
|||
} |
|||
/** Individuální styly **/ |
|||
/* Skrytí vlaječek */ |
|||
.news-container .aktuality-vlajka, .news-container .flagicon { |
|||
display: none; |
|||
} |
|||
/* Prevence přetekání obrázku */ |
|||
.picture-container img { |
|||
max-width: 100%; |
|||
object-fit: contain; |
|||
} |
} |
||
/* Menší písmo ve vybraných boxech */ |
|||
/* C) VŠECHNY ROZMĚRY OBRAZOVKY */ |
|||
.mainpage-content-small { |
|||
.clear { |
|||
font-size: .95em; |
|||
clear: both; |
|||
} |
} |
Aktuální verze z 29. 3. 2023, 11:38
/** Obecné k HS */
@media only screen and (min-width: 960px) {
.mainpage-main {
display:flex;
flex-direction:row;
}
.mainpage-left {
display:flex;
flex:1;
flex-direction:column;
}
.mainpage-right {
display:flex;
flex:1;
flex-direction:column;
}
.mainpage-clearfix {
clear: both;
}
}
/** Hlavička */
.header {
display:flex;
flex-direction:row;
background-color:#FCFCFC;
border:1px solid #CCC;
margin-top:.5em;
overflow:auto;
padding:.8em 1.5em;
}
.header-left {
display:flex;
flex:7;
flex-direction:column;
justify-content:center;
align-items:flex-start;
}
.header-welcome-headline {
font-size:1.5em;
font-weight:bold;
}
.header-welcome-description {
font-size:.95em;
}
.header-right {
display:flex;
flex:3;
flex-direction:column;
justify-content:center;
font-size:.95em;
}
@media only screen and (max-width: 959px) {
.header-right {
display:none;
}
}
.header-info {
display:flex;
align-items:flex-start;
}
.header-links {
display:flex;
flex-direction:row;
font-size:.95em;
}
.header-links-column {
display:flex;
flex-direction:column;
flex:1;
}
.header-links-item {
display:flex;
white-space:nowrap;
}
.header-editorial {
display:flex;
flex:1;
flex-direction:column;
justify-content:center;
align-items:center;
margin:.5em 0;
font-size:.95em;
}
.header-editorial-item {
display:inline-block;
text-align:center;
}
.header-editorial-donors {
display:flex;
justify-content:center;
align-items:center;
text-align:right;
font-size:.95em;
}
@media only screen and (max-width: 959px) {
.header-editorial {
display:none;
}
}
/** Sdílené styly boxů **/
.mainpage-block {
margin-top: .5em;
}
@media only screen and (min-width: 960px) {
.mainpage-block:first-child {
margin-top: 0;
}
}
.mainpage-left .mainpage-block {
border: 1px solid #AAD5FF;
}
@media only screen and (min-width: 960px) {
.mainpage-left .mainpage-block {
margin-right: .25em;
}
}
.mainpage-right .mainpage-block {
border: 1px solid #E6E6E6;
}
@media only screen and (min-width: 960px) {
.mainpage-right .mainpage-block {
margin-left: .25em;
}
}
.mainpage-bottom .mainpage-block {
border: 1px solid #D2D2F0;
margin-top: .5em;
}
/* Záhlaví boxů */
.mainpage-headline {
font-size: 1.2em;
font-weight: bold;
padding-top: .2em;
padding-left: .4em;
padding-bottom: .2em;
}
.mainpage-left .mainpage-headline {
background-color: #AAD5FF;
}
.mainpage-right .mainpage-headline {
background-color: #E6E6E6;
}
.mainpage-bottom .mainpage-headline {
background-color: #D2D2F0;
}
/* Těla boxů */
.mainpage-content {
margin: .8em .5em;
}
.mainpage-content-center {
display:flex;
justify-content:center;
align-items:center;
text-align:center;
margin: .8em .5em;
}
.mainpage-image {
width:75%;
}
@media only screen and (max-width: 959px) {
.news-main {
display:flex;
flex-direction:column;
}
}
@media only screen and (min-width: 960px) {
.news-main {
display:flex;
flex-direction:row;
}
}
.news-column {
display:flex;
flex-direction:column;
flex:1;
}
.news-item {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
@media only screen and (max-width: 959px) {
.news-item {
margin:.5rem 0;
}
}
@media only screen and (max-width: 959px) {
.mainpage-special {
display:none;
}
}
.mainpage-special {
display:flex;
flex:1;
justify-content:flex-end;
align-items:flex-start;
text-align:right;
font-size:.7em;
}
/* Zápatí boxů */
.mainpage-footer {
clear: right;
font-size: .9em;
text-align: right;
padding: 0 .5em;
}
.mainpage-left .mainpage-footer {
background-color: #e5f2ff;
}
.mainpage-right .mainpage-footer {
background-color: #F7F7F7;
}
/** Individuální styly **/
/* Skrytí vlaječek */
.news-container .aktuality-vlajka, .news-container .flagicon {
display: none;
}
/* Prevence přetekání obrázku */
.picture-container img {
max-width: 100%;
object-fit: contain;
}
/* Menší písmo ve vybraných boxech */
.mainpage-content-small {
font-size: .95em;
}