- css change tabsheet is nicer than before (especially IE7); also tested in FF2 and IE6

git-svn-id: http://piwigo.org/svn/trunk@2116 68402e56-0260-453c-a942-63ccdbb3a9ee

5 files changed, 33 insertions, 44 deletions

diff --git a/template/yoga/admin/default-layout.css b/template/yoga/admin/default-layout.css
index 09d03e8c8..4250f5b8c 100644
--- a/template/yoga/admin/default-layout.css
+++ b/template/yoga/admin/default-layout.css
@@ -180,28 +180,30 @@ FIELDSET#commentsConf INPUT {
 }
 
 /* Tabsheet */
-ul.tabsheet {
-  display: table;
-  list-style-type: none;
-  list-style-image: none; /* for firefox */
+UL.tabsheet {
+  list-style: none;
   white-space: nowrap; 
-  margin-left: auto; margin-right: auto;
-  text-decoration : none;
-  background: transparent;
+  text-decoration: none;
   border-bottom: 1px solid #fff;
+  margin-left: 5px; margin-right: 5px;
+  padding: 3px 5px;
 }
 
-ul.tabsheet li {
-  float: left;
-  text-align: center;
-  margin: 0 6px;
-  color: white;
-  font-size: 110%;
-  font-weight: bold;
-  padding: 4px 8px;
+UL.tabsheet LI {
+  display: inline;
+  margin: 0px 6px;
+  font-size: 120%;
+  font-weight: normal;
   border: 1px solid #fff;
-  border-radius: 6px 6px 0px 0px; /* round corners with CSS3 compliant browsers */
-  padding: 5px 2em 2px 2em;
+  border-bottom: none;
+  padding: 3px 2em;
+}
+
+UL.tabsheet LI.selected_tab {
+	font-weight: bold;
+	position: relative;
+	top: 1px;
+	padding-top: 4px;
 }
 
 .over{
diff --git a/template/yoga/theme/clear/theme.css b/template/yoga/theme/clear/theme.css
index 3fc79f055..98ea0e24c 100644
--- a/template/yoga/theme/clear/theme.css
+++ b/template/yoga/theme/clear/theme.css
@@ -86,11 +86,9 @@ SPAN.calItem, SPAN.calItemEmpty
 #qsearchInput { color: #d3d3d3; }
 #qsearchInput:focus { color: #005e89; }
 
-.tabsheet li,
-.tabsheet li a { color: #005e89; }
-.tabsheet li a:hover { color: #858460; }
-.tabsheet li { background-color: #fff; }
-.selected_tab { background-color: #d3d3d3 !important; }
-ul.tabsheet { border-color: #858460; }
-.tabsheet li { border: 1px solid #696969; }
-.tabsheet li:hover { border-color: #858460 !important; }
+
+UL.tabsheet LI.normal_tab { background-color: #d3d3d3; }
+UL.tabsheet LI.selected_tab { background-color: #eeeeee; }
+
+UL.tabsheet, UL.tabsheet LI {border-color: gray;}
+UL.tabsheet LI.normal_tab:hover { border-color: black; }
diff --git a/template/yoga/theme/dark/theme.css b/template/yoga/theme/dark/theme.css
index e4bda2bd7..ad19696bf 100644
--- a/template/yoga/theme/dark/theme.css
+++ b/template/yoga/theme/dark/theme.css
@@ -10,9 +10,6 @@ H2, #menubar DT, .throw {
   color: #fff48e;
 }
 
-.tabsheet li,
-.tabsheet li a { color: #fff; }
-.tabsheet li a:hover { color: #fff48e; }
 
 /* backgrounds */
 BODY {
@@ -42,9 +39,9 @@ H2, #menubar DT, .throw  {
   background-repeat: repeat-x;
   background-position: center;
 }
-.tabsheet li { background-color: #3f3f3f; }
 
-.selected_tab { background-color: #5f5f5f !important; }
+UL.tabsheet LI.normal_tab { background-color: #3f3f3f; }
+UL.tabsheet LI.selected_tab { background-color: #5f5f5f; }
 
 /* borders */
 #menubar DL, #content, .content,
@@ -90,9 +87,7 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
   color: black;
 }
 
-ul.tabsheet { border-color: #fff48e; }
-.tabsheet li { border: 1px solid #fff; }
-.tabsheet li:hover { border-color: #fff48e !important; }
+UL.tabsheet LI.normal_tab:hover { border-color: #fff48e; }
 
 /* links */
 A, INPUT.rateButton {
diff --git a/template/yoga/theme/p0w0/theme.css b/template/yoga/theme/p0w0/theme.css
index 3b2f99ecf..b3db1b779 100644
--- a/template/yoga/theme/p0w0/theme.css
+++ b/template/yoga/theme/p0w0/theme.css
@@ -212,8 +212,7 @@ A.navThumb, A.navThumb:hover,
   margin: 0px;
 }
 #theAdminPage #content table td { padding: 2px 8px; }
-ul.tabsheet { border-color: #369 !important; }
-.tabsheet li { border: 1px solid #fff; }
+ul.tabsheet, ul.tabsheet li { border-color: #369 !important; }
 .tabsheet li:hover { border-color: #f92 !important; }
 
 /******************************************************************************/
diff --git a/template/yoga/theme/wipi/theme.css b/template/yoga/theme/wipi/theme.css
index 3415f982c..0cd85f53e 100644
--- a/template/yoga/theme/wipi/theme.css
+++ b/template/yoga/theme/wipi/theme.css
@@ -60,9 +60,6 @@ H2, .throw {
   border-color: #f92;
   color: #900;
 }
-.tabsheet li,
-.tabsheet li a { color: #69c; }
-.tabsheet li a:hover { color: #f92; }
 /* backgrounds */
 BODY {
   background: #111;
@@ -312,16 +309,14 @@ a.PWG:hover .G { color : #f92; }
 #menubar .menuInfoCatByChild,
 h2.showtitle, #theImage p.showlegend { display: none }
 * { outline-width: 0px; }
-ul.tabsheet {
-  border-top: 1px solid #69c !important;
-  border-bottom: 0px !important;
+ul.tabsheet, ul.tabsheet li {
+  border-color: #69c;
 }
-.tabsheet li {
-  border: 1px solid #fff;
+ul.tabsheet li.normal_tab {
   background-image: url(images/tableh1_bg.png);
   background-repeat: repeat-x;
 }
-.tabsheet li:hover { border-color: #f92 !important; }
+ul.tabsheet li.normal_tab:hover { border-color: #f92 }
 ul.tabsheet li {
   -moz-border-radius: 0px 0px 3px 3px;
   border-radius:  0px 0px 12px 12px;