removed outline focus from tabs and downplayed tab color differentiation to be more like the header

This commit is contained in:
marco
2013-02-12 14:02:10 -05:00
parent 1422f40c62
commit 826b070bfa
2 changed files with 11 additions and 3 deletions

View File

@@ -148,13 +148,20 @@ removing jquery ui ui-lightness styling
@include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
//background-color: $lightBluishGrey;
@include box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset);
li:first-child {
margin-left: 20px;
}
li {
opacity: .8;
&:ui-state-active {
background-color: rgba(255, 255, 255, .3)
background-color: rgba(255, 255, 255, .3);
opacity: 1;
}
a:focus {
outline: none;
border: 0px;
}
}
/*

View File

@@ -199,12 +199,13 @@
text-align:center;
width: auto;
@include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
background-color: tint($lightBluishGrey, 20%);
background-color: tint($lightBluishGrey, 10%);
@include box-shadow(0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset);
opacity:.8;
&:hover {
opacity:1;
background-color: tint($lightBluishGrey, 20%);
}
&.ui-state-active {