muck-engine 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (155) hide show
  1. data/MIT-LICENSE +20 -0
  2. data/README.rdoc +23 -0
  3. data/Rakefile +67 -0
  4. data/VERSION +1 -0
  5. data/app/controllers/admin/muck/base_controller.rb +24 -0
  6. data/app/helpers/muck_custom_form_builder.rb +186 -0
  7. data/app/helpers/muck_engine_helper.rb +60 -0
  8. data/app/models/country.rb +13 -0
  9. data/app/models/language.rb +3 -0
  10. data/app/models/state.rb +13 -0
  11. data/app/views/forms/_base_field.html.erb +11 -0
  12. data/app/views/forms/_color_picker_field.html.erb +27 -0
  13. data/app/views/forms/_default.html.erb +1 -0
  14. data/app/views/forms/_field.html.erb +3 -0
  15. data/app/views/forms/_field_with_tips.html.erb +4 -0
  16. data/app/views/forms/_menu_field.erb +4 -0
  17. data/app/views/forms/_menu_field.html.erb +3 -0
  18. data/app/views/forms/_tips.html.erb +7 -0
  19. data/app/views/layouts/admin.html.erb +39 -0
  20. data/app/views/layouts/default.html.erb +39 -0
  21. data/app/views/shared/_error_box.html.erb +7 -0
  22. data/app/views/shared/_field_error.html.erb +3 -0
  23. data/app/views/shared/_flash_error_box.html.erb +4 -0
  24. data/app/views/shared/_flash_messages.html.erb +7 -0
  25. data/app/views/shared/_growl.html.erb +11 -0
  26. data/app/views/shared/_growl_box.html.erb +3 -0
  27. data/app/views/shared/_no_result.html.erb +1 -0
  28. data/db/migrate/20090402234137_create_languages.rb +18 -0
  29. data/db/migrate/20090426041056_create_countries.rb +15 -0
  30. data/db/migrate/20090426041103_create_states.rb +18 -0
  31. data/install.rb +1 -0
  32. data/lib/action_controller/muck_application.rb +74 -0
  33. data/lib/active_record/muck_model.rb +34 -0
  34. data/lib/muck-engine.rb +5 -0
  35. data/locales/en.yml +17 -0
  36. data/public/images/arrow_down.gif +0 -0
  37. data/public/images/arrow_left.gif +0 -0
  38. data/public/images/arrow_right.gif +0 -0
  39. data/public/images/arrow_up.gif +0 -0
  40. data/public/images/icons/accept.png +0 -0
  41. data/public/images/icons/add.png +0 -0
  42. data/public/images/icons/delete.png +0 -0
  43. data/public/images/icons/vote.png +0 -0
  44. data/public/images/loading.gif +0 -0
  45. data/public/images/spinner.gif +0 -0
  46. data/public/javascripts/application.js +76 -0
  47. data/public/javascripts/fancyzoom.min.js +1 -0
  48. data/public/javascripts/jquery/jquery-ui.js +273 -0
  49. data/public/javascripts/jquery/jquery.form.js +637 -0
  50. data/public/javascripts/jquery/jquery.jgrowl.js +2 -0
  51. data/public/javascripts/jquery/jquery.js +19 -0
  52. data/public/javascripts/jquery/jquery.tips.js +69 -0
  53. data/public/stylesheets/admin.css +12 -0
  54. data/public/stylesheets/blueprint/ie.css +26 -0
  55. data/public/stylesheets/blueprint/liquid_screen.css +203 -0
  56. data/public/stylesheets/blueprint/plugins/buttons/icons/cross.png +0 -0
  57. data/public/stylesheets/blueprint/plugins/buttons/icons/key.png +0 -0
  58. data/public/stylesheets/blueprint/plugins/buttons/icons/tick.png +0 -0
  59. data/public/stylesheets/blueprint/plugins/buttons/readme.txt +32 -0
  60. data/public/stylesheets/blueprint/plugins/buttons/screen.css +97 -0
  61. data/public/stylesheets/blueprint/plugins/fancy-type/readme.txt +14 -0
  62. data/public/stylesheets/blueprint/plugins/fancy-type/screen.css +71 -0
  63. data/public/stylesheets/blueprint/plugins/link-icons/icons/doc.png +0 -0
  64. data/public/stylesheets/blueprint/plugins/link-icons/icons/email.png +0 -0
  65. data/public/stylesheets/blueprint/plugins/link-icons/icons/external.png +0 -0
  66. data/public/stylesheets/blueprint/plugins/link-icons/icons/feed.png +0 -0
  67. data/public/stylesheets/blueprint/plugins/link-icons/icons/im.png +0 -0
  68. data/public/stylesheets/blueprint/plugins/link-icons/icons/pdf.png +0 -0
  69. data/public/stylesheets/blueprint/plugins/link-icons/icons/visited.png +0 -0
  70. data/public/stylesheets/blueprint/plugins/link-icons/icons/xls.png +0 -0
  71. data/public/stylesheets/blueprint/plugins/link-icons/readme.txt +18 -0
  72. data/public/stylesheets/blueprint/plugins/link-icons/screen.css +40 -0
  73. data/public/stylesheets/blueprint/plugins/liquid/liquid.css +134 -0
  74. data/public/stylesheets/blueprint/plugins/liquid/src/liquid.css +197 -0
  75. data/public/stylesheets/blueprint/plugins/rtl/readme.txt +10 -0
  76. data/public/stylesheets/blueprint/plugins/rtl/screen.css +109 -0
  77. data/public/stylesheets/blueprint/print.css +30 -0
  78. data/public/stylesheets/blueprint/screen.css +251 -0
  79. data/public/stylesheets/blueprint/src/forms.css +49 -0
  80. data/public/stylesheets/blueprint/src/grid.css +213 -0
  81. data/public/stylesheets/blueprint/src/grid.png +0 -0
  82. data/public/stylesheets/blueprint/src/ie.css +59 -0
  83. data/public/stylesheets/blueprint/src/print.css +85 -0
  84. data/public/stylesheets/blueprint/src/reset.css +38 -0
  85. data/public/stylesheets/blueprint/src/typography.css +105 -0
  86. data/public/stylesheets/jquery/cupertino/images/ui-bg_diagonals-small_0_aaaaaa_40x40.png +0 -0
  87. data/public/stylesheets/jquery/cupertino/images/ui-bg_diagonals-thick_15_444444_40x40.png +0 -0
  88. data/public/stylesheets/jquery/cupertino/images/ui-bg_glass_100_f0f0f0_1x400.png +0 -0
  89. data/public/stylesheets/jquery/cupertino/images/ui-bg_glass_50_99c2ff_1x400.png +0 -0
  90. data/public/stylesheets/jquery/cupertino/images/ui-bg_glass_55_fbf5d0_1x400.png +0 -0
  91. data/public/stylesheets/jquery/cupertino/images/ui-bg_glass_80_e6e6e6_1x400.png +0 -0
  92. data/public/stylesheets/jquery/cupertino/images/ui-bg_glass_95_fef1ec_1x400.png +0 -0
  93. data/public/stylesheets/jquery/cupertino/images/ui-bg_highlight-hard_100_f9f9f9_1x100.png +0 -0
  94. data/public/stylesheets/jquery/cupertino/images/ui-bg_highlight-soft_100_e7eef3_1x100.png +0 -0
  95. data/public/stylesheets/jquery/cupertino/images/ui-icons_222222_256x240.png +0 -0
  96. data/public/stylesheets/jquery/cupertino/images/ui-icons_2694e8_256x240.png +0 -0
  97. data/public/stylesheets/jquery/cupertino/images/ui-icons_2e83ff_256x240.png +0 -0
  98. data/public/stylesheets/jquery/cupertino/images/ui-icons_72a7cf_256x240.png +0 -0
  99. data/public/stylesheets/jquery/cupertino/images/ui-icons_888888_256x240.png +0 -0
  100. data/public/stylesheets/jquery/cupertino/images/ui-icons_cd0a0a_256x240.png +0 -0
  101. data/public/stylesheets/jquery/cupertino/images/ui-icons_ffffff_256x240.png +0 -0
  102. data/public/stylesheets/jquery/cupertino/jquery-ui-1.7.1.custom.css +404 -0
  103. data/public/stylesheets/jquery/redmond/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
  104. data/public/stylesheets/jquery/redmond/images/ui-bg_flat_55_fbec88_40x100.png +0 -0
  105. data/public/stylesheets/jquery/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png +0 -0
  106. data/public/stylesheets/jquery/redmond/images/ui-bg_glass_85_dfeffc_1x400.png +0 -0
  107. data/public/stylesheets/jquery/redmond/images/ui-bg_glass_95_fef1ec_1x400.png +0 -0
  108. data/public/stylesheets/jquery/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png +0 -0
  109. data/public/stylesheets/jquery/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png +0 -0
  110. data/public/stylesheets/jquery/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png +0 -0
  111. data/public/stylesheets/jquery/redmond/images/ui-icons_217bc0_256x240.png +0 -0
  112. data/public/stylesheets/jquery/redmond/images/ui-icons_2e83ff_256x240.png +0 -0
  113. data/public/stylesheets/jquery/redmond/images/ui-icons_469bdd_256x240.png +0 -0
  114. data/public/stylesheets/jquery/redmond/images/ui-icons_6da8d5_256x240.png +0 -0
  115. data/public/stylesheets/jquery/redmond/images/ui-icons_cd0a0a_256x240.png +0 -0
  116. data/public/stylesheets/jquery/redmond/images/ui-icons_d8e7f3_256x240.png +0 -0
  117. data/public/stylesheets/jquery/redmond/images/ui-icons_f9bd01_256x240.png +0 -0
  118. data/public/stylesheets/jquery/redmond/jquery-ui-1.7.1.custom.css +404 -0
  119. data/public/stylesheets/jquery/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
  120. data/public/stylesheets/jquery/smoothness/images/ui-bg_flat_75_ffffff_40x100.png +0 -0
  121. data/public/stylesheets/jquery/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
  122. data/public/stylesheets/jquery/smoothness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  123. data/public/stylesheets/jquery/smoothness/images/ui-bg_glass_75_dadada_1x400.png +0 -0
  124. data/public/stylesheets/jquery/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
  125. data/public/stylesheets/jquery/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png +0 -0
  126. data/public/stylesheets/jquery/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
  127. data/public/stylesheets/jquery/smoothness/images/ui-icons_222222_256x240.png +0 -0
  128. data/public/stylesheets/jquery/smoothness/images/ui-icons_2e83ff_256x240.png +0 -0
  129. data/public/stylesheets/jquery/smoothness/images/ui-icons_454545_256x240.png +0 -0
  130. data/public/stylesheets/jquery/smoothness/images/ui-icons_888888_256x240.png +0 -0
  131. data/public/stylesheets/jquery/smoothness/images/ui-icons_cd0a0a_256x240.png +0 -0
  132. data/public/stylesheets/jquery/smoothness/jquery-ui-1.7.1.custom.css +404 -0
  133. data/public/stylesheets/jquery/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
  134. data/public/stylesheets/jquery/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
  135. data/public/stylesheets/jquery/ui-lightness/images/ui-bg_flat_10_000000_40x100.png +0 -0
  136. data/public/stylesheets/jquery/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
  137. data/public/stylesheets/jquery/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  138. data/public/stylesheets/jquery/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  139. data/public/stylesheets/jquery/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  140. data/public/stylesheets/jquery/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
  141. data/public/stylesheets/jquery/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
  142. data/public/stylesheets/jquery/ui-lightness/images/ui-icons_222222_256x240.png +0 -0
  143. data/public/stylesheets/jquery/ui-lightness/images/ui-icons_228ef1_256x240.png +0 -0
  144. data/public/stylesheets/jquery/ui-lightness/images/ui-icons_ef8c08_256x240.png +0 -0
  145. data/public/stylesheets/jquery/ui-lightness/images/ui-icons_ffd27a_256x240.png +0 -0
  146. data/public/stylesheets/jquery/ui-lightness/images/ui-icons_ffffff_256x240.png +0 -0
  147. data/public/stylesheets/jquery/ui-lightness/jquery-ui-1.7.1.custom.css +404 -0
  148. data/public/stylesheets/reset.css +0 -0
  149. data/public/stylesheets/styles.css +76 -0
  150. data/rails/init.rb +3 -0
  151. data/tasks/languages.txt +183 -0
  152. data/test/muck_engine_test.rb +8 -0
  153. data/test/test_helper.rb +3 -0
  154. data/uninstall.rb +1 -0
  155. metadata +207 -0
@@ -0,0 +1,14 @@
1
+ Fancy Type
2
+
3
+ * Gives you classes to use if you'd like some
4
+ extra fancy typography.
5
+
6
+ Credits and instructions are specified above each class
7
+ in the fancy-type.css file in this directory.
8
+
9
+
10
+ Usage
11
+ ----------------------------------------------------------------
12
+
13
+ 1) Add this plugin to lib/settings.yml.
14
+ See compress.rb for instructions.
@@ -0,0 +1,71 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ fancy-type.css
4
+ * Lots of pretty advanced classes for manipulating text.
5
+
6
+ See the Readme file in this folder for additional instructions.
7
+
8
+ -------------------------------------------------------------- */
9
+
10
+ /* Indentation instead of line shifts for sibling paragraphs. */
11
+ p + p { text-indent:2em; margin-top:-1.5em; }
12
+ form p + p { text-indent: 0; } /* Don't want this in forms. */
13
+
14
+
15
+ /* For great looking type, use this code instead of asdf:
16
+ <span class="alt">asdf</span>
17
+ Best used on prepositions and ampersands. */
18
+
19
+ .alt {
20
+ color: #666;
21
+ font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
22
+ font-style: italic;
23
+ font-weight: normal;
24
+ }
25
+
26
+
27
+ /* For great looking quote marks in titles, replace "asdf" with:
28
+ <span class="dquo">&#8220;</span>asdf&#8221;
29
+ (That is, when the title starts with a quote mark).
30
+ (You may have to change this value depending on your font size). */
31
+
32
+ .dquo { margin-left: -.5em; }
33
+
34
+
35
+ /* Reduced size type with incremental leading
36
+ (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
37
+
38
+ This could be used for side notes. For smaller type, you don't necessarily want to
39
+ follow the 1.5x vertical rhythm -- the line-height is too much.
40
+
41
+ Using this class, it reduces your font size and line-height so that for
42
+ every four lines of normal sized type, there is five lines of the sidenote. eg:
43
+
44
+ New type size in em's:
45
+ 10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
46
+
47
+ New line-height value:
48
+ 12px x 1.5 = 18px (old line-height)
49
+ 18px x 4 = 72px
50
+ 72px / 5 = 14.4px (new line height)
51
+ 14.4px / 10px = 1.44 (new line height in em's) */
52
+
53
+ p.incr, .incr p {
54
+ font-size: 10px;
55
+ line-height: 1.44em;
56
+ margin-bottom: 1.5em;
57
+ }
58
+
59
+
60
+ /* Surround uppercase words and abbreviations with this class.
61
+ Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
62
+
63
+ .caps {
64
+ font-variant: small-caps;
65
+ letter-spacing: 1px;
66
+ text-transform: lowercase;
67
+ font-size:1.2em;
68
+ line-height:1%;
69
+ font-weight:bold;
70
+ padding:0 2px;
71
+ }
@@ -0,0 +1,18 @@
1
+ Link Icons
2
+ * Icons for links based on protocol or file type.
3
+
4
+ This is not supported in IE versions < 7.
5
+
6
+
7
+ Credits
8
+ ----------------------------------------------------------------
9
+
10
+ * Marc Morgan
11
+ * Olav Bjorkoy [bjorkoy.com]
12
+
13
+
14
+ Usage
15
+ ----------------------------------------------------------------
16
+
17
+ 1) Add this line to your HTML:
18
+ <link rel="stylesheet" href="css/blueprint/plugins/link-icons/screen.css" type="text/css" media="screen, projection">
@@ -0,0 +1,40 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ link-icons.css
4
+ * Icons for links based on protocol or file type.
5
+
6
+ See the Readme file in this folder for additional instructions.
7
+
8
+ -------------------------------------------------------------- */
9
+
10
+ /* Use this class if a link gets an icon when it shouldn't. */
11
+ body a.noicon {
12
+ background:transparent none !important;
13
+ padding:0 !important;
14
+ margin:0 !important;
15
+ }
16
+
17
+ /* Make sure the icons are not cut */
18
+ a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited,
19
+ a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
20
+ a[href$=".rdf"], a[href^="aim:"] {
21
+ padding:2px 22px 2px 0;
22
+ margin:-2px 0;
23
+ background-repeat: no-repeat;
24
+ background-position: right center;
25
+ }
26
+
27
+ /* External links */
28
+ a[href^="http:"] { background-image: url(icons/external.png); }
29
+ a[href^="mailto:"] { background-image: url(icons/email.png); }
30
+ a[href^="http:"]:visited { background-image: url(icons/visited.png); }
31
+
32
+ /* Files */
33
+ a[href$=".pdf"] { background-image: url(icons/pdf.png); }
34
+ a[href$=".doc"] { background-image: url(icons/doc.png); }
35
+ a[href$=".xls"] { background-image: url(icons/xls.png); }
36
+
37
+ /* Misc */
38
+ a[href$=".rss"],
39
+ a[href$=".rdf"] { background-image: url(icons/feed.png); }
40
+ a[href^="aim:"] { background-image: url(icons/im.png); }
@@ -0,0 +1,134 @@
1
+ /* --------------------------------------------------------------
2
+ liquid.css
3
+ * Sets up an easy-to-use grid of 24 columns that stretch
4
+ to the window width or can also be fixed width.
5
+ Liquid grid work by:* Ben Listwon
6
+ * David Bedingfield
7
+ * Andrei Michael Herasimchuk
8
+ Involution Studios,http://www.involutionstudios.com
9
+ -----
10
+ grid.css
11
+ * Sets up an easy-to-use grid of 24 columns.
12
+ Based on work by:* Nathan Borror [playgroundblues.com]
13
+ * Jeff Croft [jeffcroft.com]
14
+ * Christian Metts [mintchaos.com]
15
+ * Khoi Vinh [subtraction.com]
16
+ -----
17
+ By default,the grid is 80% of window width,with 24 columns.
18
+ To make the grid fixed,simply change the .container width
19
+ property to a pixel value. e.g.,960px.
20
+ -------------------------------------------------------------- */
21
+ /* A container should group your entire grid. */
22
+ .container{min-width:950px;width:80%;margin:0 auto;overflow:hidden;}
23
+ /* A block should group all your columns per row stack. */
24
+ .block{overflow:hidden;}
25
+ /* Columns
26
+ -------------------------------------------------------------- */
27
+ /* Use this class together with the .span-x classes
28
+ to create any composition of columns in a layout. */
29
+ .column{float:left;}
30
+ /* The last column in a row needs this class. */
31
+ .last{margin-right:0;}
32
+ /* Use these classes to set the width of a column. */
33
+ .span-1{width:4%;}
34
+ .span-2{width:8%;}
35
+ .span-3{width:12%;}
36
+ .span-4{width:16%;}
37
+ .span-5{width:20%;}
38
+ .span-6{width:25%;}
39
+ .span-7{width:29%;}
40
+ .span-8{width:33%;}
41
+ .span-9{width:37%;}
42
+ .span-10{width:41%;}
43
+ .span-11{width:45%;}
44
+ .span-12{width:50%;}
45
+ .span-13{width:54%;}
46
+ .span-14{width:58%;}
47
+ .span-15{width:62%;}
48
+ .span-16{width:66%;}
49
+ .span-17{width:70%;}
50
+ .span-18{width:75%;}
51
+ .span-19{width:79%;}
52
+ .span-20{width:83%;}
53
+ .span-21{width:87%;}
54
+ .span-22{width:91%;}
55
+ .span-23{width:95%;}
56
+ .span-24{width:100%;margin-right:0;}
57
+ .span-1>div,.span-2>div,.span-3>div,.span-4>div,
58
+ .span-5>div,.span-6>div,.span-7>div,.span-8>div,
59
+ .span-9>div,.span-10>div,.span-11>div,.span-12>div,
60
+ .span-13>div,.span-14>div,.span-15>div,.span-16>div,
61
+ .span-17>div,.span-18>div,.span-19>div,.span-20>div,
62
+ .span-21>div,.span-22>div,.span-23>div,.span-24>div{margin:0 0.833em 0 0;overflow:hidden;}
63
+ /* Add these to a column to append empty cols. */
64
+ .append-1{padding-right:4%;}
65
+ .append-2{padding-right:8%;}
66
+ .append-3{padding-right:12%;}
67
+ .append-4{padding-right:16%;}
68
+ .append-5{padding-right:20%;}
69
+ .append-6{padding-right:25%;}
70
+ .append-7{padding-right:29%;}
71
+ .append-8{padding-right:33%;}
72
+ .append-9{padding-right:37%;}
73
+ .append-10{padding-right:41%;}
74
+ .append-11{padding-right:45%;}
75
+ .append-12{padding-right:50%;}
76
+ .append-13{padding-right:54%;}
77
+ .append-14{padding-right:58%;}
78
+ .append-15{padding-right:62%;}
79
+ .append-16{padding-right:66%;}
80
+ .append-17{padding-right:70%;}
81
+ .append-18{padding-right:75%;}
82
+ .append-19{padding-right:79%;}
83
+ .append-20{padding-right:83%;}
84
+ .append-21{padding-right:87%;}
85
+ .append-22{padding-right:91%;}
86
+ .append-23{padding-right:95%;}
87
+ /* Add these to a column to prepend empty cols. */
88
+ .prepend-1{padding-left:4%;}
89
+ .prepend-2{padding-left:8%;}
90
+ .prepend-3{padding-left:12%;}
91
+ .prepend-4{padding-left:16%;}
92
+ .prepend-5{padding-left:20%;}
93
+ .prepend-6{padding-left:25%;}
94
+ .prepend-7{padding-left:29%;}
95
+ .prepend-8{padding-left:33%;}
96
+ .prepend-9{padding-left:37%;}
97
+ .prepend-10{padding-left:41%;}
98
+ .prepend-11{padding-left:45%;}
99
+ .prepend-12{padding-left:50%;}
100
+ .prepend-13{padding-left:54%;}
101
+ .prepend-14{padding-left:58%;}
102
+ .prepend-15{padding-left:62%;}
103
+ .prepend-16{padding-left:66%;}
104
+ .prepend-17{padding-left:70%;}
105
+ .prepend-18{padding-left:75%;}
106
+ .prepend-19{padding-left:79%;}
107
+ .prepend-20{padding-left:83%;}
108
+ .prepend-21{padding-left:87%;}
109
+ .prepend-22{padding-left:91%;}
110
+ .prepend-23{padding-left:95%;}
111
+ /* Border on right hand side of a column. */
112
+ .border{border-right:1px solid #eee;}
113
+ /* Border with more whitespace,spans one column. */
114
+ .colborder{padding-right:2%;margin-right:2%;border-right:1px solid #eee;}
115
+ .colborder>div{margin:0;}
116
+ /* Use these classes on an element to push it into the
117
+ next column,or to pull it into the previous column. */
118
+ .pull-1{margin-left:-3.333em;}
119
+ .pull-2{margin-left:-6.666em;}
120
+ .pull-3{margin-left:-10em;}
121
+ .pull-4{margin-left:-13.333em;}
122
+ .push-0{margin:0 0 0 1.5em;}
123
+ .push-1{margin:0 -3.333em 0 1.5em;}
124
+ .push-2{margin:0 -6.666em 0 1.5em;}
125
+ .push-3{margin:0 -10em 0 1.5em;}
126
+ .push-4{margin:0 -13.333em 0 1.5em;}
127
+ .push-0,.push-1,.push-2,.push-3,.push-4{float:right;}
128
+ /* Misc classes and elements
129
+ -------------------------------------------------------------- */
130
+ /* Use a .box to create a padded box inside a column. */
131
+ .box{padding:1.5em;margin-bottom:1.5em;background:#eee;}
132
+ /* Use this to create a horizontal ruler across a column. */
133
+ hr{background:#ddd;color:#ddd;width:100%;height:0.083em;margin:0 0 1.583em;border:none;}
134
+ hr.space{background:#fff;color:#fff;}
@@ -0,0 +1,197 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ liquid.css
4
+ * Sets up an easy-to-use grid of 24 columns that stretch
5
+ to the window width or can also be fixed width.
6
+
7
+ Liquid grid work by:
8
+ * Ben Listwon
9
+ * David Bedingfield
10
+ * Andrei Michael Herasimchuk
11
+ Involution Studios, http://www.involutionstudios.com
12
+
13
+ -----
14
+
15
+ grid.css
16
+ * Sets up an easy-to-use grid of 24 columns.
17
+
18
+ Based on work by:
19
+ * Nathan Borror [playgroundblues.com]
20
+ * Jeff Croft [jeffcroft.com]
21
+ * Christian Metts [mintchaos.com]
22
+ * Khoi Vinh [subtraction.com]
23
+
24
+ -----
25
+
26
+ By default, the grid is 80% of window width, with 24 columns.
27
+
28
+ To make the grid fixed, simply change the .container width
29
+ property to a pixel value. e.g., 960px.
30
+
31
+ -------------------------------------------------------------- */
32
+
33
+ /* A container should group your entire grid. */
34
+ .container {
35
+ min-width: 950px;
36
+ width: 80%;
37
+ margin: 0 auto;
38
+ overflow: hidden;
39
+ }
40
+
41
+ /* A block should group all your columns per row stack. */
42
+ .block {overflow: hidden;}
43
+
44
+
45
+ /* Columns
46
+ -------------------------------------------------------------- */
47
+
48
+ /* Use this class together with the .span-x classes
49
+ to create any composition of columns in a layout. */
50
+ .column {float: left;}
51
+
52
+ /* The last column in a row needs this class. */
53
+ .last { margin-right: 0; }
54
+
55
+ /* Use these classes to set the width of a column. */
56
+ .span-1 { width: 4%; }
57
+ .span-2 { width: 8%; }
58
+ .span-3 { width: 12%; }
59
+ .span-4 { width: 16%; }
60
+ .span-5 { width: 20%; }
61
+ .span-6 { width: 25%; }
62
+ .span-7 { width: 29%; }
63
+ .span-8 { width: 33%; }
64
+ .span-9 { width: 37%; }
65
+ .span-10 { width: 41%; }
66
+ .span-11 { width: 45%; }
67
+ .span-12 { width: 50%; }
68
+ .span-13 { width: 54%; }
69
+ .span-14 { width: 58%; }
70
+ .span-15 { width: 62%; }
71
+ .span-16 { width: 66%; }
72
+ .span-17 { width: 70%; }
73
+ .span-18 { width: 75%; }
74
+ .span-19 { width: 79%; }
75
+ .span-20 { width: 83%; }
76
+ .span-21 { width: 87%; }
77
+ .span-22 { width: 91%; }
78
+ .span-23 { width: 95%; }
79
+ .span-24 { width: 100%; margin-right: 0; }
80
+
81
+ .span-1>div, .span-2>div, .span-3>div, .span-4>div,
82
+ .span-5>div, .span-6>div, .span-7>div, .span-8>div,
83
+ .span-9>div, .span-10>div, .span-11>div, .span-12>div,
84
+ .span-13>div, .span-14>div, .span-15>div, .span-16>div,
85
+ .span-17>div, .span-18>div, .span-19>div, .span-20>div,
86
+ .span-21>div, .span-22>div, .span-23>div, .span-24>div {
87
+ margin: 0 0.833em 0 0;
88
+ overflow: hidden;
89
+ }
90
+
91
+ /* Add these to a column to append empty cols. */
92
+ .append-1 { padding-right: 4%; }
93
+ .append-2 { padding-right: 8%; }
94
+ .append-3 { padding-right: 12%; }
95
+ .append-4 { padding-right: 16%; }
96
+ .append-5 { padding-right: 20%; }
97
+ .append-6 { padding-right: 25%; }
98
+ .append-7 { padding-right: 29%; }
99
+ .append-8 { padding-right: 33%; }
100
+ .append-9 { padding-right: 37%; }
101
+ .append-10 { padding-right: 41%; }
102
+ .append-11 { padding-right: 45%; }
103
+ .append-12 { padding-right: 50%; }
104
+ .append-13 { padding-right: 54%; }
105
+ .append-14 { padding-right: 58%; }
106
+ .append-15 { padding-right: 62%; }
107
+ .append-16 { padding-right: 66%; }
108
+ .append-17 { padding-right: 70%; }
109
+ .append-18 { padding-right: 75%; }
110
+ .append-19 { padding-right: 79%; }
111
+ .append-20 { padding-right: 83%; }
112
+ .append-21 { padding-right: 87%; }
113
+ .append-22 { padding-right: 91%; }
114
+ .append-23 { padding-right: 95%; }
115
+
116
+ /* Add these to a column to prepend empty cols. */
117
+ .prepend-1 { padding-left: 4%; }
118
+ .prepend-2 { padding-left: 8%; }
119
+ .prepend-3 { padding-left: 12%; }
120
+ .prepend-4 { padding-left: 16%; }
121
+ .prepend-5 { padding-left: 20%; }
122
+ .prepend-6 { padding-left: 25%; }
123
+ .prepend-7 { padding-left: 29%; }
124
+ .prepend-8 { padding-left: 33%; }
125
+ .prepend-9 { padding-left: 37%; }
126
+ .prepend-10 { padding-left: 41%; }
127
+ .prepend-11 { padding-left: 45%; }
128
+ .prepend-12 { padding-left: 50%; }
129
+ .prepend-13 { padding-left: 54%; }
130
+ .prepend-14 { padding-left: 58%; }
131
+ .prepend-15 { padding-left: 62%; }
132
+ .prepend-16 { padding-left: 66%; }
133
+ .prepend-17 { padding-left: 70%; }
134
+ .prepend-18 { padding-left: 75%; }
135
+ .prepend-19 { padding-left: 79%; }
136
+ .prepend-20 { padding-left: 83%; }
137
+ .prepend-21 { padding-left: 87%; }
138
+ .prepend-22 { padding-left: 91%; }
139
+ .prepend-23 { padding-left: 95%; }
140
+
141
+
142
+ /* Border on right hand side of a column. */
143
+ .border {
144
+ border-right: 1px solid #eee;
145
+ }
146
+
147
+ /* Border with more whitespace, spans one column. */
148
+ .colborder {
149
+ padding-right: 2%;
150
+ margin-right: 2%;
151
+ border-right: 1px solid #eee;
152
+ }
153
+
154
+ .colborder>div {
155
+ margin: 0;
156
+ }
157
+
158
+
159
+ /* Use these classes on an element to push it into the
160
+ next column, or to pull it into the previous column. */
161
+
162
+ .pull-1 { margin-left: -3.333em; }
163
+ .pull-2 { margin-left: -6.666em; }
164
+ .pull-3 { margin-left: -10em; }
165
+ .pull-4 { margin-left: -13.333em; }
166
+
167
+ .push-0 { margin: 0 0 0 1.5em; }
168
+ .push-1 { margin: 0 -3.333em 0 1.5em; }
169
+ .push-2 { margin: 0 -6.666em 0 1.5em; }
170
+ .push-3 { margin: 0 -10em 0 1.5em; }
171
+ .push-4 { margin: 0 -13.333em 0 1.5em; }
172
+ .push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }
173
+
174
+
175
+ /* Misc classes and elements
176
+ -------------------------------------------------------------- */
177
+
178
+ /* Use a .box to create a padded box inside a column. */
179
+ .box {
180
+ padding: 1.5em;
181
+ margin-bottom: 1.5em;
182
+ background: #eee;
183
+ }
184
+
185
+ /* Use this to create a horizontal ruler across a column. */
186
+ hr {
187
+ background: #ddd;
188
+ color: #ddd;
189
+ width: 100%;
190
+ height: 0.083em;
191
+ margin: 0 0 1.583em;
192
+ border: none;
193
+ }
194
+ hr.space {
195
+ background: #fff;
196
+ color: #fff;
197
+ }