252 lines
4.1 KiB
SCSS
252 lines
4.1 KiB
SCSS
$grey:#61676A;
|
|
$marron:#9A9289;
|
|
$vert:#7BAE53;
|
|
#main_plume{
|
|
background:white;
|
|
}
|
|
|
|
.author{
|
|
|
|
color:rgba(0,0,0,0.6);
|
|
padding:20px 0;
|
|
padding-right:25px;
|
|
text-align:right;
|
|
}
|
|
|
|
#plume_wrapper{
|
|
|
|
|
|
|
|
#plume_header{
|
|
.plume_logo_mobile{
|
|
display:none;
|
|
}
|
|
|
|
text-align:center;
|
|
img{
|
|
display:block;
|
|
margin:auto;
|
|
width:990px;
|
|
max-width:100%;
|
|
padding:20px;
|
|
}
|
|
|
|
.baseline{
|
|
font-size:25px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.hr{
|
|
margin:20px 0;
|
|
height:30px;
|
|
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_home{
|
|
max-width:1250px;
|
|
margin:auto;
|
|
.right_plume{
|
|
margin-left:2%;
|
|
width:68%;
|
|
float:left;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
|
|
a{
|
|
.article{
|
|
|
|
|
|
width:50%;
|
|
float:left;
|
|
text-decoration:none !important;
|
|
&.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;
|
|
}
|
|
.desc{
|
|
text-decoration:none !important;
|
|
color:black !important;
|
|
}
|
|
.plume_cat{
|
|
text-transform:uppercase;
|
|
color:$vert;
|
|
font-size:30px;
|
|
margin-top:15px;
|
|
font-weight:bold;
|
|
line-height:1em;
|
|
}
|
|
h2{
|
|
font-size:20px;
|
|
margin:10px 0;
|
|
font-weight:bold;
|
|
}
|
|
|
|
*{
|
|
text-decoration:none !important;
|
|
&:hover{
|
|
text-decoration:none !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.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;
|
|
}
|
|
|
|
.plume_right_buttons{
|
|
margin-top:50px;
|
|
text-align:right;
|
|
.btn{
|
|
background:$vert;
|
|
color:white;
|
|
font-weight:bold;
|
|
padding:10px 20px;
|
|
text-transform:uppercase;
|
|
border-radius:0;
|
|
}
|
|
}
|