site-vulgarisation-socio/style violence.css

111 lines
No EOL
3.1 KiB
CSS

body {
text-align: center;
display: flex;
flex-direction: column;
}
body h1 {
color: white;
margin-top: 0%;
margin-bottom: 0%;
font-size: 8rem;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
-webkit-text-stroke: 4px black;
background-image: url(img/banière\ site\ def.png);
background-size:cover;
background-position: center;
width: 100%;
height: 55vh;
}
body .site_content {
display: flex;
flex-direction: row;
justify-content: space-between;
min-height: 100vh;
flex-grow: 1;
}
body .site_content .main_content {
flex-grow: 1;
margin-right: 20px;
text-align: center;
}
body .site_content .vertical_banner {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 2rem;
color: white;
background-color: #9F0A0A;
background-size: contain;
z-index: 1;
width: 26%;
order: -1;
}
body .site_content .vertical_banner .category {
display: flex;
flex-direction: column;
gap: 1vh;
margin: 5px;
margin-top: 2%;
}
body .site_content .vertical_banner .category a {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 2rem;
text-decoration: none;
color: white;
background-size: contain;
}
body .site_content .vertical_banner .category a:visited {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 2rem;
text-decoration: none;
color: white;
background-size: contain;
}
body .site_content .main_content h2 {
color: black;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 4rem;
}
body h3 {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
body p {
text-align: left;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
body .footer {
background-color: #9F0A0A;
padding: 20px;
text-align: center;
color: white;
width: 100%;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
margin-top: auto;
align-self: flex-end;
margin-top: auto;
right: 0;
left: 0;
}
body .social-links {
list-style: none;
padding: 0;
margin: 0;
}
body .social-links li {
display: inline-block;
margin-bottom: 10px;
}
body .social-links a img {
width: 40px;
height: 40px;
}
body .social-links a {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 1rem;
text-decoration: none;
color: white;
}
body .social-links a:visited {
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 1rem;
text-decoration: none;
color: white;
}