responsive pages
This commit is contained in:
Caroline Girard
parent
ef1826e92b
commit
961deef328
File diff suppressed because it is too large
Load Diff
@ -51,23 +51,16 @@ body{
|
||||
.bx-wrapper{
|
||||
margin:0;
|
||||
}
|
||||
|
||||
|
||||
.bx-controls{
|
||||
position:absolute;
|
||||
bottom:40px;
|
||||
left:0;
|
||||
right:0;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.slide{
|
||||
.link_overlay{
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
}
|
||||
position:relative;
|
||||
.description{
|
||||
position:absolute;
|
||||
@ -75,14 +68,14 @@ body{
|
||||
right:50px;
|
||||
background:rgba(255,255,255,0.85);
|
||||
width:590px;
|
||||
|
||||
|
||||
}
|
||||
.logo{
|
||||
position:absolute;
|
||||
top:30px;
|
||||
left:30px;
|
||||
width:135px;
|
||||
|
||||
|
||||
}
|
||||
.content{
|
||||
text-decoration:none;
|
||||
@ -95,10 +88,10 @@ body{
|
||||
text-transform:uppercase;
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -136,8 +129,8 @@ h1{
|
||||
margin-top:0;
|
||||
text-transform:uppercase;
|
||||
font-weight:500;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
#main_content{
|
||||
@ -168,44 +161,43 @@ h1{
|
||||
h2{
|
||||
color:white;
|
||||
}
|
||||
|
||||
|
||||
fieldset{
|
||||
border:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
table{
|
||||
width:600px !important;
|
||||
max-width:100%;
|
||||
border-collapse:collapse;
|
||||
td{
|
||||
padding-bottom:12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
input, textarea{
|
||||
box-sizing:border-box;
|
||||
padding:12px 15px;
|
||||
font-size:1em;
|
||||
width:100%;
|
||||
border:0;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
.error{
|
||||
color:red;
|
||||
}
|
||||
.submit{
|
||||
width:600px;
|
||||
//width:600px;
|
||||
max-width:100%;
|
||||
text-align:right;
|
||||
padding:14px 0;
|
||||
padding-top:0px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.btn{
|
||||
border-color:white !important;
|
||||
color:white;
|
||||
@ -229,7 +221,7 @@ h1{
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
|
||||
#place,#contacts{
|
||||
display:inline-block;
|
||||
padding:25px 0;
|
||||
@ -237,7 +229,7 @@ h1{
|
||||
color:rgba(0,0,0,0.6);
|
||||
line-height:19px;
|
||||
text-align:left;
|
||||
|
||||
|
||||
}
|
||||
#contacts{
|
||||
padding-right:50px;
|
||||
@ -245,7 +237,7 @@ h1{
|
||||
#place{
|
||||
padding-right:35px;
|
||||
}
|
||||
|
||||
|
||||
#logos{
|
||||
padding:15px 0;
|
||||
float:left;
|
||||
@ -258,7 +250,7 @@ h1{
|
||||
#actus{
|
||||
padding:20px 0;
|
||||
padding-bottom:50px;
|
||||
|
||||
|
||||
.blog_img{
|
||||
display:block;
|
||||
margin:auto;
|
||||
@ -270,7 +262,7 @@ h1{
|
||||
color:#2c4709;
|
||||
font-weight:bold;
|
||||
strong{
|
||||
|
||||
|
||||
color:#00893f;
|
||||
}
|
||||
}
|
||||
@ -279,7 +271,7 @@ h1{
|
||||
font-weight:500;
|
||||
margin-bottom:-10px;
|
||||
padding-bottom:0;
|
||||
|
||||
|
||||
}
|
||||
#left_actus{
|
||||
float:right;
|
||||
@ -288,21 +280,26 @@ h1{
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#right_actus{
|
||||
float:left;
|
||||
width:38%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
td {
|
||||
width: 50%;
|
||||
vertical-align: top;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.actu{
|
||||
.img{
|
||||
float:left;
|
||||
width:260px;
|
||||
background:center center no-repeat;
|
||||
|
||||
|
||||
}
|
||||
.description{
|
||||
margin-left:280px;
|
||||
@ -314,7 +311,7 @@ h1{
|
||||
#bottom_actus{
|
||||
background:#ececec;
|
||||
padding:40px 0;
|
||||
|
||||
|
||||
.breve{
|
||||
width:30%;
|
||||
margin:20px 1.5%;
|
||||
@ -324,7 +321,7 @@ h1{
|
||||
|
||||
h2{
|
||||
background:no-repeat bottom left;
|
||||
|
||||
|
||||
background-image:url('/bottom-lines.png');
|
||||
background-size: 225px;
|
||||
padding-top:20px;
|
||||
@ -333,8 +330,8 @@ h2{
|
||||
margin-top:0;
|
||||
text-transform:uppercase;
|
||||
font-weight:500;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -353,23 +350,23 @@ h2{
|
||||
left:0;
|
||||
right:0;
|
||||
left:0;
|
||||
|
||||
|
||||
min-height:250px;
|
||||
|
||||
|
||||
background:black;
|
||||
|
||||
padding-top:0px;
|
||||
|
||||
|
||||
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.25) 30%,rgba(0,0,0,0) 100%);
|
||||
|
||||
|
||||
|
||||
|
||||
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.25) 30%,rgba(0,0,0,0) 100%);
|
||||
|
||||
|
||||
z-index:2;
|
||||
color:white;
|
||||
|
||||
|
||||
text-align:center;
|
||||
|
||||
|
||||
a{
|
||||
color:white;
|
||||
text-decoration:none;
|
||||
@ -389,7 +386,7 @@ h2{
|
||||
font-weight:500;
|
||||
font-size:1.2em;
|
||||
text-transform:uppercase;
|
||||
|
||||
|
||||
}
|
||||
.devis{
|
||||
background:#f2930d;
|
||||
@ -401,7 +398,7 @@ h2{
|
||||
color:black;
|
||||
text-decoration:none;
|
||||
font-size:1.2em;
|
||||
|
||||
|
||||
.color{
|
||||
height:1em;
|
||||
width:5px;
|
||||
@ -409,13 +406,13 @@ h2{
|
||||
top:2px;
|
||||
background:black;
|
||||
display:inline-block;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
border-bottom:1px dashed rgba(0,0,0,0.9);
|
||||
padding-bottom:10px;
|
||||
margin-bottom:10px;
|
||||
|
||||
|
||||
}
|
||||
.product_icon{
|
||||
text-align:center;
|
||||
@ -426,14 +423,14 @@ h2{
|
||||
padding-bottom:30px;
|
||||
}
|
||||
#products{
|
||||
|
||||
|
||||
a{
|
||||
text-decoration:none;
|
||||
}
|
||||
h2{
|
||||
background-position:center bottom;
|
||||
text-align:center;
|
||||
|
||||
|
||||
}
|
||||
text-align:center;
|
||||
img{
|
||||
@ -456,3 +453,240 @@ img{
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
#menu_top {
|
||||
.bars {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding: 20px 10px !important;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 880px) {
|
||||
|
||||
//page d'accueil
|
||||
#menu_top {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
min-height: 80px;
|
||||
padding-top: 0px;
|
||||
background: none !important;
|
||||
z-index: 5;
|
||||
color: white;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
#logo_fond{
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
height: 90px;
|
||||
z-index:3;
|
||||
}
|
||||
|
||||
#logo_france_rurale {
|
||||
width: 240px;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.menu {
|
||||
display: none;
|
||||
//display:block;
|
||||
position:fixed;
|
||||
top:0;
|
||||
bottom: 50%;
|
||||
right: 0;
|
||||
left: 35%;
|
||||
background: black;
|
||||
opacity: 0.88;
|
||||
padding: 14% !important;
|
||||
a{
|
||||
color: rgba(255, 255, 255, 1) !important;
|
||||
display: block !important;
|
||||
padding: 8px 10px !important;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
}
|
||||
|
||||
#menu_top {
|
||||
.menu {
|
||||
padding: 15% 5px !important;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.article .description {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.bars {
|
||||
display: block !important;
|
||||
position: absolute;
|
||||
right: 25px;
|
||||
top: 12px;
|
||||
font-size: 30px;
|
||||
color: #8CBD3A;
|
||||
z-index:3;
|
||||
}
|
||||
|
||||
.slide_home_wrapper .description {
|
||||
height: 0;
|
||||
width: 80% !important;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
|
||||
#contentdescription {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 14px;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.content h3 {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
padding: 20px;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
//blog
|
||||
|
||||
.blog_img {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.actu .img {
|
||||
float: none;
|
||||
width: 100% !important;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.actu {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
#actus h2 {
|
||||
position: relative;
|
||||
font-size: 12px !important;
|
||||
padding: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#left_actus {
|
||||
width: 100% !important;
|
||||
|
||||
}
|
||||
|
||||
#right_actus {
|
||||
width: 100% !important;
|
||||
.description {
|
||||
width: 100% !important;
|
||||
position: absolute;
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.article {
|
||||
|
||||
}
|
||||
//nos magasins
|
||||
|
||||
.columns {
|
||||
float: none;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.columns .span_6 {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.columns .span_9 {
|
||||
width: auto !important;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
//actu
|
||||
#bottom_actus{
|
||||
padding-left: 15px;
|
||||
.breve {
|
||||
float: none;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
//table
|
||||
.formulairecontact {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#contacts {
|
||||
padding-bottom: 90px !important;
|
||||
}
|
||||
|
||||
#sub_footer {
|
||||
padding: 5px 0 !important;
|
||||
text-align: center;
|
||||
#logos {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
img {
|
||||
height: 70px !important;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
|
||||
//pages
|
||||
|
||||
#main_content {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.span_6 {
|
||||
img {
|
||||
padding-bottom: 20px;
|
||||
width: 100% !important;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.rea-gal {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.columns.span_4 {
|
||||
width: 100%;
|
||||
}
|
||||
.columns.span_3 {
|
||||
width: auto !important;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.center_block {
|
||||
.columns.span_4 {
|
||||
width: 70%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
586
app/assets/stylesheets/public/@old/layout.css.scss
Normal file
586
app/assets/stylesheets/public/@old/layout.css.scss
Normal file
@ -0,0 +1,586 @@
|
||||
body{
|
||||
padding:0px;
|
||||
background: url('/assets/front/fond.jpg');
|
||||
|
||||
|
||||
}
|
||||
|
||||
header#top{
|
||||
display:block;
|
||||
|
||||
|
||||
background: url('/assets/front/top.png') repeat-x;
|
||||
|
||||
img{
|
||||
width:120px;
|
||||
float:left;
|
||||
margin:20px 50px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
navigation#first_nav{
|
||||
|
||||
margin-top:50px;
|
||||
margin-right:20px;
|
||||
float:right;
|
||||
|
||||
|
||||
a{
|
||||
display:inline-block;
|
||||
padding:10px;
|
||||
color:black;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#main, #sidebar{
|
||||
margin-top:50px !important;
|
||||
|
||||
}
|
||||
#main{
|
||||
|
||||
|
||||
|
||||
header{
|
||||
h1{
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
h2{
|
||||
margin-top:0em;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
img{
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
|
||||
article{
|
||||
margin-bottom:3em;
|
||||
border-top:2px solid #97bc4a;
|
||||
padding-top:1em !important;
|
||||
aside{
|
||||
img{
|
||||
display:none;
|
||||
}
|
||||
|
||||
*{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
padding:0% 2%;
|
||||
|
||||
|
||||
background:#97bc4a;
|
||||
|
||||
img{
|
||||
margin:0.5em 0;
|
||||
}
|
||||
|
||||
|
||||
color:white;
|
||||
|
||||
h3,a{
|
||||
color:white;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
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) {
|
||||
|
||||
header#top{
|
||||
|
||||
img{
|
||||
width:120px;
|
||||
|
||||
margin:20px 5%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#main{
|
||||
margin:auto;
|
||||
|
||||
max-width:800px;
|
||||
width:90%;
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
margin:auto;
|
||||
padding:2% !important;
|
||||
max-width:800px;
|
||||
width:86%;
|
||||
|
||||
img{
|
||||
margin:0.5em 0;
|
||||
max-width:98%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.img_with_legend{
|
||||
position:relative;
|
||||
|
||||
figcaption{
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 769px) {
|
||||
|
||||
|
||||
#main{
|
||||
margin-left:2%;
|
||||
|
||||
|
||||
max-width:800px;
|
||||
width:69%;
|
||||
float:left;
|
||||
|
||||
padding:0px;
|
||||
|
||||
|
||||
article{
|
||||
padding:0px 6%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
float:right;
|
||||
width:23%;
|
||||
padding-top:0px !important;
|
||||
min-height:1000px;
|
||||
|
||||
img{
|
||||
max-width:100%;
|
||||
margin:0.5em 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (min-width: 950px) {
|
||||
|
||||
|
||||
#main{
|
||||
margin-left:5%;
|
||||
|
||||
width:64%;
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1200px) {
|
||||
|
||||
|
||||
#main{
|
||||
margin-left:18%;
|
||||
|
||||
width:53%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
|
||||
padding-top:0em !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
article{
|
||||
position:relative;
|
||||
|
||||
|
||||
|
||||
aside{
|
||||
|
||||
display:block;
|
||||
position:absolute;
|
||||
left : -39%;
|
||||
|
||||
top:-2px;
|
||||
padding-top:0em;
|
||||
line-height:1.6em;
|
||||
width:42%;
|
||||
|
||||
text-align:center;
|
||||
|
||||
|
||||
p{
|
||||
margin:0px;
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
img{
|
||||
display:block !important;
|
||||
margin:auto;
|
||||
border-radius:50%;
|
||||
}
|
||||
|
||||
time{
|
||||
display:block;
|
||||
|
||||
}
|
||||
|
||||
*{
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.img_with_legend{
|
||||
position:relative;
|
||||
|
||||
figcaption{
|
||||
display:block;
|
||||
position:absolute;
|
||||
left : -35%;
|
||||
width:32%;
|
||||
top:10px;
|
||||
|
||||
*{
|
||||
text-align:right;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
#comments{
|
||||
|
||||
.comment{
|
||||
margin-bottom:3em;
|
||||
|
||||
aside{
|
||||
|
||||
img{
|
||||
float:left;
|
||||
margin:auto;
|
||||
border-radius:50%;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
blockquote{
|
||||
|
||||
text-align:justify !important;
|
||||
border-color : #97bc4a;
|
||||
min-height:3em;
|
||||
padding-right:0px;
|
||||
|
||||
p{
|
||||
text-align:justify !important;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.header, blockquote{
|
||||
margin-left:100px;
|
||||
|
||||
}
|
||||
|
||||
.header{
|
||||
font-size: 0.95em;
|
||||
line-height:1.6em;
|
||||
|
||||
img{
|
||||
display:none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#comment_form{
|
||||
background:#e4f1d5;
|
||||
background-color:rgba(127,182,55,0.2);
|
||||
padding:20px;
|
||||
padding-bottom:35px;
|
||||
margin:0px 0px 0px 0px;
|
||||
|
||||
h3{
|
||||
margin-top:0px;
|
||||
text-transform:uppercase;
|
||||
|
||||
}
|
||||
|
||||
input,textarea{
|
||||
background:white;
|
||||
background-color:rgba(255,255,255,0.8);
|
||||
padding:1%;
|
||||
|
||||
}
|
||||
|
||||
textarea{
|
||||
line-height:1.6em;
|
||||
|
||||
}
|
||||
|
||||
label{
|
||||
display:inline-block;
|
||||
min-width:90px;
|
||||
padding:5px;
|
||||
|
||||
}
|
||||
|
||||
.submit{
|
||||
float:right;
|
||||
@include border-radius(10px);
|
||||
margin-top:-16px;
|
||||
cursor:pointer;
|
||||
|
||||
&:hover{
|
||||
background:#97bc4a;
|
||||
color:white;
|
||||
|
||||
}
|
||||
padding:1% 2%;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//iPhone
|
||||
@media only screen and (max-width: 480px) {
|
||||
|
||||
|
||||
|
||||
|
||||
body{
|
||||
font-size:50%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 320px) {
|
||||
|
||||
|
||||
|
||||
|
||||
body{
|
||||
font-size:75%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
header#top{
|
||||
|
||||
text-align:center;
|
||||
img{
|
||||
float:none;
|
||||
display:block;
|
||||
margin:auto;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
navigation{
|
||||
text-align:center;
|
||||
float:none;
|
||||
display:block;
|
||||
margin-top:10px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
#comment_form{
|
||||
margin:0px !important;
|
||||
}
|
||||
|
||||
#comments{
|
||||
|
||||
.comment{
|
||||
|
||||
aside{
|
||||
|
||||
img{
|
||||
float:left;
|
||||
margin:auto;
|
||||
border-radius:50%;
|
||||
width:40px;
|
||||
height:40px;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.header, blockquote{
|
||||
margin-left:50px;
|
||||
|
||||
}
|
||||
blockquote{
|
||||
margin-left:10px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
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;
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,47 @@
|
||||
.menu_itemlink_content{
|
||||
display:block;
|
||||
height:300px;
|
||||
padding:1px 0;
|
||||
text-align:center;
|
||||
position:relative;
|
||||
|
||||
.overlay{
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
background:rgba(0,0,0,0.5);
|
||||
opacity:0;
|
||||
|
||||
transition-duration:0.2s;
|
||||
|
||||
}
|
||||
h4{
|
||||
margin:0;
|
||||
padding:10px;
|
||||
display:inline-block;
|
||||
color:white;
|
||||
font-size:1.1em;
|
||||
position:absolute;left:0;
|
||||
right:0;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
.overlay{
|
||||
opacity:1;
|
||||
|
||||
}
|
||||
h4{
|
||||
|
||||
color:white;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.admin{
|
||||
.menu_itemlink_content{
|
||||
|
||||
margin:10px;
|
||||
} }
|
||||
@ -18,35 +18,35 @@
|
||||
margin:auto;
|
||||
max-width:1120px !important;
|
||||
padding:0 40px;
|
||||
|
||||
|
||||
.bx-viewport{
|
||||
background:transparent;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
.bx-prev{
|
||||
top:auto;
|
||||
left:auto;
|
||||
bottom:20px;
|
||||
right:80px;
|
||||
|
||||
|
||||
}
|
||||
.bx-next{
|
||||
top:auto;
|
||||
left:auto;
|
||||
bottom:20px;
|
||||
right:60px;
|
||||
|
||||
|
||||
}
|
||||
.bx-pager{
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.home_blog_article{
|
||||
|
||||
|
||||
color:inherit;
|
||||
|
||||
|
||||
.image{
|
||||
width:50%;
|
||||
height:340px;
|
||||
@ -54,12 +54,12 @@
|
||||
background:no-repeat center center;
|
||||
position:relative;
|
||||
z-index:2;
|
||||
|
||||
|
||||
}
|
||||
.description_container{
|
||||
margin-left:50%;
|
||||
margin-top:60px;
|
||||
|
||||
|
||||
.description{
|
||||
position:relative;
|
||||
left:-20px;
|
||||
@ -68,13 +68,13 @@
|
||||
padding:40px 60px;
|
||||
padding-left:80px;
|
||||
margin-right:-20px;
|
||||
|
||||
|
||||
|
||||
|
||||
h3{
|
||||
color:$orange;
|
||||
margin:0;
|
||||
padding:0;
|
||||
|
||||
|
||||
}
|
||||
h2{
|
||||
color:$dark_orange;
|
||||
@ -85,28 +85,28 @@
|
||||
line-height:0.8em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
#home_image_actus{
|
||||
background:black;
|
||||
|
||||
|
||||
.image_actu{
|
||||
|
||||
|
||||
|
||||
|
||||
float:left;
|
||||
width:12.5%;
|
||||
&.large{
|
||||
width:12.5%;
|
||||
|
||||
|
||||
}
|
||||
&.medium{
|
||||
width:12.5%;
|
||||
|
||||
|
||||
}
|
||||
.inner{
|
||||
margin:0px;
|
||||
@ -120,9 +120,9 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.inner{
|
||||
|
||||
|
||||
padding:20px;
|
||||
background:$orange;
|
||||
box-sizing:border-box;
|
||||
@ -141,8 +141,8 @@
|
||||
.shortcut{
|
||||
width:50%;
|
||||
float:left;
|
||||
|
||||
|
||||
|
||||
|
||||
.inner{
|
||||
background:white;
|
||||
margin:auto;
|
||||
@ -152,7 +152,7 @@
|
||||
background:no-repeat center center;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
|
||||
.description{
|
||||
padding:20px;
|
||||
text-align:center;
|
||||
@ -162,7 +162,7 @@
|
||||
line-height:0.8em;
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -172,7 +172,7 @@
|
||||
|
||||
|
||||
#home_petitions{
|
||||
|
||||
|
||||
.more_link{
|
||||
color:$orange;
|
||||
&:hover{
|
||||
@ -180,7 +180,7 @@
|
||||
cursor :pointer;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.sign_link{
|
||||
margin-top:3em;
|
||||
display: inline-block;
|
||||
@ -191,10 +191,10 @@
|
||||
color: white;
|
||||
cursor :pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.bx-pager{
|
||||
display:none;
|
||||
}
|
||||
@ -205,22 +205,22 @@
|
||||
.home_petition_large{
|
||||
background: center center no-repeat ;
|
||||
background-size:cover;
|
||||
|
||||
|
||||
.inner{
|
||||
color:black;
|
||||
background:white;
|
||||
max-width:750px;
|
||||
margin:50px auto;
|
||||
|
||||
|
||||
.description{
|
||||
padding:20px;
|
||||
height:220px;
|
||||
.left{
|
||||
|
||||
|
||||
width:60%;
|
||||
float:left;
|
||||
box-sizing:border-box;
|
||||
|
||||
|
||||
}
|
||||
.right{
|
||||
padding:20px;
|
||||
@ -230,10 +230,10 @@
|
||||
float:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -256,19 +256,19 @@
|
||||
.shortcut{
|
||||
//width:32%;
|
||||
//float:left;
|
||||
|
||||
|
||||
|
||||
|
||||
.inner{
|
||||
background:white;
|
||||
margin:auto;
|
||||
max-width:320px;
|
||||
|
||||
|
||||
.image{
|
||||
height:230px;
|
||||
background:no-repeat center center;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
|
||||
.description{
|
||||
padding:20px;
|
||||
text-align:center;
|
||||
@ -279,28 +279,28 @@
|
||||
line-height:0.8em;
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.bottom_container{
|
||||
background:rgba(5,5,5,0.05) url('/logo_fade.png') no-repeat bottom right;
|
||||
background-size:100px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.bottom, .sub_bottom{
|
||||
padding: 50px 60px;
|
||||
|
||||
|
||||
|
||||
|
||||
padding-bottom:50px;
|
||||
transition-duration:0.5s;
|
||||
|
||||
|
||||
h4{
|
||||
color:$orange;
|
||||
a{
|
||||
@ -316,14 +316,14 @@
|
||||
color:rgba(20,20,20,0.8);
|
||||
margin:10px 0;
|
||||
&:hover{
|
||||
|
||||
|
||||
color:$orange;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.legals{
|
||||
|
||||
|
||||
position:absolute;
|
||||
bottom:20px;
|
||||
left:50px;
|
||||
@ -336,22 +336,22 @@
|
||||
}
|
||||
|
||||
.sub_bottom_container{
|
||||
|
||||
|
||||
background:#323232;
|
||||
}
|
||||
.sub_bottom{
|
||||
|
||||
|
||||
|
||||
|
||||
.email{
|
||||
input{
|
||||
display:block;
|
||||
padding:5px;
|
||||
font-size:1em;
|
||||
color:black;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
p{
|
||||
max-width:80%;
|
||||
@ -369,7 +369,7 @@
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
ul{
|
||||
li{
|
||||
margin-bottom:5px;
|
||||
@ -378,7 +378,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
color:white;
|
||||
*{
|
||||
color:white;
|
||||
@ -386,32 +386,32 @@
|
||||
}
|
||||
.bottom_block{
|
||||
position:fixed;
|
||||
|
||||
|
||||
bottom:0;
|
||||
right:10px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#new_bottom{
|
||||
|
||||
|
||||
.newsletter_bottom{
|
||||
width:70%;
|
||||
float:left;
|
||||
border-right:1px solid rgba(255,255,255,0.8);
|
||||
box-sizing:border-box;
|
||||
padding:30px 0;
|
||||
|
||||
|
||||
}
|
||||
.socials_bottom{
|
||||
width:30%;
|
||||
float:left;
|
||||
|
||||
|
||||
box-sizing:border-box;
|
||||
padding:30px 0;
|
||||
padding-left:20px;
|
||||
|
||||
|
||||
}
|
||||
.span_2{
|
||||
width:20%;
|
||||
@ -428,10 +428,10 @@
|
||||
margin-bottom:0;
|
||||
color:rgba(255,255,255,0.9);;
|
||||
}
|
||||
|
||||
|
||||
ul{
|
||||
padding:0;
|
||||
|
||||
|
||||
}
|
||||
li{
|
||||
list-style:none;
|
||||
@ -441,38 +441,38 @@
|
||||
border-top:1px solid rgba(255,255,255,0.8);
|
||||
padding:30px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#contact_bottom_row{
|
||||
padding:30px 0;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.bx-wrapper{
|
||||
.bx-wrapper{
|
||||
.bx-next{
|
||||
background-image:url('/bx/controls2.png');
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
.bx-prev{
|
||||
background-image:url('/bx/controls2.png');
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#home_follow_container{
|
||||
|
||||
|
||||
position:relative;
|
||||
.bx-wrapper{
|
||||
position:static;
|
||||
}
|
||||
|
||||
|
||||
.main_container{
|
||||
position:static;
|
||||
}
|
||||
}
|
||||
}
|
||||
325
app/assets/stylesheets/public/@old/new_home.css.scss
Normal file
325
app/assets/stylesheets/public/@old/new_home.css.scss
Normal file
@ -0,0 +1,325 @@
|
||||
|
||||
|
||||
|
||||
.bottom_container{
|
||||
background:rgba(5,5,5,0.05) url('/logo_fade.png') no-repeat bottom right;
|
||||
background-size:100px;
|
||||
|
||||
}
|
||||
|
||||
.bottom, .sub_bottom{
|
||||
padding: 50px 60px;
|
||||
|
||||
|
||||
padding-bottom:50px;
|
||||
transition-duration:0.5s;
|
||||
|
||||
h4{
|
||||
color:$orange;
|
||||
a{
|
||||
color:$orange;
|
||||
}
|
||||
margin:0px;
|
||||
}
|
||||
ul{
|
||||
padding-left:5px;
|
||||
li{
|
||||
list-style:none;
|
||||
a{
|
||||
color:rgba(20,20,20,0.8);
|
||||
margin:10px 0;
|
||||
&:hover{
|
||||
|
||||
color:$orange;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.legals{
|
||||
|
||||
position:absolute;
|
||||
bottom:20px;
|
||||
left:50px;
|
||||
a{
|
||||
color:rgba(20,20,20,0.8);
|
||||
font-size:0.9em;
|
||||
}
|
||||
opacity:0.6;
|
||||
}
|
||||
}
|
||||
|
||||
.sub_bottom_container{
|
||||
|
||||
background:#323232;
|
||||
}
|
||||
.sub_bottom{
|
||||
|
||||
|
||||
.email{
|
||||
input{
|
||||
display:block;
|
||||
padding:5px;
|
||||
font-size:1em;
|
||||
color:black;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
p{
|
||||
max-width:80%;
|
||||
}
|
||||
.btn{
|
||||
color:white;
|
||||
background:none;
|
||||
border:1px solid white;
|
||||
padding:5px 10px;
|
||||
font-size:1em;
|
||||
margin-top:5px;
|
||||
background:$orange;
|
||||
&:hover{
|
||||
background:$orange;
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
|
||||
ul{
|
||||
li{
|
||||
margin-bottom:5px;
|
||||
a{
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
color:white;
|
||||
*{
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
.bottom_block{
|
||||
position:fixed;
|
||||
|
||||
bottom:0;
|
||||
right:10px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
#new_bottom{
|
||||
margin-top:20px;
|
||||
.newsletter_bottom{
|
||||
width:70%;
|
||||
float:left;
|
||||
|
||||
box-sizing:border-box;
|
||||
padding:20px 0;
|
||||
padding-bottom:0;
|
||||
|
||||
|
||||
#newsletter_form{
|
||||
#registrant_email{
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
width: 200px;
|
||||
padding: 5px;
|
||||
font-size: 1em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.btn{
|
||||
|
||||
padding: 4px 10px;
|
||||
display: inline-block;
|
||||
color: white;
|
||||
background: orange;
|
||||
border-color: transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
.email{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
.socials_bottom{
|
||||
width:30%;
|
||||
float:left;
|
||||
|
||||
box-sizing:border-box;
|
||||
padding:20px 0;
|
||||
padding-left:20px;
|
||||
padding-bottom:0;
|
||||
|
||||
}
|
||||
.span_2{
|
||||
width:20%;
|
||||
}
|
||||
background:#002C52;
|
||||
padding-bottom:60px;
|
||||
color:#181818;
|
||||
a{
|
||||
color:#181818;
|
||||
}
|
||||
h4{
|
||||
font-size:1.2em;
|
||||
margin-top:0;
|
||||
margin-bottom:0;
|
||||
color:$orange;
|
||||
|
||||
a{
|
||||
color:$orange;
|
||||
}
|
||||
}
|
||||
|
||||
ul{
|
||||
padding:0;
|
||||
|
||||
}
|
||||
li{
|
||||
list-style:none;
|
||||
}
|
||||
#menu_bottom_row{
|
||||
|
||||
padding:30px 0;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
|
||||
|
||||
#contact_bottom_row{
|
||||
padding:30px 0;
|
||||
padding-top:10px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.bx-wrapper{
|
||||
.bx-next{
|
||||
background-image:url('/bx/controls2.png');
|
||||
|
||||
|
||||
}
|
||||
.bx-prev{
|
||||
background-image:url('/bx/controls2.png');
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#home_follow_container{
|
||||
|
||||
position:relative;
|
||||
.bx-wrapper{
|
||||
position:static;
|
||||
}
|
||||
|
||||
.main_container{
|
||||
position:static;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#investigation_slider{
|
||||
|
||||
padding:0;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.investigation_container{
|
||||
float:left;
|
||||
width:33.33%;
|
||||
box-sizing:border-box;
|
||||
// padding:0 15px;
|
||||
|
||||
position:relative;
|
||||
|
||||
|
||||
#investigation_prev {
|
||||
display:none;
|
||||
}
|
||||
#investigation_next {
|
||||
display:none;
|
||||
}
|
||||
.bx-viewport{
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
|
||||
.investigations{
|
||||
|
||||
}
|
||||
.investigation{
|
||||
|
||||
box-sizing:border-box;
|
||||
|
||||
|
||||
background:transparent;
|
||||
text-align:center;
|
||||
|
||||
&:first-child{
|
||||
padding-bottom:30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.investigation_row{
|
||||
display:none;
|
||||
|
||||
&.active{
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#newsletter_bandeau_home{
|
||||
background:url('/bleu.jpg') no-repeat;
|
||||
background-size:100%;
|
||||
background-size:cover;
|
||||
padding:30px 0;
|
||||
|
||||
.main_container{
|
||||
max-width:800px;
|
||||
}
|
||||
table{
|
||||
border-collapse:collapse;
|
||||
width:100%;
|
||||
}
|
||||
.email{
|
||||
display:inline;
|
||||
input{
|
||||
font-size:1em;
|
||||
padding:5px 10px;
|
||||
display:block;
|
||||
width:100%;
|
||||
box-sizing:border-box;
|
||||
border:2px solid white;
|
||||
}
|
||||
}
|
||||
.btn{
|
||||
font-size:1em;
|
||||
padding:5px 10px;
|
||||
display:block;
|
||||
width:100%;
|
||||
box-sizing:border-box;
|
||||
background:$orange;
|
||||
color:white;
|
||||
border:2px solid $orange;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
}
|
||||
@ -2,30 +2,30 @@ body{
|
||||
padding:0px;
|
||||
background: url('/assets/front/fond.jpg');
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
header#top{
|
||||
header#top{
|
||||
display:block;
|
||||
|
||||
|
||||
|
||||
background: url('/assets/front/top.png') repeat-x;
|
||||
|
||||
|
||||
img{
|
||||
width:120px;
|
||||
float:left;
|
||||
margin:20px 50px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
navigation#first_nav{
|
||||
|
||||
|
||||
margin-top:50px;
|
||||
margin-right:20px;
|
||||
float:right;
|
||||
|
||||
|
||||
|
||||
|
||||
a{
|
||||
display:inline-block;
|
||||
padding:10px;
|
||||
@ -39,26 +39,26 @@ navigation#first_nav{
|
||||
|
||||
}
|
||||
#main{
|
||||
|
||||
|
||||
|
||||
header{
|
||||
|
||||
|
||||
|
||||
header{
|
||||
h1{
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
|
||||
h2{
|
||||
margin-top:0em;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
img{
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
article{
|
||||
margin-bottom:3em;
|
||||
border-top:2px solid #97bc4a;
|
||||
@ -71,26 +71,26 @@ navigation#first_nav{
|
||||
*{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
#sidebar{
|
||||
padding:0% 2%;
|
||||
|
||||
|
||||
|
||||
|
||||
background:#97bc4a;
|
||||
|
||||
|
||||
img{
|
||||
margin:0.5em 0;
|
||||
margin:0.5em 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
color:white;
|
||||
|
||||
|
||||
h3,a{
|
||||
color:white;
|
||||
}
|
||||
@ -101,31 +101,31 @@ comment{
|
||||
|
||||
message{
|
||||
padding:10px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
author{
|
||||
float:left;
|
||||
width:200px;
|
||||
text-align:center;
|
||||
|
||||
p{
|
||||
|
||||
p{
|
||||
text-align:center;
|
||||
margin:0px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.img{
|
||||
height:120px;
|
||||
width:120px;
|
||||
border-radius:50%;
|
||||
overflow:hidden;
|
||||
display:inline-block;
|
||||
|
||||
|
||||
img{
|
||||
height:120px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@ -139,54 +139,54 @@ comment{
|
||||
footer{
|
||||
margin-top:100px;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media only screen and (min-width: 0px) {
|
||||
|
||||
|
||||
header#top{
|
||||
|
||||
|
||||
img{
|
||||
width:120px;
|
||||
|
||||
|
||||
margin:20px 5%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#main{
|
||||
}
|
||||
|
||||
#main{
|
||||
margin:auto;
|
||||
|
||||
|
||||
max-width:800px;
|
||||
width:90%;
|
||||
}
|
||||
|
||||
|
||||
#sidebar{
|
||||
margin:auto;
|
||||
padding:2% !important;
|
||||
max-width:800px;
|
||||
width:86%;
|
||||
|
||||
width:86%;
|
||||
|
||||
img{
|
||||
margin:0.5em 0;
|
||||
max-width:98%;
|
||||
max-width:98%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.img_with_legend{
|
||||
position:relative;
|
||||
|
||||
|
||||
figcaption{
|
||||
margin-top:5px;
|
||||
margin-top:5px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -195,40 +195,40 @@ footer{
|
||||
|
||||
#main{
|
||||
margin-left:2%;
|
||||
|
||||
|
||||
|
||||
|
||||
max-width:800px;
|
||||
width:69%;
|
||||
float:left;
|
||||
|
||||
|
||||
padding:0px;
|
||||
|
||||
|
||||
|
||||
|
||||
article{
|
||||
padding:0px 6%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
#sidebar{
|
||||
float:right;
|
||||
width:23%;
|
||||
padding-top:0px !important;
|
||||
min-height:1000px;
|
||||
|
||||
|
||||
img{
|
||||
max-width:100%;
|
||||
margin:0.5em 0;
|
||||
margin:0.5em 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -239,9 +239,9 @@ footer{
|
||||
margin-left:5%;
|
||||
|
||||
width:64%;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -252,12 +252,12 @@ footer{
|
||||
margin-left:18%;
|
||||
|
||||
width:53%;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
#sidebar{
|
||||
|
||||
|
||||
padding-top:0em !important;
|
||||
}
|
||||
|
||||
@ -265,11 +265,11 @@ footer{
|
||||
|
||||
article{
|
||||
position:relative;
|
||||
|
||||
|
||||
|
||||
aside{
|
||||
|
||||
|
||||
|
||||
aside{
|
||||
|
||||
display:block;
|
||||
position:absolute;
|
||||
left : -39%;
|
||||
@ -278,73 +278,73 @@ footer{
|
||||
padding-top:0em;
|
||||
line-height:1.6em;
|
||||
width:42%;
|
||||
|
||||
|
||||
text-align:center;
|
||||
|
||||
|
||||
|
||||
|
||||
p{
|
||||
margin:0px;
|
||||
display:block !important;
|
||||
}
|
||||
|
||||
|
||||
img{
|
||||
display:block !important;
|
||||
margin:auto;
|
||||
border-radius:50%;
|
||||
}
|
||||
|
||||
time{
|
||||
display:block;
|
||||
|
||||
border-radius:50%;
|
||||
}
|
||||
|
||||
*{
|
||||
time{
|
||||
display:block;
|
||||
|
||||
}
|
||||
|
||||
*{
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.img_with_legend{
|
||||
position:relative;
|
||||
|
||||
|
||||
figcaption{
|
||||
display:block;
|
||||
position:absolute;
|
||||
left : -35%;
|
||||
left : -35%;
|
||||
width:32%;
|
||||
top:10px;
|
||||
|
||||
*{
|
||||
|
||||
*{
|
||||
text-align:right;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
#comments{
|
||||
|
||||
.comment{
|
||||
margin-bottom:3em;
|
||||
|
||||
|
||||
aside{
|
||||
|
||||
|
||||
img{
|
||||
float:left;
|
||||
margin:auto;
|
||||
margin:auto;
|
||||
border-radius:50%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
blockquote{
|
||||
@ -353,27 +353,27 @@ footer{
|
||||
border-color : #97bc4a;
|
||||
min-height:3em;
|
||||
padding-right:0px;
|
||||
|
||||
|
||||
p{
|
||||
text-align:justify !important;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.header, blockquote{
|
||||
|
||||
.header, blockquote{
|
||||
margin-left:100px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.header{
|
||||
font-size: 0.95em;
|
||||
line-height:1.6em;
|
||||
|
||||
|
||||
img{
|
||||
display:none;
|
||||
}
|
||||
|
||||
display:none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@ -387,32 +387,32 @@ footer{
|
||||
padding:20px;
|
||||
padding-bottom:35px;
|
||||
margin:0px 0px 0px 0px;
|
||||
|
||||
|
||||
h3{
|
||||
margin-top:0px;
|
||||
text-transform:uppercase;
|
||||
|
||||
}
|
||||
|
||||
|
||||
input,textarea{
|
||||
background:white;
|
||||
background-color:rgba(255,255,255,0.8);
|
||||
padding:1%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
textarea{
|
||||
line-height:1.6em;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
label{
|
||||
display:inline-block;
|
||||
min-width:90px;
|
||||
padding:5px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.submit{
|
||||
float:right;
|
||||
@include border-radius(10px);
|
||||
@ -422,10 +422,10 @@ footer{
|
||||
&:hover{
|
||||
background:#97bc4a;
|
||||
color:white;
|
||||
|
||||
|
||||
}
|
||||
padding:1% 2%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@ -437,111 +437,111 @@ footer{
|
||||
//iPhone
|
||||
@media only screen and (max-width: 480px) {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body{
|
||||
font-size:50%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 320px) {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body{
|
||||
font-size:75%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
header#top{
|
||||
|
||||
|
||||
text-align:center;
|
||||
img{
|
||||
float:none;
|
||||
display:block;
|
||||
margin:auto;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
navigation{
|
||||
text-align:center;
|
||||
float:none;
|
||||
display:block;
|
||||
margin-top:10px;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#comment_form{
|
||||
margin:0px !important;
|
||||
}
|
||||
|
||||
|
||||
#comments{
|
||||
|
||||
.comment{
|
||||
|
||||
|
||||
aside{
|
||||
|
||||
|
||||
img{
|
||||
float:left;
|
||||
margin:auto;
|
||||
margin:auto;
|
||||
border-radius:50%;
|
||||
width:40px;
|
||||
height:40px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.header, blockquote{
|
||||
|
||||
.header, blockquote{
|
||||
margin-left:50px;
|
||||
|
||||
}
|
||||
blockquote{
|
||||
blockquote{
|
||||
margin-left:10px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -553,8 +553,8 @@ footer{
|
||||
border-top: #202020 2px solid;
|
||||
border-bottom: #97BC4A 12px solid;
|
||||
text-align:center;
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
@ -571,7 +571,7 @@ footer{
|
||||
width:100%;
|
||||
height:100%;
|
||||
display:none;
|
||||
|
||||
|
||||
.content{
|
||||
background:rgba(250,250,250,0.95);
|
||||
padding:10px 30px;
|
||||
@ -579,8 +579,8 @@ footer{
|
||||
width:90%;
|
||||
max-width:600px;
|
||||
border:1px solid gray;
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -1,19 +1,19 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.bottom_container{
|
||||
background:rgba(5,5,5,0.05) url('/logo_fade.png') no-repeat bottom right;
|
||||
background-size:100px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.bottom, .sub_bottom{
|
||||
padding: 50px 60px;
|
||||
|
||||
|
||||
|
||||
|
||||
padding-bottom:50px;
|
||||
transition-duration:0.5s;
|
||||
|
||||
|
||||
h4{
|
||||
color:$orange;
|
||||
a{
|
||||
@ -29,14 +29,14 @@
|
||||
color:rgba(20,20,20,0.8);
|
||||
margin:10px 0;
|
||||
&:hover{
|
||||
|
||||
|
||||
color:$orange;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.legals{
|
||||
|
||||
|
||||
position:absolute;
|
||||
bottom:20px;
|
||||
left:50px;
|
||||
@ -49,22 +49,22 @@
|
||||
}
|
||||
|
||||
.sub_bottom_container{
|
||||
|
||||
|
||||
background:#323232;
|
||||
}
|
||||
.sub_bottom{
|
||||
|
||||
|
||||
|
||||
|
||||
.email{
|
||||
input{
|
||||
display:block;
|
||||
padding:5px;
|
||||
font-size:1em;
|
||||
color:black;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
p{
|
||||
max-width:80%;
|
||||
@ -82,7 +82,7 @@
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
ul{
|
||||
li{
|
||||
margin-bottom:5px;
|
||||
@ -91,7 +91,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
color:white;
|
||||
*{
|
||||
color:white;
|
||||
@ -99,25 +99,25 @@
|
||||
}
|
||||
.bottom_block{
|
||||
position:fixed;
|
||||
|
||||
|
||||
bottom:0;
|
||||
right:10px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#new_bottom{
|
||||
margin-top:20px;
|
||||
.newsletter_bottom{
|
||||
width:70%;
|
||||
float:left;
|
||||
|
||||
|
||||
box-sizing:border-box;
|
||||
padding:20px 0;
|
||||
padding-bottom:0;
|
||||
|
||||
|
||||
|
||||
|
||||
#newsletter_form{
|
||||
#registrant_email{
|
||||
display: block;
|
||||
@ -127,9 +127,9 @@
|
||||
font-size: 1em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
.btn{
|
||||
|
||||
|
||||
padding: 4px 10px;
|
||||
display: inline-block;
|
||||
color: white;
|
||||
@ -140,20 +140,20 @@
|
||||
.email{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.socials_bottom{
|
||||
width:30%;
|
||||
float:left;
|
||||
|
||||
|
||||
box-sizing:border-box;
|
||||
padding:20px 0;
|
||||
padding-left:20px;
|
||||
padding-bottom:0;
|
||||
|
||||
|
||||
}
|
||||
.span_2{
|
||||
width:20%;
|
||||
@ -169,56 +169,56 @@
|
||||
margin-top:0;
|
||||
margin-bottom:0;
|
||||
color:$orange;
|
||||
|
||||
|
||||
a{
|
||||
color:$orange;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
ul{
|
||||
padding:0;
|
||||
|
||||
|
||||
}
|
||||
li{
|
||||
list-style:none;
|
||||
}
|
||||
#menu_bottom_row{
|
||||
|
||||
|
||||
padding:30px 0;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#contact_bottom_row{
|
||||
padding:30px 0;
|
||||
padding-top:10px;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.bx-wrapper{
|
||||
.bx-wrapper{
|
||||
.bx-next{
|
||||
background-image:url('/bx/controls2.png');
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
.bx-prev{
|
||||
background-image:url('/bx/controls2.png');
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
#home_follow_container{
|
||||
|
||||
|
||||
position:relative;
|
||||
.bx-wrapper{
|
||||
position:static;
|
||||
}
|
||||
|
||||
|
||||
.main_container{
|
||||
position:static;
|
||||
}
|
||||
@ -226,14 +226,14 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#investigation_slider{
|
||||
|
||||
padding:0;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -245,7 +245,7 @@
|
||||
|
||||
position:relative;
|
||||
|
||||
|
||||
|
||||
#investigation_prev {
|
||||
display:none;
|
||||
}
|
||||
@ -255,34 +255,34 @@
|
||||
.bx-viewport{
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.investigations{
|
||||
|
||||
}
|
||||
.investigation{
|
||||
|
||||
|
||||
box-sizing:border-box;
|
||||
|
||||
|
||||
|
||||
|
||||
background:transparent;
|
||||
text-align:center;
|
||||
|
||||
|
||||
&:first-child{
|
||||
padding-bottom:30px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.investigation_row{
|
||||
display:none;
|
||||
|
||||
|
||||
&.active{
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -291,7 +291,7 @@
|
||||
background-size:100%;
|
||||
background-size:cover;
|
||||
padding:30px 0;
|
||||
|
||||
|
||||
.main_container{
|
||||
max-width:800px;
|
||||
}
|
||||
@ -321,5 +321,5 @@
|
||||
border:2px solid $orange;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -36,46 +36,46 @@
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
|
||||
%meta{:name=>"viewport", :content=>"width=device-width,initial-scale=1"}
|
||||
%meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
|
||||
%meta{ :"name" => "Description", :content => @description }
|
||||
%meta{ :"name" => "Keywords", :content => @keywords }
|
||||
%meta{ :"name" => "Keywords", :content => @keywords }
|
||||
|
||||
-if @facebook_img
|
||||
=raw '<meta property="og:image" content="http://payresas.fr'+@facebook_img.to_s+'"/>'
|
||||
=raw '<link rel="image_src" href="http://payresas.fr'+@facebook_img.to_s+'"/>'
|
||||
|
||||
|
||||
=raw '<meta name="twitter:card" content="summary_large_image">'
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
=raw '<meta property="twitter:image" content="http://payresas.fr'+@facebook_img.to_s+'"/>'
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
-@img_size = FastImage.size('http://payresas.fr'+@facebook_img.to_s)
|
||||
|
||||
|
||||
-if @img_size and @img_size.size > 0
|
||||
=raw '<meta property="og:image:width" content="'+@img_size[0].to_s+'"/>'
|
||||
=raw '<meta property="og:image:height" content="'+@img_size[1].to_s+'"/>'
|
||||
|
||||
|
||||
= javascript_include_tag "public"
|
||||
|
||||
= csrf_meta_tag
|
||||
|
||||
= csrf_meta_tag
|
||||
=render :partial => "public/shared/ga"
|
||||
|
||||
|
||||
= stylesheet_link_tag 'public', :media => :all
|
||||
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Galada|Lato:400,900|Roboto+Slab:400,700" rel="stylesheet">
|
||||
<script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>
|
||||
=javascript_include_tag "https://maps.googleapis.com/maps/api/js?libraries=places,geometry&sensor=false"
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
%body
|
||||
-if !current_admin
|
||||
@ -84,15 +84,15 @@
|
||||
%br
|
||||
#actus
|
||||
.center
|
||||
#left_actus{:style => "width:100%;float:none"}
|
||||
#left_actus
|
||||
=image_tag("/blog.png", :class => "blog_img")
|
||||
%h2
|
||||
Notre nouveau site sera en ligne
|
||||
Notre nouveau site sera en ligne
|
||||
%strong dans quelques jours
|
||||
.clear
|
||||
%br
|
||||
%br
|
||||
|
||||
|
||||
<div class="center_block" style="background-image:url('/public_medias/image_file/file/7/large_e3f9bd61.jpg');background-size:100%;background-size:cover;background-position:center center;text-align:center;">
|
||||
|
||||
|
||||
@ -152,24 +152,19 @@
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
-else
|
||||
|
||||
|
||||
|
||||
-else
|
||||
|
||||
=link_to image_tag("/logo-fond.png", :id => "logo_fond"), "/"
|
||||
-if @menu_item and @menu_item.id == 1
|
||||
-if @menu_item and @menu_item.id == 1 #SI PAGE D'ACCUEIL
|
||||
.slide_home_wrapper
|
||||
|
||||
|
||||
#menu_top
|
||||
=link_to image_tag("/logo-france-rurale-fond.png", :id => "logo_france_rurale"), "/"
|
||||
.menu
|
||||
|
||||
=render :partial => "public/shared/first_menu"
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
=render :partial => "public/shared/menu_top"
|
||||
|
||||
|
||||
|
||||
|
||||
.slide_home.slider
|
||||
|
||||
-@home_slider = HomeSlider.find_by_slug("home")
|
||||
@ -182,36 +177,37 @@
|
||||
-@home_slides_simu = @home_slides_simu.joins(:lang_sites).where("lang_sites.id = ?", @lang.id)
|
||||
-@home_slides_simu.each do |home_slider_slide|
|
||||
-if home_slider_slide.image_file
|
||||
|
||||
|
||||
%div.with_ratio.slide{:style => "background-image:url('#{home_slider_slide.image_file.file.large.url}');background-size:100%;background-size:cover;", :data => {:ratio => 0.45}}
|
||||
=link_to home_slider_slide.url.to_s, :target => ("_blank" if home_slider_slide.popup) do
|
||||
.link_overlay
|
||||
.description.vertical_center
|
||||
=link_to home_slider_slide.url.to_s, :target => ("_blank" if home_slider_slide.popup) do
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
-if home_slider_slide.titre2?
|
||||
.sub_title=home_slider_slide.titre2
|
||||
-elsif home_slider_slide.article
|
||||
.sub_title
|
||||
-if home_slider_slide.article.category
|
||||
|
||||
|
||||
-cats = []
|
||||
-home_slider_slide.article.categories.uniq.each do |cat|
|
||||
-cats << cat.lang(I18n.locale.to_s).name
|
||||
=cats.join(", ")
|
||||
|
||||
|
||||
%span.sep
|
||||
="|"
|
||||
=l(home_slider_slide.article.published_at, :format => :human_date)
|
||||
.content
|
||||
%h3=home_slider_slide.titre1
|
||||
=home_slider_slide.description1
|
||||
|
||||
|
||||
|
||||
|
||||
#contentdescription
|
||||
=home_slider_slide.description1
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
:javascript
|
||||
$(document).ready(function(){
|
||||
@ -221,20 +217,16 @@
|
||||
prevText: '<'
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
-else
|
||||
.slide_home_wrapper.with_ratio{:style => "background-image:url('#{@img_url}');", :data => {:ratio => 0.35}}
|
||||
|
||||
|
||||
#menu_top
|
||||
=link_to image_tag("/logo-france-rurale-fond.png", :id => "logo_france_rurale"), "/"
|
||||
.menu
|
||||
|
||||
=render :partial => "public/shared/first_menu"
|
||||
|
||||
|
||||
|
||||
=render :partial => "public/shared/menu_top"
|
||||
|
||||
-if @menu_item and @menu_item.id == 1
|
||||
|
||||
|
||||
|
||||
|
||||
-else
|
||||
#main_content=yield
|
||||
-if @menu_item and @menu_item.id == 1
|
||||
@ -246,40 +238,40 @@
|
||||
LE JARDIN AU FIL DES MOIS
|
||||
%strong
|
||||
="/ Notre Blog"
|
||||
|
||||
|
||||
-Article.before(Time.now).recents.limit(3).each do |article|
|
||||
-lang_article = article.lang_articles.find_by_lang_site_id(@lang.id)
|
||||
-if article.image_file
|
||||
-img_url = article.image_file.file.large.medium.url
|
||||
%div{:class => "actu"}
|
||||
|
||||
.article
|
||||
-Article.before(Time.now).recents.limit(3).each do |article|
|
||||
-lang_article = article.lang_articles.find_by_lang_site_id(@lang.id)
|
||||
-if article.image_file
|
||||
-img_url = article.image_file.file.large.medium.url
|
||||
%div{:class => "actu"}
|
||||
|
||||
|
||||
.img.with_ratio{:style => "background-image:url('#{img_url}');background-size:100%;background-size:cover;", :data => {:ratio => 0.62}}
|
||||
.img.with_ratio{:style => "background-image:url('#{img_url}');background-size:100%;background-size:cover;", :data => {:ratio => 0.62}}
|
||||
|
||||
|
||||
|
||||
|
||||
.description
|
||||
%h3= lang_article.title
|
||||
|
||||
|
||||
=simple_format lang_article.description
|
||||
|
||||
|
||||
.cta
|
||||
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug), :class => "btn", :target => "_blank" do
|
||||
=qit("Lire l'article")
|
||||
>
|
||||
.clear
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#right_actus
|
||||
.blog_img
|
||||
%h2
|
||||
L’actualité de nos
|
||||
L’actualité de nos
|
||||
%strong jardinerie
|
||||
|
||||
|
||||
-@breves_rss[0..10].each do |article|
|
||||
=link_to "https://groupe-payre.fr"+article["url"].to_s, :target => "_blank", :style => "text-decoration:none;" do
|
||||
%div{:class =>"breve"}
|
||||
@ -288,15 +280,15 @@
|
||||
="-"
|
||||
= article['title']
|
||||
.clear
|
||||
|
||||
|
||||
#main=yield
|
||||
|
||||
|
||||
|
||||
|
||||
#bottom_actus
|
||||
.center
|
||||
%h2
|
||||
L’actualité du groupe Payre
|
||||
|
||||
|
||||
.actus{:style => "margin:0 -1.5%"}
|
||||
-@articles_rss[0..2].each do |article|
|
||||
=link_to "https://groupe-payre.fr"+article["url"].to_s, :target => "_blank", :style => "text-decoration:none;" do
|
||||
@ -306,12 +298,12 @@
|
||||
="-"
|
||||
= article['title']
|
||||
.clear
|
||||
|
||||
|
||||
#footer
|
||||
.center
|
||||
%h2
|
||||
Nous contacter
|
||||
|
||||
|
||||
-@contact = @contact || Contact.new(:provenance_id => 5)
|
||||
|
||||
.contact_form.contact_militer#form
|
||||
@ -322,16 +314,16 @@
|
||||
#logos
|
||||
=link_to "https://payreagriculture.fr", :target => "_blank" do
|
||||
=image_tag "/payre-agriculture.png"
|
||||
|
||||
|
||||
=link_to "https://payreenergies.fr", :target => "_blank" do
|
||||
=image_tag "/payre-energies.png"
|
||||
|
||||
|
||||
=link_to "https://payremaintenance.fr", :target => "_blank" do
|
||||
=image_tag "/payre-maintenance.png"
|
||||
|
||||
|
||||
=link_to "http://payrejardinerie.fr/", :target => "_blank" do
|
||||
=image_tag "/payre-jardinerie.png"
|
||||
|
||||
|
||||
#place
|
||||
%p
|
||||
SAS PAYRE
|
||||
@ -340,7 +332,7 @@
|
||||
%br
|
||||
38430 MOIRANS
|
||||
#contacts
|
||||
|
||||
|
||||
%p
|
||||
=ic :phone
|
||||
04 76 35 31 69
|
||||
@ -351,10 +343,10 @@
|
||||
=link_to "mailto:contact@ets-payre.fr" do
|
||||
=ic :"envelope-o"
|
||||
contact@ets-payre.fr
|
||||
|
||||
|
||||
.clear
|
||||
|
||||
|
||||
|
||||
|
||||
:javascript
|
||||
resize()
|
||||
|
||||
|
||||
|
||||
@ -1,45 +1,45 @@
|
||||
.formulairecontact
|
||||
- @contact = @contact || Contact.new(:provenance_id => 5)
|
||||
=semantic_form_for [:public, @contact], :remote => true do |f|
|
||||
=f.inputs do
|
||||
|
||||
- @contact = @contact || Contact.new(:provenance_id => 5)
|
||||
=semantic_form_for [:public, @contact], :remote => true do |f|
|
||||
=f.inputs do
|
||||
|
||||
=f.hidden_field :provenance_id
|
||||
|
||||
|
||||
%table{:style => "border-collapse:collapse;width:100%;"}
|
||||
%tr
|
||||
|
||||
%td{:style => "width:50%;vertical-align:top;padding-right:6px;"}
|
||||
|
||||
=f.input :name, :label => false, :placeholder => qit("contact nom","Nom*")
|
||||
|
||||
%td{:style => "width:50%;vertical-align:top;padding-left:6px;"}
|
||||
=f.input :firstname, :label => false, :placeholder => qit("contact prenom","Prénom*")
|
||||
=f.hidden_field :provenance_id
|
||||
|
||||
|
||||
%tr
|
||||
%td{:colspan => 2}
|
||||
=f.input :corporate, :label => false, :placeholder => qit("contact organisation","Organisation*")
|
||||
%table
|
||||
%tr
|
||||
|
||||
%td
|
||||
|
||||
=f.input :name, :label => false, :placeholder => qit("contact nom","Nom*")
|
||||
|
||||
%td{:style => "width:50%;vertical-align:top;padding-left:6px;"}
|
||||
=f.input :firstname, :label => false, :placeholder => qit("contact prenom","Prénom*")
|
||||
|
||||
|
||||
%tr
|
||||
%td{:colspan => 2}
|
||||
=f.input :corporate, :label => false, :placeholder => qit("contact organisation","Organisation*")
|
||||
|
||||
%tr
|
||||
|
||||
%td
|
||||
=f.input :email, :label => false , :placeholder =>"Email"
|
||||
%td
|
||||
=f.input :phone, :label => false, :placeholder => qit("contact tel","Téléphone")
|
||||
%tr
|
||||
%td{:colspan => 2}
|
||||
=f.input :message, :label =>false , :placeholder => "Message"
|
||||
|
||||
|
||||
|
||||
.submit
|
||||
=f.submit "Envoyer", :class => "btn"
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.clear
|
||||
|
||||
%tr
|
||||
|
||||
%td{:style => "width:50%;vertical-align:top;padding-right:6px;"}
|
||||
=f.input :email, :label => false , :placeholder =>"Email"
|
||||
%td{:style => "width:50%;vertical-align:top;padding-left:6px;"}
|
||||
=f.input :phone, :label => false, :placeholder => qit("contact tel","Téléphone")
|
||||
%tr
|
||||
%td{:colspan => 2}
|
||||
=f.input :message, :label =>false , :placeholder => "Message"
|
||||
|
||||
|
||||
|
||||
.submit
|
||||
=f.submit "Envoyer", :class => "btn"
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.clear
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
-if home_slider_slide.image_file
|
||||
=link_to home_slider_slide.url.to_s, :target => ("_blank" if home_slider_slide.popup) do
|
||||
%div.with_ratio.slide{:style => "background-image:url('#{home_slider_slide.image_file.file.large.url}');background-size:100%;background-size:cover;", :data => {:ratio => 0.28}}
|
||||
|
||||
|
||||
.description.vertical_center
|
||||
%h3
|
||||
-if home_slider_slide.article
|
||||
@ -21,31 +21,31 @@
|
||||
=lang_article.title
|
||||
-else
|
||||
=home_slider_slide.titre1
|
||||
|
||||
|
||||
-if home_slider_slide.titre2?
|
||||
.sub_title=home_slider_slide.titre2
|
||||
-elsif home_slider_slide.article
|
||||
.sub_title
|
||||
-if home_slider_slide.article.category
|
||||
|
||||
|
||||
-cats = []
|
||||
-home_slider_slide.article.categories.uniq.each do |cat|
|
||||
-cats << cat.lang(I18n.locale.to_s).name
|
||||
=cats.join(", ")
|
||||
|
||||
|
||||
%span.sep
|
||||
="|"
|
||||
=l(home_slider_slide.article.published_at, :format => :human_date)
|
||||
.date
|
||||
=home_slider_slide.description1
|
||||
|
||||
|
||||
.btn
|
||||
=home_slider_slide.cta_text
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
:javascript
|
||||
$(document).ready(function(){
|
||||
@ -54,7 +54,7 @@
|
||||
prevText: '<'
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -74,20 +74,20 @@
|
||||
.angle{:onclick => ""}
|
||||
=ic :"angle-right"
|
||||
.slider_breve
|
||||
|
||||
|
||||
|
||||
|
||||
-@home_slides_simu.each do |home_slider_slide|
|
||||
|
||||
|
||||
=link_to home_slider_slide.url.to_s, :target => ("_blank" if home_slider_slide.popup) do
|
||||
|
||||
|
||||
.inner
|
||||
.description
|
||||
%h3.bclamp{:style => ""}=home_slider_slide.titre1
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
-@articles = Article.before(Time.now).recents.joins(:lang_articles).where("lang_articles.enabled = 1 and lang_articles.lang_site_id = ?", @lang.id).limit(6)
|
||||
|
||||
@ -103,36 +103,36 @@
|
||||
-img_url = "https://payreagri.quartz.xyz"+article.image_file.file.large.medium.url
|
||||
-else
|
||||
-img_url = ""
|
||||
|
||||
|
||||
.desktop_inline
|
||||
.home_article_header
|
||||
.img.with_ratio{:style => "background: black center center;background-image:url('#{img_url}');position:relative;background-size:cover;", :data => {:ratio => 0.62}}
|
||||
|
||||
.description
|
||||
|
||||
|
||||
|
||||
%h2= lang_article.title
|
||||
|
||||
|
||||
.date
|
||||
%hr
|
||||
=l article.published_at, :format => "%d/%m/%Y"
|
||||
%span.sep
|
||||
="|"
|
||||
=l article.published_at, :format => "%H:%M"
|
||||
|
||||
|
||||
.cat
|
||||
-cats = []
|
||||
-article.categories.uniq.each do |cat|
|
||||
-cats << link_to(cat.lang(I18n.locale.to_s).name, category_public_article_path(:lang => @lang.slug,:slug => cat.lang(I18n.locale.to_s).slug), :title => "Articles de la catégorie \""+cat.lang(I18n.locale.to_s).name.to_s+'"')
|
||||
=raw cats.join(", ")
|
||||
|
||||
|
||||
|
||||
|
||||
=simple_format lang_article.description.truncate(160, separator: ' ')
|
||||
.cta
|
||||
=link_to qit("Lire l'article"), article_path(:slug => lang_article.slug, :lang => @lang.slug), :class => "btn"
|
||||
=link_to qit("Lire l'article"), article_path(:slug => lang_article.slug, :lang => @lang.slug), :class => "btn"
|
||||
.clear
|
||||
|
||||
|
||||
|
||||
.row.home_article_sub_headers
|
||||
.mobile_inline
|
||||
-@articles[0..0].each do |article|
|
||||
@ -152,26 +152,26 @@
|
||||
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
|
||||
%h2= lang_article.title
|
||||
.description
|
||||
|
||||
|
||||
|
||||
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
|
||||
|
||||
|
||||
.date
|
||||
|
||||
|
||||
=l article.published_at, :format => "%d/%m/%Y"
|
||||
%span.sep
|
||||
="|"
|
||||
=l article.published_at, :format => "%H:%M"
|
||||
|
||||
|
||||
.cat
|
||||
-cats = []
|
||||
-article.categories.uniq.each do |cat|
|
||||
-cats << link_to(cat.lang(I18n.locale.to_s).name, category_public_article_path(:lang => @lang.slug,:slug => cat.lang(I18n.locale.to_s).slug), :title => "Articles de la catégorie \""+cat.lang(I18n.locale.to_s).name.to_s+'"')
|
||||
=raw cats.join(", ")
|
||||
|
||||
|
||||
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
|
||||
=simple_format lang_article.description.truncate(160, separator: ' ')
|
||||
|
||||
|
||||
-@articles[1..2].each do |article|
|
||||
-lang_article = article.lang_articles.find_by_lang_site_id(@lang.id)
|
||||
-img_url = ""
|
||||
@ -189,17 +189,17 @@
|
||||
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
|
||||
%h2= lang_article.title
|
||||
.description
|
||||
|
||||
|
||||
|
||||
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
|
||||
|
||||
|
||||
.date
|
||||
|
||||
|
||||
=l article.published_at, :format => "%d/%m/%Y"
|
||||
%span.sep
|
||||
="|"
|
||||
=l article.published_at, :format => "%H:%M"
|
||||
|
||||
|
||||
.cat
|
||||
-cats = []
|
||||
-article.categories.uniq.each do |cat|
|
||||
@ -207,13 +207,13 @@
|
||||
=raw cats.join(", ")
|
||||
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
|
||||
=simple_format lang_article.description.truncate(160, separator: ' ')
|
||||
|
||||
|
||||
|
||||
|
||||
.columns.span_4.last-child
|
||||
=link_to "/#{I18n.locale.to_s}/blog.html" do
|
||||
.blog_encart
|
||||
=image_tag "/logo_blog.png"
|
||||
|
||||
|
||||
%h3 Blog
|
||||
.home_article_more
|
||||
=link_to "/#{I18n.locale.to_s}/blog.html" do
|
||||
@ -226,15 +226,15 @@
|
||||
%span.sep
|
||||
>
|
||||
.clear
|
||||
|
||||
|
||||
|
||||
|
||||
-@menu_item_combat = MenuItem.find(260)
|
||||
-if @lang.slug == "fr"
|
||||
.home_nos_combats
|
||||
%h1= @menu_item_combat.menu_content.lang_pages.find_by_lang_site_id(@lang.id).title
|
||||
%p.desc
|
||||
= @menu_item_combat.menu_content.lang_pages.find_by_lang_site_id(@lang.id).description
|
||||
|
||||
|
||||
.inner_combats
|
||||
-i = 0
|
||||
-MenuItem.where(:parent_id => @menu_item_combat.id).order(:position).each do |menu_item|
|
||||
@ -244,13 +244,13 @@
|
||||
|
||||
|
||||
-name = menu_item_lang.name
|
||||
|
||||
|
||||
-img_url = ""
|
||||
-if menu_item.image_file
|
||||
|
||||
|
||||
|
||||
-img_url = menu_item.image_file.file.large.medium.url
|
||||
|
||||
-img_url = menu_item.image_file.file.large.medium.url
|
||||
|
||||
-if menu_item.image_file and menu_item.image_file.photograph
|
||||
-@page_images_credits << menu_item.image_file.photograph
|
||||
@ -259,20 +259,20 @@
|
||||
|
||||
|
||||
-css_style = "background-image:url('#{img_url}');background-size:100%;background-size:cover;background-position:center center;background-color:black;"
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
-if menu_item_lang.enabled == true and menu_item_lang.visible == true
|
||||
-if i <= 6
|
||||
=link_to @one_voice_host.to_s+menu_item_path(:url => menu_item_lang.url, :lang => @lang.slug) ,:style => css_style, :class => "square_link "+("active" if menu_item.id == @menu_item.id).to_s do
|
||||
.inner
|
||||
.vertical_center=menu_item.menu_item_langs.find_by_lang_site_id(@lang.id).name
|
||||
|
||||
|
||||
-else
|
||||
=link_to @one_voice_host.to_s+menu_item_path(:url => menu_item_lang.url, :lang => @lang.slug) ,:class => "line_combat_link "+("active" if menu_item.id == @menu_item.id).to_s do
|
||||
.right
|
||||
>
|
||||
|
||||
|
||||
=menu_item.menu_item_langs.find_by_lang_site_id(@lang.id).name
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
10
app/views/public/shared/_menu_top.html.haml
Normal file
10
app/views/public/shared/_menu_top.html.haml
Normal file
@ -0,0 +1,10 @@
|
||||
#menu_top
|
||||
.bars{:onclick => "$(this).closest('#menu_top').find('.menu').toggle();"}
|
||||
=ic :bars
|
||||
|
||||
=link_to image_tag("/logo-france-rurale-fond.png", :id => "logo_france_rurale"), "/"
|
||||
|
||||
|
||||
|
||||
.menu
|
||||
=render :partial => "public/shared/first_menu"
|
||||
BIN
public.zip
Normal file
BIN
public.zip
Normal file
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user