payrejardi_app/app/assets/stylesheets/public/@old/new_home.css copy.scss
2019-03-15 12:19:23 +01:00

479 lines
6.6 KiB
SCSS

#slider_banner{
#slider_right{
top:60px !important;
}
.main_container{
padding:60px 0;
}
}
#home_blog{
//position:relative;
padding:100px 0;
padding-bottom:120px;
position:relative;
.bx-wrapper{
//position:static;
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;
float:left;
background:no-repeat center center;
position:relative;
z-index:2;
}
.description_container{
margin-left:50%;
margin-top:60px;
.description{
position:relative;
left:-20px;
background:white;
height:280px;
padding:40px 60px;
padding-left:80px;
margin-right:-20px;
h3{
color:$orange;
margin:0;
padding:0;
}
h2{
color:$dark_orange;
padding:0;
margin-top:20px;
margin-bottom:0px;
font-size:2.5em;
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;
background:center center no-repeat black;
background-size:100%;
background-size:cover;
height:150px;
opacity:0.7;
&:hover{
opacity:1;
}
}
}
.inner{
padding:20px;
background:$orange;
box-sizing:border-box;
margin-right:10px;
h2{
color:white;
}
}
}
#shortcut_row{
padding:130px 0;
.shortcut{
width:50%;
float:left;
.inner{
background:white;
margin:auto;
max-width:400px;
.image{
height:250px;
background:no-repeat center center;
background-size:cover;
}
.description{
padding:20px;
text-align:center;
h3{
color:$dark_orange;
font-size:1.7em;
line-height:0.8em;
margin-top:5px;
}
}
}
}
}
#home_petitions{
.more_link{
color:$orange;
&:hover{
text-decoration:underline;
cursor :pointer;
}
}
.sign_link{
margin-top:3em;
display: inline-block;
padding: 15px 25px;
margin: 10px;
font-weight: bold;
background: #d23632;
color: white;
cursor :pointer;
}
.bx-pager{
display:none;
}
.bx-viewport{
background:transparent;
}
.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;
margin-left:60%;
text-align:center;
box-sizing:border-box;
float:none;
}
}
}
}
}
#home_follow{
padding:100px 0;
.bx-pager{
display:none;
}
.bx-viewport{
background:transparent;
}
.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;
//height:80px;
h3{
color:$dark_orange;
font-size:1.5em;
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{
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{
.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%;
}
background:#002C52;
padding-bottom:60px;
color:rgba(255,255,255,0.9);
a{
color:rgba(255,255,255,0.9);
}
h4{
font-size:1.2em;
margin-top:0;
margin-bottom:0;
color:rgba(255,255,255,0.9);;
}
ul{
padding:0;
}
li{
list-style:none;
}
#menu_bottom_row{
border-bottom:1px solid rgba(255,255,255,0.8);
border-top:1px solid rgba(255,255,255,0.8);
padding:30px 0;
}
#contact_bottom_row{
padding:30px 0;
}
}
.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;
}
}