organised demo folder

demo/demo.css

@@ -0,0 +1,39 @@
+.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
+* html .cf { zoom: 1; }
+*:first-child+html .cf { zoom: 1; }
+
+body { font-family: 'Helvetica Neue', Arial, sans-serif; padding: 1.25em; font-size: 100%; line-height: 1;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+
+h1 { font-size: 2.5em; line-height: 1.333em; margin: 0 0 0.5em 0; }
+h2 { font-size: 1.25em; line-height: 1.333em; margin: 0.5em 0; }
+
+.text p, .text li { font-size: 1em; line-height: 1.5em; margin: 0 0 0.5em 0; }
+.text li { margin: 0 0 0.25em 0; }
+
+/*
+ * Socialite
+ */
+
+.socialite-button { display: none; opacity: 0; }
+.socialite-loaded .socialite-button { display: block; opacity: 1; }
+.socialite-button iframe { max-width: 100%; }
+
+/*
+ * Socialite Look-a-like defaults
+ */
+
+.social-buttons { display: block; list-style: none; padding: 0; margin: 20px; }
+.social-buttons > li { display: block; margin: 0; padding: 10px; float: left; }
+.social-buttons .socialite,
+.social-buttons .socialised
+{ display: block; position: relative; overflow: hidden; background: url('images/social-sprite.png') 0 0 no-repeat; }
+/* visually hidden from HTML5 Boilerplate */
+.social-buttons .socialite span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+/* fallback for default and non-loaded instances */
+.social-buttons .twitter { width: 55px; height: 65px; background-position: 0 0; }
+.social-buttons .plusone { width: 50px; height: 65px; background-position: -75px 0; }
+.social-buttons .facebook { width: 50px; height: 65px; background-position: -145px 0; }
+.social-buttons .linkedin { width: 60px; height: 65px; background-position: -215px 0; }
+.social-buttons .stumbleupon { width: 50px; height: 65px; background-position: -295px 0; }
+.social-buttons .socialite-loaded { background: none !important; }
+