Utilizador:CorraleH/WikiLabs.css

Nota: Depois de publicar, poderá ter de contornar a cache do seu navegador para ver as alterações.

Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.

h1, h2, h3, h4, h5 {
	font-family:system-ui; 
	letter-spacing: -1px;
}

.headline {
	font-size: 150%;
	text-align: center;
	color:#000000;
	font-weight:bold;
	border-width:1px 0;
	border-style:solid;
	border-color:#000000;
        margin-top: 20px;
	padding-top:20px;
	padding-bottom:20px;

}

	.header_menu {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	text-align:center;
	padding:0.5em 0;
	gap:0.8em;
}

.header_menu a:not(.selflink) {
	background-color:gainsboro;
	flex:1;
	padding:1.2em;
	transition: all 500ms ease;
	border-bottom: 0.8em solid white;
	text-decoration: none;
	font-size: 1.15em;
	font-weight: bold;
	color: #000000;
}

.header_menu a.selflink {
	background-color:#FFFFFF;
	flex:1;
	padding:1.2em;
	border-bottom: 0.8em solid #44a5d5;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #44a5d5;
}

.header_menu a:hover:not(.selflink) {
	background-color:#f6f6f6;
	border-bottom: 0.8em solid #44a5d5;
	text-decoration: none;
	color: #44a5d5;
}

.sub_header_menu {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	text-align:center;
	padding:0.5em 0;
	gap:0.8em;
}

.sub_header_menu a:not(.selflink) {
	background-color:gainsboro;
	flex:1;
	padding:0.8em;
	transition: all 500ms ease;
	border-bottom: 0.5em solid white;
	text-decoration: none;
	font-size: 1em;
	color: #000000;
}

.sub_header_menu a.selflink {
	background-color:#44a5d5;
	flex:1;
	padding:0.8em;
	border-bottom: 0.5em solid #44a5d5;
	text-decoration: none;
	font-size: 1em;
	color: #FFFFFF;
}

.sub_header_menu a:hover:not(.selflink) {
	background-color:#f6f6f6;
	border-bottom: 0.5em solid #44a5d5;
	text-decoration: none;
	color: #000000;
}

@media screen and (max-width: 600px) {
	.header_menu a { padding: 0.5em !important;	}
	.sub_header_menu a { padding: 0.5em !important;	}
	.relato { gap: 0 !important; flex-direction:column !important }
}