feature 2587: new theme elegant, first beta version
git-svn-id: http://piwigo.org/svn/trunk@13464 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
Zaphod
parent
9ae55cd3e8
commit
63c5934de2
7 changed files with 302 additions and 0 deletions
30
themes/elegant/index.php
Normal file
30
themes/elegant/index.php
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<?php
|
||||
// +-----------------------------------------------------------------------+
|
||||
// | Piwigo - a PHP based photo gallery |
|
||||
// +-----------------------------------------------------------------------+
|
||||
// | Copyright(C) 2008-2012 Piwigo Team http://piwigo.org |
|
||||
// | Copyright(C) 2003-2008 PhpWebGallery Team http://phpwebgallery.net |
|
||||
// | Copyright(C) 2002-2003 Pierrick LE GALL http://le-gall.net/pierrick |
|
||||
// +-----------------------------------------------------------------------+
|
||||
// | This program is free software; you can redistribute it and/or modify |
|
||||
// | it under the terms of the GNU General Public License as published by |
|
||||
// | the Free Software Foundation |
|
||||
// | |
|
||||
// | This program is distributed in the hope that it will be useful, but |
|
||||
// | WITHOUT ANY WARRANTY; without even the implied warranty of |
|
||||
// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU |
|
||||
// | General Public License for more details. |
|
||||
// | |
|
||||
// | You should have received a copy of the GNU General Public License |
|
||||
// | along with this program; if not, write to the Free Software |
|
||||
// | Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, |
|
||||
// | USA. |
|
||||
// +-----------------------------------------------------------------------+
|
||||
|
||||
// Recursive call
|
||||
$url = '../';
|
||||
header( 'Request-URI: '.$url );
|
||||
header( 'Content-Location: '.$url );
|
||||
header( 'Location: '.$url );
|
||||
exit();
|
||||
?>
|
||||
1
themes/elegant/local_head.tpl
Normal file
1
themes/elegant/local_head.tpl
Normal file
|
|
@ -0,0 +1 @@
|
|||
{combine_script id='elegant.scripts' require='jquery' path='themes/elegant/scripts.js'}
|
||||
9
themes/elegant/mail-css.tpl
Normal file
9
themes/elegant/mail-css.tpl
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
/* Theme dark mail css */
|
||||
|
||||
body {ldelim} background-color:#444; color:#fff;}
|
||||
#copyright {ldelim} color: #69c;}
|
||||
h2 {ldelim} background-color: #333; color:#fff48e;}
|
||||
img {ldelim} margin: 16px; border: 16px solid #111; -moz-border-radius: 4px; border-radius: 4px 4px; }
|
||||
img:hover {ldelim} padding: 15px; border: 1px solid yellow;background-color:#444;-moz-border-radius: 4px; border-radius: 4px 4px; }
|
||||
a {ldelim} color: #fff48e; background: transparent;border-bottom:1px dotted #005e89; }
|
||||
a:hover {ldelim} color: #fff48e;}
|
||||
BIN
themes/elegant/screenshot.png
Normal file
BIN
themes/elegant/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
77
themes/elegant/scripts.js
Normal file
77
themes/elegant/scripts.js
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
jQuery("document").ready(function(jQuery){
|
||||
|
||||
var menubar=jQuery("#menubar");
|
||||
var content=jQuery("#content");
|
||||
|
||||
if ( (menubar.length == 1) && (content.length ==1)) {
|
||||
menubar.after("<div id=\"menuswitcher\">«</div>");
|
||||
/* if (!content.hasClass('content')) content.addClass('content');*/
|
||||
}
|
||||
/*»*/
|
||||
|
||||
jQuery("#menuswitcher").click(function(){
|
||||
if (jQuery("#menubar").is(":hidden")) {
|
||||
showMenu(0);
|
||||
return false;
|
||||
} else {
|
||||
hideMenu(0);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
// creates a variable with the contents of the cookie side-menu
|
||||
var sidemenu = jQuery.cookie('side-menu');
|
||||
|
||||
// if cookie says the menu is hiding, keep it hidden!
|
||||
if (sidemenu == 'hiding') {
|
||||
hideMenu(0);
|
||||
} else {
|
||||
showMenu(0);
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
function hideMenu(delay) {
|
||||
|
||||
var menubar=jQuery("#menubar");
|
||||
var menuswitcher=jQuery("#menuswitcher");
|
||||
var content=jQuery("#the_page > .content");
|
||||
var pcontent=jQuery("#content");
|
||||
|
||||
menubar.hide(delay);
|
||||
menuswitcher.addClass("menuhidden").removeClass("menushown");
|
||||
menuswitcher.text("»");
|
||||
content.addClass("menuhidden").removeClass("menushown");
|
||||
pcontent.addClass("menuhidden").removeClass("menushown");
|
||||
jQuery.cookie('side-menu', 'hiding', {path: "/"});
|
||||
|
||||
}
|
||||
|
||||
function showMenu(delay) {
|
||||
|
||||
var menubar=jQuery("#menubar");
|
||||
var menuswitcher=jQuery("#menuswitcher");
|
||||
var content=jQuery("#the_page > .content");
|
||||
var pcontent=jQuery("#content");
|
||||
|
||||
menubar.show(delay);
|
||||
menuswitcher.addClass("menushown").removeClass("menuhidden");
|
||||
menuswitcher.text("«");
|
||||
content.addClass("menushown").removeClass("menuhidden");
|
||||
pcontent.addClass("menushown").removeClass("menuhidden");
|
||||
jQuery.cookie('side-menu', 'showing', {path: "/"});
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Cookie plugin
|
||||
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
|
||||
* Dual licensed under the MIT and GPL licenses:
|
||||
*/
|
||||
jQuery.cookie=function(name,value,options){if(typeof value!='undefined'){options=options||{};if(value===null){value='';options=jQuery.extend({},options);options.expires=-1;}
|
||||
var expires='';if(options.expires&&(typeof options.expires=='number'||options.expires.toUTCString)){var date;if(typeof options.expires=='number'){date=new Date();date.setTime(date.getTime()+(options.expires*24*60*60*1000));}else{date=options.expires;}
|
||||
expires='; expires='+date.toUTCString();}
|
||||
var path=options.path?'; path='+(options.path):'';var domain=options.domain?'; domain='+(options.domain):'';var secure=options.secure?'; secure':'';document.cookie=[name,'=',encodeURIComponent(value),expires,path,domain,secure].join('');}else{var cookieValue=null;if(document.cookie&&document.cookie!=''){var cookies=document.cookie.split(';');for(var i=0;i<cookies.length;i++){var cookie=jQuery.trim(cookies[i]);if(cookie.substring(0,name.length+1)==(name+'=')){cookieValue=decodeURIComponent(cookie.substring(name.length+1));break;}}}
|
||||
return cookieValue;}};
|
||||
|
||||
170
themes/elegant/theme.css
Normal file
170
themes/elegant/theme.css
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
/* colors & backgrounds */
|
||||
|
||||
html, body {background-color:#111;}
|
||||
|
||||
body {margin: 5px 0;}
|
||||
|
||||
a:hover {border-bottom:none;}
|
||||
|
||||
#menuswitcher {
|
||||
display:block;
|
||||
font-size:200%;
|
||||
text-align:center;
|
||||
float:left;
|
||||
height:33px;
|
||||
cursor:pointer;
|
||||
margin: 26px 0 0 -33px;
|
||||
}
|
||||
|
||||
#menubar,
|
||||
#menuswitcher.menuhidden {
|
||||
border-radius : 0 10px 10px 0;
|
||||
background-color: #222;
|
||||
border: solid 1px #333;
|
||||
border-width: 2px 2px 2px 0;
|
||||
}
|
||||
|
||||
#menuswitcher.menuhidden {
|
||||
width:25px;
|
||||
margin: 28px 0 0 0;
|
||||
}
|
||||
|
||||
/* content */
|
||||
|
||||
#content.menushown, #the_page > .content.menushown { margin-left:240px;}
|
||||
#content.menuhidden, #the_page > .content.menuhidden { margin-left:35px;}
|
||||
#content, #the_page > .content { margin-right:0;}
|
||||
|
||||
.content {
|
||||
background-color: #222;
|
||||
border-bottom: 2px solid #444;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.content .titrePage {
|
||||
background-color: #111;
|
||||
border-bottom: 2px solid #444;
|
||||
height: 28px;
|
||||
padding:0;
|
||||
margin-bottom:8px;
|
||||
}
|
||||
|
||||
.content .titrePage H2 {
|
||||
line-height: 20px;
|
||||
margin: 0;
|
||||
padding: 8px 0 0 2px;
|
||||
}
|
||||
|
||||
|
||||
body { color: #999;}
|
||||
a { color: #ccc;}
|
||||
a:hover { color: #fff;}
|
||||
|
||||
|
||||
|
||||
/* menubar */
|
||||
|
||||
#menubar {
|
||||
float: left;
|
||||
margin: 28px 13px 10px 0;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
width: 225px;
|
||||
}
|
||||
|
||||
#menubar DT { color: #999; text-align:left;}
|
||||
#menubar DT a { color: #ccc;}
|
||||
#menubar DT a:hover { color: #fff;}
|
||||
#menubar dd { padding: 0 0 1em 1em;}
|
||||
|
||||
/* text color */
|
||||
BODY, H1, H3,
|
||||
INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
|
||||
color:#d0d0d0;
|
||||
}
|
||||
|
||||
#menubar .pwg-icon-filter {display:none;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* backgrounds */
|
||||
|
||||
h3, #imageToolBar A:hover {
|
||||
background-color: #2f2f2f;
|
||||
}
|
||||
|
||||
#imageToolBar, #imageHeaderBar, #derivativeSwitchLink, #derivativeSwitchBox, #sortOrderBox, .header_notes {
|
||||
background-color: #505050;
|
||||
}
|
||||
|
||||
#imageHeaderBar H2 {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
#imageHeaderBar {
|
||||
border-top: 1px solid #000;
|
||||
}
|
||||
|
||||
/* borders */
|
||||
#derivativeSwitchLink, #derivativeSwitchBox, #sortOrderBox{
|
||||
border: 1px solid #000;
|
||||
}
|
||||
|
||||
#imageToolBar {
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
|
||||
FIELDSET, INPUT, SELECT, TEXTAREA {
|
||||
border: 1px solid gray;
|
||||
}
|
||||
|
||||
|
||||
/* picture page */
|
||||
#thePicturePage {background-color:#111;}
|
||||
#imageHeaderBar {
|
||||
border: solid 0 #444;
|
||||
padding:0 35px;
|
||||
}
|
||||
#content #imageHeaderBar {padding:0;}
|
||||
#copyright {border-top-width:2px;}
|
||||
#imageHeaderBar {border-bottom-width:2px; width:auto;}
|
||||
#imageHeaderBar, #imageToolBar, #copyright {background:none;}
|
||||
#imageToolBar {margin-top: -28px;}
|
||||
#theImage, #imageInfos, #comments {background:#222;}
|
||||
#theImage {padding-top:10px;}
|
||||
#imageHeaderBar { height:28px;}
|
||||
#imageHeaderBar .browsePath {display:inline-block; float:none; font-size:120%; line-height:20px; padding: 8px 0 0 2px; font-weight:bold; margin:0;}
|
||||
#imageHeaderBar .imageNumber {display:inline-block; float:none; line-height:20px; padding: 8px 0 0 12px; font-weight:bold; margin:0;}
|
||||
#imageHeaderBar .imageNumber:before {content:'['}
|
||||
#imageHeaderBar .imageNumber:after {content:']'}
|
||||
#imageHeaderBar h2 {display:none;}
|
||||
#thePicturePage .pwg-button {width:26px;}
|
||||
#thePicturePage .actionButtons {margin-right: 26px;}
|
||||
#imageToolBar {float:right;}
|
||||
|
||||
#thePicturePage #comments {padding-top:12px; padding-bottom:12px;}
|
||||
#thePicturePage #comments fieldset{margin-top: 0; margin-bottom:0;}
|
||||
#copyright {padding-top:4px; text-align:right;}
|
||||
|
||||
|
||||
.thumbnailCategory {background-color: #303030;}
|
||||
#the_page .content .stuffs {margin:0!important}
|
||||
|
||||
/* links */
|
||||
INPUT.rateButton {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.pwg-icon {
|
||||
background-image: url(../default/s26/outline_ffffff.png);
|
||||
}
|
||||
|
||||
A:hover .pwg-icon {
|
||||
background-image: url(../default/s26/outline_ffff80.png);
|
||||
}
|
||||
|
||||
.message {
|
||||
color:white;
|
||||
background-color:#666;
|
||||
}
|
||||
15
themes/elegant/themeconf.inc.php
Normal file
15
themes/elegant/themeconf.inc.php
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<?php
|
||||
/*
|
||||
Theme Name: elegant
|
||||
Version: 2.3.0
|
||||
Description: Dark background, grayscale.
|
||||
Theme URI:
|
||||
Author: Piwigo team
|
||||
Author URI: http://piwigo.org
|
||||
*/
|
||||
$themeconf = array(
|
||||
'name' => 'elegant',
|
||||
'parent' => 'default',
|
||||
'local_head' => 'local_head.tpl'
|
||||
);
|
||||
?>
|
||||
Loading…
Add table
Add a link
Reference in a new issue