296 lines
3.2 KiB
SCSS
296 lines
3.2 KiB
SCSS
body{
|
|
padding:0px;
|
|
background: rgba(250,250,250,1);
|
|
background-size:100%;
|
|
|
|
|
|
color: #333;
|
|
}
|
|
|
|
#gradient{
|
|
|
|
|
|
}
|
|
header#top{
|
|
display:block;
|
|
|
|
.center{
|
|
max-width:1200px;
|
|
margin:auto;
|
|
|
|
}
|
|
background: url('/assets/front/top.png') repeat-x;
|
|
|
|
img{
|
|
width:120px;
|
|
float:left;
|
|
margin:20px 0px;
|
|
}
|
|
|
|
}
|
|
|
|
navigation#first_nav{
|
|
|
|
margin-top:50px;
|
|
margin-right:20px;
|
|
float:right;
|
|
|
|
|
|
a{
|
|
display:inline-block;
|
|
padding:10px;
|
|
color:black;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
#main{
|
|
|
|
|
|
max-width:1200px;
|
|
margin:auto;
|
|
|
|
img{
|
|
max-width:100%;
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
#corps{
|
|
|
|
float:left;
|
|
width:65%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.article_corps{
|
|
background:white;
|
|
|
|
}
|
|
#sidebar{
|
|
padding:20px;
|
|
width:35%;
|
|
float:right;
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
comment{
|
|
|
|
message{
|
|
padding:10px;
|
|
|
|
}
|
|
|
|
author{
|
|
float:left;
|
|
width:200px;
|
|
text-align:center;
|
|
|
|
p{
|
|
text-align:center;
|
|
margin:0px;
|
|
|
|
}
|
|
|
|
.img{
|
|
height:120px;
|
|
width:120px;
|
|
border-radius:50%;
|
|
overflow:hidden;
|
|
display:inline-block;
|
|
|
|
img{
|
|
height:120px;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.clear{
|
|
clear:both;
|
|
}
|
|
|
|
footer{
|
|
margin-top:100px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
//@media only screen and (min-width: 0px) {
|
|
|
|
|
|
|
|
|
|
|
|
footer{
|
|
display:block;
|
|
padding:1em;
|
|
font-size:0.95em;
|
|
line-height:1.4em;
|
|
border-top: #202020 2px solid;
|
|
border-bottom: #97BC4A 12px solid;
|
|
text-align:center;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
#legals_large{
|
|
background:rgba(250,250,250,0.8);
|
|
position:fixed;
|
|
top:0px;
|
|
bottom:0px;
|
|
left:0px;
|
|
right:0px;
|
|
width:100%;
|
|
height:100%;
|
|
display:none;
|
|
|
|
.content{
|
|
background:rgba(250,250,250,0.95);
|
|
padding:10px 30px;
|
|
margin:auto;
|
|
width:90%;
|
|
max-width:600px;
|
|
border:1px solid gray;
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.article_small{
|
|
|
|
margin-bottom:20px;
|
|
|
|
|
|
h3{
|
|
margin:0;
|
|
|
|
}
|
|
background:white;
|
|
|
|
padding:10px;
|
|
|
|
.img{
|
|
width:100px;
|
|
float:left ;
|
|
display:block;
|
|
margin:0;
|
|
margin-right:10px;
|
|
background-size:cover;
|
|
|
|
|
|
}
|
|
}
|
|
|
|
.article_img{
|
|
position:relative;
|
|
.content{
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
|
|
|
|
}
|
|
background:center center no-repeat;
|
|
background-size:100%;
|
|
background-size:cover;
|
|
text-align:center;
|
|
padding:50px 0;
|
|
color:white;
|
|
display:block;
|
|
font-family:"jaf-bernino-sans", sans-serif;
|
|
text-transform:uppercase;
|
|
|
|
span{
|
|
display:inline-block;
|
|
padding:5px 10px;
|
|
border:1px solid white;
|
|
position:relative;
|
|
}
|
|
margin-bottom:20px;
|
|
|
|
&:hover{
|
|
.content{
|
|
background:rgba(255,255,255,0.2)
|
|
|
|
}
|
|
span{
|
|
|
|
background:rgba(0,0,0,0.2);
|
|
color:white;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
article, .corps_content{
|
|
padding:40px;
|
|
background:white;
|
|
margin-bottom:40px;
|
|
|
|
}
|
|
.activites{
|
|
background:center center no-repeat;
|
|
background-size:100%;
|
|
background-size:cover;
|
|
text-align:center;
|
|
padding:50px 0;
|
|
color:white;
|
|
display:block;
|
|
font-family:"jaf-bernino-sans", sans-serif;
|
|
text-transform:uppercase;
|
|
|
|
span{
|
|
display:inline-block;
|
|
padding:5px 10px;
|
|
border:1px solid white;
|
|
|
|
}
|
|
margin-bottom:20px;
|
|
|
|
&:hover{
|
|
span{
|
|
|
|
background:rgba(255,255,255,0.5);
|
|
color:#333;
|
|
}
|
|
|
|
}
|
|
}
|
|
.photographe{
|
|
|
|
background-image:url('/photographe.jpg');
|
|
}
|
|
|
|
.sites{
|
|
|
|
background-image:url('/sites.jpg');
|
|
}
|
|
|
|
.design{
|
|
|
|
background-image:url('/design.jpg');
|
|
}
|