Template:MP/styles.css
Jump to navigation
Jump to search
/**
Main page layout.
*/
/* basic box styles */
.main-box {
margin-top:2em;
background:#fcfcfc;
color: #202122;
color:#000;
border:1px solid #ccc;
padding:0 1.5em 1em;
box-sizing: border-box;
}
/*
Top banner [box].
2-col -> 1-col
2-col: 1fr (hello) static (taxon)
1-col + flat taxon?
.main-banner (top box)
.main-basics
.main-welcome
article count
.main-taxon
*/
.main-banner {
display: flex;
flex-wrap: wrap;
gap: 2em;
}
.main-banner h2 {
border-bottom-style: none;
}
.main-basics {
text-align:center;
}
.main-basics {
flex-grow: 3;
}
.main-taxon {
flex-grow: 1;
}
.main-welcome {
padding-bottom: 1.5em;
}
.main-taxon {
font-family:Verdana,Geneva,Arial,sans-serif;
}
/*
Gallery.
grid 8 items, 4-col -> grid 3-col -> 2-col?
.main-gallery
{{MP pictures}}
*/
.main-gallery ul {
margin: 2px;
padding: 2px;
}
/* mobile overwrite */
.main-gallery .mw-gallery-packed .gallerybox {
width: auto !important;
}
/*
Boxes in columns.
2-col -> 1-col
2-col: poznaj, współpraca | gatunek -> 1-col.
.main-boxes
1st-col
Explore... (just a box/section)
.main-collab
2nd-col
.main-species {{Wybrany gatunek}}
*/
.main-boxes {
display: flex;
flex-wrap: wrap;
gap: 2px;
margin: 2em 0;
}
.main-boxes > * {
flex: 1;
background:#fcfcfc;
color:#000;
border:1px solid #ccc;
padding:0 1.5em 1em;
box-sizing: border-box;
}
.main-boxes .main-species {
background:#f5fffa;
color: #202122;
}
/* ~min text width for floating text */
.main-species h3,
.main-species h4 {
min-width: 5em;
display: block;
}
/*
Languages [box].
(main page languages links)
{{languages}}
*/
/*
Sisterprojects [box].
TODO in tpl
{{Sisterprojects pl}}
*/