Code du site
https://militant.es/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
153 lines
2.4 KiB
153 lines
2.4 KiB
/* ===== Police ===== */ |
|
// ACAB sauf Noam Anouar et Alexandre Langlois |
|
// |
|
// @font-face |
|
// font-family: "SansusWebissimo" |
|
// src: url("/fonts/sansus-webissimo/Sansus Webissimo-Regular.otf") format("otf"), url("/fonts/sansus-webissimo/Sansus Webissimo-Regular.ttf") format("ttf") |
|
// |
|
// nav *, footer *, h1, h2, h3, h4, h5, h6 |
|
// font-family: "Sansus Webissimo" |
|
// |
|
|
|
/* ===== layout général ===== */ |
|
|
|
$breakpoint-small: 600px |
|
$breakpoint-medium: 900px |
|
|
|
// small screen |
|
@media (max-width: $breakpoint-small) |
|
body |
|
width: 95vw |
|
article |
|
padding: 1em |
|
|
|
// medium screen |
|
@media (min-width: $breakpoint-small) and (max-width: $breakpoint-medium) |
|
body |
|
width: 70vw |
|
article |
|
padding: 2em |
|
|
|
// large screen |
|
@media (min-width: $breakpoint-medium) |
|
body |
|
width: 50vw |
|
article |
|
padding: 2em 4em |
|
|
|
|
|
/* ===== aspect général ===== */ |
|
|
|
em |
|
font-style: normal |
|
color: red |
|
|
|
i |
|
font-style: italic |
|
color: #400 |
|
|
|
strong |
|
font-weight: bolder |
|
color: #600 |
|
|
|
body |
|
margin: 0 auto |
|
font-family: Tahoma, Verdana, Arial, sans-serif |
|
display: flex |
|
flex-direction: column |
|
min-height: 100vh |
|
background-color: #F5F5F5 |
|
|
|
body img |
|
max-width: 100% |
|
|
|
a |
|
color: #F33 |
|
|
|
a:hover |
|
color: #F00 |
|
|
|
hr |
|
border: 0 |
|
height: 1px |
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)) |
|
|
|
nav, footer |
|
background-color: #000 |
|
padding: 2px 10px |
|
display: flex |
|
justify-content: space-around |
|
flex-wrap: wrap |
|
|
|
nav |
|
border-bottom: solid 4px red |
|
|
|
footer |
|
border-top: solid 3px red |
|
|
|
nav a |
|
text-decoration: none |
|
font-size: 2em |
|
color: #F00 |
|
|
|
nav a:hover |
|
text-decoration: underline |
|
|
|
article |
|
flex: 1 |
|
background-color: #FFF |
|
padding-bottom: 5em |
|
|
|
footer |
|
padding: 4px |
|
|
|
/* ===== éléments spécifiques ===== */ |
|
|
|
div.info |
|
border: solid 1px #DDF |
|
border-radius: 5px |
|
padding: 0.5em 1em |
|
background-color: #CEF |
|
display: flex |
|
align-items: center |
|
flex-wrap: wrap |
|
|
|
div.info::before |
|
display: block |
|
margin: 1em |
|
content: "" |
|
height: 32px |
|
width: 32px |
|
background-image: url("/icon/icon_info.png") |
|
|
|
.centered |
|
text-align: center |
|
|
|
a.button |
|
text-decoration: none |
|
color: white |
|
border-radius: 2px |
|
background-color: #D55 |
|
padding: 3px 15px |
|
|
|
blockquote |
|
border-left: 2px solid #F00 |
|
color: #333 |
|
text-indent: 2em |
|
font-style: italic |
|
padding: 0px 8px |
|
margin: 1em |
|
|
|
.youtube |
|
position: relative |
|
width: 100% |
|
padding-bottom: 56.25% |
|
|
|
.youtube iframe |
|
position: absolute |
|
width: 100% |
|
height: 100% |
|
border: none |
|
|
|
audio |
|
width: 100%
|
|
|