Style header control elements

This commit is contained in:
Brian Federle 2013-09-23 16:11:23 -07:00
parent 00152a2462
commit f099739db1
3 changed files with 58 additions and 5 deletions

View File

@ -28,7 +28,7 @@ body {
float: right;
margin-right: 20px;
padding-right: 20px;
top: -125%;
top: -65px;
}
.notifications {
@ -50,6 +50,54 @@ body {
display: none !important;
}
.project-switcher {
@include span-columns(3);
@include row;
padding: 5px;
top: 10px;
label {
@include csui-label;
@include span-columns(3);
}
select {
@include csui-dropdown;
@include span-columns(8);
}
}
.region-switcher {
@include span-columns(2);
@include row;
height: 100%;
cursor: pointer;
padding: 5px;
&:hover {
box-shadow: inset 0px 0px 10px black;
border-radius: 3px;
}
.icon {
@include span-columns(3 of 16);
@include csui-sprite(142, 390);
height: 30px;
}
.title {
@include span-columns(11 of 16);
@include shift(1);
@include csui-label;
text-align: left;
;
}
}
#user {
background: url(csui/img/form/dropdown-arrow-white.png) no-repeat right;
}

View File

@ -28,4 +28,10 @@
color: white;
font-weight: bold;
text-shadow: 0px 1px 1px black;
}
}
@mixin csui-label {
font-size: 14px;
position: relative;
top: 7px;
}

View File

@ -9,7 +9,7 @@
.logo {
background: url(csui/img/logo-main.png) no-repeat left;
width: 1280px;
height: 100px;
height: 80px;
margin: auto;
background-size: 300px;
}
@ -19,8 +19,7 @@
@include row;
width: 1280px;
height: 75px;
padding-top: 14px;
padding: 15px;
margin: auto;
color: white;
border: 1px solid gray;