This commit is contained in:
Nicolas Bally 2018-03-21 17:27:23 +01:00
parent e7a10f0131
commit ee3d2bdbf6
6 changed files with 78 additions and 148 deletions

View File

@ -3,6 +3,8 @@ $marron:#9A9289;
$vert:#7BAE53; $vert:#7BAE53;
$beige:#F1F0EE; $beige:#F1F0EE;
@import "qi_css/grid";
body{ body{
font-weight:bold; font-weight:bold;

View File

@ -7,6 +7,8 @@
@import "public/plume"; @import "public/plume";
@import "qi_css/grid";
.observer-et-photographier-la-faune-sans-deranger{ .observer-et-photographier-la-faune-sans-deranger{
.couv{ .couv{
@ -59,7 +61,7 @@ a{
&:hover{ &:hover{
color:#68b9ff; color:#68b9ff;
text-decoration:none;
} }
} }
@ -144,94 +146,6 @@ a{
.row{
margin:auto;
//max-width:1100px;
display:block;
&:after{
content: "";
display: table;
clear: both;
}
.columns{
display:block;
box-sizing: border-box;
float:left;
display:inline-block;
padding:0 5px;
&:first-child{
padding-left:0px;
}
&:last-child{
padding-right:0px;
}
&.span_12{
width:100%;
}
&.span_11{
width:100/12*11;
}
&.span_10{
width:percentage(1/12*10);
}
&.span_9{
width:percentage(1/12*9);
}
&.span_8{
width:percentage(1/12*8);
}
&.span_7{
width:percentage(1/12*7);
}
&.span_6{
width:percentage(1/12*6);
}
&.span_5{
width:percentage(1/12*5);
}
&.span_4{
width:percentage(1/12*4);
}
&.span_3{
width:percentage(1/12*3);
}
&.span_2{
width:percentage(1/12*2);
}
&.span_1{
width:percentage(1/12*1);
}
}
}
.main{ .main{
width:100%; width:100%;
max-width:1020px; max-width:1020px;

View File

@ -145,13 +145,13 @@ $vert:#7BAE53;
} }
} }
a{
.article{ .article{
width:50%; width:50%;
float:left; float:left;
text-decoration:none !important;
&.article_large{ &.article_large{
float:none; float:none;
width:auto; width:auto;
@ -165,6 +165,7 @@ $vert:#7BAE53;
.description{ .description{
margin-left:50%; margin-left:50%;
padding-left:20px; padding-left:20px;
} }
} }
@ -175,7 +176,10 @@ $vert:#7BAE53;
.image{ .image{
height:300px; height:300px;
} }
.desc{
text-decoration:none !important;
color:black !important;
}
.plume_cat{ .plume_cat{
text-transform:uppercase; text-transform:uppercase;
color:$vert; color:$vert;
@ -188,6 +192,14 @@ $vert:#7BAE53;
margin:10px 0; margin:10px 0;
font-weight:bold; font-weight:bold;
} }
*{
text-decoration:none !important;
&:hover{
text-decoration:none !important;
}
}
}
} }
} }
.plume_bottom{ .plume_bottom{

View File

@ -1,5 +1,5 @@
#plume_header #plume_header
=image_tag "/plume-logo.png", :class => "plume_logo" =link_to image_tag("/plume-logo.png", :class => "plume_logo"), public_plume_path(@plume)
=image_tag "/plume-logo-mobile.png", :class => "plume_logo_mobile" =image_tag "/plume-logo-mobile.png", :class => "plume_logo_mobile"
.baseline .baseline
Bulletin indépendant des lobbies, dun électorat, consacré à lintérêt général et super intéressant ! Bulletin indépendant des lobbies, dun électorat, consacré à lintérêt général et super intéressant !

View File

@ -87,5 +87,5 @@
.render_block .render_block
=render plume_article.block =render plume_article.block
%div{:style => "width:100px;height:100px;background:red;position:fixed;top:0;right:0;"} %div{:style => "width:100px;height:100px;background:red;position:absolute;top:0;right:0;"}

View File

@ -17,6 +17,7 @@
-@plume.plume_articles.where(:id => id).each do |article| -@plume.plume_articles.where(:id => id).each do |article|
=link_to public_plume_article_path(article) do
.article .article
.inner .inner
.image.with_ratio.fill_img{:style => "background-image:url('"+(article.image_file.file.large.medium.url if article.image_file).to_s+"');", :data => {:ratio => 0.6}} .image.with_ratio.fill_img{:style => "background-image:url('"+(article.image_file.file.large.medium.url if article.image_file).to_s+"');", :data => {:ratio => 0.6}}
@ -36,7 +37,8 @@
-id << cat.plume_articles.first.id if cat.plume_articles.first -id << cat.plume_articles.first.id if cat.plume_articles.first
-@plume.plume_articles.where(:id => id).each do |article| -@plume.plume_articles.where(:id => id).each do |article|
.article.article_large =link_to public_plume_article_path(article) do
.article_large.article
.inner .inner
.image.with_ratio.fill_img{:style => "background-image:url('"+(article.image_file.file.large.medium.url if article.image_file).to_s+"');", :data => {:ratio => 0.6}} .image.with_ratio.fill_img{:style => "background-image:url('"+(article.image_file.file.large.medium.url if article.image_file).to_s+"');", :data => {:ratio => 0.6}}