lsd_rails 0.1

data/Packages/Sheet.js/Test/SheetParser.Property.test.js

@@ -0,0 +1,230 @@
+// -*- Mode: JavaScript QUnit; tab-width: 4; -*-
+
+if (typeof exports == 'undefined') exports = {};
+
+// Test Requirements
+
+if (typeof module !== 'undefined' && module.exports) {
+	// If run from the project root
+	require.paths.unshift('Source');
+	require.paths.unshift('Test');
+	
+	if (typeof API == 'undefined')
+		var API = require("DOM-styleSheet.api");
+	
+	if (typeof Sheet == 'undefined')
+		var Sheet = require("Sheet").Sheet;
+}
+
+// Test
+
+exports ["test Property parsing"] = {
+  
+  "test stuff": function() {
+    for (var property in Examples) {
+      var examples = Examples[property];
+      for (var input in examples) {
+        var value = SheetParser.Value.translate(input);
+        if (!value.push) value = [value];
+        deepEqual(
+          SheetParser.Styles[property].apply(1, value),
+          examples[input], 
+          property + ': ' + input
+        )
+      }
+    }
+  }
+  
+} 
+
+
+var Examples = { 
+  zIndex: {
+    '0': true,
+    '1': true,
+    '999999': true,
+    '-1': true,
+    '+1': true,
+    'f': false,
+    'none': false,
+    'inherit': false,
+    'f99999': false
+  },
+  display: {
+    'block': true,
+    'inline-block': true,
+    'bkoz': false,
+    '-moz-inline-block': false
+  },
+  color: {
+    'rgb(1, 1, 1)': true,
+    'rgba(1, 2, 1)': true,
+    'rgba(1, 2, 1, 1)': true,
+    'rgba(1, 2, 1, 1%)': true,
+    'rgba(1, 2, 1, 0.5)': true,
+    'hsb(0, 30, 100, 0.5)': true,
+    '#ccc': true,
+    '#cccccc': true,
+    '#ccccc': false,
+    'rgbo(1, 2, 1, 0.5)': false,
+    'rdb(1, 2, 1, 0.5)': false
+    //'black'
+    //'cyan' - Color map takes 4kb. Does it worth it?    
+  },
+  lineHeight: {
+    'normal': true,
+    'normol': false,
+    '1': true,
+    '1.5': true,
+    '50%': true,
+    '55.4%': true,
+    '5f.5%': false,
+    'none': false
+  },
+  cursor: {
+    'sw-resize': true,
+    'ws-resize': false
+  },
+  fontWeight: {
+    '100': true,
+    'bold': true,
+    'normal': true,
+    '100%': false,
+    'big': false
+  },
+  borderTop: {
+    '3px solid #ccc': {borderTopWidth: {number: 3, unit: 'px'}, borderTopStyle: 'solid', borderTopColor: '#ccc'},
+    '1em dotted rgba(1,1,1, 0.5)': {borderTopWidth: {number: 1, unit: 'em'}, borderTopStyle: 'dotted', borderTopColor: {rgba: [1, 1, 1, 0.5]}},
+    '1.3pt solid hsb(0, 0, 30, 30)': {borderTopWidth: {number: 1.3, unit: 'pt'}, borderTopStyle: 'solid', borderTopColor: {hsb: [0, 0, 30, 30]}},
+    
+    '1.3% solid hsb(0, 0, 30, 30)': false,    
+    '1em soled rgba(1,1,1, 0.5)': false,    
+    '1em solid #cccccz': false,   
+    //'1 solid #ccc': false,    //unitless length is valid now
+//    '3px solid black': {borderTopWidth: {number: 3, unit: 'px'}, borderTopStyle: 'solid', borderTopColor: 'black'},
+  },
+  font: {
+    '7px Georgia': {fontSize: {number: 7, unit: 'px'}, fontFamily: 'Georgia'},
+    'normal 3pt Georgia': {fontStyle: 'normal', fontSize: {number: 3, unit: 'pt'}, fontFamily: 'Georgia'},
+    'normal bold medium "Tahoma"': {fontStyle: 'normal', fontWeight: 'bold', fontSize: 'medium', fontFamily: 'Tahoma'},
+    'normal italic medium "Tahoma"': {fontVariant: 'normal', fontStyle: 'italic', fontSize: 'medium', fontFamily: 'Tahoma'},
+    'bold italic medium "Tahoma"': {fontWeight: 'bold', fontStyle: 'italic', fontSize: 'medium', fontFamily: 'Tahoma'},
+    //'bold italic medium 3px "Tahoma"': {fontWeight: 'bold', fontStyle: 'italic', fontSize: 'medium', fontFamily: 'Tahoma'},
+    'bold italic small-caps medium "Tahoma"': {fontWeight: 'bold', fontStyle: 'italic', fontVariant: 'small-caps', fontSize: 'medium', fontFamily: 'Tahoma'},
+    
+    'Georgia 7px': false,
+    'Georgia': false,
+    '7px': false,
+    '3pt normal 3px Tahoma': false,
+    '3pz Georgia': false,
+    //'3pt normal normal Tahoma': false,
+    'normal normal normal Tahoma': false
+    //'normal bold medium normal "Tahoma"': {fontStyle: 'normal', fontWeight: 'bold', fontSize: 'medium', lineHeight: 'normal', fontFamily: 'Tahoma'}
+  },
+  
+  margin: {
+    '4px': {marginTop: {number: 4, unit: 'px'}, marginRight: {number: 4, unit: 'px'}, marginBottom: {number: 4, unit: 'px'}, marginLeft: {number: 4, unit: 'px'}},
+    '50% 4px': {marginTop: {number: 50, unit: '%'}, marginRight: {number: 4, unit: 'px'}, marginBottom: {number: 50, unit: '%'}, marginLeft: {number: 4, unit: 'px'}},
+    '4px 4px 4px': {marginTop: {number: 4, unit: 'px'}, marginRight: {number: 4, unit: 'px'}, marginBottom: {number: 4, unit: 'px'}, marginLeft: {number: 4, unit: 'px'}},
+    '4px -4fr 4px 4px': {marginTop: {number: 4, unit: 'px'}, marginRight: {number: -4, unit: 'fr'}, marginBottom: {number: 4, unit: 'px'}, marginLeft: {number: 4, unit: 'px'}},
+
+  },
+  
+  border: {
+    '1px solid #ccc': {
+      borderTopWidth: {number: 1, unit: 'px'}, 
+      borderTopStyle: 'solid', 
+      borderTopColor: "#ccc",
+      borderRightWidth: {number: 1, unit: 'px'}, 
+      borderRightStyle: 'solid', 
+      borderRightColor: "#ccc",
+      borderBottomWidth: {number: 1, unit: 'px'}, 
+      borderBottomStyle: 'solid', 
+      borderBottomColor: "#ccc",
+      borderLeftWidth: {number: 1, unit: 'px'}, 
+      borderLeftStyle: 'solid', 
+      borderLeftColor: "#ccc"
+    },
+    '2pt dotted rgba(0, 10, 37, 50%), 5px dashed #c31': {
+      borderTopWidth: {number: 2, unit: 'pt'}, 
+      borderTopStyle: 'dotted', 
+      borderTopColor: {rgba: [0, 10, 37, {number: 50, unit: "%"}]},
+      borderRightWidth: {number: 5, unit: 'px'}, 
+      borderRightStyle: 'dashed', 
+      borderRightColor: "#c31",
+      borderBottomWidth: {number: 2, unit: 'pt'}, 
+      borderBottomStyle: 'dotted', 
+      borderBottomColor: {rgba: [0, 10, 37, {number: 50, unit: "%"}]},
+      borderLeftWidth: {number: 5, unit: 'px'}, 
+      borderLeftStyle: 'dashed', 
+      borderLeftColor: "#c31"
+    },
+    '1px solid #ccc, 2px solid #ccc, 3px solid #ccc': {
+      borderTopWidth: {number: 1, unit: 'px'}, 
+      borderTopStyle: 'solid', 
+      borderTopColor: "#ccc",
+      borderRightWidth: {number: 2, unit: 'px'}, 
+      borderRightStyle: 'solid', 
+      borderRightColor: "#ccc",
+      borderBottomWidth: {number: 3, unit: 'px'}, 
+      borderBottomStyle: 'solid', 
+      borderBottomColor: "#ccc",
+      borderLeftWidth: {number: 2, unit: 'px'}, 
+      borderLeftStyle: 'solid', 
+      borderLeftColor: "#ccc"
+    },
+  },
+  
+  background: {
+    '#cc0': { backgroundColor: '#cc0'},
+    'no-repeat #cd1': { backgroundRepeat: 'no-repeat', backgroundColor: '#cd1'},
+    '#cd2 repeat-x fixed': { backgroundColor: '#cd2', backgroundRepeat: 'repeat-x', backgroundAttachment: 'fixed'},
+    '#e33 url("http://google.png") center': { backgroundColor: '#e33', backgroundImage: {url: "http://google.png"}, backgroundPositionX: 'center'},
+    'url("//cc.cc") rgba(0, 3, 2, 1.5%) 3px': { backgroundImage: {url: "//cc.cc"}, backgroundColor: {rgba: [0, 3, 2, {number: 1.5, unit: '%'}]}, backgroundPositionX: {number: 3, unit: 'px'}},
+    '-55.5% right repeat url("//cc.cc#ach.gif") hsb(20, 10, -10, 5%)': { 
+      backgroundPositionY: {number: -55.5, unit: '%'},
+      backgroundPositionX: 'right',
+      backgroundRepeat: 'repeat',
+      backgroundImage: {url: "//cc.cc#ach.gif"}, 
+      backgroundColor: {hsb: [20, 10, -10, {number: 5, unit: '%'}]}
+    },
+    
+    '-55.5% bottom repeat-y url("#pic") #ccc fixed': {
+      backgroundPositionX: {number: -55.5, unit: '%'},
+      backgroundPositionY: 'bottom',
+      backgroundRepeat: 'repeat-y',
+      backgroundImage: {url: "#pic"},
+      backgroundColor: '#ccc',
+      backgroundAttachment: 'fixed'
+    },
+    '-55.5f bottom repeat-y url("#pic") #ccc fixed': false,
+    '-55.5% bodtom repeat-y url("#pic") #ccc fixed': false,
+    '-55.5% bottom repead-y url("#pic") #ccc fixed': false,
+    '-55.5% bottom repeat-y uzl("#pic") #ccc fixed': false,
+    '-55.5% bottom repeat-y url #ccc fixed': false,
+    '-55.5% bottom repeat-y url("#pic") #zzz fixed': false,
+    '-55.5% bottom repeat-y url("#pic") #ccc fixes': false,
+    '-55.5% bottom repeat-y url("#pic") #ccc fixed fixed': false
+  },
+  
+  padding: {
+    '4pt': {paddingTop: {number: 4, unit: 'pt'}, paddingRight: {number: 4, unit: 'pt'}, paddingBottom: {number: 4, unit: 'pt'}, paddingLeft: {number: 4, unit: 'pt'}},
+    '4px 4px': {paddingTop: {number: 4, unit: 'px'}, paddingRight: {number: 4, unit: 'px'}, paddingBottom: {number: 4, unit: 'px'}, paddingLeft: {number: 4, unit: 'px'}},
+    '4px 1pt 4px': {paddingTop: {number: 4, unit: 'px'}, paddingRight: {number: 1, unit: 'pt'}, paddingBottom: {number: 4, unit: 'px'}, paddingLeft: {number: 1, unit: 'pt'}},
+    '4px 4px 4px 4px': {paddingTop: {number: 4, unit: 'px'}, paddingRight: {number: 4, unit: 'px'}, paddingBottom: {number: 4, unit: 'px'}, paddingLeft: {number: 4, unit: 'px'}},    
+    
+    '4pz 4px 4px 4px': false,
+    '4px 4pz 4px 4px': false,
+    '4px 4px 4pz 4px': false,
+    '4px 4px 4px 4pz': false,
+    
+    '4pz 4px 4px': false,
+    '4px 4pz 4px': false,
+    '4px 4px 4pz': false,
+    
+    '4pz 4px': false,
+    '4px 4pz': false,
+    
+    '4pz': false
+  }
+}

data/Packages/Sheet.js/Test/SheetParser.Value.test.js

@@ -0,0 +1,94 @@
+// -*- Mode: JavaScript QUnit; tab-width: 4; -*-
+
+if (typeof exports == 'undefined') exports = {};
+
+// Test Requirements
+
+if (typeof module !== 'undefined' && module.exports) {
+	// If run from the project root
+	require.paths.unshift('Source');
+	require.paths.unshift('Test');
+	
+	if (typeof API == 'undefined')
+		var API = require("DOM-styleSheet.api");
+	
+	if (typeof Sheet == 'undefined')
+		var Sheet = require("Sheet").Sheet;
+}
+
+// Test
+
+exports ["test Value parsing"] = {
+  
+  "test stuff": function() {
+    for (var input in Examples) {
+      deepEqual(
+        SheetParser.Value.translate(input),
+        Examples[input],
+        input
+      )
+    }
+  }
+  
+} 
+
+
+var Examples = { 
+  '1': 1,
+  '3.5': 3.5,
+  '5f.5': '5f.5',
+  '"5f.5"': '5f.5',
+  '2em': {number: 2, unit: 'em'},
+  '3px': {number: 3, unit: 'px'},
+  '4pt': {number: 4, unit: 'pt'},
+  '5fr': {number: 5, unit: 'fr'},
+  '65%': {number: 65, unit: '%'},
+  '1 1': [1, 1],
+  '1 +1': [1, 1],
+  '1 -1': [1, -1],
+  '(1 -1)': [1, '-', 1],
+  '(1 +1)': [1, '+', 1],
+  '(1-1)': [1, '-', 1],
+  '(1+1)': [1, '+', 1],
+  '(a)': 'a',
+  '-(1)': -1,
+  '-(1 - 5)': ['-', [1, '-', 5]],
+  '+(1 - 5)': ['+', [1, '-', 5]],
+  '+(1 - 5)': ['+', [1, '-', 5]],
+  '*(1 - 5)': ['*', [1, '-', 5]],
+  '-(1 +-5)': ['-', [1, '+', -5]],
+  '+(1 +-5)': ['+', [1, '+', -5]],
+  '+(1 +-5)': ['+', [1, '+', -5]],
+  '*(1 +-5)': ['*', [1, '+', -5]],
+  '-(1 -+5)': ['-', [1, '-', 5]],
+  '+(1 -+5)': ['+', [1, '-', 5]],
+  '+(1 -+5)': ['+', [1, '-', 5]],
+  '*(1 -+5)': ['*', [1, '-', 5]],
+  '1 1 1': [1, 1, 1],
+  '1 1 9 1': [1, 1, 9, 1],
+  '1 2 4 8 1': [1, 2, 4, 8, 1],
+  '1 1, 1 3': [[1, 1], [1, 3]],
+  'a != b': ['a', '!=', 'b'],
+  'a ~= b': ['a', '~=', 'b'],
+  'not screen and (pixel--moz-density: 3)': ['not', 'screen', 'and', ['pixel--moz-density:', 3]],
+  'count(#publications[a=1]::items > li ~ a[href])': {count: ['#publications[a=1]::items', '>', 'li', '~', 'a[href]']},
+  'count(#publications[a=1]::items !> li !~ a[href])': {count: ['#publications[a=1]::items', '!>', 'li', '!~', 'a[href]']},
+  'count(#publications[a=1]::items ++ li ~~ a[href])': {count: ['#publications[a=1]::items', '+', '+', 'li', '~~', 'a[href]']},
+  'a(b)': {a: "b"},
+  '(b)': "b",
+  '(b a)': ["b", "a"],
+  '(b / a + 3)': ["b", "/", "a", "+", 3],
+  "(a / (b - 2)(2 - 3)) / 2": [['a', '/', ['b', '-', 2], [2, '-', 3]], '/', 2],
+  'url("http://jesus.com.abc/white.xml?q=a[b][]=c&a#perfect")': {url: "http://jesus.com.abc/white.xml?q=a[b][]=c&a#perfect"},
+  'url(1px solid)': {url: [{number: 1, unit: 'px'}, 'solid']},
+  'rgba(1, 1, 1, 40%)': {rgba: [1, 1, 1, {number: 40, unit: '%'}]},
+  '1em, 2em 3em, 4em 5em 6em, 7em 9em 3pt auto': [
+    [{number: 1, unit: 'em'}], 
+    [{number: 2, unit: 'em'}, {number: 3, unit: 'em'}], 
+    [{number: 4, unit: 'em'}, {number: 5, unit: 'em'}, {number: 6, unit: 'em'}],
+    [{number: 7, unit: 'em'}, {number: 9, unit: 'em'}, {number: 3, unit: 'pt'}, 'auto']],
+    
+  //edge case in CSS: string separated list
+  //two arrays instead of one
+  'normal normal 3px/5pt Georgia, "Times New Roman"': [['normal', 'normal', {number: 3, unit: 'px'}, '/', {number: 5, unit: 'pt'}, 'Georgia'], ['Times New Roman']]
+}

data/Packages/Sheet.js/Test/all-types.mock.css

@@ -0,0 +1,103 @@
+/*comment*/
+
+#selector{property: value;}
+
+#nested{#rules{}}
+
+/*
+block { causta: "}" + ({7} * '\'') }
+*/
+
+@import url.css;
+@import "url.css";
+@import url(url.css);
+@import url("url.css");
+@import url("url.css") projection, tv;
+
+@charset "ISO-8859-1";
+
+@media screen {
+	#selector {}
+}
+
+@-webkit-keyframes pulse {
+	0% { }
+	100% { }
+}
+
+@foo;
+@foo{}
+
+key:value;
+-key:val\;ue;
+
+#nested {
+	/*comment*/
+
+	#selector{property: value;}
+
+	#nested{#rules{}}
+
+	/*
+	block { causta: "}" + ({7} * '\'') }
+	*/
+
+	@import url.css;
+	@import "url.css";
+	@import url(url.css);
+	@import url("url.css");
+	@import url("url.css") projection, tv;
+
+	@charset "ISO-8859-1";
+
+	@media screen {
+		#selector {}
+	}
+
+	@-webkit-keyframes pulse {
+		0% { }
+		100% { }
+	}
+
+	@foo;
+	@foo{}
+
+	key:value;
+	-key:val\;ue;
+}
+
+@nested {
+	/*comment*/
+
+	#selector{property: value;}
+
+	#nested{#rules{}}
+
+	/*
+	block { causta: "}" + ({7} * '\'') }
+	*/
+
+	@import url.css;
+	@import "url.css";
+	@import url(url.css);
+	@import url("url.css");
+	@import url("url.css") projection, tv;
+
+	@charset "ISO-8859-1";
+
+	@media screen {
+		#selector {}
+	}
+
+	@-webkit-keyframes pulse {
+		0% { }
+		100% { }
+	}
+
+	@foo;
+	@foo{}
+
+	key:value;
+	-key:val\;ue;
+}
+

data/Packages/Sheet.js/Test/document.styleSheets.test.js

@@ -0,0 +1,7 @@
+if (typeof exports == 'undefined') exports = {};
+
+exports ["test Browser Native (document.styleSheets) DOM styleSheet"] = 
+	API ["DOM styleSheet"] (Sheet.DOM.createSheet);
+
+exports ["test Browser Native (document.styleSheets) DOM style attribute"] = 
+	API ["DOM style attribute"] (Sheet.DOM.createStyleWrapped);

data/Packages/Sheet.js/Test/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
+   "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+	<meta http-equiv=Content-type content="text/html; charset=utf-8">
+	<title>Unit Tests</title>
+</head>
+<frameset cols="*,50%">
+	<frame src="run.html">
+	<frame src="test-browser.html">
+</frameset>
+</html>

data/Packages/Sheet.js/Test/lib/qunit/package.json

@@ -0,0 +1,21 @@
+{
+	"name": "qunit",
+	"author": {
+		"name": "John Resig",
+		"email": "jeresig@gmail.com",
+		"url": "http://ejohn.org/"
+	},
+	"maintainer": {
+		"name": "Jörn Zaefferer",
+		"email": "joern.zaefferer@googlemail.com",
+		"url": "http://bassistance.de/"
+	},
+	"url": "http://docs.jquery.com/QUnit",
+	"license": {
+		"name": "MIT",
+		"url": "http://www.opensource.org/licenses/mit-license.php"
+	},
+	"description": "An easy-to-use JavaScript Unit Testing framework.",
+	"keywords": [ "testing", "unit", "jquery" ],
+	"lib": "qunit"
+}

data/Packages/Sheet.js/Test/lib/qunit/qunit/qunit.css

@@ -0,0 +1,196 @@
+/** Font Family and Sizes */
+
+#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
+	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
+}
+
+#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
+#qunit-tests { font-size: smaller; }
+
+
+/** Resets */
+
+#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
+	margin: 0;
+	padding: 0;
+}
+
+
+/** Header */
+
+#qunit-header {
+	padding: 0.5em 0 0.5em 1em;
+
+	color: #8699a4;
+	background-color: #0d3349;
+
+	font-size: 1.5em;
+	line-height: 1em;
+	font-weight: normal;
+	
+	border-radius: 15px 15px 0 0;
+	-moz-border-radius: 15px 15px 0 0;
+	-webkit-border-top-right-radius: 15px;
+	-webkit-border-top-left-radius: 15px;
+}
+
+#qunit-header a {
+	text-decoration: none;
+	color: #c2ccd1;
+}
+
+#qunit-header a:hover,
+#qunit-header a:focus {
+	color: #fff;
+}
+
+#qunit-banner {
+	height: 5px;
+}
+
+#qunit-testrunner-toolbar {
+	padding: 0em 0 0.5em 2em;
+}
+
+#qunit-userAgent {
+	padding: 0.5em 0 0.5em 2.5em;
+	background-color: #2b81af;
+	color: #fff;
+	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
+}
+
+
+/** Tests: Pass/Fail */
+
+#qunit-tests {
+	list-style-position: inside;
+}
+
+#qunit-tests li {
+	padding: 0.4em 0.5em 0.4em 2.5em;
+	border-bottom: 1px solid #fff;
+	list-style-position: inside;
+}
+
+#qunit-tests li strong {
+	cursor: pointer;
+}
+
+#qunit-tests ol {
+	margin-top: 0.5em;
+	padding: 0.5em;
+	
+	background-color: #fff;
+	
+	border-radius: 15px;
+	-moz-border-radius: 15px;
+	-webkit-border-radius: 15px;
+	
+	box-shadow: inset 0px 2px 13px #999;
+	-moz-box-shadow: inset 0px 2px 13px #999;
+	-webkit-box-shadow: inset 0px 2px 13px #999;
+}
+
+#qunit-tests table {
+	border-collapse: collapse;
+	margin-top: .2em;
+}
+
+#qunit-tests th {
+	text-align: right;
+	vertical-align: top;
+	padding: 0 .5em 0 0;
+}
+
+#qunit-tests td {
+	vertical-align: top;
+}
+
+#qunit-tests pre {
+	margin: 0;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+}
+
+#qunit-tests del {
+	background-color: #e0f2be;
+	color: #374e0c;
+	text-decoration: none;
+}
+
+#qunit-tests ins {
+	background-color: #ffcaca;
+	color: #500;
+	text-decoration: none;
+}
+
+/*** Test Counts */
+
+#qunit-tests b.counts                       { color: black; }
+#qunit-tests b.passed                       { color: #5E740B; }
+#qunit-tests b.failed                       { color: #710909; }
+
+#qunit-tests li li {
+	margin: 0.5em;
+	padding: 0.4em 0.5em 0.4em 0.5em;
+	background-color: #fff;
+	border-bottom: none;
+	list-style-position: inside;
+}
+
+/*** Passing Styles */
+
+#qunit-tests li li.pass {
+	color: #5E740B;
+	background-color: #fff;
+	border-left: 26px solid #C6E746;
+}
+
+#qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
+#qunit-tests .pass .test-name               { color: #366097; }
+ 
+#qunit-tests .pass .test-actual,
+#qunit-tests .pass .test-expected           { color: #999999; }
+
+#qunit-banner.qunit-pass                    { background-color: #C6E746; }
+
+/*** Failing Styles */
+
+#qunit-tests li li.fail {
+	color: #710909;
+	background-color: #fff;
+	border-left: 26px solid #EE5757;
+}
+
+#qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
+#qunit-tests .fail .test-name,
+#qunit-tests .fail .module-name             { color: #000000; }
+
+#qunit-tests .fail .test-actual             { color: #EE5757; }
+#qunit-tests .fail .test-expected           { color: green;   }
+
+#qunit-banner.qunit-fail, 
+#qunit-testrunner-toolbar                   { background-color: #EE5757; }
+
+
+/** Footer */
+
+#qunit-testresult {
+	padding: 0.5em 0.5em 0.5em 2.5em;
+
+	color: #2b81af;
+	background-color: #D2E0E6;
+
+	border-radius: 0 0 15px 15px;
+	-moz-border-radius: 0 0 15px 15px;
+	-webkit-border-bottom-right-radius: 15px;
+	-webkit-border-bottom-left-radius: 15px;
+}
+
+/** Fixture */
+
+#qunit-fixture {
+	position: absolute;
+	top: -10000px;
+	left: -10000px;
+}