Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Sample files.

  • Loading branch information...
commit c56c68f74e2c4f9b0e96636cec7e5da0b2ee7132 1 parent f28574e
@cburroughs authored
Showing with 50,078 additions and 0 deletions.
  1. +67 −0 README.mdown
  2. +2 −0  minification-compare.py
  3. +606 −0 sample-files/css/960/960.css
  4. +569 −0 sample-files/css/960/960_24_col.css
  5. +47 −0 sample-files/css/960/demo.css
  6. +53 −0 sample-files/css/960/reset.css
  7. +84 −0 sample-files/css/960/text.css
  8. +65 −0 sample-files/css/blurprint/forms.css
  9. +281 −0 sample-files/css/blurprint/grid.css
  10. +76 −0 sample-files/css/blurprint/ie.css
  11. +85 −0 sample-files/css/blurprint/print.css
  12. +38 −0 sample-files/css/blurprint/reset.css
  13. +106 −0 sample-files/css/blurprint/typography.css
  14. +243 −0 sample-files/css/yui3/api.css
  15. +73 −0 sample-files/css/yui3/base-context.css
  16. +73 −0 sample-files/css/yui3/base.css
  17. +185 −0 sample-files/css/yui3/console-skin.css
  18. +1 −0  sample-files/css/yui3/console.css
  19. +190 −0 sample-files/css/yui3/dpSyntaxHighlighter.css
  20. +484 −0 sample-files/css/yui3/grids-context.css
  21. +474 −0 sample-files/css/yui3/grids.css
  22. +169 −0 sample-files/css/yui3/node-menunav-core.css
  23. +265 −0 sample-files/css/yui3/node-menunav-skin.css
  24. +1 −0  sample-files/css/yui3/node-menunav.css
  25. +119 −0 sample-files/css/yui3/reset-context.css
  26. +119 −0 sample-files/css/yui3/reset.css
  27. +9,439 −0 sample-files/js/dojo/dojo.js.uncompressed.js
  28. +1,427 −0 sample-files/js/flot/excanvas.js
  29. +174 −0 sample-files/js/flot/jquery.colorhelpers.js
  30. +156 −0 sample-files/js/flot/jquery.flot.crosshair.js
  31. +237 −0 sample-files/js/flot/jquery.flot.image.js
  32. +2,119 −0 sample-files/js/flot/jquery.flot.js
  33. +272 −0 sample-files/js/flot/jquery.flot.navigate.js
  34. +299 −0 sample-files/js/flot/jquery.flot.selection.js
  35. +152 −0 sample-files/js/flot/jquery.flot.stack.js
  36. +103 −0 sample-files/js/flot/jquery.flot.threshold.js
  37. +9,133 −0 sample-files/js/jquery-ui/jquery-ui-1.7.2.custom.js
  38. +4,376 −0 sample-files/js/jquery/jquery-1.3.2.js
  39. +4,329 −0 sample-files/js/mootools/mootools-1.2.4-core-nc.js
  40. +2,196 −0 sample-files/js/processing/processing.js
  41. +4,320 −0 sample-files/js/prototype/prototype-1.6.0.3.js
  42. +777 −0 sample-files/js/swfobject/swfobject.js
  43. +727 −0 sample-files/js/yui3/get.js
  44. +2,142 −0 sample-files/js/yui3/yui-base.js
  45. +69 −0 sample-files/js/yui3/yui-later.js
  46. +107 −0 sample-files/js/yui3/yui-log.js
  47. +3,049 −0 sample-files/js/yui3/yui.js
View
67 README.mdown
@@ -0,0 +1,67 @@
+
+
+----------
+
+
+
+
+
+
+
+### Includes Sample code
+The following bodies of code are included unmodified to form a testing
+corpus. Suggestions for other idiomatic samples welcome.
+
+#### CSS
+##### yui3
+ - Homepage: http://github.com/yui/yui3
+ - License: BSD
+
+
+##### 960
+ - Homepage: http://960.gs/
+ - License: GPL/MIT
+
+
+##### Blueprint CSS
+ - Homepage: http://www.blueprintcss.org/
+ - License: GPL/MIT
+
+
+#### JavsScript
+
+##### Dojo Toolkit
+ - Homepage: http://www.dojotoolkit.org/
+ - License: BSD License and the Academic Free License.
+
+##### flot
+ - Homepage: http://code.google.com/p/flot/
+ - License: MIT
+
+##### jQuery
+ - Homepage: http://jquery.com/
+ - License: MIT and GPL licenses.
+
+##### jQuery UI
+ - Homepage: http://jqueryui.com/
+ - License: MIT and GPL licenses.
+
+#### MooTools
+ - Homepage: http://mootools.net
+ - License: MIT-style license.
+
+##### Processing.js
+ - Homepage: http://processingjs.org/
+ - License: MIT
+
+##### Prototype
+ - Homepage: http://www.prototypejs.org/
+ - License: MIT
+
+##### SWFObject
+ - Homepage: http://code.google.com/p/swfobject/
+ - License: MIT
+
+##### yui3
+ - Homepage: http://github.com/yui/yui3
+ - License: BSD
View
2  minification-compare.py
@@ -40,6 +40,8 @@
{'cmd': 'java -jar minify-programs/yuicompressor-2.4.2.jar --type js -o OUTFILE INFILE'},
'yui-compressor-2.4.3-csb.0' :
{'cmd': 'java -jar minify-programs/yuicompressor-2.4.3-csb.0.jar --type js -o OUTFILE INFILE'},
+ 'cs_comp' :
+ {'cmd': './minify-programs/cs_comp INFILE OUTFILE'}
}
View
606 sample-files/css/960/960.css
@@ -0,0 +1,606 @@
+/*
+ 960 Grid System ~ Core CSS.
+ Learn more ~ http://960.gs/
+
+ Licensed under GPL and MIT.
+*/
+
+/* `Containers
+----------------------------------------------------------------------------------------------------*/
+
+.container_12,
+.container_16 {
+ margin-left: auto;
+ margin-right: auto;
+ width: 960px;
+}
+
+/* `Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16 {
+ display: inline;
+ float: left;
+ position: relative;
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+.container_12 .grid_3,
+.container_16 .grid_4 {
+ width: 220px;
+}
+
+.container_12 .grid_6,
+.container_16 .grid_8 {
+ width: 460px;
+}
+
+.container_12 .grid_9,
+.container_16 .grid_12 {
+ width: 700px;
+}
+
+.container_12 .grid_12,
+.container_16 .grid_16 {
+ width: 940px;
+}
+
+/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+ margin-left: 0;
+}
+
+.omega {
+ margin-right: 0;
+}
+
+/* `Grid >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .grid_1 {
+ width: 60px;
+}
+
+.container_12 .grid_2 {
+ width: 140px;
+}
+
+.container_12 .grid_4 {
+ width: 300px;
+}
+
+.container_12 .grid_5 {
+ width: 380px;
+}
+
+.container_12 .grid_7 {
+ width: 540px;
+}
+
+.container_12 .grid_8 {
+ width: 620px;
+}
+
+.container_12 .grid_10 {
+ width: 780px;
+}
+
+.container_12 .grid_11 {
+ width: 860px;
+}
+
+/* `Grid >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .grid_1 {
+ width: 40px;
+}
+
+.container_16 .grid_2 {
+ width: 100px;
+}
+
+.container_16 .grid_3 {
+ width: 160px;
+}
+
+.container_16 .grid_5 {
+ width: 280px;
+}
+
+.container_16 .grid_6 {
+ width: 340px;
+}
+
+.container_16 .grid_7 {
+ width: 400px;
+}
+
+.container_16 .grid_9 {
+ width: 520px;
+}
+
+.container_16 .grid_10 {
+ width: 580px;
+}
+
+.container_16 .grid_11 {
+ width: 640px;
+}
+
+.container_16 .grid_13 {
+ width: 760px;
+}
+
+.container_16 .grid_14 {
+ width: 820px;
+}
+
+.container_16 .grid_15 {
+ width: 880px;
+}
+
+/* `Prefix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_3,
+.container_16 .prefix_4 {
+ padding-left: 240px;
+}
+
+.container_12 .prefix_6,
+.container_16 .prefix_8 {
+ padding-left: 480px;
+}
+
+.container_12 .prefix_9,
+.container_16 .prefix_12 {
+ padding-left: 720px;
+}
+
+/* `Prefix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .prefix_1 {
+ padding-left: 80px;
+}
+
+.container_12 .prefix_2 {
+ padding-left: 160px;
+}
+
+.container_12 .prefix_4 {
+ padding-left: 320px;
+}
+
+.container_12 .prefix_5 {
+ padding-left: 400px;
+}
+
+.container_12 .prefix_7 {
+ padding-left: 560px;
+}
+
+.container_12 .prefix_8 {
+ padding-left: 640px;
+}
+
+.container_12 .prefix_10 {
+ padding-left: 800px;
+}
+
+.container_12 .prefix_11 {
+ padding-left: 880px;
+}
+
+/* `Prefix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .prefix_1 {
+ padding-left: 60px;
+}
+
+.container_16 .prefix_2 {
+ padding-left: 120px;
+}
+
+.container_16 .prefix_3 {
+ padding-left: 180px;
+}
+
+.container_16 .prefix_5 {
+ padding-left: 300px;
+}
+
+.container_16 .prefix_6 {
+ padding-left: 360px;
+}
+
+.container_16 .prefix_7 {
+ padding-left: 420px;
+}
+
+.container_16 .prefix_9 {
+ padding-left: 540px;
+}
+
+.container_16 .prefix_10 {
+ padding-left: 600px;
+}
+
+.container_16 .prefix_11 {
+ padding-left: 660px;
+}
+
+.container_16 .prefix_13 {
+ padding-left: 780px;
+}
+
+.container_16 .prefix_14 {
+ padding-left: 840px;
+}
+
+.container_16 .prefix_15 {
+ padding-left: 900px;
+}
+
+/* `Suffix Extra Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_3,
+.container_16 .suffix_4 {
+ padding-right: 240px;
+}
+
+.container_12 .suffix_6,
+.container_16 .suffix_8 {
+ padding-right: 480px;
+}
+
+.container_12 .suffix_9,
+.container_16 .suffix_12 {
+ padding-right: 720px;
+}
+
+/* `Suffix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .suffix_1 {
+ padding-right: 80px;
+}
+
+.container_12 .suffix_2 {
+ padding-right: 160px;
+}
+
+.container_12 .suffix_4 {
+ padding-right: 320px;
+}
+
+.container_12 .suffix_5 {
+ padding-right: 400px;
+}
+
+.container_12 .suffix_7 {
+ padding-right: 560px;
+}
+
+.container_12 .suffix_8 {
+ padding-right: 640px;
+}
+
+.container_12 .suffix_10 {
+ padding-right: 800px;
+}
+
+.container_12 .suffix_11 {
+ padding-right: 880px;
+}
+
+/* `Suffix Extra Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .suffix_1 {
+ padding-right: 60px;
+}
+
+.container_16 .suffix_2 {
+ padding-right: 120px;
+}
+
+.container_16 .suffix_3 {
+ padding-right: 180px;
+}
+
+.container_16 .suffix_5 {
+ padding-right: 300px;
+}
+
+.container_16 .suffix_6 {
+ padding-right: 360px;
+}
+
+.container_16 .suffix_7 {
+ padding-right: 420px;
+}
+
+.container_16 .suffix_9 {
+ padding-right: 540px;
+}
+
+.container_16 .suffix_10 {
+ padding-right: 600px;
+}
+
+.container_16 .suffix_11 {
+ padding-right: 660px;
+}
+
+.container_16 .suffix_13 {
+ padding-right: 780px;
+}
+
+.container_16 .suffix_14 {
+ padding-right: 840px;
+}
+
+.container_16 .suffix_15 {
+ padding-right: 900px;
+}
+
+/* `Push Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .push_3,
+.container_16 .push_4 {
+ left: 240px;
+}
+
+.container_12 .push_6,
+.container_16 .push_8 {
+ left: 480px;
+}
+
+.container_12 .push_9,
+.container_16 .push_12 {
+ left: 720px;
+}
+
+/* `Push Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .push_1 {
+ left: 80px;
+}
+
+.container_12 .push_2 {
+ left: 160px;
+}
+
+.container_12 .push_4 {
+ left: 320px;
+}
+
+.container_12 .push_5 {
+ left: 400px;
+}
+
+.container_12 .push_7 {
+ left: 560px;
+}
+
+.container_12 .push_8 {
+ left: 640px;
+}
+
+.container_12 .push_10 {
+ left: 800px;
+}
+
+.container_12 .push_11 {
+ left: 880px;
+}
+
+/* `Push Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .push_1 {
+ left: 60px;
+}
+
+.container_16 .push_2 {
+ left: 120px;
+}
+
+.container_16 .push_3 {
+ left: 180px;
+}
+
+.container_16 .push_5 {
+ left: 300px;
+}
+
+.container_16 .push_6 {
+ left: 360px;
+}
+
+.container_16 .push_7 {
+ left: 420px;
+}
+
+.container_16 .push_9 {
+ left: 540px;
+}
+
+.container_16 .push_10 {
+ left: 600px;
+}
+
+.container_16 .push_11 {
+ left: 660px;
+}
+
+.container_16 .push_13 {
+ left: 780px;
+}
+
+.container_16 .push_14 {
+ left: 840px;
+}
+
+.container_16 .push_15 {
+ left: 900px;
+}
+
+/* `Pull Space >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .pull_3,
+.container_16 .pull_4 {
+ left: -240px;
+}
+
+.container_12 .pull_6,
+.container_16 .pull_8 {
+ left: -480px;
+}
+
+.container_12 .pull_9,
+.container_16 .pull_12 {
+ left: -720px;
+}
+
+/* `Pull Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_12 .pull_1 {
+ left: -80px;
+}
+
+.container_12 .pull_2 {
+ left: -160px;
+}
+
+.container_12 .pull_4 {
+ left: -320px;
+}
+
+.container_12 .pull_5 {
+ left: -400px;
+}
+
+.container_12 .pull_7 {
+ left: -560px;
+}
+
+.container_12 .pull_8 {
+ left: -640px;
+}
+
+.container_12 .pull_10 {
+ left: -800px;
+}
+
+.container_12 .pull_11 {
+ left: -880px;
+}
+
+/* `Pull Space >> 16 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_16 .pull_1 {
+ left: -60px;
+}
+
+.container_16 .pull_2 {
+ left: -120px;
+}
+
+.container_16 .pull_3 {
+ left: -180px;
+}
+
+.container_16 .pull_5 {
+ left: -300px;
+}
+
+.container_16 .pull_6 {
+ left: -360px;
+}
+
+.container_16 .pull_7 {
+ left: -420px;
+}
+
+.container_16 .pull_9 {
+ left: -540px;
+}
+
+.container_16 .pull_10 {
+ left: -600px;
+}
+
+.container_16 .pull_11 {
+ left: -660px;
+}
+
+.container_16 .pull_13 {
+ left: -780px;
+}
+
+.container_16 .pull_14 {
+ left: -840px;
+}
+
+.container_16 .pull_15 {
+ left: -900px;
+}
+
+/* `Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+ clear: both;
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+}
+
+/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
+
+.clearfix:after {
+ clear: both;
+ content: ' ';
+ display: block;
+ font-size: 0;
+ line-height: 0;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+}
+
+* html .clearfix {
+ height: 1%;
+}
View
569 sample-files/css/960/960_24_col.css
@@ -0,0 +1,569 @@
+/*
+ 960 Grid System ~ Core CSS.
+ Learn more ~ http://960.gs/
+
+ Licensed under GPL and MIT.
+*/
+
+/* Container >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+.container_24 {
+ margin-left: auto;
+ margin-right: auto;
+ width: 960px;
+}
+
+/* Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12,
+.grid_13,
+.grid_14,
+.grid_15,
+.grid_16,
+.grid_17,
+.grid_18,
+.grid_19,
+.grid_20,
+.grid_21,
+.grid_22,
+.grid_23,
+.grid_24 {
+ display: inline;
+ float: left;
+ position: relative;
+ margin-left: 5px;
+ margin-right: 5px;
+}
+
+/* Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+ margin-left: 0;
+}
+
+.omega {
+ margin-right: 0;
+}
+
+/* Grid >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 .grid_1 {
+ width: 30px;
+}
+
+.container_24 .grid_2 {
+ width: 70px;
+}
+
+.container_24 .grid_3 {
+ width: 110px;
+}
+
+.container_24 .grid_4 {
+ width: 150px;
+}
+
+.container_24 .grid_5 {
+ width: 190px;
+}
+
+.container_24 .grid_6 {
+ width: 230px;
+}
+
+.container_24 .grid_7 {
+ width: 270px;
+}
+
+.container_24 .grid_8 {
+ width: 310px;
+}
+
+.container_24 .grid_9 {
+ width: 350px;
+}
+
+.container_24 .grid_10 {
+ width: 390px;
+}
+
+.container_24 .grid_11 {
+ width: 430px;
+}
+
+.container_24 .grid_12 {
+ width: 470px;
+}
+
+.container_24 .grid_13 {
+ width: 510px;
+}
+
+.container_24 .grid_14 {
+ width: 550px;
+}
+
+.container_24 .grid_15 {
+ width: 590px;
+}
+
+.container_24 .grid_16 {
+ width: 630px;
+}
+
+.container_24 .grid_17 {
+ width: 670px;
+}
+
+.container_24 .grid_18 {
+ width: 710px;
+}
+
+.container_24 .grid_19 {
+ width: 750px;
+}
+
+.container_24 .grid_20 {
+ width: 790px;
+}
+
+.container_24 .grid_21 {
+ width: 830px;
+}
+
+.container_24 .grid_22 {
+ width: 870px;
+}
+
+.container_24 .grid_23 {
+ width: 910px;
+}
+
+.container_24 .grid_24 {
+ width: 950px;
+}
+
+/* Prefix Extra Space >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 .prefix_1 {
+ padding-left: 40px;
+}
+
+.container_24 .prefix_2 {
+ padding-left: 80px;
+}
+
+.container_24 .prefix_3 {
+ padding-left: 120px;
+}
+
+.container_24 .prefix_4 {
+ padding-left: 160px;
+}
+
+.container_24 .prefix_5 {
+ padding-left: 200px;
+}
+
+.container_24 .prefix_6 {
+ padding-left: 240px;
+}
+
+.container_24 .prefix_7 {
+ padding-left: 280px;
+}
+
+.container_24 .prefix_8 {
+ padding-left: 320px;
+}
+
+.container_24 .prefix_9 {
+ padding-left: 360px;
+}
+
+.container_24 .prefix_10 {
+ padding-left: 400px;
+}
+
+.container_24 .prefix_11 {
+ padding-left: 440px;
+}
+
+.container_24 .prefix_12 {
+ padding-left: 480px;
+}
+
+.container_24 .prefix_13 {
+ padding-left: 520px;
+}
+
+.container_24 .prefix_14 {
+ padding-left: 560px;
+}
+
+.container_24 .prefix_15 {
+ padding-left: 600px;
+}
+
+.container_24 .prefix_16 {
+ padding-left: 640px;
+}
+
+.container_24 .prefix_17 {
+ padding-left: 680px;
+}
+
+.container_24 .prefix_18 {
+ padding-left: 720px;
+}
+
+.container_24 .prefix_19 {
+ padding-left: 760px;
+}
+
+.container_24 .prefix_20 {
+ padding-left: 800px;
+}
+
+.container_24 .prefix_21 {
+ padding-left: 840px;
+}
+
+.container_24 .prefix_22 {
+ padding-left: 880px;
+}
+
+.container_24 .prefix_23 {
+ padding-left: 920px;
+}
+
+/* Suffix Extra Space >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 .suffix_1 {
+ padding-right: 40px;
+}
+
+.container_24 .suffix_2 {
+ padding-right: 80px;
+}
+
+.container_24 .suffix_3 {
+ padding-right: 120px;
+}
+
+.container_24 .suffix_4 {
+ padding-right: 160px;
+}
+
+.container_24 .suffix_5 {
+ padding-right: 200px;
+}
+
+.container_24 .suffix_6 {
+ padding-right: 240px;
+}
+
+.container_24 .suffix_7 {
+ padding-right: 280px;
+}
+
+.container_24 .suffix_8 {
+ padding-right: 320px;
+}
+
+.container_24 .suffix_9 {
+ padding-right: 360px;
+}
+
+.container_24 .suffix_10 {
+ padding-right: 400px;
+}
+
+.container_24 .suffix_11 {
+ padding-right: 440px;
+}
+
+.container_24 .suffix_12 {
+ padding-right: 480px;
+}
+
+.container_24 .suffix_13 {
+ padding-right: 520px;
+}
+
+.container_24 .suffix_14 {
+ padding-right: 560px;
+}
+
+.container_24 .suffix_15 {
+ padding-right: 600px;
+}
+
+.container_24 .suffix_16 {
+ padding-right: 640px;
+}
+
+.container_24 .suffix_17 {
+ padding-right: 680px;
+}
+
+.container_24 .suffix_18 {
+ padding-right: 720px;
+}
+
+.container_24 .suffix_19 {
+ padding-right: 760px;
+}
+
+.container_24 .suffix_20 {
+ padding-right: 800px;
+}
+
+.container_24 .suffix_21 {
+ padding-right: 840px;
+}
+
+.container_24 .suffix_22 {
+ padding-right: 880px;
+}
+
+.container_24 .suffix_23 {
+ padding-right: 920px;
+}
+
+/* Push Space >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 .push_1 {
+ left: 40px;
+}
+
+.container_24 .push_2 {
+ left: 80px;
+}
+
+.container_24 .push_3 {
+ left: 120px;
+}
+
+.container_24 .push_4 {
+ left: 160px;
+}
+
+.container_24 .push_5 {
+ left: 200px;
+}
+
+.container_24 .push_6 {
+ left: 240px;
+}
+
+.container_24 .push_7 {
+ left: 280px;
+}
+
+.container_24 .push_8 {
+ left: 320px;
+}
+
+.container_24 .push_9 {
+ left: 360px;
+}
+
+.container_24 .push_10 {
+ left: 400px;
+}
+
+.container_24 .push_11 {
+ left: 440px;
+}
+
+.container_24 .push_12 {
+ left: 480px;
+}
+
+.container_24 .push_13 {
+ left: 520px;
+}
+
+.container_24 .push_14 {
+ left: 560px;
+}
+
+.container_24 .push_15 {
+ left: 600px;
+}
+
+.container_24 .push_16 {
+ left: 640px;
+}
+
+.container_24 .push_17 {
+ left: 680px;
+}
+
+.container_24 .push_18 {
+ left: 720px;
+}
+
+.container_24 .push_19 {
+ left: 760px;
+}
+
+.container_24 .push_20 {
+ left: 800px;
+}
+
+.container_24 .push_21 {
+ left: 840px;
+}
+
+.container_24 .push_22 {
+ left: 880px;
+}
+
+.container_24 .push_23 {
+ left: 920px;
+}
+
+/* Pull Space >> 24 Columns
+----------------------------------------------------------------------------------------------------*/
+
+.container_24 .pull_1 {
+ left: -40px;
+}
+
+.container_24 .pull_2 {
+ left: -80px;
+}
+
+.container_24 .pull_3 {
+ left: -120px;
+}
+
+.container_24 .pull_4 {
+ left: -160px;
+}
+
+.container_24 .pull_5 {
+ left: -200px;
+}
+
+.container_24 .pull_6 {
+ left: -240px;
+}
+
+.container_24 .pull_7 {
+ left: -280px;
+}
+
+.container_24 .pull_8 {
+ left: -320px;
+}
+
+.container_24 .pull_9 {
+ left: -360px;
+}
+
+.container_24 .pull_10 {
+ left: -400px;
+}
+
+.container_24 .pull_11 {
+ left: -440px;
+}
+
+.container_24 .pull_12 {
+ left: -480px;
+}
+
+.container_24 .pull_13 {
+ left: -520px;
+}
+
+.container_24 .pull_14 {
+ left: -560px;
+}
+
+.container_24 .pull_15 {
+ left: -600px;
+}
+
+.container_24 .pull_16 {
+ left: -640px;
+}
+
+.container_24 .pull_17 {
+ left: -680px;
+}
+
+.container_24 .pull_18 {
+ left: -720px;
+}
+
+.container_24 .pull_19 {
+ left: -760px;
+}
+
+.container_24 .pull_20 {
+ left: -800px;
+}
+
+.container_24 .pull_21 {
+ left: -840px;
+}
+
+.container_24 .pull_22 {
+ left: -880px;
+}
+
+.container_24 .pull_23 {
+ left: -920px;
+}
+
+/* `Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+ clear: both;
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+}
+
+/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
+
+.clearfix:after {
+ clear: both;
+ content: ' ';
+ display: block;
+ font-size: 0;
+ line-height: 0;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+}
+
+* html .clearfix {
+ height: 1%;
+}
View
47 sample-files/css/960/demo.css
@@ -0,0 +1,47 @@
+body {
+ background: #123;
+ border-top: 5px solid #000;
+ color: #333;
+ font-size: 11px;
+ padding: 20px 0 40px;
+}
+
+a {
+ color: #fff;
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+h1 {
+ font-family: Georgia, serif;
+ font-weight: normal;
+ text-align: center;
+}
+
+h2 {
+ padding: 20px 0 0;
+ text-align: center;
+}
+
+p {
+ border: 1px solid #666;
+ overflow: hidden;
+ padding: 10px 0;
+ text-align: center;
+}
+
+.container_12 {
+ background: #fff url(../../img/12_col.gif) repeat-y;
+ margin-bottom: 20px;
+}
+
+.container_16 {
+ background: #fff url(../../img/16_col.gif) repeat-y;
+}
+
+.container_24 {
+ background: #fff url(../../img/24_col.gif) repeat-y;
+}
View
53 sample-files/css/960/reset.css
@@ -0,0 +1,53 @@
+/* http://meyerweb.com/eric/tools/css/reset/ */
+/* v1.0 | 20080212 */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+ outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+ text-decoration: none;
+}
+del {
+ text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
View
84 sample-files/css/960/text.css
@@ -0,0 +1,84 @@
+/*
+ 960 Grid System ~ Text CSS.
+ Learn more ~ http://960.gs/
+
+ Licensed under GPL and MIT.
+*/
+
+/* `Basic HTML
+----------------------------------------------------------------------------------------------------*/
+
+body {
+ font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
+}
+
+a:focus {
+ outline: 1px dotted;
+}
+
+hr {
+ border: 0 #ccc solid;
+ border-top-width: 1px;
+ clear: both;
+ height: 0;
+}
+
+/* `Headings
+----------------------------------------------------------------------------------------------------*/
+
+h1 {
+ font-size: 25px;
+}
+
+h2 {
+ font-size: 23px;
+}
+
+h3 {
+ font-size: 21px;
+}
+
+h4 {
+ font-size: 19px;
+}
+
+h5 {
+ font-size: 17px;
+}
+
+h6 {
+ font-size: 15px;
+}
+
+/* `Spacing
+----------------------------------------------------------------------------------------------------*/
+
+ol {
+ list-style: decimal;
+}
+
+ul {
+ list-style: disc;
+}
+
+li {
+ margin-left: 30px;
+}
+
+p,
+dl,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ol,
+ul,
+pre,
+table,
+address,
+fieldset {
+ margin-bottom: 20px;
+}
View
65 sample-files/css/blurprint/forms.css
@@ -0,0 +1,65 @@
+/* --------------------------------------------------------------
+
+ forms.css
+ * Sets up some default styling for forms
+ * Gives you classes to enhance your forms
+
+ Usage:
+ * For text fields, use class .title or .text
+ * For inline forms, use .inline (even when using columns)
+
+-------------------------------------------------------------- */
+
+label { font-weight: bold; }
+fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
+legend { font-weight: bold; font-size:1.2em; }
+
+
+/* Form fields
+-------------------------------------------------------------- */
+
+input[type=text], input[type=password],
+input.text, input.title,
+textarea, select {
+ background-color:#fff;
+ border:1px solid #bbb;
+}
+input[type=text]:focus, input[type=password]:focus,
+input.text:focus, input.title:focus,
+textarea:focus, select:focus {
+ border-color:#666;
+}
+
+input[type=text], input[type=password],
+input.text, input.title,
+textarea, select {
+ margin:0.5em 0;
+}
+
+input.text,
+input.title { width: 300px; padding:5px; }
+input.title { font-size:1.5em; }
+textarea { width: 390px; height: 250px; padding:5px; }
+
+input[type=checkbox], input[type=radio],
+input.checkbox, input.radio {
+ position:relative; top:.25em;
+}
+
+form.inline { line-height:3; }
+form.inline p { margin-bottom:0; }
+
+
+/* Success, notice and error boxes
+-------------------------------------------------------------- */
+
+.error,
+.notice,
+.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
+
+.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
+.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
+.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
+.error a { color: #8a1f11; }
+.notice a { color: #514721; }
+.success a { color: #264409; }
View
281 sample-files/css/blurprint/grid.css
@@ -0,0 +1,281 @@
+/* --------------------------------------------------------------
+ grid.css
+ * Sets up an easy-to-use grid of 24 columns.
+
+ By default, the grid is 950px wide, with 24 columns
+ spanning 30px, and a 10px margin between columns.
+
+ If you need fewer or more columns, namespaces or semantic
+ element names, use the compressor script (lib/compress.rb)
+
+ Note: Changes made in this file will not be applied when
+ using the compressor: make changes in lib/blueprint/grid.css.rb
+-------------------------------------------------------------- */
+
+/* A container should group all your columns. */
+.container {
+ width: 950px;
+ margin: 0 auto;
+}
+
+/* Use this class on any div.span / container to see the grid. */
+.showgrid {
+ background: url(src/grid.png);
+}
+
+
+/* Columns
+-------------------------------------------------------------- */
+
+/* Sets up basic grid floating and margin. */
+.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
+ float: left;
+ margin-right: 10px;
+}
+
+/* The last column in a row needs this class. */
+.last, div.last { margin-right: 0; }
+
+/* Use these classes to set the width of a column. */
+.span-1 {width: 30px;}
+
+.span-2 {width: 70px;}
+.span-3 {width: 110px;}
+.span-4 {width: 150px;}
+.span-5 {width: 190px;}
+.span-6 {width: 230px;}
+.span-7 {width: 270px;}
+.span-8 {width: 310px;}
+.span-9 {width: 350px;}
+.span-10 {width: 390px;}
+.span-11 {width: 430px;}
+.span-12 {width: 470px;}
+.span-13 {width: 510px;}
+.span-14 {width: 550px;}
+.span-15 {width: 590px;}
+.span-16 {width: 630px;}
+.span-17 {width: 670px;}
+.span-18 {width: 710px;}
+.span-19 {width: 750px;}
+.span-20 {width: 790px;}
+.span-21 {width: 830px;}
+.span-22 {width: 870px;}
+.span-23 {width: 910px;}
+.span-24, div.span-24 { width:950px; margin-right:0; }
+
+/* Use these classes to set the width of an input. */
+input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
+ border-left-width: 1px!important;
+ border-right-width: 1px!important;
+ padding-left: 5px!important;
+ padding-right: 5px!important;
+}
+
+input.span-1, textarea.span-1 { width: 18px!important; }
+input.span-2, textarea.span-2 { width: 58px!important; }
+input.span-3, textarea.span-3 { width: 98px!important; }
+input.span-4, textarea.span-4 { width: 138px!important; }
+input.span-5, textarea.span-5 { width: 178px!important; }
+input.span-6, textarea.span-6 { width: 218px!important; }
+input.span-7, textarea.span-7 { width: 258px!important; }
+input.span-8, textarea.span-8 { width: 298px!important; }
+input.span-9, textarea.span-9 { width: 338px!important; }
+input.span-10, textarea.span-10 { width: 378px!important; }
+input.span-11, textarea.span-11 { width: 418px!important; }
+input.span-12, textarea.span-12 { width: 458px!important; }
+input.span-13, textarea.span-13 { width: 498px!important; }
+input.span-14, textarea.span-14 { width: 538px!important; }
+input.span-15, textarea.span-15 { width: 578px!important; }
+input.span-16, textarea.span-16 { width: 618px!important; }
+input.span-17, textarea.span-17 { width: 658px!important; }
+input.span-18, textarea.span-18 { width: 698px!important; }
+input.span-19, textarea.span-19 { width: 738px!important; }
+input.span-20, textarea.span-20 { width: 778px!important; }
+input.span-21, textarea.span-21 { width: 818px!important; }
+input.span-22, textarea.span-22 { width: 858px!important; }
+input.span-23, textarea.span-23 { width: 898px!important; }
+input.span-24, textarea.span-24 { width: 938px!important; }
+
+/* Add these to a column to append empty cols. */
+
+.append-1 { padding-right: 40px;}
+.append-2 { padding-right: 80px;}
+.append-3 { padding-right: 120px;}
+.append-4 { padding-right: 160px;}
+.append-5 { padding-right: 200px;}
+.append-6 { padding-right: 240px;}
+.append-7 { padding-right: 280px;}
+.append-8 { padding-right: 320px;}
+.append-9 { padding-right: 360px;}
+.append-10 { padding-right: 400px;}
+.append-11 { padding-right: 440px;}
+.append-12 { padding-right: 480px;}
+.append-13 { padding-right: 520px;}
+.append-14 { padding-right: 560px;}
+.append-15 { padding-right: 600px;}
+.append-16 { padding-right: 640px;}
+.append-17 { padding-right: 680px;}
+.append-18 { padding-right: 720px;}
+.append-19 { padding-right: 760px;}
+.append-20 { padding-right: 800px;}
+.append-21 { padding-right: 840px;}
+.append-22 { padding-right: 880px;}
+.append-23 { padding-right: 920px;}
+
+/* Add these to a column to prepend empty cols. */
+
+.prepend-1 { padding-left: 40px;}
+.prepend-2 { padding-left: 80px;}
+.prepend-3 { padding-left: 120px;}
+.prepend-4 { padding-left: 160px;}
+.prepend-5 { padding-left: 200px;}
+.prepend-6 { padding-left: 240px;}
+.prepend-7 { padding-left: 280px;}
+.prepend-8 { padding-left: 320px;}
+.prepend-9 { padding-left: 360px;}
+.prepend-10 { padding-left: 400px;}
+.prepend-11 { padding-left: 440px;}
+.prepend-12 { padding-left: 480px;}
+.prepend-13 { padding-left: 520px;}
+.prepend-14 { padding-left: 560px;}
+.prepend-15 { padding-left: 600px;}
+.prepend-16 { padding-left: 640px;}
+.prepend-17 { padding-left: 680px;}
+.prepend-18 { padding-left: 720px;}
+.prepend-19 { padding-left: 760px;}
+.prepend-20 { padding-left: 800px;}
+.prepend-21 { padding-left: 840px;}
+.prepend-22 { padding-left: 880px;}
+.prepend-23 { padding-left: 920px;}
+
+
+/* Border on right hand side of a column. */
+div.border {
+ padding-right: 4px;
+ margin-right: 5px;
+ border-right: 1px solid #eee;
+}
+
+/* Border with more whitespace, spans one column. */
+div.colborder {
+ padding-right: 24px;
+ margin-right: 25px;
+ border-right: 1px solid #eee;
+}
+
+
+/* Use these classes on an element to push it into the
+next column, or to pull it into the previous column. */
+
+
+.pull-1 { margin-left: -40px; }
+.pull-2 { margin-left: -80px; }
+.pull-3 { margin-left: -120px; }
+.pull-4 { margin-left: -160px; }
+.pull-5 { margin-left: -200px; }
+.pull-6 { margin-left: -240px; }
+.pull-7 { margin-left: -280px; }
+.pull-8 { margin-left: -320px; }
+.pull-9 { margin-left: -360px; }
+.pull-10 { margin-left: -400px; }
+.pull-11 { margin-left: -440px; }
+.pull-12 { margin-left: -480px; }
+.pull-13 { margin-left: -520px; }
+.pull-14 { margin-left: -560px; }
+.pull-15 { margin-left: -600px; }
+.pull-16 { margin-left: -640px; }
+.pull-17 { margin-left: -680px; }
+.pull-18 { margin-left: -720px; }
+.pull-19 { margin-left: -760px; }
+.pull-20 { margin-left: -800px; }
+.pull-21 { margin-left: -840px; }
+.pull-22 { margin-left: -880px; }
+.pull-23 { margin-left: -920px; }
+.pull-24 { margin-left: -960px; }
+
+.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}
+
+
+.push-1 { margin: 0 -40px 1.5em 40px; }
+.push-2 { margin: 0 -80px 1.5em 80px; }
+.push-3 { margin: 0 -120px 1.5em 120px; }
+.push-4 { margin: 0 -160px 1.5em 160px; }
+.push-5 { margin: 0 -200px 1.5em 200px; }
+.push-6 { margin: 0 -240px 1.5em 240px; }
+.push-7 { margin: 0 -280px 1.5em 280px; }
+.push-8 { margin: 0 -320px 1.5em 320px; }
+.push-9 { margin: 0 -360px 1.5em 360px; }
+.push-10 { margin: 0 -400px 1.5em 400px; }
+.push-11 { margin: 0 -440px 1.5em 440px; }
+.push-12 { margin: 0 -480px 1.5em 480px; }
+.push-13 { margin: 0 -520px 1.5em 520px; }
+.push-14 { margin: 0 -560px 1.5em 560px; }
+.push-15 { margin: 0 -600px 1.5em 600px; }
+.push-16 { margin: 0 -640px 1.5em 640px; }
+.push-17 { margin: 0 -680px 1.5em 680px; }
+.push-18 { margin: 0 -720px 1.5em 720px; }
+.push-19 { margin: 0 -760px 1.5em 760px; }
+.push-20 { margin: 0 -800px 1.5em 800px; }
+.push-21 { margin: 0 -840px 1.5em 840px; }
+.push-22 { margin: 0 -880px 1.5em 880px; }
+.push-23 { margin: 0 -920px 1.5em 920px; }
+.push-24 { margin: 0 -960px 1.5em 960px; }
+
+.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}
+
+
+/* Misc classes and elements
+-------------------------------------------------------------- */
+
+/* In case you need to add a gutter above/below an element */
+.prepend-top {
+ margin-top:1.5em;
+}
+.append-bottom {
+ margin-bottom:1.5em;
+}
+
+/* Use a .box to create a padded box inside a column. */
+.box {
+ padding: 1.5em;
+ margin-bottom: 1.5em;
+ background: #E5ECF9;
+}
+
+/* Use this to create a horizontal ruler across a column. */
+hr {
+ background: #ddd;
+ color: #ddd;
+ clear: both;
+ float: none;
+ width: 100%;
+ height: .1em;
+ margin: 0 0 1.45em;
+ border: none;
+}
+
+hr.space {
+ background: #fff;
+ color: #fff;
+ visibility: hidden;
+}
+
+
+/* Clearing floats without extra markup
+ Based on How To Clear Floats Without Structural Markup by PiE
+ [http://www.positioniseverything.net/easyclearing.html] */
+
+.clearfix:after, .container:after {
+ content: "\0020";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+ overflow:hidden;
+}
+.clearfix, .container {display: block;}
+
+/* Regular clearing
+ apply to column that should drop below previous ones. */
+
+.clear { clear:both; }
View
76 sample-files/css/blurprint/ie.css
@@ -0,0 +1,76 @@
+/* --------------------------------------------------------------
+
+ ie.css
+
+ Contains every hack for Internet Explorer,
+ so that our core files stay sweet and nimble.
+
+-------------------------------------------------------------- */
+
+/* Make sure the layout is centered in IE5 */
+body { text-align: center; }
+.container { text-align: left; }
+
+/* Fixes IE margin bugs */
+* html .column, * html div.span-1, * html div.span-2,
+* html div.span-3, * html div.span-4, * html div.span-5,
+* html div.span-6, * html div.span-7, * html div.span-8,
+* html div.span-9, * html div.span-10, * html div.span-11,
+* html div.span-12, * html div.span-13, * html div.span-14,
+* html div.span-15, * html div.span-16, * html div.span-17,
+* html div.span-18, * html div.span-19, * html div.span-20,
+* html div.span-21, * html div.span-22, * html div.span-23,
+* html div.span-24 { display:inline; overflow-x: hidden; }
+
+
+/* Elements
+-------------------------------------------------------------- */
+
+/* Fixes incorrect styling of legend in IE6. */
+* html legend { margin:0px -8px 16px 0; padding:0; }
+
+/* Fixes wrong line-height on sup/sub in IE. */
+sup { vertical-align:text-top; }
+sub { vertical-align:text-bottom; }
+
+/* Fixes IE7 missing wrapping of code elements. */
+html>body p code { *white-space: normal; }
+
+/* IE 6&7 has problems with setting proper <hr> margins. */
+hr { margin:-8px auto 11px; }
+
+/* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
+img { -ms-interpolation-mode:bicubic; }
+
+/* Clearing
+-------------------------------------------------------------- */
+
+/* Makes clearfix actually work in IE */
+.clearfix, .container { display:inline-block; }
+* html .clearfix,
+* html .container { height:1%; }
+
+
+/* Forms
+-------------------------------------------------------------- */
+
+/* Fixes padding on fieldset */
+fieldset { padding-top:0; }
+
+/* Makes classic textareas in IE 6 resemble other browsers */
+textarea { overflow:auto; }
+
+/* Fixes rule that IE 6 ignores */
+input.text, input.title, textarea { background-color:#fff; border:1px solid #bbb; }
+input.text:focus, input.title:focus { border-color:#666; }
+input.text, input.title, textarea, select { margin:0.5em 0; }
+input.checkbox, input.radio { position:relative; top:.25em; }
+
+/* Fixes alignment of inline form elements */
+form.inline div, form.inline p { vertical-align:middle; }
+form.inline label { position:relative;top:-0.25em; }
+form.inline input.checkbox, form.inline input.radio,
+form.inline input.button, form.inline button {
+ margin:0.5em 0;
+}
+button, input.button { position:relative;top:0.25em; }
View
85 sample-files/css/blurprint/print.css
@@ -0,0 +1,85 @@
+/* --------------------------------------------------------------
+
+ print.css
+ * Gives you some sensible styles for printing pages.
+ * See Readme file in this directory for further instructions.
+
+ Some additions you'll want to make, customized to your markup:
+ #header, #footer, #navigation { display:none; }
+
+-------------------------------------------------------------- */
+
+body {
+ line-height: 1.5;
+ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+ color:#000;
+ background: none;
+ font-size: 10pt;
+}
+
+
+/* Layout
+-------------------------------------------------------------- */
+
+.container {
+ background: none;
+}
+
+hr {
+ background:#ccc;
+ color:#ccc;
+ width:100%;
+ height:2px;
+ margin:2em 0;
+ padding:0;
+ border:none;
+}
+hr.space {
+ background: #fff;
+ color: #fff;
+ visibility: hidden;
+}
+
+
+/* Text
+-------------------------------------------------------------- */
+
+h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
+code { font:.9em "Courier New", Monaco, Courier, monospace; }
+
+a img { border:none; }
+p img.top { margin-top: 0; }
+
+blockquote {
+ margin:1.5em;
+ padding:1em;
+ font-style:italic;
+ font-size:.9em;
+}
+
+.small { font-size: .9em; }
+.large { font-size: 1.1em; }
+.quiet { color: #999; }
+.hide { display:none; }
+
+
+/* Links
+-------------------------------------------------------------- */
+
+a:link, a:visited {
+ background: transparent;
+ font-weight:700;
+ text-decoration: underline;
+}
+
+a:link:after, a:visited:after {
+ content: " (" attr(href) ")";
+ font-size: 90%;
+}
+
+/* If you're having trouble printing relative links, uncomment and customize this:
+ (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */
+
+/* a[href^="/"]:after {
+ content: " (http://www.yourdomain.com" attr(href) ") ";
+} */
View
38 sample-files/css/blurprint/reset.css
@@ -0,0 +1,38 @@
+/* --------------------------------------------------------------
+
+ reset.css
+ * Resets default browser CSS.
+
+-------------------------------------------------------------- */
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, code,
+del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-weight: inherit;
+ font-style: inherit;
+ font-size: 100%;
+ font-family: inherit;
+ vertical-align: baseline;
+}
+
+body {
+ line-height: 1.5;
+}
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table { border-collapse: separate; border-spacing: 0; }
+caption, th, td { text-align: left; font-weight: normal; }
+table, td, th { vertical-align: middle; }
+
+/* Remove possible quote marks (") from <q>, <blockquote>. */
+blockquote:before, blockquote:after, q:before, q:after { content: ""; }
+blockquote, q { quotes: "" ""; }
+
+/* Remove annoying border on linked images. */
+a img { border: none; }
View
106 sample-files/css/blurprint/typography.css
@@ -0,0 +1,106 @@
+/* --------------------------------------------------------------
+
+ typography.css
+ * Sets up some sensible default typography.
+
+-------------------------------------------------------------- */
+
+/* Default font settings.
+ The font-size percentage is of 16px. (0.75 * 16px = 12px) */
+html { font-size:100.01%; }
+body {
+ font-size: 75%;
+ color: #222;
+ background: #fff;
+ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
+}
+
+
+/* Headings
+-------------------------------------------------------------- */
+
+h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
+
+h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
+h2 { font-size: 2em; margin-bottom: 0.75em; }
+h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
+h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
+h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
+h6 { font-size: 1em; font-weight: bold; }
+
+h1 img, h2 img, h3 img,
+h4 img, h5 img, h6 img {
+ margin: 0;
+}
+
+
+/* Text elements
+-------------------------------------------------------------- */
+
+p { margin: 0 0 1.5em; }
+p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
+p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
+
+a:focus,
+a:hover { color: #000; }
+a { color: #009; text-decoration: underline; }
+
+blockquote { margin: 1.5em; color: #666; font-style: italic; }
+strong { font-weight: bold; }
+em,dfn { font-style: italic; }
+dfn { font-weight: bold; }
+sup, sub { line-height: 0; }
+
+abbr,
+acronym { border-bottom: 1px dotted #666; }
+address { margin: 0 0 1.5em; font-style: italic; }
+del { color:#666; }
+
+pre { margin: 1.5em 0; white-space: pre; }
+pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
+
+
+/* Lists
+-------------------------------------------------------------- */
+
+li ul,
+li ol { margin: 0; }
+ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
+
+ul { list-style-type: disc; }
+ol { list-style-type: decimal; }
+
+dl { margin: 0 0 1.5em 0; }
+dl dt { font-weight: bold; }
+dd { margin-left: 1.5em;}
+
+
+/* Tables
+-------------------------------------------------------------- */
+
+table { margin-bottom: 1.4em; width:100%; }
+th { font-weight: bold; }
+thead th { background: #c3d9ff; }
+th,td,caption { padding: 4px 10px 4px 5px; }
+tr.even td { background: #e5ecf9; }
+tfoot { font-style: italic; }
+caption { background: #eee; }
+
+
+/* Misc classes
+-------------------------------------------------------------- */
+
+.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
+.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
+.hide { display: none; }
+
+.quiet { color: #666; }
+.loud { color: #000; }
+.highlight { background:#ff0; }
+.added { background:#060; color: #fff; }
+.removed { background:#900; color: #fff; }
+
+.first { margin-left:0; padding-left:0; }
+.last { margin-right:0; padding-right:0; }
+.top { margin-top:0; padding-top:0; }
+.bottom { margin-bottom:0; padding-bottom:0; }
View
243 sample-files/css/yui3/api.css
@@ -0,0 +1,243 @@
+
+
+body { background-color: #ECF0F6; }
+
+/* main page */
+a:link { color: #003399; }
+a:visited { color: #003399;}
+
+#doc3 #hd { margin-bottom:1em; position: relative; zoom: 1; }
+#doc3 #hd h1 { color: #545454; font-size: 170%; padding: 0px 0 8px 150px; background: url(yui.png) 15px 9px no-repeat; height: 60px; font-weight: bold; }
+#doc3 #hd h1 a { position: relative; top: 14px; }
+#doc3 #hd a { text-decoration: none; color: black; }
+#doc3 #hd h3 {
+ background: #98AAB1; background-image: url(bg_hd.gif); color: #000; font-size: 100%; padding: 4px 10px; margin: 0 0 7px 0;
+ border: 1px solid #98AAB1;
+}
+#ft hr {
+ display: none;
+}
+#ft {
+ background: #98AAB1; background-image: url(bg_hd.gif); color: #000; font-size: 100%; padding: 4px 10px; margin: 7px 0 0 0; border: 1px solid #98AAB1;
+}
+#doc3 #hd h3 A { color: #FFF; text-decoration: none; }
+#doc3 #hd .breadcrumbs { font-size: 85%; margin-bottom:10px;}
+#doc3 #hd .subtitle {position: absolute; right:1em; padding: 0px;margin:0px}
+
+#doc3 dl { margin: 2px 0; }
+#doc3 dd { margin-left: 20px; }
+#doc3 .requires dt { font-style: italic; }
+#doc3 .default { margin-top:6px; }
+#doc3 .detail .deprecated { margin-top:4px; padding:4px; background-color: #EFECCA }
+#doc3 .detail .deprecated strong { color:#441054; }
+#doc3 code, pre {font-size:85%}
+
+#doc3 #hd h1 {
+ border: 1px solid #98AAB1;
+ background-color: #fff;
+ margin-bottom: .5em;
+
+}
+#bd {
+ border: 1px solid #98AAB1;
+ background-color: #fff;
+}
+
+.submodules dd {
+ font-size: 93%;
+ font-weight: italic;
+}
+
+
+#doc3 .classopts { font-size: 85%; float:right; margin:2px; padding: 2px; background-color:#ECF0F6;border: 1px solid #98AAB1;}
+#yui-classopts-form fieldset legend { display: none; }
+
+/* undo reset.css styles for description block formatting */
+#doc3 .description dl { margin: 5px 0 10px 0; }
+#doc3 .description ul { padding: 10px 0 10px 28px; font-size: 90%; list-style: disc}
+#doc3 .description li { list-style: disc}
+#doc3 .description p { padding-bottom: 10px}
+#doc3 .description strong { font-weight: bold;}
+#doc3 .description em {padding: 2px; background-color: #EFECCA}
+#doc3 pre { padding: 10px;}
+
+#doc3 .summary { margin: 0px 10px 10px 0; padding:10px; background-color:#ECF0F6; border:1px solid #98AAB1; }
+#doc3 .extends {font-weight: normal; font-size: 90%}
+
+#doc3 .nav {min-height: 400px;}
+#doc3 .nav .module {
+ width:100%;
+ border-right: 1px solid #98AAB1;
+ border-bottom: 1px solid #98AAB1;
+ padding: 0; overflow:hidden;
+}
+#doc3 .nav .module h4 {
+ padding: 3px 5px;
+ border-bottom: 1px solid #98AAB1;
+ background-image: url(bg_hd.gif);
+}
+#doc3 .nav .module h4 A { color: #000; text-decoration: none; }
+#doc3 .nav .module .content { padding: 2px; }
+#doc3 .nav .module UL.content LI { font-size: 90%; }
+#doc3 .nav .module UL.content A { text-decoration: none; color: black; display: block; padding: 2px 4px 2px 4px; }
+#doc3 .nav .module LI,
+#doc3 .nav .module LI A {
+ zoom: 1;
+}
+#doc3 .nav .module LI.selected A,
+#doc3 .nav .module LI A:hover {
+ background-color: #ECF0F6;
+ zoom: 1;
+}
+
+#doc3 .section { margin: 0 7px 7px 0; }
+#doc3 .section strong { font-weight: bold;}
+#doc3 .section hr { border: none 0; border-top: 1px solid #ccc; }
+#doc3 .section h4 { font-size:110%;}
+#doc3 .section h3 { background: #98AAB1; background-image: url(bg_hd.gif); width: 98%; color: #000; padding: 3px; margin: 0 0 7px 0;
+ border: 1px solid #98AAB1;
+
+}
+#doc3 .section h3 .top { font-size: 60%; font-weight: normal; width: 100%; font-family: verdana; padding-left: 20px; }
+#doc3 .section h3 .top A { color: #000; text-decoration: none; }
+
+#doc3 .section.details .content { padding: 0 0 0 10px; }
+#doc3 .section.details .description { padding: 10px 0 0 20px; }
+#doc3 .section.details .description dt { font-weight: bold; }
+#doc3 .section.details .description td { border:1px solid #ccc; margin:2px;padding:2px;}
+
+#doc3 .inheritance { padding:10px; background-color:#ECF0F6; border:1px solid #98AAB1; }
+#doc3 .inheritance h4 { font-size: 100%;}
+
+/* index page autocomplete */
+/*
+#propertysearch {;position:absolute;margin:1em;width:35em;}
+#searchinput {position:absolute;width:100%;height:1.4em;}
+#searchresults {position:absolute;top:1.7em;width:100%;}
+#searchresults .yui-ac-content {position:absolute;top:4px; left:0px; width:100%;height:20em;border:1px solid #aaa;background:#fff;overflow:auto;overflow-x:hidden;z-index:9050;}
+#searchresults .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}:
+#searchresults ul {padding:5px 0;width:100%;}
+#searchresults li {padding:0 5px;cursor:default;white-space:nowrap;}
+#searchresults li.yui-ac-highlight {background:#D1C6DA;}
+#searchresults li em { position:absolute; width:44%; overflow:hidden; color:#654D6C;}
+#searchresults li span { position:relative; left:46% }
+*/
+
+#propertysearch {
+ width: 25em;
+ position: absolute;
+ right: 5px;
+ bottom: -4px;
+}
+#searchinput {
+ width: 83%;
+ height: 1.4em;
+}
+#searchresults {
+ position: absolute;
+ right: 25em;
+ top: 25px;
+ height: 0;
+}
+#searchresults .yui-ac-content {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 25em;
+ height: 20em;
+ border: 1px solid #98AAB1;
+ background: #fff;
+ overflow: auto;
+ overflow-x: hidden;
+ z-index: 9050;
+}
+#searchresults li.yui-ac-highlight {
+ background-color: #ECF0F6;
+}
+#searchresults li em {
+ width:44%;
+ overflow: hidden;
+ color: #98AAB1;
+}
+
+.deprecated, .private, .protected {
+ display: none;
+}
+
+body.show_deprecated .deprecated,
+body.show_private .private,
+body.show_protected .protected {
+ display: block;
+}
+
+#splash_classList ul {
+ margin: 1em;
+ margin-left:2em;
+}
+#splash_classList ul li {
+ list-style: disc outside;
+}
+
+
+/* source code view */
+#srcout {min-width: 580px; }
+*html #srcout { width: 100%; padding-bottom:1em; overflow-x:auto }
+
+.highlight .c { color: #60a0b0; font-style: italic } /* Comment */
+.highlight .err { border: 1px solid #FF0000 } /* Error */
+.highlight .k { color: #007020; font-weight: bold } /* Keyword */
+.highlight .o { color: #666666 } /* Operator */
+.highlight .cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #007020 } /* Comment.Preproc */
+.highlight .c1 { color: #60a0b0; font-style: italic } /* Comment.Single */
+.highlight .gd { color: #A00000 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #FF0000 } /* Generic.Error */
+.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #00A000 } /* Generic.Inserted */
+.highlight .go { color: #808080 } /* Generic.Output */
+.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.highlight .gt { color: #0040D0 } /* Generic.Traceback */
+.highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { color: #007020 } /* Keyword.Pseudo */
+.highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #007020; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #40a070 } /* Literal.Number */
+.highlight .s { color: #4070a0 } /* Literal.String */
+.highlight .na { color: #4070a0 } /* Name.Attribute */
+.highlight .nb { color: #007020 } /* Name.Builtin */
+.highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */
+.highlight .no { color: #60add5 } /* Name.Constant */
+.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */
+.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */
+.highlight .ne { color: #007020 } /* Name.Exception */
+.highlight .nf { color: #06287e } /* Name.Function */
+.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */
+.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
+.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */
+.highlight .nv { color: #bb60d5 } /* Name.Variable */
+.highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */
+.highlight .mf { color: #40a070 } /* Literal.Number.Float */
+.highlight .mh { color: #40a070 } /* Literal.Number.Hex */
+.highlight .mi { color: #40a070 } /* Literal.Number.Integer */
+.highlight .mo { color: #40a070 } /* Literal.Number.Oct */
+.highlight .sb { color: #4070a0 } /* Literal.String.Backtick */
+.highlight .sc { color: #4070a0 } /* Literal.S