From eca7bab6fef7b0c78f0f6299466c948cc51e749f Mon Sep 17 00:00:00 2001 From: Jean-Philippe Lang Date: Thu, 29 Dec 2011 08:59:00 +0000 Subject: [PATCH] Tabs style update. git-svn-id: svn+ssh://rubyforge.org/var/svn/redmine/trunk@8420 e93f8b46-1217-0410-a6f0-8f06a7374b81 --- public/stylesheets/application.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index af0626a97..1ed089b21 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -619,12 +619,12 @@ p.progress-info {clear: left; font-size: 80%; margin-top:-4px; color:#777;} #roadmap table.progress td { height: 1.2em; } /***** Tabs *****/ #content .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;} -#content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:1em; width: 2000px; border-bottom: 1px solid #bbbbbb;} +#content .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;} #content .tabs ul li { float:left; list-style-type:none; white-space:nowrap; -margin-right:8px; +margin-right:4px; background:#fff; position:relative; margin-bottom:-1px; @@ -637,9 +637,11 @@ line-height:1.3em; padding:4px 6px 4px 6px; border: 1px solid #ccc; border-bottom: 1px solid #bbbbbb; -background-color: #eeeeee; -color:#777; +background-color: #f6f6f6; +color:#999; font-weight:bold; +border-top-left-radius:3px; +border-top-right-radius:3px; } #content .tabs ul li a:hover { @@ -651,6 +653,7 @@ text-decoration:none; background-color: #fff; border: 1px solid #bbbbbb; border-bottom: 1px solid #fff; +color:#444; } #content .tabs ul li a.selected:hover { @@ -674,11 +677,13 @@ button.tab-left, button.tab-right { button.tab-left { right: 20px; background: #eeeeee url(../images/bullet_arrow_left.png) no-repeat 50% 50%; + border-top-left-radius:3px; } button.tab-right { right: 0; background: #eeeeee url(../images/bullet_arrow_right.png) no-repeat 50% 50%; + border-top-right-radius:3px; } /***** Auto-complete *****/