Predefinição:Wiki Loves Cultura Popular/style.css
Aspeto
.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 {
background-color:gainsboro;
flex:1;
padding:1.5em;
transition: all 500ms ease;
border-bottom: 0.8em solid white;
text-decoration: none;
font-weight: bold;
color: #000000;
border-radius: 0.5em 0.5em 0 0;
}
.header_menu .active-menu-item + a {
background-color:#026191;
transition: none;
border-bottom: 0.8em solid #008bd1;
color: #FFFFFF;
}
.header_menu a:hover {
background-color:#F7F7F7;
border-bottom: 0.8em solid #026191;
text-decoration: none;
color: #026191;
}
.header_menu .active-menu-item + a:hover {
background-color: #026191;
border-bottom: 0.8em solid #FFFFFF;
color: #ffffff;
}
.content-block { padding: 1em; }
.list-buttons {
display:flex;
flex-direction:row;
justify-content:space-between;
flex-wrap:wrap;
text-align:center;
padding:0.5em 0;
gap:0.8em;
}
.list-buttons a {
background-color:#026191;
flex:1;
padding:1em;
transition: all 500ms ease;
border-bottom: 0.8em solid white;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
border-radius: 0.5em 0.5em 0 0;
}
.buttons-icons { display:flex; flex-direction:column; transition:all 500ms ease; }
.list-buttons a:hover { background-color:#008bd1; }
.header_image {
background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/Canto_e_danca_de_um_paj%C3%A9_Xakriab%C3%A1.jpg/681px-Canto_e_danca_de_um_paj%C3%A9_Xakriab%C3%A1.jpg");
background-repeat: repeat-x;
height: 500px;
background-position: top, top;
transform: translate(0,-30%);
}
.header_image_container { max-width:100%; height:300px; overflow:hidden; position:relative; }
.header_logo { position:absolute; bottom:0; left:50%; transform:translate(-50%, 0%); background-color:rgba(2,97,145,0.75); padding:1em; border-radius:10px 10px 0 0; }
@media screen and (max-width: 600px) {
.header_menu a { padding: 0.5em !important; }
.content-block { padding: 0 0.5em !important; }
.buttons-icons { width:100%; }
}