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%
|
|
|