muck-engine 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- data/MIT-LICENSE +20 -0
- data/README.rdoc +23 -0
- data/Rakefile +67 -0
- data/VERSION +1 -0
- data/app/controllers/admin/muck/base_controller.rb +24 -0
- data/app/helpers/muck_custom_form_builder.rb +186 -0
- data/app/helpers/muck_engine_helper.rb +60 -0
- data/app/models/country.rb +13 -0
- data/app/models/language.rb +3 -0
- data/app/models/state.rb +13 -0
- data/app/views/forms/_base_field.html.erb +11 -0
- data/app/views/forms/_color_picker_field.html.erb +27 -0
- data/app/views/forms/_default.html.erb +1 -0
- data/app/views/forms/_field.html.erb +3 -0
- data/app/views/forms/_field_with_tips.html.erb +4 -0
- data/app/views/forms/_menu_field.erb +4 -0
- data/app/views/forms/_menu_field.html.erb +3 -0
- data/app/views/forms/_tips.html.erb +7 -0
- data/app/views/layouts/admin.html.erb +39 -0
- data/app/views/layouts/default.html.erb +39 -0
- data/app/views/shared/_error_box.html.erb +7 -0
- data/app/views/shared/_field_error.html.erb +3 -0
- data/app/views/shared/_flash_error_box.html.erb +4 -0
- data/app/views/shared/_flash_messages.html.erb +7 -0
- data/app/views/shared/_growl.html.erb +11 -0
- data/app/views/shared/_growl_box.html.erb +3 -0
- data/app/views/shared/_no_result.html.erb +1 -0
- data/db/migrate/20090402234137_create_languages.rb +18 -0
- data/db/migrate/20090426041056_create_countries.rb +15 -0
- data/db/migrate/20090426041103_create_states.rb +18 -0
- data/install.rb +1 -0
- data/lib/action_controller/muck_application.rb +74 -0
- data/lib/active_record/muck_model.rb +34 -0
- data/lib/muck-engine.rb +5 -0
- data/locales/en.yml +17 -0
- data/public/images/arrow_down.gif +0 -0
- data/public/images/arrow_left.gif +0 -0
- data/public/images/arrow_right.gif +0 -0
- data/public/images/arrow_up.gif +0 -0
- data/public/images/icons/accept.png +0 -0
- data/public/images/icons/add.png +0 -0
- data/public/images/icons/delete.png +0 -0
- data/public/images/icons/vote.png +0 -0
- data/public/images/loading.gif +0 -0
- data/public/images/spinner.gif +0 -0
- data/public/javascripts/application.js +76 -0
- data/public/javascripts/fancyzoom.min.js +1 -0
- data/public/javascripts/jquery/jquery-ui.js +273 -0
- data/public/javascripts/jquery/jquery.form.js +637 -0
- data/public/javascripts/jquery/jquery.jgrowl.js +2 -0
- data/public/javascripts/jquery/jquery.js +19 -0
- data/public/javascripts/jquery/jquery.tips.js +69 -0
- data/public/stylesheets/admin.css +12 -0
- data/public/stylesheets/blueprint/ie.css +26 -0
- data/public/stylesheets/blueprint/liquid_screen.css +203 -0
- data/public/stylesheets/blueprint/plugins/buttons/icons/cross.png +0 -0
- data/public/stylesheets/blueprint/plugins/buttons/icons/key.png +0 -0
- data/public/stylesheets/blueprint/plugins/buttons/icons/tick.png +0 -0
- data/public/stylesheets/blueprint/plugins/buttons/readme.txt +32 -0
- data/public/stylesheets/blueprint/plugins/buttons/screen.css +97 -0
- data/public/stylesheets/blueprint/plugins/fancy-type/readme.txt +14 -0
- data/public/stylesheets/blueprint/plugins/fancy-type/screen.css +71 -0
- data/public/stylesheets/blueprint/plugins/link-icons/icons/doc.png +0 -0
- data/public/stylesheets/blueprint/plugins/link-icons/icons/email.png +0 -0
- data/public/stylesheets/blueprint/plugins/link-icons/icons/external.png +0 -0
- data/public/stylesheets/blueprint/plugins/link-icons/icons/feed.png +0 -0
- data/public/stylesheets/blueprint/plugins/link-icons/icons/im.png +0 -0
- data/public/stylesheets/blueprint/plugins/link-icons/icons/pdf.png +0 -0
- data/public/stylesheets/blueprint/plugins/link-icons/icons/visited.png +0 -0
- data/public/stylesheets/blueprint/plugins/link-icons/icons/xls.png +0 -0
- data/public/stylesheets/blueprint/plugins/link-icons/readme.txt +18 -0
- data/public/stylesheets/blueprint/plugins/link-icons/screen.css +40 -0
- data/public/stylesheets/blueprint/plugins/liquid/liquid.css +134 -0
- data/public/stylesheets/blueprint/plugins/liquid/src/liquid.css +197 -0
- data/public/stylesheets/blueprint/plugins/rtl/readme.txt +10 -0
- data/public/stylesheets/blueprint/plugins/rtl/screen.css +109 -0
- data/public/stylesheets/blueprint/print.css +30 -0
- data/public/stylesheets/blueprint/screen.css +251 -0
- data/public/stylesheets/blueprint/src/forms.css +49 -0
- data/public/stylesheets/blueprint/src/grid.css +213 -0
- data/public/stylesheets/blueprint/src/grid.png +0 -0
- data/public/stylesheets/blueprint/src/ie.css +59 -0
- data/public/stylesheets/blueprint/src/print.css +85 -0
- data/public/stylesheets/blueprint/src/reset.css +38 -0
- data/public/stylesheets/blueprint/src/typography.css +105 -0
- data/public/stylesheets/jquery/cupertino/images/ui-bg_diagonals-small_0_aaaaaa_40x40.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-bg_diagonals-thick_15_444444_40x40.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-bg_glass_100_f0f0f0_1x400.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-bg_glass_50_99c2ff_1x400.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-bg_glass_55_fbf5d0_1x400.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-bg_glass_80_e6e6e6_1x400.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-bg_glass_95_fef1ec_1x400.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-bg_highlight-hard_100_f9f9f9_1x100.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-bg_highlight-soft_100_e7eef3_1x100.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-icons_222222_256x240.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-icons_2694e8_256x240.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-icons_2e83ff_256x240.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-icons_72a7cf_256x240.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-icons_888888_256x240.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-icons_cd0a0a_256x240.png +0 -0
- data/public/stylesheets/jquery/cupertino/images/ui-icons_ffffff_256x240.png +0 -0
- data/public/stylesheets/jquery/cupertino/jquery-ui-1.7.1.custom.css +404 -0
- data/public/stylesheets/jquery/redmond/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-bg_flat_55_fbec88_40x100.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-bg_glass_85_dfeffc_1x400.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-bg_glass_95_fef1ec_1x400.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-icons_217bc0_256x240.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-icons_2e83ff_256x240.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-icons_469bdd_256x240.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-icons_6da8d5_256x240.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-icons_cd0a0a_256x240.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-icons_d8e7f3_256x240.png +0 -0
- data/public/stylesheets/jquery/redmond/images/ui-icons_f9bd01_256x240.png +0 -0
- data/public/stylesheets/jquery/redmond/jquery-ui-1.7.1.custom.css +404 -0
- data/public/stylesheets/jquery/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-bg_flat_75_ffffff_40x100.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-bg_glass_75_dadada_1x400.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-icons_222222_256x240.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-icons_2e83ff_256x240.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-icons_454545_256x240.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-icons_888888_256x240.png +0 -0
- data/public/stylesheets/jquery/smoothness/images/ui-icons_cd0a0a_256x240.png +0 -0
- data/public/stylesheets/jquery/smoothness/jquery-ui-1.7.1.custom.css +404 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-bg_flat_10_000000_40x100.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-icons_222222_256x240.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-icons_228ef1_256x240.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-icons_ef8c08_256x240.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-icons_ffd27a_256x240.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/images/ui-icons_ffffff_256x240.png +0 -0
- data/public/stylesheets/jquery/ui-lightness/jquery-ui-1.7.1.custom.css +404 -0
- data/public/stylesheets/reset.css +0 -0
- data/public/stylesheets/styles.css +76 -0
- data/rails/init.rb +3 -0
- data/tasks/languages.txt +183 -0
- data/test/muck_engine_test.rb +8 -0
- data/test/test_helper.rb +3 -0
- data/uninstall.rb +1 -0
- 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">“</span>asdf”
|
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
|
+
}
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -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
|
+
}
|