aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga
diff options
context:
space:
mode:
authorrvelices <rv-github@modusoptimus.com>2007-10-01 23:39:21 +0000
committerrvelices <rv-github@modusoptimus.com>2007-10-01 23:39:21 +0000
commit00d39fe8ba9c559a1208ca135cb7203b37ba68ce (patch)
tree479ba74db988375db41f928286b3a747f1fade61 /template/yoga
parentf7196c793a77f7a89713d10a31fd130e7604a4fb (diff)
- css change tabsheet is nicer than before (especially IE7); also tested in FF2 and IE6
git-svn-id: http://piwigo.org/svn/trunk@2116 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--template/yoga/admin/default-layout.css36
-rw-r--r--template/yoga/theme/clear/theme.css14
-rw-r--r--template/yoga/theme/dark/theme.css11
-rw-r--r--template/yoga/theme/p0w0/theme.css3
-rw-r--r--template/yoga/theme/wipi/theme.css13
5 files changed, 33 insertions, 44 deletions
diff --git a/template/yoga/admin/default-layout.css b/template/yoga/admin/default-layout.css
index 09d03e8c8..4250f5b8c 100644
--- a/template/yoga/admin/default-layout.css
+++ b/template/yoga/admin/default-layout.css
@@ -180,28 +180,30 @@ FIELDSET#commentsConf INPUT {
}
/* Tabsheet */
-ul.tabsheet {
- display: table;
- list-style-type: none;
- list-style-image: none; /* for firefox */
+UL.tabsheet {
+ list-style: none;
white-space: nowrap;
- margin-left: auto; margin-right: auto;
- text-decoration : none;
- background: transparent;
+ text-decoration: none;
border-bottom: 1px solid #fff;
+ margin-left: 5px; margin-right: 5px;
+ padding: 3px 5px;
}
-ul.tabsheet li {
- float: left;
- text-align: center;
- margin: 0 6px;
- color: white;
- font-size: 110%;
- font-weight: bold;
- padding: 4px 8px;
+UL.tabsheet LI {
+ display: inline;
+ margin: 0px 6px;
+ font-size: 120%;
+ font-weight: normal;
border: 1px solid #fff;
- border-radius: 6px 6px 0px 0px; /* round corners with CSS3 compliant browsers */
- padding: 5px 2em 2px 2em;
+ border-bottom: none;
+ padding: 3px 2em;
+}
+
+UL.tabsheet LI.selected_tab {
+ font-weight: bold;
+ position: relative;
+ top: 1px;
+ padding-top: 4px;
}
.over{
diff --git a/template/yoga/theme/clear/theme.css b/template/yoga/theme/clear/theme.css
index 3fc79f055..98ea0e24c 100644
--- a/template/yoga/theme/clear/theme.css
+++ b/template/yoga/theme/clear/theme.css
@@ -86,11 +86,9 @@ SPAN.calItem, SPAN.calItemEmpty
#qsearchInput { color: #d3d3d3; }
#qsearchInput:focus { color: #005e89; }
-.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; }
+
+UL.tabsheet LI.normal_tab { background-color: #d3d3d3; }
+UL.tabsheet LI.selected_tab { background-color: #eeeeee; }
+
+UL.tabsheet, UL.tabsheet LI {border-color: gray;}
+UL.tabsheet LI.normal_tab:hover { border-color: black; }
diff --git a/template/yoga/theme/dark/theme.css b/template/yoga/theme/dark/theme.css
index e4bda2bd7..ad19696bf 100644
--- a/template/yoga/theme/dark/theme.css
+++ b/template/yoga/theme/dark/theme.css
@@ -10,9 +10,6 @@ H2, #menubar DT, .throw {
color: #fff48e;
}
-.tabsheet li,
-.tabsheet li a { color: #fff; }
-.tabsheet li a:hover { color: #fff48e; }
/* backgrounds */
BODY {
@@ -42,9 +39,9 @@ H2, #menubar DT, .throw {
background-repeat: repeat-x;
background-position: center;
}
-.tabsheet li { background-color: #3f3f3f; }
-.selected_tab { background-color: #5f5f5f !important; }
+UL.tabsheet LI.normal_tab { background-color: #3f3f3f; }
+UL.tabsheet LI.selected_tab { background-color: #5f5f5f; }
/* borders */
#menubar DL, #content, .content,
@@ -90,9 +87,7 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
color: black;
}
-ul.tabsheet { border-color: #fff48e; }
-.tabsheet li { border: 1px solid #fff; }
-.tabsheet li:hover { border-color: #fff48e !important; }
+UL.tabsheet LI.normal_tab:hover { border-color: #fff48e; }
/* links */
A, INPUT.rateButton {
diff --git a/template/yoga/theme/p0w0/theme.css b/template/yoga/theme/p0w0/theme.css
index 3b2f99ecf..b3db1b779 100644
--- a/template/yoga/theme/p0w0/theme.css
+++ b/template/yoga/theme/p0w0/theme.css
@@ -212,8 +212,7 @@ A.navThumb, A.navThumb:hover,
margin: 0px;
}
#theAdminPage #content table td { padding: 2px 8px; }
-ul.tabsheet { border-color: #369 !important; }
-.tabsheet li { border: 1px solid #fff; }
+ul.tabsheet, ul.tabsheet li { border-color: #369 !important; }
.tabsheet li:hover { border-color: #f92 !important; }
/******************************************************************************/
diff --git a/template/yoga/theme/wipi/theme.css b/template/yoga/theme/wipi/theme.css
index 3415f982c..0cd85f53e 100644
--- a/template/yoga/theme/wipi/theme.css
+++ b/template/yoga/theme/wipi/theme.css
@@ -60,9 +60,6 @@ H2, .throw {
border-color: #f92;
color: #900;
}
-.tabsheet li,
-.tabsheet li a { color: #69c; }
-.tabsheet li a:hover { color: #f92; }
/* backgrounds */
BODY {
background: #111;
@@ -312,16 +309,14 @@ a.PWG:hover .G { color : #f92; }
#menubar .menuInfoCatByChild,
h2.showtitle, #theImage p.showlegend { display: none }
* { outline-width: 0px; }
-ul.tabsheet {
- border-top: 1px solid #69c !important;
- border-bottom: 0px !important;
+ul.tabsheet, ul.tabsheet li {
+ border-color: #69c;
}
-.tabsheet li {
- border: 1px solid #fff;
+ul.tabsheet li.normal_tab {
background-image: url(images/tableh1_bg.png);
background-repeat: repeat-x;
}
-.tabsheet li:hover { border-color: #f92 !important; }
+ul.tabsheet li.normal_tab:hover { border-color: #f92 }
ul.tabsheet li {
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 12px 12px;