p2w_app/app/assets/stylesheets/application.scss
Nicolas Bally 0d65afb8c5 nginx
2015-06-23 17:20:29 +02:00

138 lines
2.1 KiB
SCSS

/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require superslides
*= require lightSlider
*= require jquery.bxslider
*= require_self
*/
#large{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);//rgba(132,187,64,0.8);
z-index:30;
h3{
color:white;
text-align:center;
margin-top:5px;
margin-bottom:0;
font-weight:300;
font-size:0.95em;
}
.next, .prev{
width:20px;
position:absolute;
top:50%;
transform:translateY(-50%);
cursor:pointer;
}
.prev{
left:15px;
}
.next{
right:15px;
}
.img_container{
height:100%;
width:100%;
box-sizing: border-box;
.large-img{
cursor:pointer;
padding:10px;
background:rgba(250, 250, 250, 0.9);
display:block;
margin:auto;
}
}
}
body{
font-family:Arial;
color:white;
font-weight:400;
line-height:1.62;
text-align:justify;
background:url("/fond.jpg") center center fixed;
background-size:100%;
background-size:cover;
padding:0px;
margin:0px;
overflow: scroll; height: 100%; width: 100%;
}
#rea-gal{
//background:white;
padding-left:5px;
img{
padding-right:5px;
padding-bottom:5px;
width:200px;
float:left;
&:hover{
opacity:0.8;
}
}
}
hr{
border:0px;
border-bottom:1px solid rgba(250,250,250,0.6);
}
.gal{
li{
height:540px;
text-align:center;
}
img{
height:500px;
margin:auto;
}
}
#logo{
margin:auto;
display:block;
margin-top:50%;
padding:10px;
min-height:190px;
text-align:center;
img{
width:100%;
max-width:500px;
}
}