Vulcan/client/sass/partials/_pageslide.scss
2012-09-18 10:00:53 +09:00

60 lines
No EOL
1.3 KiB
SCSS

#pageslide {
/* These styles MUST be included. Do not change. */
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
/* Specify the width of your pageslide here */
width: 260px;
// padding: 0 20px;
/* These styles are optional, and describe how the pageslide will look */
background-color: #333;
color: #FFF;
-webkit-box-shadow: inset 0 0 5px 5px #222;
-moz-box-shadow: inset 0 0 5px 5px #222;
box-shadow: inset 0 0 5px 5px #222;
-webkit-overflow-scrolling: touch;
overflow-y:auto;
}
#menu{
ul{
padding:0;
margin:0;
li{
padding:0;
margin:0;
a{
display:block;
width:100%;
height:50px;
line-height:50px;
text-indent:20px;
// background:$highlight-color;
@include box-shadow(inset 0 -1px 0 white(0.1), 0 1px 0 black(0.8));
&:hover{
background:black(0.5);
color:white;
}
}
}
}
}
body.pageslide-open{
overflow:hidden;
.posts {
height: 100%;
overflow: hidden;
}
}
.wrapper{
position:absolute;
top:0;
margin:0;
width:100%;
background:#e9f3f7;
}