diff --git a/stylesheets/tabs.less b/stylesheets/tabs.less index be4fbcc..d3bd68e 100644 --- a/stylesheets/tabs.less +++ b/stylesheets/tabs.less @@ -21,7 +21,7 @@ left: 0px; width: 100%; background-color: @tab-background-color-active; - border-top: 1px solid lighten(@tab-border-color, 5%); + border-top: 1px solid @tab-border-color; } .tab { @@ -33,11 +33,11 @@ padding-left: 0; margin-left: 15px; border-top-right-radius: @tab-radius; - border-right: @tab-border; box-shadow: inset -1px -1px 1px rgba(0,0,0, .05); -webkit-transform: skewX(@tab-skew); transition: color .1s ease-in; - box-shadow: inset -1px 1px 0 @tab-border-color; + box-shadow: inset -1px 1px 0 @tab-border-color, 4px 0px 4px rgba(0,0,0,.1); + border: none; &, &:before { background-image: -webkit-linear-gradient(top, lighten(#333, 7%), #333); @@ -51,9 +51,9 @@ height: @tab-height; width: 40px; border-top-left-radius: @tab-radius; - border-left: @tab-border; -webkit-transform: skewX(133deg); - box-shadow: inset 1px 1px 0 @tab-border-color; + box-shadow: inset 1px 1px 0 @tab-border-color, -4px 0px 4px rgba(0,0,0,.1); + border: none; } .close-icon { @@ -71,13 +71,18 @@ .title{ -webkit-transform: skewX(-@tab-skew); } + + &:first-child { + margin-left: 20px; + } } .tab.active { z-index: 10; line-height: @tab-height - 3px; color: @text-color-highlight; - box-shadow: inset -1px 1px 0 lighten(@tab-border-color, 5%); + box-shadow: inset -1px 1px 0 @tab-border-color, 4px -4px 4px rgba(0,0,0,.1); + border: none; .title{ position: relative; @@ -94,7 +99,8 @@ } &:before { - box-shadow: inset 1px 1px 0 lighten(@tab-border-color, 5%); + border: none; + box-shadow: inset 1px 1px 0 @tab-border-color, -4px -4px 4px rgba(0,0,0,.1); } } diff --git a/stylesheets/ui-variables.less b/stylesheets/ui-variables.less index 1a921e5..5847a0d 100644 --- a/stylesheets/ui-variables.less +++ b/stylesheets/ui-variables.less @@ -49,7 +49,7 @@ @tab-bar-border-color: darken(@tab-background-color-active, 10%); @tab-background-color: #333; @tab-background-color-active: #222; -@tab-border-color: #333; +@tab-border-color: #484848; @tree-view-background-color: @tool-panel-background-color; @tree-view-border-color: @tool-panel-border-color;