muck-engine 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
+
}
|