Template:MP/styles.css

/**
	Main page layout.
*/

/* basic box styles */
.main-box {
	margin-top:2em;
	background:#fcfcfc;
	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;
}
/* ~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}}
*/