feature 2587: new theme elegant, first beta version

git-svn-id: http://piwigo.org/svn/trunk@13464 68402e56-0260-453c-a942-63ccdbb3a9ee
Piwigo · Mar 2, 2012 · 63c5934 · 63c5934
1 parent 9ae55cd
commit 63c5934
Show file tree

Hide file tree

Showing 7 changed files with 302 additions and 0 deletions.
diff --git a/themes/elegant/index.php b/themes/elegant/index.php
@@ -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();
+?>
diff --git a/themes/elegant/local_head.tpl b/themes/elegant/local_head.tpl
@@ -0,0 +1 @@
+{combine_script id='elegant.scripts' require='jquery' path='themes/elegant/scripts.js'}
diff --git a/themes/elegant/mail-css.tpl b/themes/elegant/mail-css.tpl
@@ -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;}
diff --git a/themes/elegant/screenshot.png b/themes/elegant/screenshot.png
diff --git a/themes/elegant/scripts.js b/themes/elegant/scripts.js
@@ -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;}};
+
diff --git a/themes/elegant/theme.css b/themes/elegant/theme.css
@@ -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;
+}
diff --git a/themes/elegant/themeconf.inc.php b/themes/elegant/themeconf.inc.php
@@ -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'
+);
+?>