app-themer 0.3.5

data/javascripts/dd_belatedpng.js

@@ -0,0 +1,328 @@
+/**
+* DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>.
+* Author: Drew Diller
+* Email: drew.diller@gmail.com
+* URL: http://www.dillerdesign.com/experiment/DD_belatedPNG/
+* Version: 0.0.8a
+* Licensed under the MIT License: http://dillerdesign.com/experiment/DD_belatedPNG/#license
+*
+* Example usage:
+* DD_belatedPNG.fix('.png_bg'); // argument is a CSS selector
+* DD_belatedPNG.fixPng( someNode ); // argument is an HTMLDomElement
+**/
+
+/*
+PLEASE READ:
+Absolutely everything in this script is SILLY.  I know this.  IE's rendering of certain pixels doesn't make sense, so neither does this code!
+*/
+
+var DD_belatedPNG = {
+	ns: 'DD_belatedPNG',
+	imgSize: {},
+	delay: 10,
+	nodesFixed: 0,
+	createVmlNameSpace: function () { /* enable VML */
+		if (document.namespaces && !document.namespaces[this.ns]) {
+			document.namespaces.add(this.ns, 'urn:schemas-microsoft-com:vml');
+		}
+	},
+	createVmlStyleSheet: function () { /* style VML, enable behaviors */
+		/*
+			Just in case lots of other developers have added
+			lots of other stylesheets using document.createStyleSheet
+			and hit the 31-limit mark, let's not use that method!
+			further reading: http://msdn.microsoft.com/en-us/library/ms531194(VS.85).aspx
+		*/
+		var screenStyleSheet, printStyleSheet;
+		screenStyleSheet = document.createElement('style');
+		screenStyleSheet.setAttribute('media', 'screen');
+		document.documentElement.firstChild.insertBefore(screenStyleSheet, document.documentElement.firstChild.firstChild);
+		if (screenStyleSheet.styleSheet) {
+			screenStyleSheet = screenStyleSheet.styleSheet;
+			screenStyleSheet.addRule(this.ns + '\\:*', '{behavior:url(#default#VML)}');
+			screenStyleSheet.addRule(this.ns + '\\:shape', 'position:absolute;');
+			screenStyleSheet.addRule('img.' + this.ns + '_sizeFinder', 'behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;'); /* large negative top value for avoiding vertical scrollbars for large images, suggested by James O'Brien, http://www.thanatopsic.org/hendrik/ */
+			this.screenStyleSheet = screenStyleSheet;
+			
+			/* Add a print-media stylesheet, for preventing VML artifacts from showing up in print (including preview). */
+			/* Thanks to Rémi Prévost for automating this! */
+			printStyleSheet = document.createElement('style');
+			printStyleSheet.setAttribute('media', 'print');
+			document.documentElement.firstChild.insertBefore(printStyleSheet, document.documentElement.firstChild.firstChild);
+			printStyleSheet = printStyleSheet.styleSheet;
+			printStyleSheet.addRule(this.ns + '\\:*', '{display: none !important;}');
+			printStyleSheet.addRule('img.' + this.ns + '_sizeFinder', '{display: none !important;}');
+		}
+	},
+	readPropertyChange: function () {
+		var el, display, v;
+		el = event.srcElement;
+		if (!el.vmlInitiated) {
+			return;
+		}
+		if (event.propertyName.search('background') != -1 || event.propertyName.search('border') != -1) {
+			DD_belatedPNG.applyVML(el);
+		}
+		if (event.propertyName == 'style.display') {
+			display = (el.currentStyle.display == 'none') ? 'none' : 'block';
+			for (v in el.vml) {
+				if (el.vml.hasOwnProperty(v)) {
+					el.vml[v].shape.style.display = display;
+				}
+			}
+		}
+		if (event.propertyName.search('filter') != -1) {
+			DD_belatedPNG.vmlOpacity(el);
+		}
+	},
+	vmlOpacity: function (el) {
+		if (el.currentStyle.filter.search('lpha') != -1) {
+			var trans = el.currentStyle.filter;
+			trans = parseInt(trans.substring(trans.lastIndexOf('=')+1, trans.lastIndexOf(')')), 10)/100;
+			el.vml.color.shape.style.filter = el.currentStyle.filter; /* complete guesswork */
+			el.vml.image.fill.opacity = trans; /* complete guesswork */
+		}
+	},
+	handlePseudoHover: function (el) {
+		setTimeout(function () { /* wouldn't work as intended without setTimeout */
+			DD_belatedPNG.applyVML(el);
+		}, 1);
+	},
+	/**
+	* This is the method to use in a document.
+	* @param {String} selector - REQUIRED - a CSS selector, such as '#doc .container'
+	**/
+	fix: function (selector) {
+		if (this.screenStyleSheet) {
+			var selectors, i;
+			selectors = selector.split(','); /* multiple selectors supported, no need for multiple calls to this anymore */
+			for (i=0; i<selectors.length; i++) {
+				this.screenStyleSheet.addRule(selectors[i], 'behavior:expression(DD_belatedPNG.fixPng(this))'); /* seems to execute the function without adding it to the stylesheet - interesting... */
+			}
+		}
+	},
+	applyVML: function (el) {
+		el.runtimeStyle.cssText = '';
+		this.vmlFill(el);
+		this.vmlOffsets(el);
+		this.vmlOpacity(el);
+		if (el.isImg) {
+			this.copyImageBorders(el);
+		}
+	},
+	attachHandlers: function (el) {
+		var self, handlers, handler, moreForAs, a, h;
+		self = this;
+		handlers = {resize: 'vmlOffsets', move: 'vmlOffsets'};
+		if (el.nodeName == 'A') {
+			moreForAs = {mouseleave: 'handlePseudoHover', mouseenter: 'handlePseudoHover', focus: 'handlePseudoHover', blur: 'handlePseudoHover'};
+			for (a in moreForAs) {			
+				if (moreForAs.hasOwnProperty(a)) {
+					handlers[a] = moreForAs[a];
+				}
+			}
+		}
+		for (h in handlers) {
+			if (handlers.hasOwnProperty(h)) {
+				handler = function () {
+					self[handlers[h]](el);
+				};
+				el.attachEvent('on' + h, handler);
+			}
+		}
+		el.attachEvent('onpropertychange', this.readPropertyChange);
+	},
+	giveLayout: function (el) {
+		el.style.zoom = 1;
+		if (el.currentStyle.position == 'static') {
+			el.style.position = 'relative';
+		}
+	},
+	copyImageBorders: function (el) {
+		var styles, s;
+		styles = {'borderStyle':true, 'borderWidth':true, 'borderColor':true};
+		for (s in styles) {
+			if (styles.hasOwnProperty(s)) {
+				el.vml.color.shape.style[s] = el.currentStyle[s];
+			}
+		}
+	},
+	vmlFill: function (el) {
+		if (!el.currentStyle) {
+			return;
+		} else {
+			var elStyle, noImg, lib, v, img, imgLoaded;
+			elStyle = el.currentStyle;
+		}
+		for (v in el.vml) {
+			if (el.vml.hasOwnProperty(v)) {
+				el.vml[v].shape.style.zIndex = elStyle.zIndex;
+			}
+		}
+		el.runtimeStyle.backgroundColor = '';
+		el.runtimeStyle.backgroundImage = '';
+		noImg = true;
+		if (elStyle.backgroundImage != 'none' || el.isImg) {
+			if (!el.isImg) {
+				el.vmlBg = elStyle.backgroundImage;
+				el.vmlBg = el.vmlBg.substr(5, el.vmlBg.lastIndexOf('")')-5);
+			}
+			else {
+				el.vmlBg = el.src;
+			}
+			lib = this;
+			if (!lib.imgSize[el.vmlBg]) { /* determine size of loaded image */
+				img = document.createElement('img');
+				lib.imgSize[el.vmlBg] = img;
+				img.className = lib.ns + '_sizeFinder';
+				img.runtimeStyle.cssText = 'behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;'; /* make sure to set behavior to none to prevent accidental matching of the helper elements! */
+				imgLoaded = function () {
+					this.width = this.offsetWidth; /* weird cache-busting requirement! */
+					this.height = this.offsetHeight;
+					lib.vmlOffsets(el);
+				};
+				img.attachEvent('onload', imgLoaded);
+				img.src = el.vmlBg;
+				img.removeAttribute('width');
+				img.removeAttribute('height');
+				document.body.insertBefore(img, document.body.firstChild);
+			}
+			el.vml.image.fill.src = el.vmlBg;
+			noImg = false;
+		}
+		el.vml.image.fill.on = !noImg;
+		el.vml.image.fill.color = 'none';
+		el.vml.color.shape.style.backgroundColor = elStyle.backgroundColor;
+		el.runtimeStyle.backgroundImage = 'none';
+		el.runtimeStyle.backgroundColor = 'transparent';
+	},
+	/* IE can't figure out what do when the offsetLeft and the clientLeft add up to 1, and the VML ends up getting fuzzy... so we have to push/enlarge things by 1 pixel and then clip off the excess */
+	vmlOffsets: function (el) {
+		var thisStyle, size, fudge, makeVisible, bg, bgR, dC, altC, b, c, v;
+		thisStyle = el.currentStyle;
+		size = {'W':el.clientWidth+1, 'H':el.clientHeight+1, 'w':this.imgSize[el.vmlBg].width, 'h':this.imgSize[el.vmlBg].height, 'L':el.offsetLeft, 'T':el.offsetTop, 'bLW':el.clientLeft, 'bTW':el.clientTop};
+		fudge = (size.L + size.bLW == 1) ? 1 : 0;
+		/* vml shape, left, top, width, height, origin */
+		makeVisible = function (vml, l, t, w, h, o) {
+			vml.coordsize = w+','+h;
+			vml.coordorigin = o+','+o;
+			vml.path = 'm0,0l'+w+',0l'+w+','+h+'l0,'+h+' xe';
+			vml.style.width = w + 'px';
+			vml.style.height = h + 'px';
+			vml.style.left = l + 'px';
+			vml.style.top = t + 'px';
+		};
+		makeVisible(el.vml.color.shape, (size.L + (el.isImg ? 0 : size.bLW)), (size.T + (el.isImg ? 0 : size.bTW)), (size.W-1), (size.H-1), 0);
+		makeVisible(el.vml.image.shape, (size.L + size.bLW), (size.T + size.bTW), (size.W), (size.H), 1 );
+		bg = {'X':0, 'Y':0};
+		if (el.isImg) {
+			bg.X = parseInt(thisStyle.paddingLeft, 10) + 1;
+			bg.Y = parseInt(thisStyle.paddingTop, 10) + 1;
+		}
+		else {
+			for (b in bg) {
+				if (bg.hasOwnProperty(b)) {
+					this.figurePercentage(bg, size, b, thisStyle['backgroundPosition'+b]);
+				}
+			}
+		}
+		el.vml.image.fill.position = (bg.X/size.W) + ',' + (bg.Y/size.H);
+		bgR = thisStyle.backgroundRepeat;
+		dC = {'T':1, 'R':size.W+fudge, 'B':size.H, 'L':1+fudge}; /* these are defaults for repeat of any kind */
+		altC = { 'X': {'b1': 'L', 'b2': 'R', 'd': 'W'}, 'Y': {'b1': 'T', 'b2': 'B', 'd': 'H'} };
+		if (bgR != 'repeat' || el.isImg) {
+			c = {'T':(bg.Y), 'R':(bg.X+size.w), 'B':(bg.Y+size.h), 'L':(bg.X)}; /* these are defaults for no-repeat - clips down to the image location */
+			if (bgR.search('repeat-') != -1) { /* now let's revert to dC for repeat-x or repeat-y */
+				v = bgR.split('repeat-')[1].toUpperCase();
+				c[altC[v].b1] = 1;
+				c[altC[v].b2] = size[altC[v].d];
+			}
+			if (c.B > size.H) {
+				c.B = size.H;
+			}
+			el.vml.image.shape.style.clip = 'rect('+c.T+'px '+(c.R+fudge)+'px '+c.B+'px '+(c.L+fudge)+'px)';
+		}
+		else {
+			el.vml.image.shape.style.clip = 'rect('+dC.T+'px '+dC.R+'px '+dC.B+'px '+dC.L+'px)';
+		}
+	},
+	figurePercentage: function (bg, size, axis, position) {
+		var horizontal, fraction;
+		fraction = true;
+		horizontal = (axis == 'X');
+		switch(position) {
+			case 'left':
+			case 'top':
+				bg[axis] = 0;
+				break;
+			case 'center':
+				bg[axis] = 0.5;
+				break;
+			case 'right':
+			case 'bottom':
+				bg[axis] = 1;
+				break;
+			default:
+				if (position.search('%') != -1) {
+					bg[axis] = parseInt(position, 10) / 100;
+				}
+				else {
+					fraction = false;
+				}
+		}
+		bg[axis] = Math.ceil(  fraction ? ( (size[horizontal?'W': 'H'] * bg[axis]) - (size[horizontal?'w': 'h'] * bg[axis]) ) : parseInt(position, 10)  );
+		if (bg[axis] % 2 === 0) {
+			bg[axis]++;
+		}
+		return bg[axis];
+	},
+	fixPng: function (el) {
+		el.style.behavior = 'none';
+		var lib, els, nodeStr, v, e;
+		if (el.nodeName == 'BODY' || el.nodeName == 'TD' || el.nodeName == 'TR') { /* elements not supported yet */
+			return;
+		}
+		el.isImg = false;
+		if (el.nodeName == 'IMG') {
+			if(el.src.toLowerCase().search(/\.png$/) != -1) {
+				el.isImg = true;
+				el.style.visibility = 'hidden';
+			}
+			else {
+				return;
+			}
+		}
+		else if (el.currentStyle.backgroundImage.toLowerCase().search('.png') == -1) {
+			return;
+		}
+		lib = DD_belatedPNG;
+		el.vml = {color: {}, image: {}};
+		els = {shape: {}, fill: {}};
+		for (v in el.vml) {
+			if (el.vml.hasOwnProperty(v)) {
+				for (e in els) {
+					if (els.hasOwnProperty(e)) {
+						nodeStr = lib.ns + ':' + e;
+						el.vml[v][e] = document.createElement(nodeStr);
+					}
+				}
+				el.vml[v].shape.stroked = false;
+				el.vml[v].shape.appendChild(el.vml[v].fill);
+				el.parentNode.insertBefore(el.vml[v].shape, el);
+			}
+		}
+		el.vml.image.shape.fillcolor = 'none'; /* Don't show blank white shapeangle when waiting for image to load. */
+		el.vml.image.fill.type = 'tile'; /* Makes image show up. */
+		el.vml.color.fill.on = false; /* Actually going to apply vml element's style.backgroundColor, so hide the whiteness. */
+		lib.attachHandlers(el);
+		lib.giveLayout(el);
+		lib.giveLayout(el.offsetParent);
+		el.vmlInitiated = true;
+		lib.applyVML(el); /* Render! */
+	}
+};
+try {
+	document.execCommand("BackgroundImageCache", false, true); /* TredoSoft Multiple IE doesn't like this, so try{} it */
+} catch(r) {}
+DD_belatedPNG.createVmlNameSpace();
+DD_belatedPNG.createVmlStyleSheet();

data/javascripts/modernizr-1.5.min.js

@@ -0,0 +1,28 @@
+/*!
+ * Modernizr JavaScript library 1.5
+ * http://www.modernizr.com/
+ *
+ * Copyright (c) 2009-2010 Faruk Ates - http://farukat.es/
+ * Dual-licensed under the BSD and MIT licenses.
+ * http://www.modernizr.com/license/
+ *
+ * Featuring major contributions by
+ * Paul Irish  - http://paulirish.com
+ */
+ window.Modernizr=function(i,e,I){function C(a,b){for(var c in a)if(m[a[c]]!==I&&(!b||b(a[c],D)))return true}function r(a,b){var c=a.charAt(0).toUpperCase()+a.substr(1);return!!C([a,"Webkit"+c,"Moz"+c,"O"+c,"ms"+c,"Khtml"+c],b)}function P(){j[E]=function(a){for(var b=0,c=a.length;b<c;b++)J[a[b]]=!!(a[b]in n);return J}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" "));j[Q]=function(a){for(var b=0,c,h=a.length;b<h;b++){n.setAttribute("type",a[b]);if(c=n.type!==
+ "text"){n.value=K;/tel|search/.test(n.type)||(c=/url|email/.test(n.type)?n.checkValidity&&n.checkValidity()===false:n.value!=K)}L[a[b]]=!!c}return L}("search tel url email datetime date month week time datetime-local number range color".split(" "))}var j={},s=e.documentElement,D=e.createElement("modernizr"),m=D.style,n=e.createElement("input"),E="input",Q=E+"types",K=":)",M=Object.prototype.toString,y=" -o- -moz- -ms- -webkit- -khtml- ".split(" "),d={},L={},J={},N=[],u=function(){var a={select:"input",
+ change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"},b={};return function(c,h){var t=arguments.length==1;if(t&&b[c])return b[c];h=h||document.createElement(a[c]||"div");c="on"+c;var g=c in h;if(!g&&h.setAttribute){h.setAttribute(c,"return;");g=typeof h[c]=="function"}h=null;return t?(b[c]=g):g}}(),F={}.hasOwnProperty,O;O=typeof F!=="undefined"&&typeof F.call!=="undefined"?function(a,b){return F.call(a,b)}:function(a,b){return b in a&&typeof a.constructor.prototype[b]==="undefined"};
+ d.canvas=function(){return!!e.createElement("canvas").getContext};d.canvastext=function(){return!!(d.canvas()&&typeof e.createElement("canvas").getContext("2d").fillText=="function")};d.geolocation=function(){return!!navigator.geolocation};d.crosswindowmessaging=function(){return!!i.postMessage};d.websqldatabase=function(){var a=!!i.openDatabase;if(a)try{a=!!openDatabase("testdb","1.0","html5 test db",2E5)}catch(b){a=false}return a};d.indexedDB=function(){return!!i.indexedDB};d.hashchange=function(){return u("hashchange",
+ i)&&(document.documentMode===I||document.documentMode>7)};d.historymanagement=function(){return!!(i.history&&history.pushState)};d.draganddrop=function(){return u("drag")&&u("dragstart")&&u("dragenter")&&u("dragover")&&u("dragleave")&&u("dragend")&&u("drop")};d.websockets=function(){return"WebSocket"in i};d.rgba=function(){m.cssText="background-color:rgba(150,255,150,.5)";return(""+m.backgroundColor).indexOf("rgba")!==-1};d.hsla=function(){m.cssText="background-color:hsla(120,40%,100%,.5)";return(""+
+ m.backgroundColor).indexOf("rgba")!==-1};d.multiplebgs=function(){m.cssText="background:url(//:),url(//:),red url(//:)";return/(url\s*\(.*?){3}/.test(m.background)};d.backgroundsize=function(){return r("backgroundSize")};d.borderimage=function(){return r("borderImage")};d.borderradius=function(){return r("borderRadius","",function(a){return(""+a).indexOf("orderRadius")!==-1})};d.boxshadow=function(){return r("boxShadow")};d.opacity=function(){var a=y.join("opacity:.5;")+"";m.cssText=a;return(""+m.opacity).indexOf("0.5")!==
+ -1};d.cssanimations=function(){return r("animationName")};d.csscolumns=function(){return r("columnCount")};d.cssgradients=function(){var a=("background-image:"+y.join("gradient(linear,left top,right bottom,from(#9f9),to(white));background-image:")+y.join("linear-gradient(left top,#9f9, white);background-image:")).slice(0,-17);m.cssText=a;return(""+m.backgroundImage).indexOf("gradient")!==-1};d.cssreflections=function(){return r("boxReflect")};d.csstransforms=function(){return!!C(["transformProperty",
+ "WebkitTransform","MozTransform","OTransform","msTransform"])};d.csstransforms3d=function(){var a=!!C(["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"]);if(a){var b=document.createElement("style"),c=e.createElement("div");b.textContent="@media ("+y.join("transform-3d),(")+"modernizr){#modernizr{height:3px}}";e.getElementsByTagName("head")[0].appendChild(b);c.id="modernizr";s.appendChild(c);a=c.offsetHeight===3;b.parentNode.removeChild(b);c.parentNode.removeChild(c)}return a};
+ d.csstransitions=function(){return r("transitionProperty")};d.fontface=function(){var a;if(/*@cc_on@if(@_jscript_version>=5)!@end@*/0)a=true;else{var b=e.createElement("style"),c=e.createElement("span"),h,t=false,g=e.body,o,w;b.textContent="@font-face{font-family:testfont;src:url('data:font/ttf;base64,AAEAAAAMAIAAAwBAT1MvMliohmwAAADMAAAAVmNtYXCp5qrBAAABJAAAANhjdnQgACICiAAAAfwAAAAEZ2FzcP//AAMAAAIAAAAACGdseWYv5OZoAAACCAAAANxoZWFk69bnvwAAAuQAAAA2aGhlYQUJAt8AAAMcAAAAJGhtdHgGDgC4AAADQAAAABRsb2NhAIQAwgAAA1QAAAAMbWF4cABVANgAAANgAAAAIG5hbWUgXduAAAADgAAABPVwb3N03NkzmgAACHgAAAA4AAECBAEsAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAACAAMDAAAAAAAAgAACbwAAAAoAAAAAAAAAAFBmRWQAAAAgqS8DM/8zAFwDMwDNAAAABQAAAAAAAAAAAAMAAAADAAAAHAABAAAAAABGAAMAAQAAAK4ABAAqAAAABgAEAAEAAgAuqQD//wAAAC6pAP///9ZXAwAAAAAAAAACAAAABgBoAAAAAAAvAAEAAAAAAAAAAAAAAAAAAAABAAIAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEACoAAAAGAAQAAQACAC6pAP//AAAALqkA////1lcDAAAAAAAAAAIAAAAiAogAAAAB//8AAgACACIAAAEyAqoAAwAHAC6xAQAvPLIHBADtMrEGBdw8sgMCAO0yALEDAC88sgUEAO0ysgcGAfw8sgECAO0yMxEhESczESMiARDuzMwCqv1WIgJmAAACAFUAAAIRAc0ADwAfAAATFRQWOwEyNj0BNCYrASIGARQGKwEiJj0BNDY7ATIWFX8aIvAiGhoi8CIaAZIoN/43KCg3/jcoAWD0JB4eJPQkHh7++EY2NkbVRjY2RgAAAAABAEH/+QCdAEEACQAANjQ2MzIWFAYjIkEeEA8fHw8QDxwWFhwWAAAAAQAAAAIAAIuYbWpfDzz1AAsEAAAAAADFn9IuAAAAAMWf0i797/8zA4gDMwAAAAgAAgAAAAAAAAABAAADM/8zAFwDx/3v/98DiAABAAAAAAAAAAAAAAAAAAAABQF2ACIAAAAAAVUAAAJmAFUA3QBBAAAAKgAqACoAWgBuAAEAAAAFAFAABwBUAAQAAgAAAAEAAQAAAEAALgADAAMAAAAQAMYAAQAAAAAAAACLAAAAAQAAAAAAAQAhAIsAAQAAAAAAAgAFAKwAAQAAAAAAAwBDALEAAQAAAAAABAAnAPQAAQAAAAAABQAKARsAAQAAAAAABgAmASUAAQAAAAAADgAaAUsAAwABBAkAAAEWAWUAAwABBAkAAQBCAnsAAwABBAkAAgAKAr0AAwABBAkAAwCGAscAAwABBAkABABOA00AAwABBAkABQAUA5sAAwABBAkABgBMA68AAwABBAkADgA0A/tDb3B5cmlnaHQgMjAwOSBieSBEYW5pZWwgSm9obnNvbi4gIFJlbGVhc2VkIHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgT3BlbiBGb250IExpY2Vuc2UuIEtheWFoIExpIGdseXBocyBhcmUgcmVsZWFzZWQgdW5kZXIgdGhlIEdQTCB2ZXJzaW9uIDMuYmFlYzJhOTJiZmZlNTAzMiAtIHN1YnNldCBvZiBKdXJhTGlnaHRiYWVjMmE5MmJmZmU1MDMyIC0gc3Vic2V0IG9mIEZvbnRGb3JnZSAyLjAgOiBKdXJhIExpZ2h0IDogMjMtMS0yMDA5YmFlYzJhOTJiZmZlNTAzMiAtIHN1YnNldCBvZiBKdXJhIExpZ2h0VmVyc2lvbiAyIGJhZWMyYTkyYmZmZTUwMzIgLSBzdWJzZXQgb2YgSnVyYUxpZ2h0aHR0cDovL3NjcmlwdHMuc2lsLm9yZy9PRkwAQwBvAHAAeQByAGkAZwBoAHQAIAAyADAAMAA5ACAAYgB5ACAARABhAG4AaQBlAGwAIABKAG8AaABuAHMAbwBuAC4AIAAgAFIAZQBsAGUAYQBzAGUAZAAgAHUAbgBkAGUAcgAgAHQAaABlACAAdABlAHIAbQBzACAAbwBmACAAdABoAGUAIABPAHAAZQBuACAARgBvAG4AdAAgAEwAaQBjAGUAbgBzAGUALgAgAEsAYQB5AGEAaAAgAEwAaQAgAGcAbAB5AHAAaABzACAAYQByAGUAIAByAGUAbABlAGEAcwBlAGQAIAB1AG4AZABlAHIAIAB0AGgAZQAgAEcAUABMACAAdgBlAHIAcwBpAG8AbgAgADMALgBiAGEAZQBjADIAYQA5ADIAYgBmAGYAZQA1ADAAMwAyACAALQAgAHMAdQBiAHMAZQB0ACAAbwBmACAASgB1AHIAYQBMAGkAZwBoAHQAYgBhAGUAYwAyAGEAOQAyAGIAZgBmAGUANQAwADMAMgAgAC0AIABzAHUAYgBzAGUAdAAgAG8AZgAgAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAASgB1AHIAYQAgAEwAaQBnAGgAdAAgADoAIAAyADMALQAxAC0AMgAwADAAOQBiAGEAZQBjADIAYQA5ADIAYgBmAGYAZQA1ADAAMwAyACAALQAgAHMAdQBiAHMAZQB0ACAAbwBmACAASgB1AHIAYQAgAEwAaQBnAGgAdABWAGUAcgBzAGkAbwBuACAAMgAgAGIAYQBlAGMAMgBhADkAMgBiAGYAZgBlADUAMAAzADIAIAAtACAAcwB1AGIAcwBlAHQAIABvAGYAIABKAHUAcgBhAEwAaQBnAGgAdABoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAAAAAAgAAAAAAAP+BADMAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAQACAQIAEQt6ZXJva2F5YWhsaQ==')}";
+ e.getElementsByTagName("head")[0].appendChild(b);c.setAttribute("style","font:99px _,arial,helvetica;position:absolute;visibility:hidden");if(!g){g=s.appendChild(e.createElement("fontface"));t=true}c.innerHTML="........";c.id="fonttest";g.appendChild(c);h=c.offsetWidth*c.offsetHeight;c.style.font="99px testfont,_,arial,helvetica";a=h!==c.offsetWidth*c.offsetHeight;var v=function(){if(g.parentNode){a=j.fontface=h!==c.offsetWidth*c.offsetHeight;s.className=s.className.replace(/(no-)?fontface\b/,"")+
+ (a?" ":" no-")+"fontface"}};setTimeout(v,75);setTimeout(v,150);addEventListener("load",function(){v();(w=true)&&o&&o(a);setTimeout(function(){t||(g=c);g.parentNode.removeChild(g);b.parentNode.removeChild(b)},50)},false)}j._fontfaceready=function(p){w||a?p(a):(o=p)};return a||h!==c.offsetWidth};d.video=function(){var a=e.createElement("video"),b=!!a.canPlayType;if(b){b=new Boolean(b);b.ogg=a.canPlayType('video/ogg; codecs="theora"');b.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"');b.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"')}return b};
+ d.audio=function(){var a=e.createElement("audio"),b=!!a.canPlayType;if(b){b=new Boolean(b);b.ogg=a.canPlayType('audio/ogg; codecs="vorbis"');b.mp3=a.canPlayType("audio/mpeg;");b.wav=a.canPlayType('audio/wav; codecs="1"');b.m4a=a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")}return b};d.localStorage=function(){return"localStorage"in i&&i.localStorage!==null};d.sessionStorage=function(){try{return"sessionStorage"in i&&i.sessionStorage!==null}catch(a){return false}};d.webworkers=function(){return!!i.Worker};
+ d.applicationCache=function(){var a=i.applicationCache;return!!(a&&typeof a.status!="undefined"&&typeof a.update=="function"&&typeof a.swapCache=="function")};d.svg=function(){return!!e.createElementNS&&!!e.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect};d.smil=function(){return!!e.createElementNS&&/SVG/.test(M.call(e.createElementNS("http://www.w3.org/2000/svg","animate")))};d.svgclippaths=function(){return!!e.createElementNS&&/SVG/.test(M.call(e.createElementNS("http://www.w3.org/2000/svg",
+ "clipPath")))};for(var z in d)if(O(d,z))N.push(((j[z.toLowerCase()]=d[z]())?"":"no-")+z.toLowerCase());j[E]||P();j.addTest=function(a,b){a=a.toLowerCase();if(!j[a]){b=!!b();s.className+=" "+(b?"":"no-")+a;j[a]=b;return j}};m.cssText="";D=n=null;(function(){var a=e.createElement("div");a.innerHTML="<elem></elem>";return a.childNodes.length!==1})()&&function(a,b){function c(f,k){if(o[f])o[f].styleSheet.cssText+=k;else{var l=t[G],q=b[A]("style");q.media=f;l.insertBefore(q,l[G]);o[f]=q;c(f,k)}}function h(f,
+ k){for(var l=new RegExp("\\b("+w+")\\b(?!.*[;}])","gi"),q=function(B){return".iepp_"+B},x=-1;++x<f.length;){k=f[x].media||k;h(f[x].imports,k);c(k,f[x].cssText.replace(l,q))}}for(var t=b.documentElement,g=b.createDocumentFragment(),o={},w="abbr|article|aside|audio|canvas|command|datalist|details|figure|figcaption|footer|header|hgroup|keygen|mark|meter|nav|output|progress|section|source|summary|time|video",v=w.split("|"),p=[],H=-1,G="firstChild",A="createElement";++H<v.length;){b[A](v[H]);g[A](v[H])}g=
+ g.appendChild(b[A]("div"));a.attachEvent("onbeforeprint",function(){for(var f,k=b.getElementsByTagName("*"),l,q,x=new RegExp("^"+w+"$","i"),B=-1;++B<k.length;)if((f=k[B])&&(q=f.nodeName.match(x))){l=new RegExp("^\\s*<"+q+"(.*)\\/"+q+">\\s*$","i");g.innerHTML=f.outerHTML.replace(/\r|\n/g," ").replace(l,f.currentStyle.display=="block"?"<div$1/div>":"<span$1/span>");l=g.childNodes[0];l.className+=" iepp_"+q;l=p[p.length]=[f,l];f.parentNode.replaceChild(l[1],l[0])}h(b.styleSheets,"all")});a.attachEvent("onafterprint",
+ function(){for(var f=-1,k;++f<p.length;)p[f][1].parentNode.replaceChild(p[f][0],p[f][1]);for(k in o)t[G].removeChild(o[k]);o={};p=[]})}(this,e);j._enableHTML5=true;j._version="1.5";s.className=s.className.replace(/\bno-js\b/,"")+" js";s.className+=" "+N.join(" ");return j}(this,this.document);

data/lib/app_themer.rb

@@ -0,0 +1,2 @@
+module AppThemer
+end

data/lib/generators/app_themer/layout/layout_generator.rb

@@ -0,0 +1,71 @@
+module AppThemer
+  class LayoutGenerator < Rails::Generators::Base
+    source_root File.expand_path('../templates', __FILE__)
+
+    argument :layout_name, :type => :string, :default => 'application'
+
+    class_option :theme,        :type => :string,   :default => :default,   :desc => 'Specify the layout theme'
+    class_option :app_name,     :type => :string,   :default => 'Web App',  :desc => 'Specify the application name'
+    class_option :engine,       :type => :string,   :default => 'erb',      :desc => 'Specify the template engine'
+    class_option :no_layout,    :type => :boolean,  :default => false,      :desc => 'Use this option if you want to generate only stylesheets'
+    class_option :layout_type,  :type => :string,   :default => 'admin',    :desc => 'Layout type, admin or login'
+
+    def copy_layout
+      return if options.no_layout
+      layout_template = options.layout_type == 'login' ? "login.html.erb" : "admin.html.erb"
+      case options.engine
+      when 'erb'
+        template  layout_template, "app/views/layouts/#{layout_name.underscore}.html.erb"
+      when 'haml'
+        generate_haml_layout(layout_template)
+      end
+    end
+
+    def copy_base_stylesheets
+      copy_file "#{stylesheets_path}/base.css",     "public/stylesheets/web-app-theme/base.css"
+      copy_file "#{stylesheets_path}/handheld.css", "public/stylesheets/web-app-theme/handheld.css"
+      copy_file "#{stylesheets_path}/override.css", "public/stylesheets/web-app-theme/override.css"
+    end
+
+    def copy_theme_stylesheets
+      directory "#{stylesheets_path}/themes/#{options.theme}", "public/stylesheets/web-app-theme/themes/#{options.theme}"
+    end
+
+    def copy_images
+      directory "#{images_path}", "public/images/web-app-theme"
+    end
+
+    def copy_javascripts
+      copy_file "#{javascripts_path}/dd_belatedpng.js", "public/javascripts/web-app-theme/dd_belatedpng.js"
+      copy_file "#{javascripts_path}/modernizr-1.5.min.js", "public/javascripts/web-app-theme/modernizr-1.5.min.js"
+    end
+
+  protected
+
+    def stylesheets_path
+      "../../../../../stylesheets"
+    end
+
+    def images_path
+      "../../../../../images"
+    end
+
+    def javascripts_path
+      "../../../../../javascripts"
+    end
+
+    def generate_haml_layout(layout_template)
+      require 'haml'
+      Dir.mktmpdir('web-app-theme-haml') do |haml_root|
+        tmp_html_path = "#{haml_root}/#{layout_template}"
+        tmp_haml_path = "#{haml_root}/#{layout_template}.haml"
+        template layout_template, tmp_html_path, :verbose => false
+        `html2haml --erb --xhtml #{tmp_html_path} #{tmp_haml_path}`
+        copy_file tmp_haml_path, "app/views/layouts/#{layout_name.underscore}.html.haml"
+      end
+    rescue LoadError
+      say "HAML is not installed, or it is not specified in your Gemfile."
+      exit
+    end
+  end
+end

data/lib/generators/app_themer/layout/templates/admin.html.erb

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <!--[if IE]><![endif]-->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+  <title><%= options.app_name %></title>
+  <%%= stylesheet_link_tag "web-app-theme/base", "web-app-theme/handheld", "web-app-theme/themes/<%= options.theme %>/style", "web-app-theme/override", :cache => true %>
+  <%%= javascript_include_tag "web-app-theme/modernizr-1.5.min.js" %>
+  <%%= csrf_meta_tag %>
+</head>
+<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
+<!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
+<!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
+<!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
+<!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->
+
+  <div id="container">
+    <header>
+      <h1><a href="/"><%= options.app_name %></a></h1>
+      <nav id="main-navigation">
+        <ul class="clearfix">
+          <li class="right"><a href="/logout" class="logout"><%%= t("web-app-theme.logout", :default => "Logout") %></a></li>
+          <li class="right"><a href="#"><%%= t("web-app-theme.settings", :default => "Settings") %></a></li>
+          <li class="right"><a href="#"><%%= t("web-app-theme.profile", :default => "Profile") %></a></li>
+        </ul>
+      </nav>
+    </header>
+
+    <div id="wrapper" class="clearfix">
+      <div class="flash">
+        <%% flash.each do |type, message| -%>
+          <div class="message <%%= type %>">
+            <p><%%= message %></p>
+          </div>
+        <%% end -%>
+      </div>
+      <div id="main">
+        <%%= yield %>
+        <footer>
+          <p>Copyright &copy; <%%= Time.now.year %> <%= options.app_name %>.</p>
+        </footer>
+      </div>
+      <div id="sidebar">
+        <aside>
+          <%%= yield :sidebar %>
+        </aside>
+      </div>
+    </div>
+  </div>
+  <%%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" %>
+
+  <!--[if lt IE 7 ]>
+    <%%= javascript_include_tag "web-app-theme/dd_belatedpng.js" %>
+    <script>DD_belatedPNG.fix('.button img, #sidebar ul li');</script>
+  <![endif]-->
+</body>
+</html>

data/lib/generators/app_themer/views/templates/_form.html.erb

@@ -0,0 +1,13 @@
+<% columns.each do |column| %>
+  <div class="group">
+    <%%= f.label :<%= column.name %>, t("activerecord.attributes.<%= model_name.underscore %>.<%= column.name %>", :default => "<%= column.name.humanize %>"), :class => :label %>
+    <%%= f.<%= column.field_type %> :<%= column.name %>, :class => '<%= column.field_type %>' %>
+    <span class="description">Ex: a simple text</span>
+  </div>
+<%- end -%>
+<div class="clearfix">
+  <button class="button" type="submit">
+    <%%= image_tag("web-app-theme/icons/tick.png", :alt => "#{t("web-app-theme.save", :default => "Save")}") %> <%%= t("web-app-theme.save", :default => "Save") %>
+  </button>
+  <%%= link_to image_tag("web-app-theme/icons/cross.png", :alt => "#{t("web-app-theme.cancel", :default => "Cancel")}") + " " + t("web-app-theme.cancel", :default => "Cancel"), <%= controller_routing_path %>_path, :class => "button" %>
+</div>

data/lib/generators/app_themer/views/templates/_sidebar.html.erb

@@ -0,0 +1,13 @@
+<div class="module notice">
+  <h2>Simple Block</h2>
+  <div class="content">
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+  </div>
+</div>
+<div class="module">
+  <h2>Links</h2>
+  <ul class="navigation">
+    <li><a href="#">Link 1</a></li>
+    <li><a href="#">Link 2</a></li>
+  </ul>
+</div>

data/lib/generators/app_themer/views/templates/edit.html.erb

@@ -0,0 +1,18 @@
+<section>
+  <nav class="secondary">
+    <ul class="clearfix">
+      <li class="first"><%%= link_to "#{t("web-app-theme.list", :default => "List")}", <%= controller_routing_path %>_path  %></li>
+      <li><%%= link_to "#{t("web-app-theme.new", :default => "New")}", new_<%= singular_controller_routing_path %>_path %></li>
+      <li class="active"><%%= link_to "#{t("web-app-theme.edit", :default => "Edit")}", edit_<%= singular_controller_routing_path %>_path %></li>
+    </ul>
+  </nav>
+  <div class="content">
+    <h2><%%= t("web-app-theme.edit", :default => "Edit") %> <%= model_name %></h2>
+
+    <%%= form_for @<%= model_name.underscore  %>, :url => <%= singular_controller_routing_path %>_path(@<%= resource_name %>), :html => { :class => :form } do |f| -%>
+      <%%= render :partial => "form", :locals => {:f => f} %>
+    <%% end -%>
+  </div>
+</section>
+
+<%% content_for :sidebar, render(:partial => 'sidebar') -%>

data/lib/generators/app_themer/views/templates/new.html.erb

@@ -0,0 +1,16 @@
+<section>
+  <nav class="secondary">
+    <ul class="clearfix">
+      <li class="first"><%%= link_to "#{t("web-app-theme.list", :default => "List")}", <%= controller_routing_path %>_path  %></li>
+      <li class="active"><%%= link_to "#{t("web-app-theme.new", :default => "New")}", new_<%= singular_controller_routing_path %>_path %></li>
+    </ul>
+  </nav>
+  <div class="content">
+    <h2><%%= t("web-app-theme.new", :default => "New")%>  <%= model_name %></h2>
+    <%%= form_for :<%= model_name.underscore  %>, :url => <%= controller_routing_path %>_path, :html => { :class => :form } do |f| -%>
+      <%%= render :partial => "form", :locals => {:f => f} %>
+    <%% end -%>
+  </div>
+</section>
+
+<%% content_for :sidebar, render(:partial => 'sidebar') -%>

data/lib/generators/app_themer/views/templates/show.html.erb

@@ -0,0 +1,23 @@
+<section>
+  <nav class="secondary">
+    <ul class="clearfix">
+      <li class="first"><%%= link_to "#{t("web-app-theme.list", :default => "List")}", <%= controller_routing_path %>_path  %></li>
+      <li><%%= link_to "#{t("web-app-theme.new", :default => "New")}", new_<%= singular_controller_routing_path %>_path %></li>
+      <li class="active"><%%= link_to "#{t("web-app-theme.show", :default => "Show")}", <%= singular_controller_routing_path %>_path %></li>
+    </ul>
+  </nav>
+  <div class="content">
+    <% columns.each do |column| %>
+      <p>
+        <b><%%= t("activerecord.attributes.<%= singular_controller_routing_path %>.<%= column.name %>", :default => t("activerecord.labels.<%= column.name %>", :default => "<%= column.name.humanize %>")) %>:</b>
+        <%%= @<%= resource_name %>.<%= column.name %> %>
+      </p>
+    <%- end -%>
+    <div class="clearfix">
+      <%%= link_to image_tag("web-app-theme/icons/application_edit.png", :alt => "#{t("web-app-theme.edit", :default=> "Edit")}") + " " + t("web-app-theme.edit", :default=> "Edit"), edit_<%= singular_controller_routing_path %>_path(@<%= resource_name %>), :class => "button" %>
+      <%%= link_to image_tag("web-app-theme/icons/cross.png", :alt => "#{t("web-app-theme.delete", :default=> "Delete")}") + " " + t("web-app-theme.delete", :default => "Delete"), <%= singular_controller_routing_path %>_path(@<%= resource_name %>), :method => "delete", :class => "button", :confirm => "#{t("web-app-theme.confirm", :default => "Are you sure?")}" %>
+    </div>
+  </div>
+</section>
+
+<%% content_for :sidebar, render(:partial => 'sidebar') -%>

data/lib/generators/app_themer/views/templates/tables.html.erb

@@ -0,0 +1,50 @@
+<section>
+  <nav class="secondary">
+    <ul class="clearfix">
+      <li class="first active"><%%= link_to "#{t("web-app-theme.list", :default => "List")}", <%= controller_routing_path %>_path  %></li>
+      <li><%%= link_to "#{t("web-app-theme.new", :default => "New")}", new_<%= singular_controller_routing_path %>_path %></li>
+    </ul>
+  </nav>
+  <div class="content">
+    <h2><%%= t("web-app-theme.all", :default => "All")  %> <%= plural_model_name %></h2>
+    <table class="table">
+      <tr>
+        <th class="first">ID</th>
+        <% unless columns.empty? -%>
+        <th>
+          <%%= t("activerecord.attributes.<%= singular_controller_routing_path %>.<%= columns.first.name %>", :default => t("activerecord.labels.<%= columns.first.name %>", :default => "<%= columns.first.name.capitalize %>")) %>
+        </th>
+        <% end -%>
+        <th><%%= t("web-app-theme.created_at", :default => "Created at")  %></th>
+        <th class="last">&nbsp;</th>
+      </tr>
+      <%% @<%= plural_resource_name %>.each do |<%= resource_name %>| -%>
+      <tr class="<%%= cycle("odd", "even") %>">
+        <td>
+          <%%= <%= resource_name %>.id %>
+        </td>
+        <% unless columns.empty? -%>
+        <td>
+          <%%= link_to <%= resource_name %>.<%= columns.first.name %>, <%= singular_controller_routing_path %>_path(<%= resource_name %>) %>
+        </td>
+        <% end -%>
+        <td>
+          <%%= <%= resource_name %>.created_at %>
+        </td>
+        <td class="last">
+          <%%= link_to "#{t("web-app-theme.show", :default => "Show")}", <%= singular_controller_routing_path %>_path(<%= resource_name %>) %> |
+          <%%= link_to "#{t("web-app-theme.edit", :default => "Edit")}", edit_<%= singular_controller_routing_path %>_path(<%= resource_name %>) %> |
+          <%%= link_to "#{t("web-app-theme.delete", :default => "Delete")}", <%= singular_controller_routing_path %>_path(<%= resource_name %>), :method => :delete, :confirm => "#{t("web-app-theme.confirm", :default => "Are you sure?")}" %>
+        </td>
+      </tr>
+      <%% end -%>
+    </table>
+    <div class="clearfix">
+      <% if options.will_paginate %>
+      <%%= will_paginate @<%= plural_resource_name %>  %>
+      <% end %>
+    </div>
+  </div>
+</section>
+
+<%% content_for :sidebar, render(:partial => 'sidebar') -%>