From 571b3ce7234551b02bb8deca36b81177a5e256d3 Mon Sep 17 00:00:00 2001 From: Zaran Date: Mon, 13 Jun 2011 17:11:51 +0200 Subject: Some significant and much needed design changes enforced by Enguerrand. --- webclient/style/tabs.css | 34 ++++++++++++++++++++-------------- 1 file changed, 20 insertions(+), 14 deletions(-) (limited to 'webclient/style/tabs.css') diff --git a/webclient/style/tabs.css b/webclient/style/tabs.css index 2d12003..262f5c4 100644 --- a/webclient/style/tabs.css +++ b/webclient/style/tabs.css @@ -1,38 +1,42 @@ ul.tabbar{ - background-color: #E9E9E9; - border-bottom: 1px solid #9C9C9C; - border-top: 1px solid white; + background-color: transparent; padding: 0px; margin: 0px; list-style-type: none; - height: 35px; + height:20px; } ul.tabbar > li{ - background-color: #B6B6B6; + background-image: -moz-linear-gradient(top center, white, #D8D8D8); + border-radius: 5px 5px 0px 0px; padding: 5px; margin: 0px; - margin-left: 0.5em; + margin-right: 1px; height: 20px; float: left; display: block; - margin-top: 4px; + margin-top: 0px; + width: 200px; + overflow: hidden; + color: #2D2D2D; } ul.tabbar > li.selected{ - border-bottom: 1px solid white; - border-left: 1px solid #9C9C9C; - border-top: 1px solid #9C9C9C; - border-right: 1px solid #9C9C9C; - background-color: white; + background-image:none; + background-color: #3765BB; + box-shadow: 2px -2px 2px #434343; + color: white; } ul.tabbar > li:hover{ - background-color: #3058A3; - color: white; + color: #3765BB; cursor: pointer; } +ul.tabbar > li.selected:hover{ + color: #2D2D2D; +} + ul.tabbar > li > span.tab-close{ display: block; width: 15px; @@ -63,4 +67,6 @@ ul.tabbar > li > a:focus{ padding: 10px; height: 100%; display: none; + background-color: white; + box-shadow: 5px 5px 5px 0px #434343; } -- cgit v1.2.3-70-g09d2