Commit 826b070b by marco

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

parent 1422f40c
...@@ -148,13 +148,20 @@ removing jquery ui ui-lightness styling ...@@ -148,13 +148,20 @@ removing jquery ui ui-lightness styling
@include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0)); @include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0));
//background-color: $lightBluishGrey; //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); @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 { li:first-child {
margin-left: 20px; margin-left: 20px;
} }
li { li {
opacity: .8;
&:ui-state-active { &: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;
} }
} }
/* /*
......
...@@ -199,12 +199,13 @@ ...@@ -199,12 +199,13 @@
text-align:center; text-align:center;
width: auto; width: auto;
@include linear-gradient(top, rgba(255, 255, 255, .4), rgba(255, 255, 255, 0)); @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); @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; opacity:.8;
&:hover { &:hover {
opacity:1; opacity:1;
background-color: tint($lightBluishGrey, 20%);
} }
&.ui-state-active { &.ui-state-active {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment