Predefinição:WLMT/styles.css

Origem: Wikipédia, a enciclopédia livre.
/* IMAGE HEADER */
.container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	background-color: #28166f;
}
figure { margin: 0 !important; }
.image { flex: 1; max-width: 50%; }
.image img { max-height:300px; width:auto; transition: all 500ms ease-in-out; }
.center-image {
	flex: 1;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin: 0 auto !important;
}
@media (max-width: 640px) {
	.image img { height:150px; }
	.center-image img { width: 100%; height: auto; }
}

/* MENU HEADER */
.header_menu {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	text-align:center;
	gap:0.8em;
}

.header_menu a {
	background-color:gainsboro;
	flex:1;
	padding:1.5em;
	transition: all 500ms ease;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-radius: 0.5em 0.5em 0 0;
}

.submenu a {
	border-radius: 0 0 0.5em 0.5em;
	padding: 0.75em;
	font-size: 85%;
}

.header_menu .active-menu-item + a {
	background-color:#28166f;
	transition: none;
	color: #FFFFFF;
}

.header_menu a:hover {
	background-color:#F7F7F7;
	text-decoration: none;
	color: #28166f;
}

.header_menu .active-menu-item + a:hover {
	background-color:#28166f;
	transition: none;
	color: #FFFFFF;
}

.content-block { padding: 1em; }

.main_content_container { padding: 3em; background-color:#f6f6f6; }

.gallery_header { display:flex; justify-content:space-between; gap:1em; }

@media screen and (max-width: 600px) {
	.header_menu a { padding: 0.5em !important;	}
	.content-block { padding: 0 0.5em !important; }
	.main_content_container { padding: 1em !important; }
	.gallery_header { display:none; }
}