aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga
diff options
context:
space:
mode:
authorvdigital <vdigital@piwigo.org>2007-03-09 23:30:03 +0000
committervdigital <vdigital@piwigo.org>2007-03-09 23:30:03 +0000
commitc0de91eb56964ccce35d82c7dbac987ca994aace (patch)
treeb432b3a4ed214e57bff044bc1e0e4195ed49a20e /template/yoga
parent908c6a2dfa90104841d334a2e2388a196c2af8c9 (diff)
Bug on admin tabsheets under IE7
git-svn-id: http://piwigo.org/svn/trunk@1886 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'template/yoga')
-rw-r--r--template/yoga/admin/default-layout.css309
-rw-r--r--template/yoga/fix-ie7.css11
-rw-r--r--template/yoga/not-ie.css5
-rw-r--r--template/yoga/theme/clear/theme.css25
-rw-r--r--template/yoga/theme/dark/theme.css24
-rw-r--r--template/yoga/theme/p0w0/theme.css40
-rw-r--r--template/yoga/theme/wipi/theme.css35
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;
}