2013-06-28 17:20:23 +02:00

192 lines
3.1 KiB
SCSS

#menu_item_index_slide{
#menu_item_index{
padding:10px;
}
}
#menu_item_detail{
.switch {
float: right;
height: 20px;
width: 50px;
border: 1px solid #979797;
border-radius: 20px;
margin-top: -5px;
box-shadow: inset 0 1px 3px #BABABA, inset 0 12px 3px 2px rgba(232, 232, 232, 0.5);
cursor: pointer;
overflow: hidden;
background:white;
position:relative;
top:13px;
right:10px;
}
.switch input[type=checkbox] {
display: none;
}
.switch::before {
content: "";
display: block;
height: 20px;
width: 0px;
position: absolute;
border-radius: 20px;
box-shadow: inset 0 1px 2px rgb(181, 208, 94), inset 0 6px 3px 2px rgba(171, 208, 94,1);
background-color: rgb(151, 188, 74);
}
.switch.on::before {
width: 70px;
}
.switch > .thumb {
display: block;
width: 14px;
height: 14px;
position: absolute;
top:2px;
left:4px;
border: solid 1px #919191;
border-radius: 50%;
box-shadow: inset 0 2px 1px white, inset 0 -2px 1px white;
@include background(linear-gradient(#CECECE, #FBFBFB));
}
.switch.on > .thumb {
left:inherit;
right:4px;
}
.switch:hover > .thumb {
box-shadow: inset 0 2px 1px #fff, inset 0 -2px 1px #fff;
background-image: none;
}
.switch > .thumb::before {
content: "";
display: block;
height: 10px;
width: 2px;
background-color: white;
box-shadow: 0px -1px 1px #666;
border: none;
position: absolute;
top: 3px;
left: -15px;
}
.switch > .thumb::after {
content: "";
display: block;
height: 10px;
width: 10px;
border-radius: 50%;
border: solid 2px #777;
position: absolute;
right: -22px;
top: 0px;
}
position:fixed;
top:1%;
right:1%;
z-index:1000;
background:url('/assets/admin/backgrounds/bg-white.jpg') black;
bottom:1%;
width:98%;
display:none;
margin-right:-100%;
@include border-radius(10px 10px 7px 7px);
@include box-shadow(0px 0px 5px rgba(0,0,0,0.8));
overflow:hidden;
@include transform(scale(0.2));
@include transition-duration(5s);
#content_types_draggables{
text-align:center;
position:absolute;
bottom:0px;
right:0px;
left:0px;
z-index:800;
background:transparent;
}
.header{
background:transparent;
@include background(linear-gradient(bottom, rgb(50,50,50) 0%, rgb(30,30,30) 100%));
position:absolute;
height:40px;
top:0px;
left:0px;
right:0px;
padding:0px;
@include border-radius(7px 0px 0px 0px);
h1{
font-family:'Gill Sans' ;
color:black;
font-size:24px;
padding:5px;
padding-left:10px;
color:white;
font-weight:normal;
@include text-shadow(2px 2px 0px rgba(0,0,0,0.8));
}
}
.menu_item_informations{
width:300px;
position:absolute;
top:40px;
right:0px;
bottom:0px;
@include border-radius(0px 0px 7px 0px);
background:rgba(0,0,0,0.9);
h3{
font-size:1.1em;
@include background(linear-gradient(bottom, rgb(50,50,50) 0%, rgb(30,30,30) 100%));
color:white;
padding:5px;
@include text-shadow(1px 1px 0px rgba(0,0,0,0.8));
}
}
#menu_item_block_edit{
position: absolute;
top:40px;
bottom:0px;
right:300px;
left:0px;
overflow:auto;
padding:10px;
}
}