Skip to content
Permalink
Browse files

issue #987 new header/menubar/footer for admin pages

only works fine for "day" mode, not for "night" mode yet
  • Loading branch information...
plegall committed Mar 15, 2019
1 parent 466a479 commit 6f1b75d13593bf69fa8e4b1c6258c857321a6564
@@ -59,7 +59,7 @@ padding-bottom: 15px; }
}
html, body {
min-height: 100%;
background-color: #f9f9f9;
background-color: #fff;
}

/* #the_page { margin: 0; padding: 0; z-index: 1; top:0px; */
@@ -68,11 +68,11 @@ h3, .throw, .row1 { background-color: #ddd; }
.row2 { background-color:#eeeeee; }

#content {
background: #f1f1f1;
border: 1px solid #f9f9f9;
background: #fff;
border: none;
min-height: 467px;
margin-left:217px;
margin-top: 7px;
margin-left:205px;
margin-top: 0;
}

.content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0;
@@ -147,57 +147,54 @@ ul.actions, .content form#waiting {text-align:center;}
}

/* tabsheets are often used in admin pages => No specific css files */
#tabsheet { width:auto; margin:-1px; margin-right:-6px; padding:0;
border:1px solid #f9f9f9; border-bottom:1px solid #aaa; background-color:#f9f9f9;margin-top:-7px;}
.tabsheet { display:table; white-space:nowrap; padding-left:10px; margin:0; width:auto;
font-family:verdana,arial,helvetica,sans-serif; font-size:8px;
list-style-type:none; list-style-image:none; text-decoration:none; }
.tabsheet li { background:#f1f1f1; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #aaa; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;border-radius:5px 5px 0 0;}
#tabsheet {
width:auto;
margin:0 0 20px 0;
padding:0 0 0 10px;
border:none;
border:none;
background-color:#f3f3f3;
}
.tabsheet {
display:table;
white-space:nowrap;
padding-left:10px;
margin:0;
width:auto;
list-style-type:none;
list-style-image:none;
text-decoration:none;
}
.tabsheet li {
background-color: transparent;
float:left;
margin:0 6px 0 0;
overflow:hidden;
text-align:right;
border:none;
position:relative;
top:11px;
border-radius:5px 5px 0 0;
}
.tabsheet a {
display:block; font-size:11px; border:0;
font-weight:bold; overflow:hidden; padding:6px;
font-weight:bold; overflow:hidden; padding:10px 20px;
text-align:right; text-decoration:none; margin: 0; }
.tabsheet a:first-letter { text-transform:capitalize; }
.tabsheet li.selected_tab {
border-bottom:1px solid #f1f1f1;
border-bottom:none;
background-color: #fff;
}
.tabsheet li:hover, .tabsheet li.selected_tab {
margin-top:4px; padding-bottom:3px; padding-top:3px; top:1px;
}
/* .tabsheet a:hover */
.tabsheet li.selected_tab a { color: #555; }
.tabsheet a span { font-size:10px; margin-right:2px; padding:0 3px 0 1px; }
.tabsheet a span { font-size:14px; margin-right:2px; padding:0 3px 0 1px; }

.sort { clear: none; }

/* menubar is on all admin pages => No specific css file */
#menubar {
padding:0; width:207px; z-index:99; text-align: left;margin-top:7px;
margin-left:0;
}

#menubar ul.scroll { overflow-y:auto; max-height:500px; }
#menubar dl { width: 200px; min-height:35px; border:0; margin: 0; padding: 0; display: block; border:0; background-color:#444; border-left:none; }
#menubar dd { margin: 0; padding: 0; }
#menubar dt {
background-color: #333; margin: 0; display: block; font-weight:bold;
position:relative; padding: 5px 1px 4px 5px; font-size: 13px; color: #aaa;
cursor:pointer;
}
#menubar dl:first-of-type, #menubar dl:first-of-type dt { border-radius:0; }
#menubar dl:last-of-type { border-radius:0; }
#menubar li { margin: 0; padding-left:10px; }
#menubar li A { display:block; color:#ccc }
#menubar li A:hover {color:#eee; text-decoration:none}
#menubar li:hover {background-color:#222;}
#menubar ul { color: #ccc; margin:0; line-height: 25px;
list-style-type: none; list-style-position: inside; padding: 0; }
#adminHome {background-color:#333;border-radius: 0;margin-left:0;margin-bottom:17px;}
#adminHome:hover {background-color:#f70;}
#adminHome A {color:#aaa}
#adminHome:hover A {color:#fff}

#menubar i {font-size:14px;}

/* jQuery tooltips */
.ui-tooltip {
@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 767.6 191" style="enable-background:new 0 0 767.6 191;" xml:space="preserve">
<style type="text/css">
.st0{fill:#656565;}
</style>
<g id="Symbole_24_1" transform="translate(-577 -446.516)">
<path id="Tracé_3456" class="st0" d="M767.9,549.6c1.3-0.8,3.9-0.7,3.9-0.7h9.7c8.2,0.1,16.4-1.4,24.1-4.4 c7-2.7,13.2-7.3,17.8-13.3c4.5-5.9,6.7-13.3,6.7-22c0-8.8-2.1-16.2-6.3-22.2c-4.2-6-10.1-10.7-16.9-13.3c-7.6-3-15.7-4.5-23.9-4.4 h-34.6c0,0-4.1,0-6.4,1.6c-2.2,1.7-2.1,4.8-2.1,4.8v107.3c-0.1,0.9,0.2,1.6,0.7,2.3c0.7,0.5,1.6,0.8,2.5,0.8h20.5 c0.9,0.1,1.7-0.2,2.5-0.8c0.8-0.9,0.7-2.6,0.7-2.6v-30.7C766.6,551.2,767.1,550.2,767.9,549.6z M782.1,491c6.3,0,11.2,1.6,14.7,4.8 c3.5,3.2,5.2,7.9,5.2,14.1c-0.1,5.4-2,9.6-5.6,12.8s-8.2,4.7-14,4.7h-13.1c-0.7,0-1.5-0.2-2-0.6c-0.4-0.6-0.7-1.3-0.6-2.1v-31.9 c0-0.6,0.2-1.1,0.6-1.5c0.7-0.3,1.4-0.4,2.1-0.3L782.1,491L782.1,491z"/>
<path id="Tracé_3455" class="st0" d="M856.4,490.5c4,0.1,7.8-1.5,10.6-4.4c2.8-2.7,4.4-6.4,4.4-10.4c0.1-4-1.5-7.8-4.4-10.6 c-2.7-2.8-6.6-4.5-10.6-4.4c-4,0-7.6,1.5-10.4,4.4c-2.8,2.7-4.5,6.6-4.4,10.6c0,4,1.5,7.6,4.4,10.4 C848.7,489,852.4,490.6,856.4,490.5z M869,584.3c0.6-0.9,0.9-1.8,0.9-2.8V509c0,0,0.2-3.3-1.4-5c-1.5-1.7-4.9-1.9-4.9-1.9h-12.4 c0,0-4.2,0.2-6.3,2.4c-2.1,2.2-2.1,6.6-2.1,6.6v68.6c0,0-0.2,3.1,1.2,4.6c1.4,1.4,4.2,1.1,4.2,1.1H866 C867.1,585.4,868.1,584.9,869,584.3z M980.9,583.9c1.9-1.5,2.6-4.6,2.6-4.6l24.1-73.7c0,0,0.6-1.6,0-2.5c-0.6-0.9-2.6-0.9-2.6-0.9 h-19.6c-1.1,0.1-2.2,0.4-3.3,0.9c-0.8,0.6-1.3,1.5-1.5,2.4l-9.3,41c0,0.7-0.6,1.3-1.3,1.2l0,0c-0.7,0-1.3-0.5-1.3-1.2l0,0 l-10.1-40.3c-0.2-1.2-0.8-2.3-1.6-3.1c-1.1-0.7-2.3-1-3.6-0.9h-18.7c-1.2,0-2.4,0.3-3.5,0.9c-0.8,0.7-1.4,1.6-1.5,2.6l-7.9,38 c0,0-0.2,1-2.4,1.7s-3-1.7-3-1.7l-8.4-37.4c0,0-0.3-3.5-2.1-4.9c-1.9-1.4-5.5-0.7-5.5-0.7l-12.1,3.5c0,0-3.9,0.9-5.2,3.3s0,6,0,6 l20.9,65.4c0,0,0.5,3.4,2.7,5.1s5.9,1.5,5.9,1.5H924c0,0,3.1,0,4.9-1.5c1.8-1.5,2.2-4.5,2.2-4.5l9.9-34.9c0.2-1.2,1.2-2.1,2.4-2.1 s2.2,0.9,2.4,2.1l9.9,34.2c0,0,0.4,3.4,2.7,5.1s6.4,1.5,6.4,1.5h11C975.9,585.4,979,585.4,980.9,583.9L980.9,583.9z M1032.7,490.5 c4,0.1,7.8-1.5,10.6-4.4c2.8-2.7,4.4-6.4,4.4-10.4c0.1-4-1.5-7.8-4.4-10.6c-2.7-2.8-6.6-4.5-10.6-4.4c-4,0-7.6,1.5-10.4,4.4 c-2.8,2.7-4.5,6.6-4.4,10.6c0,4,1.5,7.6,4.4,10.4C1025,489,1028.7,490.6,1032.7,490.5z M1044.8,583.9c1.6-1.5,1.5-4.5,1.5-4.5 v-71.7c0,0-0.1-2.7-1.3-4c-0.9-0.9-2.2-1.5-3.6-1.6h-16.1c0,0-3.1,0.2-4.6,1.7c-1.5,1.5-1.5,4.4-1.5,4.4v70.1c0,0-0.3,3.9,1.1,5.6 c1.4,1.8,4.5,1.5,4.5,1.5h14.8C1039.6,585.4,1043.1,585.4,1044.8,583.9z M1143.2,503.6c0.8,1.2,0.8,5.9,0.8,5.9l-0.3,79.1 c0.2,6.9-1.8,13.6-5.6,19.2c-4,5.7-9.5,10.1-15.8,12.6c-6.8,2.9-14.7,4.4-23.6,4.4c-4.6,0-10.7-0.9-18.2-2.6 c-4.9-1-9.6-2.7-14.2-4.8c-1.3-0.6-2.1-1.7-2.4-3.2c-0.3-1.3,0-2.6,0.5-3.7l3.5-8.3c0.6-1.4,1.7-2.5,3.2-3.1 c2.2-0.8,3.4-0.9,5.7-0.1c6.4,2.7,13.4,4,20.4,4.1c5.8,0,10.6-1.4,14.2-4c3.5-2.5,5.5-6.4,5.4-10.7c0,0,0.7-4.3-3.1-4.6 c-3.8-0.3-5.7,3.4-12.2,3.4c-13,0-23.3-3.8-30.9-11.3c-7.6-7.6-11.5-18.3-11.5-32.1c0-13.8,3.9-24.7,11.7-32.6 c7.8-7.8,18.4-11.8,31.8-11.8c4,0,8.1,0.9,11.9,2.3c4,1.5,7.3,6.5,11.2,6.6c4,0.1-0.3-6.2,4.5-6.2c2.9,0,6.2,0,9.5,0 C1141.2,502.2,1142.5,502.4,1143.2,503.6z M1104.3,565.8c3.8,0,6.9-0.8,10-4.4c3.1-3.7,2.4-10.3,2.4-10.3v-14.2 c0,0,0.9-7.6-2.4-11.6s-6.1-4.3-10.7-4.3c-4.8-0.1-9.5,2.2-12.2,6.2c-3.1,4.1-4.6,9.5-4.6,16.3c0,6.9,1.5,12.3,4.6,16.2 C1094.5,563.8,1098.8,565.8,1104.3,565.8z M1249.5,543.8c0,8.9-2,16.7-5.9,23.2c-3.9,6.5-9.6,11.7-16.4,15 c-7,3.5-14.9,5.2-23.9,5.2c-9,0-17-1.7-23.9-5.1c-6.7-3.3-12.4-8.5-16.1-14.9c-3.9-6.6-5.8-14.5-5.8-23.8c0-8.9,2-16.8,5.9-23.4 c3.9-6.5,9.5-11.9,16.3-15.3c7-3.5,14.9-5.3,23.8-5.3c9,0,17,1.7,24,5.2c6.8,3.4,12.4,8.7,16.2,15.2 C1247.6,526.5,1249.5,534.5,1249.5,543.8z M1203.5,565.1c5.5,0,9.9-2,13.2-5.8c3.4-3.9,5-9,5-15.5s-1.6-11.7-4.9-15.8 c-3.1-4-7.9-6.4-13-6.2c-5.6,0-10.1,2-13.4,5.9c-3.4,4-5,9.2-5,15.7s1.6,11.8,4.9,15.7C1193.6,563.1,1198,565.1,1203.5,565.1z"/>
<path class="st0" d="M699.8,491.1l-9.6,1.2l-13.2-5.4L661.2,469H621c-17.1,0-31,13.9-31,31V555c0,17.1,13.9,31,31,31h55.1 c17.1,0,31-13.9,31-31v-72.9L699.8,491.1z M648.6,562.2c-19.2,0-34.7-15.5-34.7-34.7c0-19.2,15.5-34.7,34.7-34.7 s34.7,15.5,34.7,34.7C683.3,546.6,667.8,562.2,648.6,562.2z"/>
<circle id="Ellipse_68" class="st0" cx="648.6" cy="527.5" r="24.6"/>
<path class="st0" d="M685.7,460.8c-13.6,0.3-12.2,8.2-43.6,8.2c-31.4-0.1-7,0-7.9,0c-0.9,0,40,33.9,51.6,33.9s21.4-9.5,21.4-21.1 C707.1,470.2,697.3,460.8,685.7,460.8z M686.2,488.8c-4.1,0-7.4-3.3-7.4-7.4s3.3-7.4,7.4-7.4s7.4,3.3,7.4,7.4 S690.2,488.8,686.2,488.8z"/>
</g>
</svg>
@@ -38,14 +38,18 @@ jQuery(document).ready(function() {
jQuery("."+boxType+" .eiw-icon").css("margin-right", "20px");
}
}

var page_title = jQuery('h2').html();
jQuery('h1').html(page_title);
jQuery('h2, .titrePage').hide();
});
{/footer_script}

<div id="menubar">
<div id="adminHome"><a href="{$U_ADMIN}"><i class="icon-television"></i> {'Dashboard'|@translate}</a></div>

<dl>
<dt><i class="icon-picture"> </i><span>{'Photos'|@translate}&nbsp;</span></dt>
<dt><i class="icon-picture"> </i><span>{'Photos'|@translate}&nbsp;</span><i class="icon-down-open open-menu"></i></dt>
<dd>
<ul>
<li><a href="{$U_ADD_PHOTOS}"><i class="icon-plus-circled"></i>{'Add'|@translate}</a></li>
@@ -63,7 +67,7 @@ jQuery(document).ready(function() {
</dd>
</dl>
<dl>
<dt><i class="icon-sitemap"> </i><span>{'Albums'|@translate}&nbsp;</span></dt>
<dt><i class="icon-sitemap"> </i><span>{'Albums'|@translate}&nbsp;</span><i class="icon-down-open open-menu"></i></dt>
<dd>
<ul>
<li><a href="{$U_CATEGORIES}"><i class="icon-folder-open"></i>{'Manage'|@translate}</a></li>
@@ -72,7 +76,7 @@ jQuery(document).ready(function() {
</dd>
</dl>
<dl>
<dt><i class="icon-users"> </i><span>{'Users'|@translate}&nbsp;</span></dt>
<dt><i class="icon-users"> </i><span>{'Users'|@translate}&nbsp;</span><i class="icon-down-open open-menu"></i></dt>
<dd>
<ul>
<li><a href="{$U_USERS}"><i class="icon-user-add"></i>{'Manage'|@translate}</a></li>
@@ -82,7 +86,7 @@ jQuery(document).ready(function() {
</dd>
</dl>
<dl>
<dt><i class="icon-puzzle"> </i><span>{'Plugins'|@translate}&nbsp;</span></dt>
<dt><i class="icon-puzzle"> </i><span>{'Plugins'|@translate}&nbsp;</span><i class="icon-down-open open-menu"></i></dt>
<dd>
<ul>
<li><a href="{$U_PLUGINS}"><i class="icon-equalizer"></i>{'Manage'|@translate}</a></li>
@@ -98,7 +102,7 @@ jQuery(document).ready(function() {
</dd>
</dl>
<dl>
<dt><i class="icon-wrench"> </i><span>{'Tools'|@translate}&nbsp;</span></dt>
<dt><i class="icon-wrench"> </i><span>{'Tools'|@translate}&nbsp;</span><i class="icon-down-open open-menu"></i></dt>
<dd>
<ul>
{if $ENABLE_SYNCHRONIZATION}
@@ -118,7 +122,7 @@ jQuery(document).ready(function() {
</dd>
</dl>
<dl>
<dt><i class="icon-cog"> </i><span>{'Configuration'|@translate}&nbsp;</span></dt>
<dt><i class="icon-cog"> </i><span>{'Configuration'|@translate}&nbsp;</span><i class="icon-down-open open-menu"></i></dt>
<dd>
<ul>
<li><a href="{$U_CONFIG_GENERAL}"><i class="icon-cog-alt"></i>{'Options'|@translate}</a></li>
@@ -133,6 +137,8 @@ jQuery(document).ready(function() {

<div id="content" class="content">

<h1>Piwigo Administration Page</h1>

{if isset($TABSHEET)}
{$TABSHEET}
{/if}
@@ -17,14 +17,7 @@
{/if}

<div id="footer">
<div id="piwigoInfos">
{'Powered by'|translate}
<a class="externalLink tiptip" href="{$PHPWG_URL}" title="{'Visit Piwigo project website'|translate}"><span class="Piwigo">Piwigo</span></a>
{$VERSION}
<a class="externalLink tiptip" href="{$pwgmenu.WIKI}" title="{'Read Piwigo Documentation'|translate}"><i class="icon-book"></i>{'Documentation'|translate}</a>
<a class="externalLink tiptip" href="{$pwgmenu.FORUM}" title="{'Get Support on Piwigo Forum'|translate}"><i class="icon-lifebuoy"></i>{'Support'|translate}</a>
</div>

<a class="externalLink tiptip piwigo-logo" href="{$PHPWG_URL}" title="{'Visit Piwigo project website'|translate}"><img src="admin/themes/default/images/piwigo-grey.svg"></a>
<div id="pageInfos">
{if isset($debug.TIME) }
{'Page generated in'|translate} {$debug.TIME} ({$debug.NB_QUERIES} {'SQL queries in'|translate} {$debug.SQL_TIME}) -
@@ -8,6 +8,7 @@
<meta charset="{$CONTENT_ENCODING}">
<title>{$GALLERY_TITLE} :: {$PAGE_TITLE}</title>
<link rel="shortcut icon" type="image/x-icon" href="{$ROOT_URL}{$themeconf.icon_dir}/favicon.ico">
<link rel="stylesheet" type="text/css" href="{$ROOT_URL}admin/themes/default/fonts/open-sans/open-sans.css">

{strip}
{combine_css path="admin/themes/default/fontello/css/fontello.css" order=-10}
@@ -52,18 +53,14 @@
{/if}

<div id="pwgHead">
{strip}
<h1>
<a href="{$U_RETURN}" title="{'Visit Gallery'|translate}" class="tiptip">
<span class="icon-home"></span>
{$GALLERY_TITLE}
</a>
</h1>
{/strip}
<a href="{$U_RETURN}" class="visit-gallery tiptip" title="{'Visit Gallery'|translate}"><i class="icon-left-open"></i>Visit</a>
<div class="pwgHead-gallery-title">{$GALLERY_TITLE}</div>

<div id="headActions">
<i class="icon-user"></i>{$USERNAME}
{*
<a href="{$U_RETURN}" title="{'Visit Gallery'|translate}"><i class="icon-eye"></i><span>{'Visit Gallery'|translate}</span></a>
*}

{strip}
<a href="{$U_CHANGE_THEME}" class="tiptip" title="{'Switch to clear or dark colors for administration'|translate}">
Oops, something went wrong.

0 comments on commit 6f1b75d

Please sign in to comment.
You can’t perform that action at this time.