237 lines
3.2 KiB
SCSS
237 lines
3.2 KiB
SCSS
body{
|
|
|
|
font-weight:bold;
|
|
height:100%;
|
|
width:102%;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
img{
|
|
max-width:100%;
|
|
}
|
|
|
|
html{
|
|
height:100%;
|
|
width:100%;
|
|
padding:0;
|
|
margin:0
|
|
|
|
}
|
|
|
|
.page{
|
|
display: block;
|
|
clear: both;
|
|
|
|
width: 210mm;
|
|
min-height: 297mm;
|
|
page-break-after: always;
|
|
background:#9A9289;
|
|
//position:relative;
|
|
|
|
}
|
|
$grey:#61676A;
|
|
$marron:#9A9289;
|
|
$vert:#7BAE53;
|
|
|
|
|
|
|
|
|
|
#plume_header{
|
|
.plume_logo_mobile{
|
|
display:none;
|
|
}
|
|
|
|
text-align:center;
|
|
img{
|
|
display:block;
|
|
margin:auto;
|
|
width:600px;
|
|
max-width:100%;
|
|
padding-top:15px;
|
|
|
|
}
|
|
|
|
.baseline{
|
|
font-size:14px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.hr{
|
|
margin:8px 0;
|
|
height:20px;
|
|
background:$grey;
|
|
}
|
|
}
|
|
|
|
.sommaire{
|
|
float:left;
|
|
width:30%;
|
|
text-align:left;
|
|
|
|
.sommaire_panel{
|
|
background:$marron;
|
|
padding:20px;
|
|
.content{
|
|
padding:10px 20px;
|
|
border:dashed 1px white;
|
|
h2{
|
|
font-weight:bold;
|
|
color:white;
|
|
font-size:40px;
|
|
text-align:center;
|
|
text-transform:uppercase;
|
|
margin-top:0;
|
|
padding-top:0;
|
|
}
|
|
h3{
|
|
text-transform:uppercase;
|
|
margin:0;
|
|
padding:0;
|
|
margin-top:10px;
|
|
font-weight:bold;
|
|
color:white;
|
|
}
|
|
|
|
a{
|
|
display:block;
|
|
color:black;
|
|
font-size:18px;
|
|
&:hover{
|
|
text-decoration:none;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
.plume-article_header{
|
|
.plume_cat{
|
|
text-transform:uppercase;
|
|
color:$vert;
|
|
font-size:25px;
|
|
margin-top:15px;
|
|
font-weight:bold;
|
|
margin-bottom:20px;
|
|
}
|
|
h1{
|
|
font-size:30px;
|
|
margin:10px 0;
|
|
font-weight:bold;
|
|
color:black;
|
|
text-transform:none;
|
|
}
|
|
|
|
}
|
|
.render_block{
|
|
padding:30px 0;
|
|
padding-bottom:100px;
|
|
}
|
|
|
|
|
|
.plume_event{
|
|
border-bottom:1px dashed $marron;
|
|
padding: 10px 0;
|
|
|
|
h2{
|
|
color:$vert;
|
|
font-size:20px;
|
|
text-transform:none;
|
|
margin:0;
|
|
}
|
|
.date{
|
|
margin: 5px 0;
|
|
|
|
}
|
|
margin-bottom:10px;
|
|
|
|
}
|
|
|
|
.plume_breve{
|
|
border-bottom:1px dashed $marron;
|
|
padding: 10px 0;
|
|
|
|
h2{
|
|
color:$vert;
|
|
font-size:20px;
|
|
text-transform:none;
|
|
margin:0;
|
|
}
|
|
|
|
margin-bottom:10px;
|
|
.render_block{
|
|
padding-bottom:20px;
|
|
padding-top:20px;
|
|
}
|
|
}
|
|
|
|
|
|
.article{
|
|
|
|
|
|
width:50%;
|
|
float:left;
|
|
|
|
&.article_large{
|
|
float:none;
|
|
width:auto;
|
|
margin-top:60px;
|
|
margin-bottom:100px;
|
|
.image{
|
|
width:47%;
|
|
margin-left:1%;
|
|
float:left;
|
|
}
|
|
.description{
|
|
margin-left:50%;
|
|
padding-left:20px;
|
|
}
|
|
|
|
}
|
|
.inner{
|
|
margin:0 20px;
|
|
}
|
|
|
|
.image{
|
|
height:300px;
|
|
}
|
|
|
|
.plume_cat{
|
|
text-transform:uppercase;
|
|
color:$vert;
|
|
font-size:30px;
|
|
margin-top:15px;
|
|
font-weight:bold;
|
|
}
|
|
h2{
|
|
font-size:20px;
|
|
margin:10px 0;
|
|
font-weight:bold;
|
|
}
|
|
}
|
|
.plume_bottom{
|
|
background:$grey;
|
|
padding:10px 20px;
|
|
margin-top:20px;
|
|
.big{
|
|
font-size:20px;
|
|
}
|
|
p{
|
|
margin:5px 0;
|
|
|
|
}
|
|
*{
|
|
color:white;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.fill_img{
|
|
background:center center no-repeat;
|
|
background-size:100%;
|
|
background-size:cover;
|
|
} |