67 lines
1.3 KiB
SCSS
67 lines
1.3 KiB
SCSS
@import "compass/css3/images";
|
|
@import "compass/css3/opacity";
|
|
@import "compass/css3/box-shadow";
|
|
@import "compass/css3/text-shadow";
|
|
|
|
#toolbar {
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
|
|
height: 50px;
|
|
width: 100%;
|
|
|
|
.background {
|
|
z-index: 100;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
|
|
height: 100%;
|
|
width: 100%;
|
|
|
|
@include background-image(linear-gradient(#303138, #23242B));
|
|
@include box-shadow(rgba(0, 0, 0, 0.6) 0px -1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 4px 6px 4px, rgba(255, 255, 255, 0.4) 0 1px 0 0 inset);
|
|
@include opacity(0.95);
|
|
}
|
|
|
|
.inner {
|
|
position: relative;
|
|
height: 100%;
|
|
z-index: 200;
|
|
color: #fff;
|
|
|
|
h1 {
|
|
float: left;
|
|
margin: 0 0 0 10px;
|
|
|
|
position: relative;
|
|
top: -2px;
|
|
|
|
width: 200px;
|
|
|
|
line-height: 50px;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
@include single-text-shadow(#000, 0px, 1px, 0px);
|
|
}
|
|
|
|
.edit {
|
|
float: right;
|
|
margin-right: 10px;
|
|
line-height: 50px;
|
|
|
|
.toggleSwitch {
|
|
position: relative;
|
|
top: 0px;
|
|
margin-left: 3px;
|
|
display: inline-block;
|
|
|
|
div.switchArea {
|
|
@include box-shadow(rgba(0, 0, 0, 0.8) 0px 1px 0px 0px);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |