Add tabsheet on administration pages.

Step 1: Refactoring tabsheet on NBM and introduce generic method to add tabsheet.tpl

On next commit, use of this new method in order to reduce # of link menu.

CSS friend don't hesitate to modify tabsheet css.

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

4 files changed, 76 insertions, 0 deletions

diff --git a/template/yoga/theme/clear/theme.css b/template/yoga/theme/clear/theme.css
index 0f29d1fb2..f60e8154c 100644
--- a/template/yoga/theme/clear/theme.css
+++ b/template/yoga/theme/clear/theme.css
@@ -103,3 +103,21 @@ TD.calDayCellEmpty { color: silver; }
 #mbMenu #quicksearch > p { text-align: left; }
 #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;
+}
diff --git a/template/yoga/theme/dark/theme.css b/template/yoga/theme/dark/theme.css
index 5626e55e1..0bb601b1f 100644
--- a/template/yoga/theme/dark/theme.css
+++ b/template/yoga/theme/dark/theme.css
@@ -144,3 +144,17 @@ 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 7d81d8552..073bb26f0 100644
--- a/template/yoga/theme/p0w0/theme.css
+++ b/template/yoga/theme/p0w0/theme.css
@@ -276,3 +276,25 @@ input.submit:active {
 }
 .qsearch { font-size: 80%; font-style: italic; }
 * { outline: none; }
+
+.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 9755b89a1..da771de73 100644
--- a/template/yoga/theme/wipi/theme.css
+++ b/template/yoga/theme/wipi/theme.css
@@ -329,3 +329,25 @@ a.PWG:hover .G { color : #f92; }
 #menubar .menuInfoCatByChild, .qsearch,

 h2.showtitle, #theImage p.showlegend { display: none }

 * { outline-width: 0px; }

+

+.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;

+}