pic_vert_app/app/assets/stylesheets/connexion.css.scss
2013-06-28 17:20:23 +02:00

156 lines
1.7 KiB
SCSS

/*
*= require_self
*/
@import "compass";
@import "compass/reset";
#browser_update{
display:none;
background: url('/assets/admin/backgrounds/bg-white.jpg');
@include box-shadow(rgba(0, 0, 0, 0.7) 0 0px 10px inset);
padding:20px;
margin-top:20px;
h2{
font-family:georgia;
margin-top:-15px;
margin-right:-20px;
margin-left:-20px;
padding:20px;
font-size:2em;
}
.browser{
display:inline-block;
text-align:center;
img{
width:120px;
display:block;
margin:auto;
padding:10px;
}
&:hover{
img{
width:140px;
padding:0px;
}
}
}
}
body {
background: url('/assets/admin/backgrounds/white_oak.png');
font-family: verdana;
padding:0px;
margin:0px;
font-size: 13px;
font-family: "Lucida Grande", arial, helvetica, sans-serif;
p{
margin-top:1em;
margin-bottom:1em;
}
#title {
width: 520px;
margin: auto;
margin-top: 10%;
color: white;
@include text-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
padding: 0px;
text-transform: uppercase;
font-size:2.2em;
font-weight:bold;
}
#main {
background: white;
width: 500px;
padding: 10px;
margin: auto;
position:relative;
}
h1{
color:white;
font-size:1em;
}
#main:before,
#main:after {
content:"";
position:absolute;
z-index:-1;
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
@include box-shadow(rgba(0, 0, 0, 0.7) 0 15px 10px );
@include transform(rotate(-3deg));
}
#main:after{
right:10px;
left:auto;
@include transform(rotate(3deg));
}
}
form{
button{
color: white;
padding: 6px 10px;
}
}