pakyow 0.8.0 → 0.9.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,217 +1,191 @@
1
- @import url("reset.css");
1
+ html {
2
+ font-size: 62.5%;
3
+ line-height: 62.5%; }
2
4
 
3
5
  body {
4
- background:#fff;
5
-
6
- color:#333;
7
- font:13px "Helvetica Neue", Helvetica, sans-serif;
8
- }
6
+ background: #fff;
7
+ color: #333;
8
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
9
+ font-size: 13px;
10
+ font-size: 1.3rem; }
9
11
 
10
12
  code {
11
- font:0.9em Menlo, monospace;
12
- }
13
+ font-family: Menlo, monospace;
14
+ font-size: 9px;
15
+ font-size: 0.9rem; }
13
16
 
14
17
  h1, h2, h3, h4 {
15
- font-weight:bold;
16
- }
18
+ font-weight: bold; }
17
19
 
18
20
  h1 {
19
- font-size:2.4em;
20
- line-height:2em;
21
- }
21
+ font-size: 32px;
22
+ font-size: 3.2rem;
23
+ line-height: 20px;
24
+ line-height: 2rem; }
22
25
 
23
26
  h2 {
24
- font-size:1.8em;
25
- line-height:2em;
26
- }
27
+ font-size: 24px;
28
+ font-size: 2.4rem;
29
+ line-height: 20px;
30
+ line-height: 2rem; }
27
31
 
28
32
  h3 {
29
- font-size:1.4em;
30
- line-height:2em;
31
- }
33
+ font-size: 18px;
34
+ font-size: 1.8rem;
35
+ line-height: 20px;
36
+ line-height: 2rem; }
32
37
 
33
38
  h4 {
34
- font-size:1.1em;
35
- line-height:1.5em;
36
- }
39
+ font-size: 15px;
40
+ font-size: 1.5rem;
41
+ line-height: 15px;
42
+ line-height: 1.5rem; }
37
43
 
38
44
  h5 {
39
- font-size:1em;
40
- line-height:1.5em;
41
- }
45
+ font-size: 13px;
46
+ font-size: 1.3rem;
47
+ line-height: 15px;
48
+ line-height: 1.5rem; }
42
49
 
43
50
  hr {
44
- border:0;
45
- height:1px;
46
- background:#DEDEDE;
47
- margin-top:30px;
48
- }
51
+ border: 0;
52
+ height: 1px;
53
+ background: #DEDEDE;
54
+ margin-top: 30px; }
49
55
 
50
56
  p {
51
- font-size:1em;
52
- line-height:1.4em;
53
- margin: 0 0 9px;
54
- }
57
+ font-size: 13px;
58
+ font-size: 1.3rem;
59
+ line-height: 18px;
60
+ line-height: 1.8rem;
61
+ margin: 0 0 9px; }
55
62
 
56
63
  strong {
57
- font-weight:bold;
58
- }
64
+ font-weight: bold; }
59
65
 
60
66
  em {
61
- font-style:italic;
62
- }
67
+ font-style: italic; }
63
68
 
64
69
  a {
65
- color:#206cb1;
66
- text-decoration:none;
67
- }
68
-
69
- a:hover {
70
- text-decoration:underline;
71
- color:#185286;
72
- }
70
+ color: #206cb1;
71
+ text-decoration: none; }
72
+ a:hover {
73
+ text-decoration: underline;
74
+ color: #185286; }
73
75
 
74
76
  ul, ol {
75
- margin: 0 0 9px 25px;
76
- }
77
+ margin: 0 0 9px 25px; }
77
78
 
78
79
  ul ul, ol ol {
79
- margin-bottom:0;
80
- }
80
+ margin-bottom: 0; }
81
81
 
82
82
  ul {
83
- list-style:disc;
84
- }
85
-
86
- ul li {
87
- }
83
+ list-style: disc; }
88
84
 
89
85
  ol {
90
- list-style:decimal;
91
- }
86
+ list-style: decimal; }
92
87
 
93
88
  li {
94
- line-height:1.6em;
95
- }
89
+ font-size: 13px;
90
+ font-size: 1.3rem;
91
+ line-height: 16px;
92
+ line-height: 1.6rem; }
96
93
 
97
94
  /*****************************
98
95
  Utility Classes
99
96
  *****************************/
100
-
101
97
  .secondary {
102
- font-size:1.1em;
103
- color:#777;
104
- }
98
+ font-size: 11px;
99
+ font-size: 1.1rem;
100
+ color: #777; }
105
101
 
106
102
  .underline {
107
- border-bottom:1px solid #ccc;
108
- padding-bottom:5px;
109
- }
103
+ border-bottom: 1px solid #ccc;
104
+ padding-bottom: 5px; }
110
105
 
111
106
  /*****************************
112
107
  Forms
113
108
  *****************************/
114
-
115
109
  label {
116
- display:block;
117
- font-weight:bold;
118
- line-height:1em;
119
- }
120
-
121
- label.inline {
122
- display:inline;
123
- }
110
+ display: block;
111
+ font-weight: bold; }
112
+ label.inline {
113
+ display: inline; }
124
114
 
125
115
  fieldset {
126
- margin-bottom:20px;
127
- }
128
-
129
- fieldset > ul {
130
- margin-left:0;
131
- list-style:none;
132
- }
133
-
134
- fieldset > ul > li {
135
- margin-bottom:10px;
136
- }
137
-
138
- fieldset > ul > li > label {
139
- padding-bottom:5px;
140
- }
116
+ margin-bottom: 20px; }
117
+ fieldset ul {
118
+ margin-left: 0;
119
+ list-style: none; }
120
+ fieldset ul li {
121
+ margin-bottom: 10px; }
122
+ fieldset ul li label {
123
+ padding-bottom: 5px; }
141
124
 
142
125
  input, textarea, select {
143
- outline:none;
144
- }
126
+ outline: none; }
145
127
 
146
128
  input, textarea {
147
- padding:3px;
148
- font-size:0.9em;
149
- }
129
+ padding: 3px;
130
+ font-size: 13px;
131
+ font-size: 1.3rem; }
150
132
 
151
133
  input[type='text'], input[type='password'], textarea {
152
134
  border-radius: 2px;
153
- border:1px solid #ccc;
154
- padding:5px;
155
- }
156
-
157
- input[type='text']:focus, input[type='password']:focus, textarea:focus {
158
- border-color:#8dabd4;
159
- }
135
+ border: 1px solid #ccc;
136
+ padding: 5px; }
137
+ input[type='text']:focus, input[type='password']:focus, textarea:focus {
138
+ border-color: #8dabd4; }
160
139
 
161
140
  input[type='submit'], input[type='button'], button, .button {
162
- font:0.9em "Helvetica Neue", Helvetica, sans-serif;
163
- color:#000;
164
-
165
- cursor:pointer;
166
-
167
- border-radius:2px;
168
- border:1px solid #adadad;
169
- padding:6px 5px 5px;
170
-
171
- background: #ffffff; /* Old browsers */
172
- background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
173
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
174
- background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
175
- background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
176
- background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
177
- background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* W3C */
178
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
179
- }
180
-
181
- input[type='submit']:hover, input[type='button']:hover, button:hover, .button:hover {
182
- text-decoration:none;
183
- background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
184
- border-color:#ccc;
185
- color:#777;
186
- }
141
+ font-family: "Helvetica Neue", Helvetica, sans-serif;
142
+ font-size: 13px;
143
+ font-size: 1.3rem;
144
+ color: #000;
145
+ cursor: pointer;
146
+ border-radius: 2px;
147
+ border: 1px solid #adadad;
148
+ padding: 6px 5px 5px;
149
+ background: #ffffff;
150
+ /* Old browsers */
151
+ background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
152
+ /* FF3.6+ */
153
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
154
+ /* Chrome,Safari4+ */
155
+ background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
156
+ /* Chrome10+,Safari5.1+ */
157
+ background: -o-linear-gradient(top, white 0%, #f3f3f3 100%);
158
+ /* Opera 11.10+ */
159
+ background: -ms-linear-gradient(top, white 0%, #f3f3f3 100%);
160
+ /* IE10+ */
161
+ background: linear-gradient(top, white 0%, #f3f3f3 100%);
162
+ /* W3C */
163
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
164
+ /* IE6-9 */ }
165
+ input[type='submit']:hover, input[type='button']:hover, button:hover, .button:hover {
166
+ text-decoration: none;
167
+ background: -webkit-linear-gradient(top, white 0%, #f6f6f6 100%);
168
+ /* Chrome10+,Safari5.1+ */
169
+ border-color: #ccc;
170
+ color: #777; }
187
171
 
188
172
  input.error {
189
- background:#FEFBFB;
190
- border-color:#FBA8A4;
191
- }
192
-
193
- input.error:focus {
194
- border-color:#F4635D;
195
- }
173
+ background: #FEFBFB;
174
+ border-color: #FBA8A4; }
175
+ input.error:focus {
176
+ border-color: #F4635D; }
196
177
 
197
178
  /*****************************
198
179
  Composable Styles
199
180
  *****************************/
200
-
201
181
  ul.horizontal, ol.horizontal {
202
182
  margin: 0;
203
- display: inline;
204
- }
205
-
206
- ul.horizontal li, ol.horizontal li {
207
- display: inline;
208
- }
183
+ display: inline; }
184
+ ul.horizontal li, ol.horizontal li {
185
+ display: inline; }
209
186
 
210
187
  ul.plain, ol.plain {
211
188
  margin: 5px;
212
- padding: 0;
213
- }
214
-
215
- ul.plain li, ol.plain li {
216
- list-style: none;
217
- }
189
+ padding: 0; }
190
+ ul.plain li, ol.plain li {
191
+ list-style: none; }
@@ -1,90 +1,279 @@
1
1
  code, div.code {
2
- font-family:monospace;
3
- font-size:12px;
4
- display:block;
5
- background:#fff;
6
- padding:5px 10px;
7
- border-radius:2px;
8
- margin:10px 0;
9
- margin-bottom:20px;
10
- border:1px solid #cbcbcb;
11
- overflow:auto;
12
- }
2
+ font-family: monospace;
3
+ font-size: 12px;
4
+ display: block;
5
+ background: #fff;
6
+ padding: 5px 10px;
7
+ border-radius: 2px;
8
+ margin: 10px 0;
9
+ margin-bottom: 20px;
10
+ border: 1px solid #cbcbcb;
11
+ overflow: auto; }
13
12
 
14
13
  p code {
15
- display:inline;
16
- padding:2px 3px;
17
- }
14
+ display: inline;
15
+ padding: 2px 3px; }
18
16
 
19
17
  div.code {
20
- margin-top:-10px;
21
- }
18
+ margin-top: -10px; }
22
19
 
23
20
  code.console:before {
24
- content: '$ ';
25
- }
21
+ content: '$ '; }
26
22
 
27
23
  code.console .highlight, code.console pre {
28
- display:inline;
29
- }
30
-
31
- .highlight { background: #ffffff; }
32
- .highlight .c { color: #999988; font-style: italic } /* Comment */
33
- .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
34
- .highlight .k { font-weight: bold } /* Keyword */
35
- .highlight .o { font-weight: bold } /* Operator */
36
- .highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
37
- .highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
38
- .highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
39
- .highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
40
- .highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
41
- .highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
42
- .highlight .ge { font-style: italic } /* Generic.Emph */
43
- .highlight .gr { color: #aa0000 } /* Generic.Error */
44
- .highlight .gh { color: #999999 } /* Generic.Heading */
45
- .highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
46
- .highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
47
- .highlight .go { color: #888888 } /* Generic.Output */
48
- .highlight .gp { color: #555555 } /* Generic.Prompt */
49
- .highlight .gs { font-weight: bold } /* Generic.Strong */
50
- .highlight .gu { color: #aaaaaa } /* Generic.Subheading */
51
- .highlight .gt { color: #aa0000 } /* Generic.Traceback */
52
- .highlight .kc { font-weight: bold } /* Keyword.Constant */
53
- .highlight .kd { font-weight: bold } /* Keyword.Declaration */
54
- .highlight .kp { font-weight: bold } /* Keyword.Pseudo */
55
- .highlight .kr { font-weight: bold } /* Keyword.Reserved */
56
- .highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
57
- .highlight .m { color: #009999 } /* Literal.Number */
58
- .highlight .s { color: #d14 } /* Literal.String */
59
- .highlight .na { color: #008080 } /* Name.Attribute */
60
- .highlight .nb { color: #0086B3 } /* Name.Builtin */
61
- .highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
62
- .highlight .no { color: #008080 } /* Name.Constant */
63
- .highlight .ni { color: #800080 } /* Name.Entity */
64
- .highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
65
- .highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
66
- .highlight .nn { color: #555555 } /* Name.Namespace */
67
- .highlight .nt { color: #000080 } /* Name.Tag */
68
- .highlight .nv { color: #008080 } /* Name.Variable */
69
- .highlight .ow { font-weight: bold } /* Operator.Word */
70
- .highlight .w { color: #bbbbbb } /* Text.Whitespace */
71
- .highlight .mf { color: #009999 } /* Literal.Number.Float */
72
- .highlight .mh { color: #009999 } /* Literal.Number.Hex */
73
- .highlight .mi { color: #009999 } /* Literal.Number.Integer */
74
- .highlight .mo { color: #009999 } /* Literal.Number.Oct */
75
- .highlight .sb { color: #d14 } /* Literal.String.Backtick */
76
- .highlight .sc { color: #d14 } /* Literal.String.Char */
77
- .highlight .sd { color: #d14 } /* Literal.String.Doc */
78
- .highlight .s2 { color: #d14 } /* Literal.String.Double */
79
- .highlight .se { color: #d14 } /* Literal.String.Escape */
80
- .highlight .sh { color: #d14 } /* Literal.String.Heredoc */
81
- .highlight .si { color: #d14 } /* Literal.String.Interpol */
82
- .highlight .sx { color: #d14 } /* Literal.String.Other */
83
- .highlight .sr { color: #009926 } /* Literal.String.Regex */
84
- .highlight .s1 { color: #d14 } /* Literal.String.Single */
85
- .highlight .ss { color: #990073 } /* Literal.String.Symbol */
86
- .highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
87
- .highlight .vc { color: #008080 } /* Name.Variable.Class */
88
- .highlight .vg { color: #008080 } /* Name.Variable.Global */
89
- .highlight .vi { color: #008080 } /* Name.Variable.Instance */
90
- .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
24
+ display: inline; }
25
+
26
+ .highlight {
27
+ background: #ffffff; }
28
+
29
+ .highlight .c {
30
+ color: #999988;
31
+ font-style: italic; }
32
+
33
+ /* Comment */
34
+ .highlight .err {
35
+ color: #a61717;
36
+ background-color: #e3d2d2; }
37
+
38
+ /* Error */
39
+ .highlight .k {
40
+ font-weight: bold; }
41
+
42
+ /* Keyword */
43
+ .highlight .o {
44
+ font-weight: bold; }
45
+
46
+ /* Operator */
47
+ .highlight .cm {
48
+ color: #999988;
49
+ font-style: italic; }
50
+
51
+ /* Comment.Multiline */
52
+ .highlight .cp {
53
+ color: #999999;
54
+ font-weight: bold; }
55
+
56
+ /* Comment.Preproc */
57
+ .highlight .c1 {
58
+ color: #999988;
59
+ font-style: italic; }
60
+
61
+ /* Comment.Single */
62
+ .highlight .cs {
63
+ color: #999999;
64
+ font-weight: bold;
65
+ font-style: italic; }
66
+
67
+ /* Comment.Special */
68
+ .highlight .gd {
69
+ color: #000000;
70
+ background-color: #ffdddd; }
71
+
72
+ /* Generic.Deleted */
73
+ .highlight .gd .x {
74
+ color: #000000;
75
+ background-color: #ffaaaa; }
76
+
77
+ /* Generic.Deleted.Specific */
78
+ .highlight .ge {
79
+ font-style: italic; }
80
+
81
+ /* Generic.Emph */
82
+ .highlight .gr {
83
+ color: #aa0000; }
84
+
85
+ /* Generic.Error */
86
+ .highlight .gh {
87
+ color: #999999; }
88
+
89
+ /* Generic.Heading */
90
+ .highlight .gi {
91
+ color: #000000;
92
+ background-color: #ddffdd; }
93
+
94
+ /* Generic.Inserted */
95
+ .highlight .gi .x {
96
+ color: #000000;
97
+ background-color: #aaffaa; }
98
+
99
+ /* Generic.Inserted.Specific */
100
+ .highlight .go {
101
+ color: #888888; }
102
+
103
+ /* Generic.Output */
104
+ .highlight .gp {
105
+ color: #555555; }
106
+
107
+ /* Generic.Prompt */
108
+ .highlight .gs {
109
+ font-weight: bold; }
110
+
111
+ /* Generic.Strong */
112
+ .highlight .gu {
113
+ color: #aaaaaa; }
114
+
115
+ /* Generic.Subheading */
116
+ .highlight .gt {
117
+ color: #aa0000; }
118
+
119
+ /* Generic.Traceback */
120
+ .highlight .kc {
121
+ font-weight: bold; }
122
+
123
+ /* Keyword.Constant */
124
+ .highlight .kd {
125
+ font-weight: bold; }
126
+
127
+ /* Keyword.Declaration */
128
+ .highlight .kp {
129
+ font-weight: bold; }
130
+
131
+ /* Keyword.Pseudo */
132
+ .highlight .kr {
133
+ font-weight: bold; }
134
+
135
+ /* Keyword.Reserved */
136
+ .highlight .kt {
137
+ color: #445588;
138
+ font-weight: bold; }
139
+
140
+ /* Keyword.Type */
141
+ .highlight .m {
142
+ color: #009999; }
143
+
144
+ /* Literal.Number */
145
+ .highlight .s {
146
+ color: #dd1144; }
147
+
148
+ /* Literal.String */
149
+ .highlight .na {
150
+ color: teal; }
151
+
152
+ /* Name.Attribute */
153
+ .highlight .nb {
154
+ color: #0086b3; }
155
+
156
+ /* Name.Builtin */
157
+ .highlight .nc {
158
+ color: #445588;
159
+ font-weight: bold; }
160
+
161
+ /* Name.Class */
162
+ .highlight .no {
163
+ color: teal; }
164
+
165
+ /* Name.Constant */
166
+ .highlight .ni {
167
+ color: purple; }
168
+
169
+ /* Name.Entity */
170
+ .highlight .ne {
171
+ color: #990000;
172
+ font-weight: bold; }
173
+
174
+ /* Name.Exception */
175
+ .highlight .nf {
176
+ color: #990000;
177
+ font-weight: bold; }
178
+
179
+ /* Name.Function */
180
+ .highlight .nn {
181
+ color: #555555; }
182
+
183
+ /* Name.Namespace */
184
+ .highlight .nt {
185
+ color: navy; }
186
+
187
+ /* Name.Tag */
188
+ .highlight .nv {
189
+ color: teal; }
190
+
191
+ /* Name.Variable */
192
+ .highlight .ow {
193
+ font-weight: bold; }
194
+
195
+ /* Operator.Word */
196
+ .highlight .w {
197
+ color: #bbbbbb; }
198
+
199
+ /* Text.Whitespace */
200
+ .highlight .mf {
201
+ color: #009999; }
202
+
203
+ /* Literal.Number.Float */
204
+ .highlight .mh {
205
+ color: #009999; }
206
+
207
+ /* Literal.Number.Hex */
208
+ .highlight .mi {
209
+ color: #009999; }
210
+
211
+ /* Literal.Number.Integer */
212
+ .highlight .mo {
213
+ color: #009999; }
214
+
215
+ /* Literal.Number.Oct */
216
+ .highlight .sb {
217
+ color: #dd1144; }
218
+
219
+ /* Literal.String.Backtick */
220
+ .highlight .sc {
221
+ color: #dd1144; }
222
+
223
+ /* Literal.String.Char */
224
+ .highlight .sd {
225
+ color: #dd1144; }
226
+
227
+ /* Literal.String.Doc */
228
+ .highlight .s2 {
229
+ color: #dd1144; }
230
+
231
+ /* Literal.String.Double */
232
+ .highlight .se {
233
+ color: #dd1144; }
234
+
235
+ /* Literal.String.Escape */
236
+ .highlight .sh {
237
+ color: #dd1144; }
238
+
239
+ /* Literal.String.Heredoc */
240
+ .highlight .si {
241
+ color: #dd1144; }
242
+
243
+ /* Literal.String.Interpol */
244
+ .highlight .sx {
245
+ color: #dd1144; }
246
+
247
+ /* Literal.String.Other */
248
+ .highlight .sr {
249
+ color: #009926; }
250
+
251
+ /* Literal.String.Regex */
252
+ .highlight .s1 {
253
+ color: #dd1144; }
254
+
255
+ /* Literal.String.Single */
256
+ .highlight .ss {
257
+ color: #990073; }
258
+
259
+ /* Literal.String.Symbol */
260
+ .highlight .bp {
261
+ color: #999999; }
262
+
263
+ /* Name.Builtin.Pseudo */
264
+ .highlight .vc {
265
+ color: teal; }
266
+
267
+ /* Name.Variable.Class */
268
+ .highlight .vg {
269
+ color: teal; }
270
+
271
+ /* Name.Variable.Global */
272
+ .highlight .vi {
273
+ color: teal; }
274
+
275
+ /* Name.Variable.Instance */
276
+ .highlight .il {
277
+ color: #009999; }
278
+
279
+ /* Literal.Number.Integer.Long */