More actions
založena nová stránka s textem „→CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 :: .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0; margin: 0 -5px 0 -5px; } .mainpage_box { flex: 1; margin: 5px; min-width: 210px; border: 1px solid #CCC; padding: 0 10px 10px 10px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); } .mainpage_box h3 { →Reset padding so is equal across skins: …“ |
Bez shrnutí editace |
||
| (Není zobrazeno 39 mezilehlých verzí od stejného uživatele.) | |||
| Řádek 1: | Řádek 1: | ||
.mainpage_row { | .mainpage_row { | ||
display: flex; | display: flex; | ||
| Řádek 11: | Řádek 10: | ||
flex: 1; | flex: 1; | ||
margin: 5px; | margin: 5px; | ||
min-width: | min-width: 250px; | ||
border: 1px solid #CCC; | border: 1px solid #CCC; | ||
padding: 0 10px 10px 10px; | padding: 0 10px 10px 10px; | ||
box-shadow: 0 2px 2px rgba(0,0,0,0.1); | box-shadow: 0 2px 2px rgba(0,0,0,0.1); | ||
} | } | ||
.mainpage_box_dynmap { | |||
flex: 1; | |||
margin: 5px; | |||
min-width: 250px; | |||
border: 1px solid #CCC; | |||
padding: 0; | |||
box-shadow: 0 2px 2px rgba(0,0,0,0.1); | |||
} | |||
.mainpage_box_dynmap p:last-child { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.mainpage_box h3 { | .mainpage_box h3 { | ||
/* Reset padding so is equal across skins */ | /* Reset padding so is equal across skins */ | ||
padding-left: 5px; | |||
padding-right: 0; | padding-right: 0; | ||
padding-top: 0; | padding-top: 0; | ||
| Řádek 24: | Řádek 38: | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
} | } | ||
/* Set padding left only if headanchor gadget is not enabled | /* Set padding left only if headanchor gadget is not enabled | ||
.mainpage_box h3:not(.tpl-vheadanchor-heading) { | .mainpage_box h3:not(.tpl-vheadanchor-heading) { | ||
padding-left: 0; | padding-left: 0; | ||
} | }*/ | ||
.mainpage_box h3 .header_icon { | .mainpage_box h3 .header_icon { | ||
float: left; | float: left; | ||
| Řádek 34: | Řádek 48: | ||
.mainpage_box .items { | .mainpage_box .items { | ||
border-top: 1px solid #CCC; | border-top: 1px solid #CCC; | ||
} | } | ||
.mainpage_box p:last-child { | .mainpage_box p:last-child { | ||
| Řádek 42: | Řádek 55: | ||
font-size: 95%; | font-size: 95%; | ||
} | } | ||
@media screen and (max-width: 719px) { | @media screen and (max-width: 719px) { | ||
| Řádek 63: | Řádek 65: | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
} | |||
img.sirka { | |||
height: auto; | |||
max-width: 100%; | |||
object-fit: cover; | |||
} | } | ||
Aktuální verze z 20. 11. 2023, 19:03
.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
.mainpage_box {
flex: 1;
margin: 5px;
min-width: 250px;
border: 1px solid #CCC;
padding: 0 10px 10px 10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.mainpage_box_dynmap {
flex: 1;
margin: 5px;
min-width: 250px;
border: 1px solid #CCC;
padding: 0;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.mainpage_box_dynmap p:last-child {
margin: 0;
padding: 0;
}
.mainpage_box h3 {
/* Reset padding so is equal across skins */
padding-left: 5px;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
/* Padding left gets overridden by headanchor gadget */
margin: 0.5em 0;
}
/* Set padding left only if headanchor gadget is not enabled
.mainpage_box h3:not(.tpl-vheadanchor-heading) {
padding-left: 0;
}*/
.mainpage_box h3 .header_icon {
float: left;
margin-right: 5px;
}
.mainpage_box .items {
border-top: 1px solid #CCC;
}
.mainpage_box p:last-child {
margin-bottom: 0;
}
.mainpage_boxcontents_small {
font-size: 95%;
}
@media screen and (max-width: 719px) {
.thumb {
float: none;
}
.thumb, .thumbinner {
margin-left: auto;
margin-right: auto;
}
}
img.sirka {
height: auto;
max-width: 100%;
object-fit: cover;
}