title font
This commit is contained in:
parent
8ffd3dade2
commit
1122976c9b
@ -28,8 +28,8 @@ body{
|
|||||||
|
|
||||||
|
|
||||||
h1,h2,h3,h4{
|
h1,h2,h3,h4{
|
||||||
font-weight:normal;
|
font-weight:600;
|
||||||
font-family:"Lato";
|
font-family:"jaf-bernino-sans", sans-serif;
|
||||||
a{
|
a{
|
||||||
color:#1e1e1e;
|
color:#1e1e1e;
|
||||||
|
|
||||||
|
@ -62,7 +62,7 @@ navigation#first_nav{
|
|||||||
#corps{
|
#corps{
|
||||||
|
|
||||||
float:left;
|
float:left;
|
||||||
width:60%;
|
width:65%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -72,7 +72,7 @@ navigation#first_nav{
|
|||||||
}
|
}
|
||||||
#sidebar{
|
#sidebar{
|
||||||
padding:20px;
|
padding:20px;
|
||||||
width:40%;
|
width:35%;
|
||||||
float:right;
|
float:right;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
@ -203,25 +203,45 @@ footer{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.article_img{
|
.article_img{
|
||||||
|
position:relative;
|
||||||
|
.content{
|
||||||
|
position:absolute;
|
||||||
|
top:0;
|
||||||
|
bottom:0;
|
||||||
|
left:0;
|
||||||
|
right:0;
|
||||||
|
|
||||||
margin-bottom:20px;
|
|
||||||
|
|
||||||
*{
|
|
||||||
color:white;
|
|
||||||
|
|
||||||
}
|
|
||||||
h3{
|
|
||||||
margin-top:10px;
|
|
||||||
margin-bottom:10px;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
background:center center no-repeat;
|
background:center center no-repeat;
|
||||||
background-size:100%;
|
background-size:100%;
|
||||||
background-size:cover;
|
background-size:cover;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
padding:10px;
|
padding:50px 0;
|
||||||
p.article_infos{
|
color:white;
|
||||||
margin-top:0;
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -239,7 +259,7 @@ article, .corps_content{
|
|||||||
padding:50px 0;
|
padding:50px 0;
|
||||||
color:white;
|
color:white;
|
||||||
display:block;
|
display:block;
|
||||||
font-family:Lato;
|
font-family:"jaf-bernino-sans", sans-serif;
|
||||||
text-transform:uppercase;
|
text-transform:uppercase;
|
||||||
|
|
||||||
span{
|
span{
|
||||||
|
@ -1,18 +1,9 @@
|
|||||||
.article_img{:style => "background-image:url('#{(article.image_file.file.large.medium.small.url if article.image_file)}')"}
|
%a.article_img{:href => article_path(:slug => article.slug), :style => "background-image:url('#{(article.image_file.file.large.medium.small.url if article.image_file)}')"}
|
||||||
|
|
||||||
|
|
||||||
|
.content
|
||||||
%h3=link_to article.title, article_path(:slug => article.slug), :title => " "+article.title.to_s
|
%span=article.title
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
%p.article_infos
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
%time.updated{:datetime => Time.now, :pubdate => true}
|
|
||||||
|
|
||||||
="le "+l(article.published_at, :format => :human_date)
|
|
||||||
.clear
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user