Bug on admin tabsheets under IE7

git-svn-id: http://piwigo.org/svn/trunk@1886 68402e56-0260-453c-a942-63ccdbb3a9ee
2026-05-03 20:12:44 +02:00 · 2007-03-09 23:30:03 +00:00
parent 908c6a2dfa
commit c0de91eb56
7 changed files with 211 additions and 238 deletions
--- 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 */
--- 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;
+}
--- 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 */
+}
--- 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; }
--- 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;
-}
--- 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;
-}
--- 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;
 }