173 lines
1.7 KiB
Plaintext
173 lines
1.7 KiB
Plaintext
@import "shared/formtastic";
|
|
|
|
@import "public/framework/bootstrap.less";
|
|
|
|
|
|
body
|
|
{
|
|
width:100%;
|
|
margin : 0px;
|
|
padding : 0px;
|
|
font-family:Open Sans;
|
|
font-size:14px;
|
|
background:#f9f9f9;
|
|
|
|
h1, h2, h3, h4{
|
|
font-family:Palatino, Times, Serif;
|
|
font-weight:normal ;
|
|
|
|
}
|
|
|
|
h1{
|
|
font-size:3em;
|
|
padding-top:0.3em;
|
|
border-top:2px solid #29a9e0;
|
|
display:inline-block;
|
|
padding-right:10px;
|
|
min-width:200px;
|
|
color:#3b3b3c;
|
|
a{
|
|
color:#3b3b3c;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.contact{
|
|
|
|
label{
|
|
display:inline;
|
|
}
|
|
td{
|
|
vertical-align:middle;
|
|
}
|
|
input{
|
|
height:2em;
|
|
}
|
|
}
|
|
|
|
|
|
#top{
|
|
|
|
|
|
background:#3b3b3c;
|
|
margin:0px -1em;
|
|
text-align:right;
|
|
a{
|
|
display:inline-block;
|
|
padding:1em;
|
|
color:#e9e9e9;
|
|
text-decoration:none;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
#logo{
|
|
margin-top: 4em;
|
|
margin-bottom:7em;
|
|
width:520px;
|
|
|
|
}
|
|
.center{
|
|
margin:auto;
|
|
max-width:1400px;
|
|
width:95%;
|
|
}
|
|
|
|
#main{
|
|
|
|
#corps{
|
|
width:70%;
|
|
float:left;
|
|
padding-right:3em;
|
|
box-sizing : border-box;
|
|
|
|
}
|
|
|
|
#sidebar{
|
|
|
|
.book{
|
|
|
|
padding:1em;
|
|
|
|
background:#3b3b3c;
|
|
color:white;
|
|
}
|
|
|
|
padding-left:3em;
|
|
.widget{
|
|
|
|
margin-bottom:3em;
|
|
}
|
|
h3{
|
|
border-top:2px solid #3b3b3c;
|
|
padding-top:0.3em;
|
|
|
|
|
|
}
|
|
width:30%;
|
|
float:left;
|
|
box-sizing : border-box;
|
|
}
|
|
|
|
}
|
|
|
|
article{
|
|
margin-bottom:6em;
|
|
.aside{
|
|
float:left;
|
|
width:150px;
|
|
|
|
time{
|
|
font-size:45px;
|
|
text-align:center;
|
|
line-height:55px;
|
|
font-weight:100;
|
|
height:130px;
|
|
width:130px;
|
|
background:#29a9e0;
|
|
display:block;
|
|
text-align:center;
|
|
color:white;
|
|
border-radius:50%;
|
|
}
|
|
|
|
}
|
|
|
|
.article_body{
|
|
margin-left:160px;
|
|
|
|
h2.principal{
|
|
font-size:3em;
|
|
padding-top:0.3em;
|
|
border-top:2px solid #29a9e0;
|
|
display:inline-block;
|
|
padding-right:10px;
|
|
min-width:200px;
|
|
color:#3b3b3c;
|
|
a{
|
|
color:#3b3b3c;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.socials{
|
|
text-align:right;
|
|
img{
|
|
width:35px;
|
|
margin-left:0.4em;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} |