47 |
50 |
53 |
54 | <%= flash_messages %>
55 | <%= yield %>
56 |
57 |
58 |
61 |
62 |
63 |
64 | <%-# Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary %>
65 |
66 |
67 |
68 | <%-# Application javascripts %>
69 | <%= javascript_include_tag 'rails', 'application' %>
70 |
71 | <%-# Use content_for :scripts in views to include custom scripts %>
72 | <%= yield :scripts %>
73 |
74 | <%-# BelatedPNG adds some PNG support to IE6 %>
75 |
79 |
80 | <%-# Google Analytics code %>
81 |
82 |
88 |
89 |
90 |
91 |
--------------------------------------------------------------------------------
/files/app/views/demos/show.html.haml:
--------------------------------------------------------------------------------
1 | #demo-grid
2 | .grid-row
3 | .header
4 | %p 12
5 |
6 | .grid-row
7 | .main
8 | %p 10
9 | .grid-row
10 | .story
11 | %p 5
12 | .story
13 | %p 5
14 | .sidebar
15 | %p 2
16 |
17 | #demo-main
18 | .grid-row
19 | .content
20 | %p
21 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas sodales metus sit amet varius. Nam euismod
22 | bibendum ligula. Nam rhoncus, orci ac fermentum viverra, elit diam ornare neque, vel sodales ante lorem nec eros.
23 | Aenean accumsan volutpat diam ac mattis. Praesent et magna mi, eu ornare enim. Nam mi odio, condimentum non convallis
24 | eget, vestibulum non lacus. Integer sit amet lorem id ipsum ornare consequat. Integer tortor urna, mollis ullamcorper
25 | pellentesque vel, sollicitudin at nisi. Aliquam vitae sapien massa, a feugiat dolor. Aliquam varius euismod lorem,
26 | sed egestas nisi ultrices in. Ut commodo orci in urna malesuada tincidunt pellentesque diam blandit. Curabitur in sem
27 | a magna consequat porttitor. Morbi elementum egestas turpis sit amet consectetur. Sed velit leo, pretium vel
28 | tincidunt consectetur, consectetur ac neque. Vestibulum nec orci eu arcu hendrerit malesuada in vel quam. Fusce
29 | sollicitudin, nisl vel suscipit facilisis, quam arcu adipiscing diam, nec lacinia arcu elit non lorem. Vestibulum
30 | ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
31 |
32 | %hr
33 |
34 | .buttons
35 | %button{:type => :submit, :class => 'positive', :name => :button, :value => :save} Save Changes
36 | = link_to 'Cancel Changes', '/', :class => 'button neutral large'
37 | = link_to 'Cancel Changes', '/', :class => 'button normal large'
38 | = link_to 'Cancel Changes', '/', :class => 'button warning large'
39 |
40 | %hr
41 |
42 | %table.horizontal
43 | %thead
44 | %tr
45 | %th Column 1
46 | %th Column 2
47 | %th Column 3
48 | %tbody
49 | %tr
50 | %td Cell 1
51 | %td Cell 2
52 | %td Cell 3
53 | %tr
54 | %td Cell 1
55 | %td Cell 2
56 | %td Cell 3
57 | %tr
58 | %td Cell 1
59 | %td Cell 2
60 | %td Cell 3
61 |
62 | %hr
63 |
64 | %table.vertical
65 | %tbody
66 | %tr
67 | %td Row 1
68 | %td Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas sodales metus sit amet varius. Nam euismod bibendum ligula. Nam rhoncus, orci ac fermentum viverra
69 | %tr
70 | %td Row 2
71 | %td Aenean aliquet erat at velit pellentesque posuere.
72 | %tr
73 | %td Row 3
74 | %td Etiam at dui nunc, in iaculis dolor. Maecenas lorem risus, pellentesque eget convallis et, ornare id elit. Donec porta suscipit tincidunt. Nam quis mauris in augue viverra tempus quis non nibh. Cras porttitor lectus cursus lacus sagittis non volutpat tortor pharetra. Aliquam ultrices ullamcorper molestie. Integer fringilla nisl vitae justo tempor semper.
75 |
76 | %hr
77 |
78 | = form_tag '/' do
79 | %fieldset
80 | %legend Sample form
81 | .form_input
82 | = label_tag 'Name:'
83 | = text_field_tag :name
84 | %span.description.required
85 | This is where you enter your name.
86 |
87 | .form_input
88 | = label_tag "Text:"
89 | = text_area_tag :content
90 |
91 | .checkbox_group
92 | = check_box_tag :active
93 | = label_tag "Check this box for great fun"
94 |
95 | %hr
96 |
97 | .grid-row
98 | .main
99 | %p
100 | Aenean aliquet erat at velit pellentesque posuere. Proin euismod ultrices tellus at placerat. Proin luctus accumsan
101 | metus, at dignissim elit feugiat ac. Fusce et odio nec orci mollis sollicitudin. Donec diam metus, porttitor sit amet
102 | suscipit et, bibendum eget velit. Nam at augue felis. In rhoncus, nunc quis pharetra dapibus, nisl diam adipiscing
103 | sapien, ac laoreet velit neque id mauris. Mauris nisi neque, suscipit nec ornare a, euismod et leo. In varius tellus
104 | in turpis consequat tincidunt. Nunc tristique, nulla eget semper hendrerit, urna lacus blandit lorem, vitae imperdiet
105 | lacus dolor et turpis. Nullam convallis tincidunt erat, id imperdiet nibh aliquet in. Vivamus sed ante tellus, at
106 | lobortis nisl. Integer sed nulla eros. Nulla placerat orci quis nisl hendrerit mollis. Sed lectus justo, pulvinar
107 | tincidunt lobortis ut, malesuada sed ligula. Proin sed est massa. Nullam venenatis odio ac nunc molestie ullamcorper.
108 |
109 | .aside
110 | %p
111 | Etiam at dui nunc, in iaculis dolor. Maecenas lorem risus, pellentesque eget convallis et, ornare id elit. Donec
112 | porta suscipit tincidunt. Nam quis mauris in augue viverra tempus quis non nibh. Cras porttitor lectus cursus lacus
113 | sagittis non volutpat tortor pharetra. Aliquam ultrices ullamcorper molestie. Integer fringilla nisl vitae justo
114 | tempor semper.
115 |
--------------------------------------------------------------------------------
/files/app/stylesheets/partials/_buttons.sass:
--------------------------------------------------------------------------------
1 | // Fancy buttons from http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/
2 |
3 | .buttons
4 | margin: 1em 0
5 | button,a.button
6 | display: inline-block
7 | vertical-align: baseline
8 | margin: 0 2px
9 | outline: none
10 | cursor: pointer
11 | text-align: center
12 | text-decoration: none
13 | font: 13px/100% Arial, Helvetica, sans-serif
14 | font-weight: bold
15 | line-height: 1.45em
16 | padding: .4em 1.5em .42em
17 | text-shadow: 0 1px 1px rgba(0,0,0,.3)
18 | -webkit-border-radius: 1em
19 | -moz-border-radius: 1em
20 | border-radius: 1em
21 | -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2)
22 | -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2)
23 | box-shadow: 0 1px 2px rgba(0,0,0,.2)
24 | &:hover
25 | text-decoration: none
26 | &:active
27 | position: relative
28 | top: 1px
29 |
30 | .bigrounded
31 | -webkit-border-radius: 2em
32 | -moz-border-radius: 2em
33 | border-radius: 2em
34 | .large
35 | font-size: 14px
36 | padding: .5em 2em .55em
37 | .medium
38 | font-size: 12px
39 | padding: .4em 1.5em .42em
40 | .small
41 | font-size: 11px
42 | padding: .2em 1em .275em
43 |
44 | /* gray
45 |
46 | .neutral
47 | color: #e9e9e9
48 | border: solid 1px #555
49 | background: #6e6e6e
50 | background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#575757))
51 | background: -moz-linear-gradient(top, #888888, #575757)
52 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757')
53 | &:hover
54 | background: #616161
55 | background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b))
56 | background: -moz-linear-gradient(top, #757575, #4b4b4b)
57 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b')
58 | &:active
59 | color: #afafaf
60 | background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888888))
61 | background: -moz-linear-gradient(top, #575757, #888888)
62 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888')
63 |
64 | /* white
65 |
66 | .white
67 | color: #606060
68 | border: solid 1px #b7b7b7
69 | background: #fff
70 | background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed))
71 | background: -moz-linear-gradient(top, white, #ededed)
72 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')
73 | &:hover
74 | background: #ededed
75 | background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dcdcdc))
76 | background: -moz-linear-gradient(top, white, #dcdcdc)
77 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc')
78 | &:active
79 | color: #999
80 | background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(white))
81 | background: -moz-linear-gradient(top, #ededed, white)
82 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff')
83 |
84 | /* blue
85 |
86 | .normal
87 | color: #d9eef7
88 | border: solid 1px #0076a3
89 | background: #0095cd
90 | background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5))
91 | background: -moz-linear-gradient(top, #00adee, #0078a5)
92 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5')
93 | &:hover
94 | background: #007ead
95 | background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e))
96 | background: -moz-linear-gradient(top, #0095cc, #00678e)
97 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e')
98 | &:active
99 | color: #80bed6
100 | background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee))
101 | background: -moz-linear-gradient(top, #0078a5, #00adee)
102 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee')
103 |
104 | /* rosy
105 |
106 | .warning
107 | color: #fae7e9
108 | border: solid 1px #b73948
109 | background: #da5867
110 | background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f))
111 | background: -moz-linear-gradient(top, #f16c7c, #bf404f)
112 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f')
113 | &:hover
114 | background: #ba4b58
115 | background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845))
116 | background: -moz-linear-gradient(top, #cf5d6a, #a53845)
117 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845')
118 | &:active
119 | color: #dca4ab
120 | background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c))
121 | background: -moz-linear-gradient(top, #bf404f, #f16c7c)
122 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c')
123 |
124 | /* green
125 |
126 | .positive
127 | color: #e8f0de
128 | border: solid 1px #538312
129 | background: #64991e
130 | background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e))
131 | background: -moz-linear-gradient(top, #7db72f, #4e7d0e)
132 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e')
133 | &:hover
134 | background: #538018
135 | background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c))
136 | background: -moz-linear-gradient(top, #6b9d28, #436b0c)
137 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c')
138 | &:active
139 | color: #a9c08c
140 | background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f))
141 | background: -moz-linear-gradient(top, #4e7d0e, #7db72f)
142 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f')
143 |
--------------------------------------------------------------------------------
/files/public/javascripts/dd_belatedpng.js:
--------------------------------------------------------------------------------
1 | /**
2 | * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML