diff options
Diffstat (limited to 'admin/template/goto')
-rw-r--r-- | admin/template/goto/admin.tpl | 20 | ||||
-rw-r--r-- | admin/template/goto/content.css | 2 | ||||
-rw-r--r-- | admin/template/goto/default-layout.css | 186 | ||||
-rw-r--r-- | admin/template/goto/footer.tpl | 59 | ||||
-rw-r--r-- | admin/template/goto/header.tpl | 26 | ||||
-rw-r--r-- | admin/template/goto/icon/home.png | bin | 0 -> 726 bytes | |||
-rw-r--r-- | admin/template/goto/photos_add_direct.tpl | 2 | ||||
-rw-r--r-- | admin/template/goto/theme/clear/theme.css | 10 | ||||
-rw-r--r-- | admin/template/goto/theme/roma/theme.css | 45 |
9 files changed, 260 insertions, 90 deletions
diff --git a/admin/template/goto/admin.tpl b/admin/template/goto/admin.tpl index c2242fbca..ac25b3990 100644 --- a/admin/template/goto/admin.tpl +++ b/admin/template/goto/admin.tpl @@ -1,5 +1,6 @@ {known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/packed/ui.core.packed.js" } {known_script id="jquery.ui.accordion" src=$ROOT_URL|@cat:"template-common/lib/ui/packed/ui.accordion.packed.js" } +{known_script id="jquery.tipTip" src=$ROOT_URL|@cat:"template-common/lib/plugins/jquery.tipTip.minified.js" } <script type="text/javascript"> jQuery().ready(function(){ldelim} @@ -12,25 +13,8 @@ jQuery().ready(function(){ldelim} </script> <div id="menubar"> + <div id="adminHome"><a href="{$U_ADMIN}">Administration Home</a></div> <dl class="first"> - <dt class="rdion"><span>{'Links'|@translate} </span></dt> - <dd> - <ul> - <li><a href="{$U_RETURN}">{'Home'|@translate}</a></li> - <li><a href="{$U_FAQ}">{'Instructions'|@translate}</a></li> - <li><a href="{$U_ADMIN}" title="{'Administration'|@translate}">{'Administration'|@translate}</a></li> - <li><a href="{$U_LOGOUT}">{'Logout'|@translate}</a></li> -{if isset($pwgmenu)} - <li class="external"><a class="external" href="{$pwgmenu.WIKI}" onclick="window.open(this.href, ''); - return false;">{'Documentation'|@translate}</a></li> - <li class="external"><a class="external" href="{$pwgmenu.FORUM}" onclick="window.open(this.href, ''); - return false;">{'Support'|@translate}</a></li> -{/if} - - </ul> - </dd> - </dl> - <dl> <dt class="rdion"><span>{'Configuration'|@translate} </span></dt> <dd> <ul> diff --git a/admin/template/goto/content.css b/admin/template/goto/content.css index 73d68ad52..61ab73b83 100644 --- a/admin/template/goto/content.css +++ b/admin/template/goto/content.css @@ -1,6 +1,6 @@ /* .Content is on every pages so it is common and it will no longer be a specific css */ .content { margin-right: 1em; margin-bottom: 1em; } -.content h2 { margin-bottom: 3px;} +.content h2 {margin: 0; padding: 5px 0.5em 5px 0.5em; text-align: right; font-size: 120%;} .content .navigationBar { margin: 10px 0; text-align: center; } .content form { text-align: left; } .content dt { margin-bottom: 5px; font-style: italic; diff --git a/admin/template/goto/default-layout.css b/admin/template/goto/default-layout.css index b972ab2ec..56cb22ab6 100644 --- a/admin/template/goto/default-layout.css +++ b/admin/template/goto/default-layout.css @@ -210,24 +210,28 @@ BODY { margin: 5px; padding: 0; font-size: 0.8em; - font-family: Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif; + font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; text-align: center; /* be nice to IE5 */ } H1 { - text-align: center; - font-size: 150%; - font-weight: bold; - padding: 0; - margin: 0.5em 0 1em 0; +color:#eee; +letter-spacing:1px; +text-align: left; +font-size: 150%; +font-weight: normal; +font-style:italic; +padding: 8px 0 0 10px; +margin: 0; +float:left; } -H2 { - margin: 0; - padding: 5px 0.5em 5px 0.5em; - text-align: left; - font-size: 120%; -} +#pwgHead {color:#aaa;} +#pwgHead A {color:#ccc;} +#pwgHead A:hover {color:#fff;border-bottom:1px solid #fff} +#pwgHead A#instructions:hover {border:none;} + +#headActions {float:right; height:46px; line-height:46px; margin-right:10px;} A { text-decoration:none; @@ -248,13 +252,6 @@ HR.separation { clear: both; } -#copyright { - clear: both; - font-size: 83%; - text-align: center; - margin: 0 0 10px 0; -} - /** General defaults **/ INPUT, SELECT { margin: 0; @@ -547,4 +544,155 @@ ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutt #uploadFormSettings TH { width:50%; +} + +#pwgHead { + background-color:#464646; + height:46px; +} + +html, body {height:100%; margin:0; padding:0;} +#the_page {min-height:100%; position:relative; padding:0;margin:0;} +#pwgMain {padding:10px;padding-bottom:60px;} + +#footer { + position:absolute; + bottom:0; + width:100%; + height:46px; + background-color:#464646; + color:#aaa; + line-height:46px; +} + +#footer A {color:#ccc;} +#footer A:hover {color:#fff;border-bottom:1px solid #fff;} + +#adminHome { + text-align:center; + margin-bottom:15px; + line-height:30px; + width:200px; + margin-left:5px; + -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; +} + +#adminHome A {display:block; font-size:1.1em; font-weight:bold;} +#adminHome A {border:none;} + +#piwigoInfos {float:left; margin-left:10px;} +#pageInfos {float:right; margin-right:10px;} + +/* TipTip CSS - Version 1.2 */ + +#tiptip_holder { + display: none; + position: absolute; + top: 0; + left: 0; + z-index: 99999; +} + +#tiptip_holder.tip_top { + padding-bottom: 5px; +} + +#tiptip_holder.tip_bottom { + padding-top: 5px; +} + +#tiptip_holder.tip_right { + padding-left: 5px; +} + +#tiptip_holder.tip_left { + padding-right: 5px; +} + +#tiptip_content { + font-size: 11px; + color: #fff; + text-shadow: 0 0 2px #000; + padding: 4px 8px; + border: 1px solid rgba(255,255,255,0.25); + background-color: rgb(25,25,25); + background-color: rgba(25,25,25,0.92); + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + box-shadow: 0 0 3px #555; + -webkit-box-shadow: 0 0 3px #555; + -moz-box-shadow: 0 0 3px #555; +} + +#tiptip_arrow, #tiptip_arrow_inner { + position: absolute; + border-color: transparent; + border-style: solid; + border-width: 6px; + height: 0; + width: 0; +} + +#tiptip_holder.tip_top #tiptip_arrow { + border-top-color: #fff; + border-top-color: rgba(255,255,255,0.35); +} + +#tiptip_holder.tip_bottom #tiptip_arrow { + border-bottom-color: #fff; + border-bottom-color: rgba(255,255,255,0.35); +} + +#tiptip_holder.tip_right #tiptip_arrow { + border-right-color: #fff; + border-right-color: rgba(255,255,255,0.35); +} + +#tiptip_holder.tip_left #tiptip_arrow { + border-left-color: #fff; + border-left-color: rgba(255,255,255,0.35); +} + +#tiptip_holder.tip_top #tiptip_arrow_inner { + margin-top: -7px; + margin-left: -6px; + border-top-color: rgb(25,25,25); + border-top-color: rgba(25,25,25,0.92); +} + +#tiptip_holder.tip_bottom #tiptip_arrow_inner { + margin-top: -5px; + margin-left: -6px; + border-bottom-color: rgb(25,25,25); + border-bottom-color: rgba(25,25,25,0.92); +} + +#tiptip_holder.tip_right #tiptip_arrow_inner { + margin-top: -6px; + margin-left: -5px; + border-right-color: rgb(25,25,25); + border-right-color: rgba(25,25,25,0.92); +} + +#tiptip_holder.tip_left #tiptip_arrow_inner { + margin-top: -6px; + margin-left: -7px; + border-left-color: rgb(25,25,25); + border-left-color: rgba(25,25,25,0.92); +} + +/* Webkit Hacks */ +@media screen and (-webkit-min-device-pixel-ratio:0) { + #tiptip_content { + padding: 4px 8px 5px 8px; + background-color: rgba(45,45,45,0.88); + } + #tiptip_holder.tip_bottom #tiptip_arrow_inner { + border-bottom-color: rgba(45,45,45,0.88); + } + #tiptip_holder.tip_top #tiptip_arrow_inner { + border-top-color: rgba(20,20,20,0.92); + } }
\ No newline at end of file diff --git a/admin/template/goto/footer.tpl b/admin/template/goto/footer.tpl index 4ccd72b0e..e8709b59f 100644 --- a/admin/template/goto/footer.tpl +++ b/admin/template/goto/footer.tpl @@ -2,38 +2,57 @@ Warning : This is the admin pages footer only don't be confusing with the public page footer *} -<div id="copyright"> - <a name="EoP"></a> <!-- End of ADMIN Page --> - {if isset($debug.TIME) } - {'SQL queries in'|@translate} {$debug.TIME} ({$debug.NB_QUERIES} {'SQL queries in'|@translate} {$debug.SQL_TIME}) - - {/if} +</div> <!-- pwgMain --> +{if isset($footer_elements)} +{foreach from=$footer_elements item=v} +{$v} +{/foreach} +{/if} +{if isset($debug.QUERIES_LIST)} +<div id="debug"> +{$debug.QUERIES_LIST} +</div> +{/if} +<div id="footer"> + <div id="piwigoInfos"> {* Please, do not remove this copyright. If you really want to, contact us on http://piwigo.org to find a solution on how to show the origin of the script... *} {'Powered by'|@translate} - <a href="{$PHPWG_URL}" class="Piwigo"> + <a href="{$PHPWG_URL}" title="Visit Piwigo project website"> <span class="Piwigo">Piwigo</span></a> {$VERSION} - {if isset($CONTACT_MAIL)} - - {'Contact'|@translate} + | <a class="external" href="{$pwgmenu.WIKI}" title="Read Piwigo Documentation" onclick="window.open(this.href, ''); return false;">{'Documentation'|@translate}</a> + | <a class="external" href="{$pwgmenu.FORUM}" title="Get Support on Piwigo Forum" onclick="window.open(this.href, ''); return false;">{'Support'|@translate}</a> + </div> <!-- piwigoInfos --> + + <div id="pageInfos"> + {if isset($debug.TIME) } + {'SQL queries in'|@translate} {$debug.TIME} ({$debug.NB_QUERIES} {'SQL queries in'|@translate} {$debug.SQL_TIME}) - + {/if} + + + {'Contact'|@translate} <a href="mailto:{$CONTACT_MAIL}?subject={'title_send_mail'|@translate|@escape:url}">{'Webmaster'|@translate}</a> - {/if} + </div> <!-- pageInfos --> -</div> <!-- copyright --> -{if isset($footer_elements)} -{foreach from=$footer_elements item=v} -{$v} -{/foreach} -{/if} -{if isset($debug.QUERIES_LIST)} -<div id="debug"> -{$debug.QUERIES_LIST} -</div> -{/if} +</div> <!-- footer --> </div> <!-- the_page --> +{literal} +<script type='text/javascript'> + $(function() { + $('#pwgHead A, #footer A').tipTip({ + 'delay' : 0, + 'fadeIn' : 200, + 'fadeOut' : 200, + }); + }); +</script> +{/literal} + </body> </html>
\ No newline at end of file diff --git a/admin/template/goto/header.tpl b/admin/template/goto/header.tpl index 7756c593f..5c71f42e0 100644 --- a/admin/template/goto/header.tpl +++ b/admin/template/goto/header.tpl @@ -43,9 +43,28 @@ </head> <body id="{$BODY_ID}"> -<div id="headbranch"></div> {* Dummy block for double background management *} + <div id="the_page"> +<div id="pwgHead"> + <h1> + <a href="{$U_RETURN}" title="Visit Gallery"> + <img src="admin/template/goto/icon/home.png" alt="{'Home'|@translate}"> + {$GALLERY_TITLE} + </a> + </h1> + + <div id="headActions"> + Hello {$USERNAME} : + <a href="{$U_RETURN}" title="Visit Gallery">Visit Gallery</a> | + <a href="{$U_CHANGE_THEME}" title="Switch to clear theme for administration">Change Theme</a> | + <a href="{$U_LOGOUT}">{'Logout'|@translate}</a> + <a href="{$U_FAQ}" title="{'Instructions'|@translate}" id="instructions"><img style="padding-left:10px;" src="{$ROOT_URL}admin/template/goto/icon/help.png" class="button" alt="(?)"></a> + </div> +</div> + +<div style="clear:both;"></div> + {if not empty($header_msgs)} <div class="header_msgs"> {foreach from=$header_msgs item=elt} @@ -55,10 +74,13 @@ {/if} <div id="theHeader">{*$PAGE_BANNER*}</div> + {if not empty($header_notes)} <div class="header_notes"> {foreach from=$header_notes item=elt} {$elt} {/foreach} </div> -{/if}
\ No newline at end of file +{/if} + +<div id="pwgMain">
\ No newline at end of file diff --git a/admin/template/goto/icon/home.png b/admin/template/goto/icon/home.png Binary files differnew file mode 100644 index 000000000..81b6bddb7 --- /dev/null +++ b/admin/template/goto/icon/home.png diff --git a/admin/template/goto/photos_add_direct.tpl b/admin/template/goto/photos_add_direct.tpl index 419946734..5715d358e 100644 --- a/admin/template/goto/photos_add_direct.tpl +++ b/admin/template/goto/photos_add_direct.tpl @@ -71,7 +71,7 @@ jQuery(document).ready(function() { </script> {/if} -<div class="titrePage" style="height:25px"> +<div class="titrePage"> <h2>{'Upload photos'|@translate}</h2> </div> diff --git a/admin/template/goto/theme/clear/theme.css b/admin/template/goto/theme/clear/theme.css index 3a73616c9..ed9a57a6e 100644 --- a/admin/template/goto/theme/clear/theme.css +++ b/admin/template/goto/theme/clear/theme.css @@ -22,8 +22,8 @@ padding:15px 60px 0 0; position:absolute; right:0; text-align:right; top:30px; width:550px; } html, body { min-height: 100%; } body { margin: 0; padding: 0; background:#eeeeee } -#the_page { margin: 0; padding: 0; z-index: 1; top:0px; -padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } +/* #the_page { margin: 0; padding: 0; z-index: 1; top:0px; */ +/* padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } */ #headbranch { width: 233px; height: 240px; margin: 0; padding: 0; position:absolute; left:0px; top:0px; z-index: 0; background:transparent } @@ -40,7 +40,7 @@ h3, #imageToolBar a:hover, .row2, .content { background-color: #ddd; } .content h4 { color: #aaa; font-size:14px; text-align:center; padding:3px; margin-top: 0; margin-bottom: 10px;} /*.content h2:before, .content h2:after, */ .content h2 { -letter-spacing:2px; margin-right:30px; text-align:right; color: #999; +letter-spacing:2px; margin-right:30px; text-align:left; color: #999; text-transform:none; font-weight:bold; padding-left:20px; width:54%; } .content h2:lang(en) { text-transform:capitalize; } @@ -96,9 +96,7 @@ a { color:#04f; border-width: 0; } a:hover, a:active { color: #0aa; border-bottom: 0 none; cursor: pointer; } .content .navigationBar {color:#999;} ul.actions, .content form#waiting {text-align:center;} -h2 { display:block; font-size:28px; letter-spacing:-1px; -margin:0 20px; height:40px; overflow:hidden; padding:0; position:absolute; -right:0; text-align:right; top:0; width:770px; } +h2 { font-size:28px; letter-spacing:-1px;padding:0; text-align:left;} .header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right top; border:0; color:#ccc; font-size:24px; height:30px; left:0; margin:0; padding:10px 0 0; position:absolute; text-align:center; top:0; width:100%; z-index:99; } diff --git a/admin/template/goto/theme/roma/theme.css b/admin/template/goto/theme/roma/theme.css index 378530fed..81af6c627 100644 --- a/admin/template/goto/theme/roma/theme.css +++ b/admin/template/goto/theme/roma/theme.css @@ -8,46 +8,43 @@ input[type="radio"], input[type="checkbox"] { background-color: transparent; } { color:#999; background-color: #eee; } */ INPUT[type="submit"], INPUT[type="reset"] { color:#999; border: 1px solid #666; background-color: #444; padding: 1px 15px; } input.rateButton, legend, h3 { color: #666; } -#theAdminPage h2 { color: #333; } +#theAdminPage h2 { color: #ccc; letter-spacing:2px; font-weight:bold;} .content .infos { color: #f70; border:0; background-color: transparent; padding:5px 60px 0pt 10pt; min-height: 48px; text-align:left; background-position:left top;} .content .infos .submit {margin-left:30px;} .content .infos li, .content .errors li { list-style-type:none; } .content .errors { color: #f33; border:0; background-color: transparent; padding:5px 60px 0pt 10pt; min-height: 48px; text-align:left; font-weight:bold; background-position:left top; } -#copyright { color:#666; margin:60px auto 0px 240px; text-align:center; -padding-bottom: 15px; } .header_notes { background: transparent url(../../icon/note.png) no-repeat right top; border:0; font-weight:bold; min-height: 48px; padding:15px 60px 0 0; position:absolute; right:0; text-align:right; top:90px; width:550px; } html, body { min-height: 100%; } body { margin: 0; padding: 0; -background:#111111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; } -#the_page { margin: 0; padding: 0; z-index: 1; top:0px; -padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } +background-color:#111111; } +/* #the_page { margin: 0; padding: 0; z-index: 1; top:0px; */ +/* padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } */ #headbranch { width: 233px; height: 240px; margin: 0; padding: 0; position:absolute; left:0px; top:0px; z-index: 0; -background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top; } -#theHeader { min-height:105px; margin: 0; padding: 0; +} +#theHeader { display:none;min-height:105px; margin: 0; padding: 0; background:transparent url(images/piwigo_logo_sombre_214x100.png) no-repeat scroll 245px top; } h3, #imageToolBar a:hover, .row2, .content { background-color: #222; } .throw, .row1 { background-color:#111; } .throw em { font-style: normal; color: #ff3363; } -#content { min-height: 466px; margin-top: 9px; } + +#content { min-height: 466px; margin-top: 15px; } .content { padding:0 5px 5px; margin: 0 10px 0 248px; z-index:99; } -.content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0; - text-align:center; background:none; border: 0; } + +.content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0; text-align:center; background:none; border: 0; } .content h3 ~ h3{ margin-top: 40px; } .content h4 { font-size:14px; text-align:left; padding:3px; margin: 2px;} -/*.content h2:before, .content h2:after, */ -.content h2 { -letter-spacing:2px; margin-right:30px; text-align:right; color: #666; -text-transform:none; font-weight:bold; padding-left:20px; width:54%; } -.content h2:lang(en) { text-transform:capitalize; } + +/*.content h2:before, .content h2:after, */ +h2:lang(en) { text-transform:capitalize; } .content dl, dd { margin:5px; } -.content div.titrePage { height:55px; } +.content div.titrePage {} .instructions { height:450px; overflow:scroll; padding:0 20px 0; text-align:left; margin-bottom: 20px; font-size:14px; line-height:21px; } .instructions { overflow-y:scroll; overflow-x:hidden; } @@ -107,9 +104,7 @@ a { color:#f70; border-width: 0; } a:hover, a:active { color: #f33; border-bottom: 1px solid #FF3363; cursor: pointer; } .content .navigationBar {color:#666;} ul.actions, .content form#waiting {text-align:center;} -h2 { display:block; font-size:28px; letter-spacing:-1px; -margin:0 20px; height:104px; overflow:hidden; padding:0; position:absolute; -right:0; text-align:right; top:0; width:770px; } + .header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right top; border:0; color:#333; font-size:24px; height:30px; left:0; margin:0; padding:10px 0 0; position:absolute; text-align:center; top:0; width:100%; z-index:99; } @@ -124,7 +119,7 @@ font-family:verdana,arial,helvetica,sans-serif; font-size:8px; list-style-image:none; padding: 0; position:relative; text-decoration:none; top:-2px; white-space:nowrap; margin: 0 0 0 -5px; padding-left:10px; width:100%; } -.tabsheet li { background:#222222; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #ff3363; border-bottom:none; position:relative; top:11px; } +.tabsheet li { background:#222222; float:left; margin:0 6px 0 0; overflow:hidden; text-align:right; border:1px solid #ff3363; border-bottom:none; position:relative; top:11px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;} .tabsheet a { color:#666; display:block; font-size:11px; border:0; font-weight:bold; overflow:hidden; padding:6px; @@ -142,8 +137,8 @@ margin-top:4px; padding-bottom:3px; padding-top:3px; top:1px; /* menubar is on all admin pages => No specific css file */ #menubar { background:transparent url(images/menuBoxBottom_new.png) no-repeat scroll left bottom; -border:0; display:inline; float:left; left:0; margin: 0 0 0 35px; min-height:475px; height:475px; /* should be 477 */ -padding:0; width:207px; z-index:99; text-align: left; } +border:0; display:inline; float:left; left:0; margin: 10px 0 0 10px; min-height:475px; height:475px; /* should be 477 */ +padding:0; width:230px; z-index:99; text-align: left; } #menubar ul.scroll { height:163px; margin-right:10px; overflow-y:auto; /* Only IE family supports colored scrollbar */ scrollbar-face-color: #222; scrollbar-shadow-color: #444; scrollbar-highlight-color: #000; @@ -217,4 +212,8 @@ html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers * html[lang="en"] body .content h2 , *+html[lang="en"] body .content h2 { text-transform:capitalize; } /* IE */ *+html .bigtext { left: 70px; } *+html .bigbutton input, * html .bigbutton input { left:0px; position:relative; top:-40px; } + * html .bigtext { margin-right: 300px; } + +#adminHome {background-color:#222;} +#adminHome:hover {background-color:#333;} |