- 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

4 files changed, 14 insertions, 27 deletions

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;