Šablona:Hlavní strana/styles.css: Porovnání verzí

Z Mineland.eu | Wiki
Skočit na navigaciSkočit na vyhledávání
m
bez shrnutí editace
mBez shrnutí editace
mBez shrnutí editace
 
(Není zobrazeno 48 mezilehlých verzí od 2 dalších uživatelů.)
Řádek 1:
/** Převzato z České Wikipedie **/
 
/** Obecné k HS */
@media only screen and (min-width: 768px960px) {
.mainpage-main {
display:flex;
flex-direction:row;
}
.mainpage-left {
floatdisplay:leftflex;
widthflex:55%1;
flex-direction:column;
}
.mainpage-right {
floatdisplay:rightflex;
widthflex:44%1;
flex-direction:column;
width:calc(45% - .5em);
}
.mainpage-clearfix {
Řádek 29 ⟶ 32:
.header-left {
display:flex;
flex:67;
flex-direction:column;
justify-content:flex-startcenter;
align-contentitems:centerflex-start;
}
.header-welcome-headline {
Řádek 43 ⟶ 46:
.header-right {
display:flex;
flex:43;
flex-direction:column;
justify-content:flex-endcenter;
align-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:columnrow;
font-size:.95em;
}
.header-links-column {
display:flex;
flex-direction:rowcolumn;
flex:1;
}
.header-links-item {
display:flex;
white-space:nowrap;
}
.header-editorial {
@media only screen and (max-width: 768px) {
display:flex;
.header-right {
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;
}
 
Řádek 97 ⟶ 148:
.mainpage-right .mainpage-headline {
background-color: #E6E6E6;
}
 
.mainpage-bottom .mainpage-headline {
background-color: #D2D2F0;
}
 
Řádek 102 ⟶ 157:
.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;
}
 
Řádek 134 ⟶ 243:
 
/* Menší písmo ve vybraných boxech */
.dyk-container .mainpage-content,-small {
.cats-container .mainpage-content,
.portals-container .mainpage-content,
.news-container .mainpage-content,
.calendar-container .mainpage-content,
.editors-container .mainpage-content {
font-size: .95em;
}
1 658

editací

Tyto webové stránky vyžadují pro svou funkci cookies. Používáním těchto webových stránek souhlasíte s použitím souborů cookie

Navigační menu