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

/* ===== 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%