From 1c5a9b17735a52d8e3c6e022b988cf1a7e3fb2e6 Mon Sep 17 00:00:00 2001
From: Jean-Philippe Lang <jp_lang@yahoo.fr>
Date: Thu, 17 Jan 2008 17:43:54 +0000
Subject: [PATCH] Prettier tabs for settings views.

git-svn-id: http://redmine.rubyforge.org/svn/trunk@1073 e93f8b46-1217-0410-a6f0-8f06a7374b81
---
 public/stylesheets/application.css            | 33 +++++++++++++------
 .../alternate/stylesheets/application.css     |  2 +-
 .../classic/stylesheets/application.css       |  1 +
 3 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 2fca6d63c..fa76948d2 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -285,9 +285,10 @@ p.progress-info {clear: left; font-style: italic; font-size: 80%;}
 div#status_by { float:right; width:380px; margin-left: 16px; margin-bottom: 16px; }
 
 /***** Tabs *****/
-#content .tabs{height: 2.6em;}
-#content .tabs ul{margin:0;}
-#content .tabs ul li{
+#content .tabs {height: 2.6em; border-bottom: 1px solid #bbbbbb; margin-bottom:1.2em; position:relative;}
+#content .tabs ul {margin:0; position:absolute; bottom:-2px; padding-left:1em;}
+#content .tabs>ul { bottom:-1px; } /* others */
+#content .tabs ul li {
 float:left;
 list-style-type:none;
 white-space:nowrap;
@@ -298,18 +299,30 @@ background:#fff;
 display:block;
 font-size: 0.9em;
 text-decoration:none;
-line-height:1em;
-padding:4px;
-border: 1px solid #c0c0c0;
+line-height:1.3em;
+padding:4px 6px 4px 6px;
+border: 1px solid #ccc;
+border-bottom: 1px solid #bbbbbb;
+background-color: #eeeeee;
+color:#777;
+font-weight:bold;
 }
 
-#content .tabs ul li a.selected, #content .tabs ul li a:hover{
-background-color: #507AAA;
-border: 1px solid #507AAA;
-color: #fff;
+#content .tabs ul li a:hover {
+background-color: #ffffdd;
 text-decoration:none;
 }
 
+#content .tabs ul li a.selected {
+background-color: #fff;
+border: 1px solid #bbbbbb;
+border-bottom: 1px solid #fff;
+}
+
+#content .tabs ul li a.selected:hover {
+background-color: #fff;
+}
+
 /***** Diff *****/
 .diff_out { background: #fcc; }
 .diff_in { background: #cfc; }
diff --git a/public/themes/alternate/stylesheets/application.css b/public/themes/alternate/stylesheets/application.css
index af787ae71..06d38b96f 100644
--- a/public/themes/alternate/stylesheets/application.css
+++ b/public/themes/alternate/stylesheets/application.css
@@ -1,6 +1,6 @@
 @import url(../../../stylesheets/application.css);
 
-body { background-color:#EEEEEE; }
+body, #wrapper { background-color:#EEEEEE; }
 #header, #top-menu { margin: 0px 10px 0px 11px; }
 #main { background: #EEEEEE; margin: 8px 10px 0px 10px; }
 #content { background: #fff; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; }
diff --git a/public/themes/classic/stylesheets/application.css b/public/themes/classic/stylesheets/application.css
index 6bb148210..11654cc88 100644
--- a/public/themes/classic/stylesheets/application.css
+++ b/public/themes/classic/stylesheets/application.css
@@ -19,6 +19,7 @@ body{ color:#303030; background:#e8eaec; }
 #main a { font-weight: bold; color: #467aa7;}
 #main a:hover { color: #2a5a8a; text-decoration: underline; }
 #content { background: #fff; }
+#content .tabs ul { bottom:-1px; }
 
 h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px; color:#606060; font-family: Trebuchet MS,Georgia,"Times New Roman",serif; }
 h2, .wiki h1 { letter-spacing:-1px; }