Download as
Browse Code »

Commit b63e4ea46a683b0daefb6c30792681abd418bc57

Authored by Dan Croak
1 parent 04c77662
Exists in master and in 1 other branch production-vendorized

adding stylus through git

Showing 6 changed files with 1 additions and 353 deletions   Show diff stats
public/stylesheets/framework/forms.css
View file @04c7766
@@ -1,83 +0,0 @@ @@ -1,83 +0,0 @@
1 -/* fieldsets */  
2 -  
3 -form fieldset.inputs, form fieldset.buttons {  
4 - margin: 1em 0; }  
5 -  
6 -/* labels */  
7 -  
8 -form fieldset div label {  
9 - display: block;  
10 - font-size: 1.4em; }  
11 -  
12 -/* instruction */  
13 -  
14 -form fieldset p.instruction {  
15 - font-size: 1em; }  
16 -  
17 -form fieldset .hidden {  
18 - display: none; }  
19 -  
20 -/* inputs */  
21 -  
22 -form fieldset div.string,  
23 -form fieldset div.numeric,  
24 -form fieldset div.password {  
25 - margin: 0 0 2em 0; }  
26 -  
27 -form fieldset div.string input,  
28 -form fieldset div.numeric input,  
29 -form fieldset div.text textarea {  
30 - padding: 0.4em; }  
31 -  
32 -form fieldset div.password input {  
33 - font-weight: bold; }  
34 -  
35 -form fieldset div.boolean label,  
36 -form fieldset div.boolean input {  
37 - display: inline; }  
38 -  
39 -form fieldset div.boolean label {  
40 - margin: 0 0.5em 0 0.2em; }  
41 -  
42 -/* radio buttons and check boxes */  
43 -  
44 -form fieldset div.radio_buttons fieldset ol,  
45 -form fieldset div.check_boxes fieldset ol, {  
46 - margin-bottom: -0.6em; }  
47 -form fieldset div.radio_buttons fieldset ol li,  
48 -form fieldset div.check_boxes fieldset ol li, {  
49 - margin: 0.1em 0 0.5em 0; }  
50 -form fieldset div.radio_buttons fieldset ol li label,  
51 -form fieldset div.check_boxes fieldset ol li label {  
52 - float: none; }  
53 -form fieldset div.radio_buttons fieldset ol li label input,  
54 -form fieldset div.check_boxes fieldset ol li label input, {  
55 - margin-right: 0.2em; }  
56 -  
57 -/* dates, times, and datetimes */  
58 -  
59 -form fieldset div.date fieldset ol li,  
60 -form fieldset div.time fieldset ol li,  
61 -form fieldset div.datetime fieldset ol li {  
62 - float: left;  
63 - width: auto;  
64 - margin: 0 .3em 0 0; }  
65 -  
66 -form fieldset div.date fieldset ol li label,  
67 -form fieldset div.time fieldset ol li label,  
68 -form fieldset div.datetime fieldset ol li label {  
69 - display: none; }  
70 -  
71 -form fieldset div.date fieldset ol li label input,  
72 -form fieldset div.time fieldset ol li label input,  
73 -form fieldset div.datetime fieldset ol li label input {  
74 - display: inline;  
75 - margin: 0;  
76 - padding: 0; }  
77 -  
78 -/* buttons */  
79 -  
80 -form fieldset.buttons input {  
81 - font-size: 1.2em;  
82 - padding: 1em; }  
83 -  
public/stylesheets/framework/layout.css
View file @04c7766
@@ -1,70 +0,0 @@ @@ -1,70 +0,0 @@
1 -.clearfix:after {  
2 - content: ".";  
3 - display: block;  
4 - height: 0;  
5 - clear: both;  
6 - visibility: hidden;  
7 -}  
8 -* html .clearfix { height: 1%; }  
9 -*:first-child+html .clearfix { min-height: 1px; }  
10 -  
11 -.half,  
12 -.quarter,  
13 -.three_quarters {  
14 - display: inline-block;  
15 - vertical-align: top;  
16 -}  
17 -  
18 -.middle {  
19 - margin: 0 auto;  
20 -}  
21 -  
22 -.center {  
23 - text-align: center;  
24 -}  
25 -  
26 -/* grid 960 { 480 240 120 60 30 15 5 } */  
27 -  
28 -/*.grid_960 */  
29 -.grid_960 .row{  
30 - width: 96em;  
31 - margin: 0 auto;  
32 -}  
33 -  
34 -.grid_960 .half {  
35 - width: 48em;  
36 -}  
37 -  
38 -.grid_960 .quarter {  
39 - width: 24em;  
40 -}  
41 -  
42 -.grid_960 .three_quarters {  
43 - width: 72em;  
44 -}  
45 -  
46 -/* testing framework */  
47 -.test {  
48 - -moz-opacity: .7;  
49 - background: #000;  
50 - color: #FFF;  
51 -}  
52 -.test h1 {  
53 - background: #0F0;  
54 -}  
55 -.test h2 {  
56 - background: #0C0;  
57 -}  
58 -.test h3 {  
59 - background: #090;  
60 -}  
61 -.test h4 {  
62 - background: #060;  
63 -}  
64 -.test ul {  
65 - background: #c00;  
66 -}  
67 -.test p {  
68 - background: #c00;  
69 -}  
70 -  
public/stylesheets/framework/reset.css
View file @04c7766
@@ -1,50 +0,0 @@ @@ -1,50 +0,0 @@
1 -/*  
2 - reset.css - global defaults  
3 - http://meyerweb.com/tools/css/reset  
4 -*/  
5 -  
6 -html, body, div, span, applet, object, iframe,  
7 -h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
8 -a, abbr, acronym, address, big, cite, code,  
9 -del, dfn, em, font, img, ins, kbd, q, s, samp,  
10 -small, strike, strong, sub, sup, tt, var,  
11 -b, u, i, center,  
12 -dl, dt, dd, ol, ul, li,  
13 -fieldset, form, label, legend,  
14 -table, caption, tbody, tfoot, thead, tr, th, td {  
15 - margin: 0;  
16 - padding: 0;  
17 - border: 0;  
18 - outline: 0;  
19 - font-size: 100%;  
20 - vertical-align: baseline;  
21 - background: transparent;  
22 -}  
23 -  
24 -body { line-height: 1; }  
25 -  
26 -ol, ul { list-style: none; }  
27 -  
28 -blockquote, q { quotes: none; }  
29 -  
30 -blockquote:before, blockquote:after,  
31 -q:before, q:after {  
32 - content: '';  
33 - content: none;  
34 -}  
35 -  
36 -/* remember to define focus styles! */  
37 -:focus {  
38 - outline: 0;  
39 -}  
40 -  
41 -/* remember to highlight inserts somehow! */  
42 -ins { text-decoration: none; }  
43 -del { text-decoration: line-through; }  
44 -  
45 -/* tables still need 'cellspacing="0"' in the markup */  
46 -table {  
47 - border-collapse: collapse;  
48 - border-spacing: 0;  
49 -}  
50 -  
public/stylesheets/framework/typography.css
View file @04c7766
@@ -1,145 +0,0 @@ @@ -1,145 +0,0 @@
1 -/*  
2 - These values are sensible defaults. You are encouraged to define your own values.  
3 -  
4 - Formula:  
5 - base line-height / font-size = element line-height  
6 -  
7 - Example:  
8 - base line-height: 1.8 (18px)  
9 -  
10 - 1.8 / 7.2em = .25  
11 -  
12 - 2.1 lineheight  
13 -  
14 -*/  
15 -  
16 -body {  
17 - background: #fff top left repeat;  
18 - font-size: .625em; /* 62.5% of browser default (16px) is 10px */  
19 - font-family: Lucida Sans, Arial, Helvetica,sans-serif;  
20 -}  
21 -  
22 -h1, h2, h3, h4, h5, h6 {  
23 - font-family: Georgia, "Times New Roman", Times, serif;  
24 - font-weight: normal;  
25 -}  
26 -  
27 -p {  
28 - font-size: 1.4em;  
29 - line-height: 1.5;  
30 - margin: 0 1.5em 1.5em 0;  
31 -}  
32 -  
33 -h1 {  
34 - font-size: 4.2em;  
35 - line-height: 1;  
36 - margin: 0 .5em .5em 0;  
37 -}  
38 -  
39 -h2 {  
40 - font-size: 3.5em;  
41 - line-height: 1.2;  
42 - margin: 0 .6em .6em 0;  
43 -}  
44 -  
45 -h3 {  
46 - font-size: 2.8em;  
47 - line-height: .75em;  
48 - margin: 0 .75em .75em 0  
49 -}  
50 -  
51 -h3.center {  
52 - margin-right: 0;  
53 -}  
54 -  
55 -ul {  
56 - list-style-type: square;  
57 - margin: 0 1.5em 1.5em 1em;  
58 -}  
59 -  
60 -ul,  
61 -dl,  
62 -th,  
63 -td,  
64 -legend {  
65 - font-size: 1.4em;  
66 - line-height: 1.5;  
67 -}  
68 -  
69 -input {  
70 - vertical-align: middle;  
71 -}  
72 -  
73 -/* custom typography */  
74 -  
75 -h1 {  
76 - font-family: "Garamond", "Times New Roman", Times, serif;  
77 - text-shadow: 0 0 4px #000;  
78 -}  
79 -  
80 -h2 {  
81 - font-family: "Baskerville", "Garamond", "Times New Roman", Times, serif;  
82 -}  
83 -  
84 -h3 {  
85 - font-family: "Baskerville", "Garamond", "Times New Roman", Times, serif;  
86 - font-style: italic;  
87 -}  
88 -  
89 -#flash_notice, #flash_success, #flash_failure {  
90 - font-family: Georgia;  
91 - letter-spacing: .15em;  
92 - font-variant: small-caps;  
93 - text-transform: lowercase;  
94 -}  
95 -  
96 -#flash_success {  
97 - padding: .5em 0;  
98 - border-top: 1px dashed;  
99 - border-bottom: 1px dashed;  
100 -}  
101 -  
102 -#flash_notice {  
103 - padding: .5em 0;  
104 - border-top: 1px dashed;  
105 - border-bottom: 1px dashed;  
106 -}  
107 -  
108 -#flash_failure {  
109 - padding: .5em 0;  
110 - background: #200;  
111 - border-top: 1px dashed;  
112 - border-bottom: 1px dashed;  
113 -}  
114 -  
115 -#flash {  
116 - font-size: 2.4em;  
117 - width: 100%;  
118 -}  
119 -  
120 -p, li {  
121 - font-weight: lighter;  
122 - font-family: Gotham, Century Gothic, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;  
123 -}  
124 -  
125 -a {  
126 - text-decoration: none;  
127 -}  
128 -  
129 -a:hover {  
130 - text-decoration: underline;  
131 -}  
132 -  
133 -p.date {  
134 - text-align: center;  
135 - text-transform: lowercase;  
136 - letter-spacing: .2em;  
137 - font-variant: small-caps;  
138 - font-family: Georgia, "Times New Roman", Times, serif;  
139 - font-size: 1.4em;  
140 -}  
141 -  
142 -p.date span {  
143 - padding: 0 .5em;  
144 -}  
145 -  
public/stylesheets/screen.css
View file @04c7766
@@ -1,5 +0,0 @@ @@ -1,5 +0,0 @@
1 -@import url("framework/reset.css");  
2 -@import url("framework/typography.css");  
3 -@import url("framework/layout.css");  
4 -@import url("framework/forms.css");  
5 -  
stylus 0 → 160000
  Diff comments   View file @b63e4ea
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +Subproject commit 313c45ac55c521f273377824108fbed6a312fe25