Predefinição:WLMT/styles.css
Saltar para a navegação
Saltar para a pesquisa
/* 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; } }