Bug on admin tabsheets under IE7

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

4 files changed, 42 insertions, 82 deletions

diff --git a/template/yoga/theme/clear/theme.css b/template/yoga/theme/clear/theme.css
index f60e8154c..175584814 100644
--- a/template/yoga/theme/clear/theme.css
+++ b/template/yoga/theme/clear/theme.css
@@ -104,20 +104,11 @@ TD.calDayCellEmpty { color: silver; }
 #qsearchInput { color: #d3d3d3; }
 #qsearchInput:focus { color: #005e89; }
 
-.tabsheet li {
-  background: #ffffff;
-  color: #005e89;
-  border: 1px solid #696969;
-}
-
-.tabsheet a {
-  color: #005e89;
-}
-
-.selected_tab {
-  background: #d3d3d3 !important;
-}
-
-.tabsheet li:hover {
-  border: 1px solid #858460 !important;
-}
+.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; }
diff --git a/template/yoga/theme/dark/theme.css b/template/yoga/theme/dark/theme.css
index 0bb601b1f..0c92cc6c0 100644
--- a/template/yoga/theme/dark/theme.css
+++ b/template/yoga/theme/dark/theme.css
@@ -17,6 +17,10 @@ H2, #menubar DT, .throw {
   color: #000000;
 }
 
+.tabsheet li,
+.tabsheet li a { color: #fff; }
+.tabsheet li a:hover { color: #fff48e; }
+
 /* backgrounds */
 BODY {
   background-color: #000000;
@@ -45,6 +49,9 @@ H2, #menubar DT, .throw  {
   background-repeat: repeat-x;
   background-position: center;
 }
+.tabsheet li { background-color: #3f3f3f; }
+
+.selected_tab { background-color: #5f5f5f !important; }
 
 /* borders */
 #menubar DL, #content, .content,
@@ -90,6 +97,9 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
   color: black;
 }
 
+ul.tabsheet { border-color: #fff48e; }
+.tabsheet li { border: 1px solid #fff; }
+.tabsheet li:hover { border-color: #fff48e !important; }
 
 /* links */
 A, INPUT.rateButton {
@@ -144,17 +154,3 @@ TD.calDayCellEmpty { color: silver; }
 }
 .qsearch { font-size: 80%; font-style: normal; }
 #mbMenu #quicksearch > p { text-align: left; }
-
-.tabsheet li {
-  background: #3f3f3f;
-  color: white;
-  border: 1px solid #fff;
-}
-
-.selected_tab {
-  background: #5f5f5f !important;
-}
-
-.tabsheet li:hover {
-  border: 1px solid #FFF48E;
-}
diff --git a/template/yoga/theme/p0w0/theme.css b/template/yoga/theme/p0w0/theme.css
index 1b1f2efc3..c70d92ba0 100644
--- a/template/yoga/theme/p0w0/theme.css
+++ b/template/yoga/theme/p0w0/theme.css
@@ -82,11 +82,11 @@ input.rateButtonSelected,
 #content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
   color: #369;
 }
-#theAdminPage h3 a,
+.tabsheet li, .tabsheet li a, #theAdminPage h3 a,
 #content div.thumbnailCategory .description h3 a {
   color: #fff;
 }
-#content div.thumbnailCategory .description h3 a:hover {
+.tabsheet li a:hover, #content div.thumbnailCategory .description h3 a:hover {
   color: #f92;
 }
 .pleaseNote {
@@ -97,7 +97,6 @@ TD.calDayCellEmpty,
 SPAN.calItemEmpty { color: silver; }
 .calBackDate { color: #000; }
 
-
 /******************************************************************************/
 /* Backgrounds Only */
 BODY { background: #cde; }
@@ -111,7 +110,7 @@ BODY { background: #cde; }
 .row1  { background-color: #eef; }
 H2, #menubar DT, .throw, TD H3,
 #imageToolBar,
-#imageHeaderBar, #imageHeaderBar H2,
+#imageHeaderBar, #imageHeaderBar H2, .tabsheet li,
 #theAdminPage H3 { background-color: #369; }
 #content H2 { background-color: #369; }
 #content .infos { background-color: #47a; ;}
@@ -128,10 +127,9 @@ H2, #menubar DT, .throw, TD H3,
 #content UL.thumbnails SPAN.wrap2:active img {
   outline: 3px ridge #f92;
 }
-.pleaseNote { background: #69c; }
 input#qsearchInput { background-color: #cde; }
 .virtual_cat { background: #fff !important; }
-
+.pleaseNote, .selected_tab { background-color: #69c !important; }
 /******************************************************************************/
 /* Borders, Margins, Padding Only */
 BODY { margin: 0px;  padding: 0px; }
@@ -226,6 +224,10 @@ A.navThumb, A.navThumb:hover,
 SPAN.calItem, SPAN.calItemEmpty { border: 1px solid gray; }
 TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;}
 #theAdminPage #content table td { padding: 2px 8px; }
+ul.tabsheet { border-color: #369 !important; }
+.tabsheet li { border: 1px solid #fff; }
+.tabsheet li:hover { border-color: #f92 !important; }
+
 /******************************************************************************/
 /* Display, Visibility, buttons and others */
 label { cursor:pointer }
@@ -276,29 +278,3 @@ input.submit:active {
 }
 .qsearch { font-size: 80%; font-style: italic; }
 * { outline: none; }
-
-.tabsheet {
-  border-bottom: 1px solid #369;
-}
-
-.tabsheet li {
-  background: #369;
-  color: white;
-  border: 1px solid #fff;
-}
-
-.tabsheet a {
-  color: white;
-}
-
-.selected_tab {
-  background: #69c !important;
-}
-
-.tabsheet li:hover {
-  border: 1px solid #f92 !important;
-}
-
-.tabsheet li:hover a:hover {
-  color: #f92;
-}
diff --git a/template/yoga/theme/wipi/theme.css b/template/yoga/theme/wipi/theme.css
index da771de73..6054b9705 100644
--- a/template/yoga/theme/wipi/theme.css
+++ b/template/yoga/theme/wipi/theme.css
@@ -63,13 +63,16 @@ H2, .throw {
   border-color: #f92;

   color: #900;

 }

+.tabsheet li,

+.tabsheet li a { color: #69c; }

+.tabsheet li a:hover { color: #f92; }

 /* backgrounds */

 BODY {

   background: #111;

   margin: 0px;

   padding: 0px;

 }

-H3, #imageHeaderBar, #imageToolBar A:hover, .row1  {

+H3, #imageHeaderBar, #imageToolBar A:hover, .row1, .tabsheet li  {

   background-color: #222;

 }

 #theAdminPage h2, #theAdminPage h3 { border-bottom: 1px solid #69c; }

@@ -79,6 +82,7 @@ H3, #imageHeaderBar, #imageToolBar A:hover, .row1  {
 #imageToolBar, .header_notes {

   background-color: #333;

 }

+.selected_tab { background-color: eee !important; }

 A {

   border-color: #69c;

 }

@@ -329,25 +333,18 @@ a.PWG:hover .G { color : #f92; }
 #menubar .menuInfoCatByChild, .qsearch,

 h2.showtitle, #theImage p.showlegend { display: none }

 * { outline-width: 0px; }

-

+ul.tabsheet {

+  border-top: 1px solid #69c !important;

+  border-bottom: 0px !important;

+}

 .tabsheet li {

-  background: #222;

-  color: #69c;

   border: 1px solid #fff;

+  background-image: url(images/tableh1_bg.png);

+  background-repeat: repeat-x;

 }

-

-.tabsheet a {

-  color: #69c;

-}

-

-.selected_tab {

-  background: #eee !important;

-}

-

-.tabsheet li:hover {

-  border: 1px solid #f92 !important;

-}

-

-.tabsheet li:hover a:hover {

-  color: #f92;

+.tabsheet li:hover { border-color: #f92 !important; }

+ul.tabsheet li {

+  -moz-border-radius: 0px 0px 3px 3px;

+  border-radius:  0px 0px 12px 12px;

+  -webkit-border-radius: 0px 0px 3px 3px;

 }