Bug on admin tabsheets under IE7

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

7 files changed, 211 insertions, 238 deletions

diff --git a/template/yoga/admin/default-layout.css b/template/yoga/admin/default-layout.css
index b2a012b1b..edad24d3f 100644
--- a/template/yoga/admin/default-layout.css
+++ b/template/yoga/admin/default-layout.css
@@ -1,158 +1,158 @@
-/* $Id: */
-BODY#theAdminPage #theHeader P {
-  display: none;
-}
-
-/* History tables */
-TABLE.table2 {
-  border: 1px solid black;
-  margin: 1em auto;
-  padding: 0;
-}
-
-TABLE.table2 TD, TABLE.table2 TH {
-  padding: 0 1em;
-}
-
-TABLE.table2 TR {
-  text-align: left;
-}
-
-TABLE.table2 TR.throw {
-  text-align: center;
-}
-
-.hour {
-  white-space: pre;
-}
-
-.number {
-  text-align: right;
-}
-
-TABLE#dailyStats {
-  width: 60%;
-}
-
-TABLE#detailedStats {
-  width: 99%;
-}
-
-/* categoryOrdering */
-SELECT.categoryList {
-  width: 100%;
-}
-
-FORM#categoryOrdering {
-  padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
-  padding-right: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
-}
-FORM#categoryOrdering p {
-	text-align: left;
-	margin-top: 1em;
-	margin-bottom: 1em;
-}
-UL.categoryUl {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-LI.categoryLi {
-  border: 1px solid gray;
-  padding: 0px 5px;
-  margin-bottom: 5px;
-}
-
-FORM#categoryOrdering UL.categoryActions {
-  float: right;
-  margin-top: 5px;
-}
-/* */
-
-FORM#catModify TABLE { width: auto; }
-
-FIELDSET.elementEdit A {
-  display: block;
-  float: right;
-}
-
-TABLE.doubleSelect {
-  text-align: center;
-  margin: 0 auto;
-  width: 100%;
-}
-
-TABLE.doubleSelect TD {
-  padding: 0 5px;
-  width: 50%;
-}
-
-TABLE.doubleSelect SELECT.categoryList {
-  width: 100%;
-}
-
-FORM#categoryPermissions LI {
-  display:inline;
-  white-space: nowrap;
-}
-
-FIELDSET#generalConf SPAN.property {
-  width: 25%;
-}
-FIELDSET#generalConf TEXTAREA.description {
-  width: 70%;
-}
-
-/* PWG Links Menu is fixed Graphic charts */
-.pwgmenu {
-  display: table;
-  list-style-type: none;
-  list-style-image: none; /* for firefox */
-  white-space: nowrap; 
-  position: relative;
-  text-decoration : none;
-  font-family: verdana, arial, helvetica, sans-serif;
-  font-size: 70%;
-  line-height: 1.1em;
-  width: 66em;
-  margin: 1px 8px 1px auto;
-  padding: 3px;
-  background: transparent;
-}
-.pwgmenu li {
-  float: left;
-  width: 10em !important;
-  text-align: center;
-  margin: 0 6px;
-  padding: 0;
-
-}
-.pwgmenu a {
-  width: 9em !important;
-  display: block;
-  padding: 4px 8px;
-  background: #69c; /* PWG Graphic charts */
-  color: white;
-  text-align: center;  
-  text-decoration: none;
-  font-weight: bold;
-  border: 1px solid #fff; /* Why bordered? in case of #69c background */ 
-}
-.pwgmenu a:hover {
-  background: #f92;
-  color: white;
-} /* PWG Graphic charts */
-
-
-.statBar {
-  height: 10px;
-  background-color: #66f;
-  border: 1px solid black;
+/* $Id: */

+BODY#theAdminPage #theHeader P {

+  display: none;

+}

+

+/* History tables */

+TABLE.table2 {

+  border: 1px solid black;

+  margin: 1em auto;

+  padding: 0;

+}

+

+TABLE.table2 TD, TABLE.table2 TH {

+  padding: 0 1em;

+}

+

+TABLE.table2 TR {

+  text-align: left;

+}

+

+TABLE.table2 TR.throw {

+  text-align: center;

+}

+

+.hour {

+  white-space: pre;

+}

+

+.number {

+  text-align: right;

+}

+

+TABLE#dailyStats {

+  width: 60%;

+}

+

+TABLE#detailedStats {

+  width: 99%;

+}

+

+/* categoryOrdering */

+SELECT.categoryList {

+  width: 100%;

+}

+

+FORM#categoryOrdering {

+  padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */

+  padding-right: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */

+}

+FORM#categoryOrdering p {

+	text-align: left;

+	margin-top: 1em;

+	margin-bottom: 1em;

+}

+UL.categoryUl {

+  list-style: none;

+  padding: 0;

+  margin: 0;

+}

+

+LI.categoryLi {

+  border: 1px solid gray;

+  padding: 0px 5px;

+  margin-bottom: 5px;

+}

+

+FORM#categoryOrdering UL.categoryActions {

+  float: right;

+  margin-top: 5px;

+}

+/* */

+

+FORM#catModify TABLE { width: auto; }

+

+FIELDSET.elementEdit A {

+  display: block;

+  float: right;

+}

+

+TABLE.doubleSelect {

+  text-align: center;

+  margin: 0 auto;

+  width: 100%;

+}

+

+TABLE.doubleSelect TD {

+  padding: 0 5px;

+  width: 50%;

+}

+

+TABLE.doubleSelect SELECT.categoryList {

+  width: 100%;

+}

+

+FORM#categoryPermissions LI {

+  display:inline;

+  white-space: nowrap;

+}

+

+FIELDSET#generalConf SPAN.property {

+  width: 25%;

+}

+FIELDSET#generalConf TEXTAREA.description {

+  width: 70%;

+}

+

+/* PWG Links Menu is fixed Graphic charts */

+.pwgmenu {

+  display: table;

+  list-style-type: none;

+  list-style-image: none; /* for firefox */

+  white-space: nowrap; 

+  position: relative;

+  text-decoration : none;

+  font-family: verdana, arial, helvetica, sans-serif;

+  font-size: 70%;

+  line-height: 1.1em;

+  width: 66em;

+  margin: 1px 8px 1px auto;

+  padding: 3px;

+  background: transparent;

+}

+.pwgmenu li {

+  float: left;

+  width: 10em !important;

+  text-align: center;

+  margin: 0 6px;

+  padding: 0;

+

+}

+.pwgmenu a {

+  width: 9em !important;

+  display: block;

+  padding: 4px 8px;

+  background: #69c; /* PWG Graphic charts */

+  color: white;

+  text-align: center;  

+  text-decoration: none;

+  font-weight: bold;

+  border: 1px solid #fff; /* Why bordered? in case of #69c background */ 

+}

+.pwgmenu a:hover {

+  background: #f92;

+  color: white;

+} /* PWG Graphic charts */

+

+

+.statBar {

+  height: 10px;

+  background-color: #66f;

+  border: 1px solid black;

 }

 

 /* Tabsheet */

-.tabsheet {

+ul.tabsheet {

   display: table;

   list-style-type: none;

   list-style-image: none; /* for firefox */

@@ -163,7 +163,7 @@ FIELDSET#generalConf TEXTAREA.description {
   border-bottom: 1px solid #fff;

 }

 

-.tabsheet li {

+ul.tabsheet li {

   float: left;

   text-align: center;

   margin: 0 6px;

@@ -173,8 +173,5 @@ FIELDSET#generalConf TEXTAREA.description {
   padding: 4px 8px;

   border: 1px solid #fff;

   border-radius: 6px 6px 0px 0px;	/* round corners with CSS3 compliant browsers */

-  -moz-border-radius: 6px 6px 0px 0px;	/* round corners with CSS3 compliant browsers */

   padding: 5px 2em 2px 2em;

 }

-

-/* Tabsheet */

diff --git a/template/yoga/fix-ie7.css b/template/yoga/fix-ie7.css
index c2e4db602..029ab46e1 100644
--- a/template/yoga/fix-ie7.css
+++ b/template/yoga/fix-ie7.css
@@ -19,3 +19,14 @@
   top: -50%;   

   margin-top: 2%;

 }

+#content UL.thumbnails SPAN.wrap2 {

+  border-radius: 8px;

+}

+.tabsheet li {

+  border-radius: 12px 12px 0px 0px;	/* round corners with CSS3 compliant browsers */

+}

+ul.tabsheet {

+  padding: 0px 0em 1.98em 6em;

+  border-bottom: 1px solid #fff;

+  border-top: 0px;

+}

diff --git a/template/yoga/not-ie.css b/template/yoga/not-ie.css
index ede96708f..a66f305f6 100644
--- a/template/yoga/not-ie.css
+++ b/template/yoga/not-ie.css
@@ -5,6 +5,7 @@
 

 #content UL.thumbnails SPAN.wrap2 {

   -moz-border-radius: 4px;	/* round corners with Geko */

+  -webkit-border-radius: 4px; /* Safari webkit project */

 }

 #content DIV#comments {

   padding-left: 5px;

@@ -17,3 +18,7 @@ FORM#quickconnect LABEL {
  -moz-box-sizing: padding-box !important;

   box-sizing: border-box; /* CSS3 */

 }

+ul.tabsheet li {

+  -moz-border-radius: 6px 6px 0px 0px;	/* round corners with CSS3 compliant browsers */

+  -webkit-border-radius: 6px 6px 0px 0px; /* Safari webkit project */

+}

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;

 }