Changeset 1886

Timestamp:

Mar 10, 2007, 12:30:03 AM (17 years ago)

Author:

vdigital

Message:

Bug on admin tabsheets under IE7

Location:

trunk/template/yoga

Files:

• admin/default-layout.css (modified) (3 diffs)
• fix-ie7.css (modified) (1 diff)
• not-ie.css (modified) (2 diffs)
• theme/clear/theme.css (modified) (1 diff)
• theme/dark/theme.css (modified) (4 diffs)
• theme/p0w0/theme.css (modified) (6 diffs)
• theme/wipi/theme.css (modified) (4 diffs)

trunk/template/yoga/admin/default-layout.css

@@ -153 +153 @@
 
 /* Tabsheet */
-.tabsheet {
+ul.tabsheet {
   display: table;
   list-style-type: none;
@@ -164 +164 @@
 }
 
-.tabsheet li {
+ul.tabsheet li {
   float: left;
   text-align: center;
@@ -174 +174 @@
   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 */

trunk/template/yoga/fix-ie7.css

@@ -20 +20 @@
   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;
+}

trunk/template/yoga/not-ie.css

@@ -6 +6 @@
 #content UL.thumbnails SPAN.wrap2 {
   -moz-border-radius: 4px;      /* round corners with Geko */
+  -webkit-border-radius: 4px; /* Safari webkit project */
 }
 #content DIV#comments {
@@ -18 +19 @@
   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 */
+}

trunk/template/yoga/theme/clear/theme.css

@@ -105 +105 @@
 #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; }

trunk/template/yoga/theme/dark/theme.css

@@ -17 +17 @@
   color: #000000;
 }
+
+.tabsheet li,
+.tabsheet li a { color: #fff; }
+.tabsheet li a:hover { color: #fff48e; }
 
 /* backgrounds */
@@ -46 +50 @@
   background-position: center;
 }
+.tabsheet li { background-color: #3f3f3f; }
+
+.selected_tab { background-color: #5f5f5f !important; }
 
 /* borders */
@@ -91 +98 @@
 }
 
+ul.tabsheet { border-color: #fff48e; }
+.tabsheet li { border: 1px solid #fff; }
+.tabsheet li:hover { border-color: #fff48e !important; }
 
 /* links */
@@ -145 +155 @@
 .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;
-}

trunk/template/yoga/theme/p0w0/theme.css

@@ -83 +83 @@
   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;
 }
@@ -97 +97 @@
 SPAN.calItemEmpty { color: silver; }
 .calBackDate { color: #000; }
-
 
 /******************************************************************************/
@@ -112 +111 @@
 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; }
@@ -129 +128 @@
   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 */
@@ -227 +225 @@
 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 */
@@ -277 +279 @@
 .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;
-}

trunk/template/yoga/theme/wipi/theme.css

@@ -64 +64 @@
   color: #900;
 }
+.tabsheet li,
+.tabsheet li a { color: #69c; }
+.tabsheet li a:hover { color: #f92; }
 /* backgrounds */
 BODY {
@@ -70 +73 @@
   padding: 0px;
 }
-H3, #imageHeaderBar, #imageToolBar A:hover, .row1  {
+H3, #imageHeaderBar, #imageToolBar A:hover, .row1, .tabsheet li  {
   background-color: #222;
 }
@@ -80 +83 @@
   background-color: #333;
 }
+.selected_tab { background-color: eee !important; }
 A {
   border-color: #69c;
@@ -330 +334 @@
 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;
-}
-
-.tabsheet a {
-  color: #69c;
-}
-
-.selected_tab {
-  background: #eee !important;
-}
-
-.tabsheet li:hover {
-  border: 1px solid #f92 !important;
-}
-
-.tabsheet li:hover a:hover {
-  color: #f92;
-}
+  background-image: url(images/tableh1_bg.png);
+  background-repeat: repeat-x;
+}
+.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;
+}