332 lines
3.4 KiB
Plaintext
332 lines
3.4 KiB
Plaintext
@import "shared/formtastic";
|
|
|
|
|
|
|
|
@import "public/framework/bootstrap.less";
|
|
@import "fontawesome/font-awesome";
|
|
|
|
|
|
body
|
|
{
|
|
width:100%;
|
|
margin : 0px;
|
|
padding : 0px;
|
|
font-family:"chaparral-pro",Palatino, Georgia, Serif;
|
|
font-size:16px;
|
|
background:#f9f9f9;
|
|
font-weight:400;
|
|
|
|
h1, h2, h3, h4{
|
|
font-family:"Stylograph", Courier, sans-serif;
|
|
font-weight:100 ;
|
|
|
|
}
|
|
|
|
background:url("/fond2.jpg") center center fixed;
|
|
background-size:100%;
|
|
background-size:cover;
|
|
|
|
|
|
h1{
|
|
margin-bottom:0.5em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.contact{
|
|
|
|
label{
|
|
display:inline;
|
|
}
|
|
td{
|
|
vertical-align:middle;
|
|
}
|
|
input{
|
|
height:2em;
|
|
}
|
|
}
|
|
|
|
|
|
#top{
|
|
|
|
padding-top: 4em;
|
|
padding-bottom:4em;
|
|
margin-bottom:1em;
|
|
|
|
background-size:100%;
|
|
|
|
|
|
|
|
}
|
|
|
|
#mail{
|
|
position:absolute;
|
|
right:200px;
|
|
bottom:-5px;
|
|
|
|
&:hover{
|
|
|
|
transform: rotate(10deg);
|
|
-ms-transform: rotate(10deg); /* IE 9 */
|
|
-webkit-transform: rotate(10deg); /* Safari and Chrome */
|
|
bottom:-20px;
|
|
}
|
|
|
|
}
|
|
#trefle{
|
|
position:absolute;
|
|
right:30px;
|
|
top:0px;
|
|
|
|
}
|
|
|
|
|
|
#logo{
|
|
text-align:left;
|
|
h1{
|
|
font-size:4em;
|
|
}
|
|
a{
|
|
color:black;
|
|
opacity:0.7;
|
|
&:hover{
|
|
|
|
text-decoration:none;
|
|
opacity:1;
|
|
}
|
|
}
|
|
|
|
|
|
#bird1{
|
|
position:absolute;
|
|
left:490px;
|
|
top:30px;
|
|
|
|
}
|
|
|
|
#bird2{
|
|
position:absolute;
|
|
left:520px;
|
|
top:0px;
|
|
|
|
}
|
|
|
|
&:hover{
|
|
|
|
#bird2{
|
|
transform: rotate(-10deg);
|
|
-ms-transform: rotate(-10deg); /* IE 9 */
|
|
-webkit-transform: rotate(-10deg); /* Safari and Chrome */
|
|
}
|
|
|
|
#bird1{
|
|
transform: rotate(10deg);
|
|
-ms-transform: rotate(10deg); /* IE 9 */
|
|
-webkit-transform: rotate(10deg); /* Safari and Chrome */
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
.center{
|
|
margin:auto;
|
|
|
|
width:95%;
|
|
max-width:800px;
|
|
position:relative;
|
|
}
|
|
|
|
#categories_menu{
|
|
|
|
font-family:"Stylograph", sans-serif;
|
|
font-weight:100;
|
|
font-size:1.2em;
|
|
background:#6ca489;
|
|
padding:0.9em;
|
|
color:white;
|
|
text-align:center;
|
|
margin-bottom:3em;
|
|
position:relative;
|
|
a{
|
|
|
|
color:white;
|
|
}
|
|
|
|
}
|
|
.hr{
|
|
padding:10px;
|
|
text-align:center;
|
|
display:block;
|
|
margin:4em auto ;
|
|
font-family:"Stylograph", Courier, Serif;
|
|
font-size:1.3em;
|
|
opacity:0.3;
|
|
|
|
}
|
|
#main{
|
|
|
|
#corps{
|
|
|
|
|
|
box-sizing : border-box;
|
|
float:left;
|
|
|
|
}
|
|
|
|
#sidebar{
|
|
float:right;
|
|
width:300px;
|
|
padding-left:20px;
|
|
border-left:2px dotted #e6f0eb;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
article{
|
|
|
|
padding:1em 2em;
|
|
p{
|
|
text-align:justify;
|
|
|
|
}
|
|
width:100%;
|
|
max-width:700px;
|
|
|
|
|
|
position:relative;
|
|
.aside{
|
|
|
|
|
|
time{
|
|
font-size:20px;
|
|
text-align:center;
|
|
line-height:23px;
|
|
font-weight:100;
|
|
height:55px;
|
|
width:55px;
|
|
background:rgba(0,104,55,1);
|
|
display:block;
|
|
text-align:center;
|
|
color:white;
|
|
border-radius:50%;
|
|
font-family:"Stylograph", Times, Serif;
|
|
font-weight:100 ;
|
|
}
|
|
|
|
.comments_buble{
|
|
font-size:20px;
|
|
text-align:center;
|
|
line-height:23px;
|
|
font-weight:100;
|
|
height:55px;
|
|
width:55px;
|
|
margin-top:6px;
|
|
background:#33865f;
|
|
display:block;
|
|
text-align:center;
|
|
color:white;
|
|
border-radius:50%;
|
|
font-family:"Stylograph", Times, Serif;
|
|
font-weight:100 ;
|
|
|
|
a{
|
|
color:white;
|
|
text-decoration:none;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.article_body{
|
|
|
|
.infos{
|
|
margin-bottom:2em;
|
|
color:#aeaeae;
|
|
a{
|
|
color:#aeaeae;
|
|
&:hover{
|
|
color:black;
|
|
}
|
|
text-decoration:none;
|
|
}
|
|
}
|
|
h2.principal{
|
|
font-size:3em;
|
|
|
|
display:inline-block;
|
|
padding-right:10px;
|
|
min-width:200px;
|
|
|
|
color:#3b3b3c;
|
|
|
|
margin-top:0.5em;
|
|
a{
|
|
color:#3b3b3c;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.socials{
|
|
text-align:right;
|
|
img{
|
|
width:35px;
|
|
margin-left:0.4em;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.share_buble{
|
|
font-size:26px;
|
|
text-align:right;
|
|
|
|
|
|
margin-top:2em;
|
|
|
|
|
|
text-align:right;
|
|
|
|
font-family:"Stylograph", Times, Serif;
|
|
|
|
|
|
a{
|
|
color:#aeaeae;
|
|
&:hover{
|
|
color:black;
|
|
}
|
|
padding:5px;
|
|
}
|
|
|
|
}
|
|
|
|
.contact{
|
|
text-align:center;
|
|
margin-bottom:6em;
|
|
clear:both;
|
|
|
|
}
|
|
|
|
@media screen and (min-width: 820px) {
|
|
#logo{
|
|
margin-left:-100px;
|
|
|
|
}
|
|
}
|
|
|
|
|