Utilizador:BahYajé e Y4guarEtã/Testes.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.
templatestyles src="[Utilizador:BahYajé e Y4guarEtã/Testes/Cabeçalho]"
h2 {
font-weight: bold;
}
.headline {
font-size: 150%;
text-align: center;
color:#000000;
font-weight:bold;
border-width:1px 0;
border-style:solid;
border-color:#000000;
padding:0.1em;
}
.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 #339766;
text-decoration: none;
font-size: 1.2em;
font-weight: bold;
color: #339766;
}
.header_menu a:hover:not(.selflink) {
background-color:#f6f6f6;
border-bottom: 0.8em solid #339766;
text-decoration: none;
color: #339766;
}
.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:#339766;
flex:1;
padding:0.8em;
border-bottom: 0.5em solid #339766;
text-decoration: none;
font-size: 1em;
color: #FFFFFF;
}
.sub_header_menu a:hover:not(.selflink) {
background-color:#f6f6f6;
border-bottom: 0.5em solid #339766;
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 }
}