aboutsummaryrefslogtreecommitdiffstats
path: root/template
diff options
context:
space:
mode:
authorvdigital <vdigital@piwigo.org>2008-05-03 17:28:15 +0000
committervdigital <vdigital@piwigo.org>2008-05-03 17:28:15 +0000
commit160bebef28b1f2427d546da9168b1b7d91a64eff (patch)
tree841648c4bdb7f1261331ef6ad8e6c0879bda5017 /template
parent40a882c3cf93030546f5ae2eddde7644c9db99bc (diff)
Start of Stripy look on Admin page (Not stable for all browsers)
git-svn-id: http://piwigo.org/svn/trunk@2328 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--template/yoga/admin/intro.tpl11
-rw-r--r--template/yoga/header.tpl9
-rw-r--r--template/yoga/theme/admin/images/bottom-left-bg.pngbin0 -> 22748 bytes
-rw-r--r--template/yoga/theme/admin/images/list-hover.pngbin276 -> 273 bytes
-rw-r--r--template/yoga/theme/admin/images/list-image.pngbin271 -> 279 bytes
-rw-r--r--template/yoga/theme/admin/images/menubar-bottom.pngbin0 -> 275 bytes
-rw-r--r--template/yoga/theme/admin/images/menubar-detail.pngbin0 -> 196 bytes
-rw-r--r--template/yoga/theme/admin/images/menubar-top.pngbin0 -> 375 bytes
-rw-r--r--template/yoga/theme/admin/images/onglet_actif.pngbin0 -> 1168 bytes
-rw-r--r--template/yoga/theme/admin/images/onglet_actif_transp.pngbin0 -> 1456 bytes
-rw-r--r--template/yoga/theme/admin/images/onglet_inactif.pngbin0 -> 1250 bytes
-rw-r--r--template/yoga/theme/admin/images/onglet_inactif_transp.pngbin0 -> 1498 bytes
-rw-r--r--template/yoga/theme/admin/images/piwigo_logo_sombre_214x100.pngbin0 -> 12154 bytes
-rw-r--r--template/yoga/theme/admin/theme.css80
-rw-r--r--template/yoga/theme/admin/themeconf.inc.php46
15 files changed, 96 insertions, 50 deletions
diff --git a/template/yoga/admin/intro.tpl b/template/yoga/admin/intro.tpl
index eedb94d5b..fbfcb8fb0 100644
--- a/template/yoga/admin/intro.tpl
+++ b/template/yoga/admin/intro.tpl
@@ -1,16 +1,5 @@
{* $Id$ *}
<h2>{'title_default'|@translate}</h2>
-{if isset($pwgmenu)}
-<ul class="pwgmenu">
- <!-- Keep Doctype XHTML Strict acceptable even in Admin -->
- <!-- New window is open if Js available (Webmasters accept it usually) -->
- <li><a href="{$pwgmenu.HOME}" onclick="window.open(this.href, ''); return false;">{'HOME'|@translate}</a></li>
- <li><a href="{$pwgmenu.WIKI}" onclick="window.open(this.href, ''); return false;">{'WIKI / DOC'|@translate}</a></li>
- <li><a href="{$pwgmenu.FORUM}" onclick="window.open(this.href, ''); return false;">{'FORUM'|@translate}</a></li>
- <li><a href="{$pwgmenu.BUGS}" onclick="window.open(this.href, ''); return false;">{'BUGS'|@translate}</a></li>
- <li><a href="{$pwgmenu.EXTENSIONS}" onclick="window.open(this.href, ''); return false;">{'EXTENSIONS'|@translate}</a></li>
-</ul>
-{/if}
<dl>
<dt>{'PhpWebGallery version'|@translate}</dt>
<dd>
diff --git a/template/yoga/header.tpl b/template/yoga/header.tpl
index 926baca75..ca5d8b879 100644
--- a/template/yoga/header.tpl
+++ b/template/yoga/header.tpl
@@ -67,7 +67,14 @@
{/if}
<div id="theHeader">{$PAGE_BANNER}</div>
-
+{if isset($pwgmenu)}
+<ul class="pwgmenu">
+ <li><a href="{$pwgmenu.HOME}" onclick="window.open(this.href, ''); return false;"><span class="bg">{'HOME'|@translate}<span></a></li>
+ <li><a href="{$pwgmenu.WIKI}" onclick="window.open(this.href, ''); return false;"><span class="bg">{'WIKI / DOC'|@translate}<span></a></li>
+ <li><a href="{$pwgmenu.FORUM}" onclick="window.open(this.href, ''); return false;"><span class="bg">{'FORUM'|@translate}<span></a></li>
+ <li><a href="{$pwgmenu.EXTENSIONS}" onclick="window.open(this.href, ''); return false;"><span class="bg">{'EXTENSIONS'|@translate}<span></a></li>
+</ul>
+{/if}
{if not empty($header_notes)}
<div class="header_notes">
{foreach from=$header_notes item=elt}
diff --git a/template/yoga/theme/admin/images/bottom-left-bg.png b/template/yoga/theme/admin/images/bottom-left-bg.png
new file mode 100644
index 000000000..ce611dfed
--- /dev/null
+++ b/template/yoga/theme/admin/images/bottom-left-bg.png
Binary files differ
diff --git a/template/yoga/theme/admin/images/list-hover.png b/template/yoga/theme/admin/images/list-hover.png
index 6413a788e..73b600269 100644
--- a/template/yoga/theme/admin/images/list-hover.png
+++ b/template/yoga/theme/admin/images/list-hover.png
Binary files differ
diff --git a/template/yoga/theme/admin/images/list-image.png b/template/yoga/theme/admin/images/list-image.png
index 62194df57..1acdf67e4 100644
--- a/template/yoga/theme/admin/images/list-image.png
+++ b/template/yoga/theme/admin/images/list-image.png
Binary files differ
diff --git a/template/yoga/theme/admin/images/menubar-bottom.png b/template/yoga/theme/admin/images/menubar-bottom.png
new file mode 100644
index 000000000..be74ddca1
--- /dev/null
+++ b/template/yoga/theme/admin/images/menubar-bottom.png
Binary files differ
diff --git a/template/yoga/theme/admin/images/menubar-detail.png b/template/yoga/theme/admin/images/menubar-detail.png
new file mode 100644
index 000000000..e2d411e95
--- /dev/null
+++ b/template/yoga/theme/admin/images/menubar-detail.png
Binary files differ
diff --git a/template/yoga/theme/admin/images/menubar-top.png b/template/yoga/theme/admin/images/menubar-top.png
new file mode 100644
index 000000000..7a1195c5f
--- /dev/null
+++ b/template/yoga/theme/admin/images/menubar-top.png
Binary files differ
diff --git a/template/yoga/theme/admin/images/onglet_actif.png b/template/yoga/theme/admin/images/onglet_actif.png
new file mode 100644
index 000000000..476edb31b
--- /dev/null
+++ b/template/yoga/theme/admin/images/onglet_actif.png
Binary files differ
diff --git a/template/yoga/theme/admin/images/onglet_actif_transp.png b/template/yoga/theme/admin/images/onglet_actif_transp.png
new file mode 100644
index 000000000..fe4b18275
--- /dev/null
+++ b/template/yoga/theme/admin/images/onglet_actif_transp.png
Binary files differ
diff --git a/template/yoga/theme/admin/images/onglet_inactif.png b/template/yoga/theme/admin/images/onglet_inactif.png
new file mode 100644
index 000000000..8411ed119
--- /dev/null
+++ b/template/yoga/theme/admin/images/onglet_inactif.png
Binary files differ
diff --git a/template/yoga/theme/admin/images/onglet_inactif_transp.png b/template/yoga/theme/admin/images/onglet_inactif_transp.png
new file mode 100644
index 000000000..9ad96c14e
--- /dev/null
+++ b/template/yoga/theme/admin/images/onglet_inactif_transp.png
Binary files differ
diff --git a/template/yoga/theme/admin/images/piwigo_logo_sombre_214x100.png b/template/yoga/theme/admin/images/piwigo_logo_sombre_214x100.png
new file mode 100644
index 000000000..106f20add
--- /dev/null
+++ b/template/yoga/theme/admin/images/piwigo_logo_sombre_214x100.png
Binary files differ
diff --git a/template/yoga/theme/admin/theme.css b/template/yoga/theme/admin/theme.css
index b168c9381..dd1fab551 100644
--- a/template/yoga/theme/admin/theme.css
+++ b/template/yoga/theme/admin/theme.css
@@ -71,7 +71,7 @@ H3, #imageToolBar A:hover, .row1, .tabsheet li {
}
#theAdminPage h2, #theAdminPage h3 { border-bottom: 1px solid #69c; }
#imageHeaderBar, #theAdminPage #the_page {
- background-color: #111;
+ background-color: transparent;
}
#imageToolBar, .header_notes {
background-color: #333;
@@ -89,7 +89,7 @@ A:hover {
padding: 5px;
}
#theAdminPage #the_page #content, #theAdminPage #the_page .content {
- background-color: #111;
+ background-color: transparent;
border-width: 0px;
padding: 5px;
}
@@ -137,18 +137,18 @@ H2, #menubar DT, .throw, TD H3, #theAdminPage H3 {
border: none;
}
#thePicturePage #the_page {
- background-color: #111;
+ background-color: transparent;
}
#thePicturePage #imageHeaderBar {
background-image: url(images/tableh2_bg.png);
background-repeat: repeat-x;
}
#thePicturePage #imageToolBar {
- background-color: #111;
+ background-color: transparent;
border-bottom: 2px solid #69c;
}
#thePicturePage #theImage {
- background-color: #111;
+ background-color: transparent;
margin: 0px;
padding: 3px 0px 15px 0px;
}
@@ -302,7 +302,7 @@ a.PWG:hover .G { color : #f92; }
}
.statBar { background-color: #e60; }
#imageToolBar .randomButtons a:hover,
-#imageToolBar .navButtons a:hover { background-color: #111; }
+#imageToolBar .navButtons a:hover { background-color: transparent; }
#menubar .menuInfoCat,
#menubar .menuInfoCatByChild,
h2.showtitle, #theImage p.showlegend { display: none }
@@ -329,18 +329,18 @@ body#theAdminPage #menubar {
body#theAdminPage #content, #theAdminPage #the_page .content { /*default-layout.cs... (line 1)*/
list-style-type:none; padding: 0pt;
/*default-layout.cs... (line 23) */
-margin: 0pt 0pt 0pt 13.5em; background: transparent url(images/content-bg.png)
+margin: 0pt 0pt 0pt 200px; background: transparent url(images/content-bg.png)
repeat-y scroll right top;}
#theAdminPage #menubar ul { list-style-image:url(images/list-image.png); }
#theAdminPage #menubar ul:hover { list-style-image:url(images/list-hover.png); }
a, input.rateButton, legend { color:#777; }
#menubar a { border-bottom:0; text-decoration:none; font-style: italic;}
body#theAdminPage #theHeader {
- background:#111 url(images/logo23.jpg) no-repeat top left; height:105px;
+ background:transparent url(images/piwigo_logo_sombre_214x100.png) no-repeat 230px top; height:105px;
}
body#theAdminPage #post-header {
- background: transparent url(images/tableh1_bg.png) repeat-x top left;
- width: 100%; height: 4px;
+ background-color: transparent;
+ width: 60%; height: 4px; margin-left:40%;
}
#theHeader h1 { /*default-layout.cs... (line 204) */
font-size:220%; line-height:4em; margin:auto 2em auto auto; text-align:right;
@@ -373,29 +373,25 @@ width:9em !important;
-moz-border-radius-bottomright:0px;
border-bottom:0;
border-right:0;
-border-top:1px solid #222;
-background: transparent url(images/pre-menubar-bg.png) no-repeat scroll left top;
+border-top:0px solid #222;
+background-color: transparent;
}
#theAdminPage #menubar dt.pre-menubar {
background:transparent none no-repeat scroll left top;
height: 22px; overflow: hidden; margin: 0px;
}
.pwgmenu { /*theme.css (line 335)*/
-background:transparent;
-display:table;
+background:transparent url(images/header_bottom.png) repeat-x scroll left 25px;
+float:right;
font-family:verdana,arial,helvetica,sans-serif;
font-size:70%;
line-height:1.1em;
list-style-image:none;
list-style-type:none;
-margin:1px 8px 1px 00;
-padding:3px;
-position:relative;
-right:-406px;
-text-decoration:none;
-top:-93px;
-white-space:nowrap;
-width:636px;
+margin:1px 8px 1px 0pt;
+padding:3px 3px 3px 101px;
+text-decoration:none; top:-35px;
+width:587px;
}
.pwgmenu li { /*default-layout.cs... (line 151)*/
float:left;
@@ -405,17 +401,17 @@ text-align:center;
width:126px !important;
}
.pwgmenu a { /*theme.css (line 344)*/
-background:#FF3366 url(images/select_bt.png) repeat scroll left top;
+background:transparent url(images/onglet_inactif_transp.png) no-repeat scroll left 3px;
border:0pt none;
-color:#CCCCCC;
+color:#FF3333;
display:block;
-font-size:140%;
-height:15px;
-padding:15px 0pt 0pt;
-text-align:center;
-text-decoration:none;
-width:126px !important;
+font-size:40%; height:33px;
+padding:3px 0pt 5px 10pt; text-align:left;
+text-decoration:none; width:126px !important;
}
+.pwgmenu a:hover { /*theme.css (line 344)*/
+background:transparent url(images/onglet_actif_transp.png) no-repeat scroll left 2px;
+color: #ff7700; }
#content h2:before, #content h2:after,
#menubar DT:before, #menubar DT:after { content: ""; }
#theHeader h1 { /*theme.css (line 345) */ color:#202127; }
@@ -429,18 +425,28 @@ font-weight:bold; margin-right:30px; padding-left:2em; }
background: transparent none; margin-right:30px; font-weight: lighter;}
#theAdminPage h2 { /* theme.css (line 72) */ border-bottom:0px; }
body#theAdminPage { /*theme.css (line 324) */
-background:#111111 url(images/menubar-bg.png) repeat-y scroll left top;}
+background:#111111 url(images/top-left-bg.png) no-repeat scroll left top;}
#theAdminPage #the_page { /*theme.css (line 73)*/
-background:transparent url(images/content-bg.png) repeat-y scroll right top; }
+background:transparent url(images/bottom-left-bg.png) no-repeat fixed left bottom; }
#the_page { /*theme.css (line 348)*/ padding-bottom:30px;}
#content, .content {background-color:transparent;}
body#theAdminPage #menubar { /* theme.css (line 324) */
-background:transparent none repeat-y scroll right top; border-bottom:0px; }
+background:transparent none repeat-y scroll right top; border-bottom:0px; margin-top:150px;}
#theAdminPage #the_page #content, #theAdminPage #the_page .content { /*theme.css (line 91)*/
-background-color:#111111; border-width:0px; padding:5px 35px 5px 5px; }
+background-color:transparent; border-width:0px; padding:5px 35px 5px 5px; }
body#theAdminPage #menubar dl.selected dd { padding-bottom: 145px; }
.header_notes {/*default-colors.cs... (line 91)*/
background-image:url(icon/note.png); background-position:left top;
-background-repeat:no-repeat; border:1px solid #AAAAAA;
-font-weight:bold; margin:14px; padding:5px 0px 0px;
-position:absolute; right:31px; text-align:center; top:96px; width:50%; } \ No newline at end of file
+background-repeat:no-repeat; border:1px solid #AAAAAA; font-weight:bold;
+margin:14px; padding:5px 0px 0px; position:absolute; right:31px;
+text-align:center; top:96px; width:502px; }
+#theAdminPage #menubar dl.selected {/*theme.css (line 372)*/
+background:transparent url(images/menubar-top.png) no-repeat scroll left top;
+}
+#theAdminPage #menubar dl {/*theme.css (line 372)*/
+background:transparent url(images/menubar-top.png) no-repeat scroll left top; width: 198px;
+}
+#theAdminPage #menubar dt { background: none; left:10px; position:relative; text-align:left; top:-10px;}
+#theAdminPage #menubar dd { background: transparent url(images/menubar-detail.png) repeat-y top left;
+margin: 0px 0px 0px 4px; padding: 0px;}
+span.bg { background-color: #111111; padding-right: 3px; } \ No newline at end of file
diff --git a/template/yoga/theme/admin/themeconf.inc.php b/template/yoga/theme/admin/themeconf.inc.php
index aed3fb102..1a2b51dc4 100644
--- a/template/yoga/theme/admin/themeconf.inc.php
+++ b/template/yoga/theme/admin/themeconf.inc.php
@@ -1,4 +1,47 @@
<?php
+/**
+ * Accordion menus need to be stable
+ */
+function selected_admin_menu()
+{
+ if (isset($_GET['page']))
+ {
+ switch ($_GET['page']) {
+ case 'configuration':
+ return 1;
+ case 'site_manager':
+ case 'site_update':
+ case 'cat_list':
+ case 'cat_modify':
+ case 'element_set':
+ case 'cat_perm':
+ case 'picture_modify':
+ if (isset($_GET['cat']) and $_GET['cat']='caddie') {
+ return 3;
+ }
+ return 2;
+ case 'comments':
+ case 'thumbnail':
+ case 'rating':
+ case 'tags':
+ return 3;
+ case 'user_list':
+ case 'group_list':
+ case 'notification_by_mail':
+ return 4;
+ case 'stats':
+ case 'history':
+ case 'maintenance':
+ case 'advanced_feature':
+ case 'wd_checker':
+ case 'plugins_list':
+ case 'plugin':
+ return 5;
+ }
+ }
+ return 0;
+}
+
$themeconf = array(
'template' => 'yoga',
'theme' => 'admin',
@@ -17,7 +60,8 @@ $themeconf = array(
jQuery().ready(function(){
jQuery(\'#menubar\').accordion({
header: "dt.rdion",
- event: "mouseover"
+ event: "mouseover",
+ active: '. selected_admin_menu() . '
});
});
</script>'