abi 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.
@@ -0,0 +1,46 @@
1
+ /* Absolute Center */
2
+ .abs-center{
3
+ margin: auto;
4
+ position: fixed;
5
+ top:0; right:0; bottom:0; left:0;
6
+ }
7
+ /*Container for audio player*/
8
+ #audioplayer{
9
+ width: 480px;
10
+ height: 60px;
11
+ margin: auto;
12
+ margin-top: 50px;
13
+ background: rgba(77, 133, 222, 0.62);
14
+ border-radius: 15px;
15
+ }
16
+ /* Play/Pause Button */
17
+ #pButton{
18
+ height:60px;
19
+ width: 60px;
20
+ border: none;
21
+ background-size: 50% 50%;
22
+ background-repeat: no-repeat;
23
+ background-position: center;
24
+ float:left;
25
+ }
26
+ /*Classes for play/pause button background*/
27
+ .play{background: url('../img/play.png') ;}
28
+ .pause{background: url('../img/pause.png') ;}
29
+
30
+ #gutter{
31
+ width: 400px;
32
+ height: 20px;
33
+ background: #4200f7;
34
+ margin-top: 20px;
35
+ float: left;
36
+ border-radius: 15px;
37
+ }
38
+ /*Grabable Handle*/
39
+ #handle{
40
+ cursor: pointer;
41
+ width: 18px;
42
+ height: 18px;
43
+ border-radius: 50%;
44
+ margin-top: 1px;
45
+ background: rgba(0, 255, 196, 0.82);
46
+ }
@@ -0,0 +1,430 @@
1
+ /*
2
+ * ___
3
+ * /\_ \
4
+ * _____ ___ ___\//\ \ __
5
+ * /\ '__`\ / __`\ / __`\\ \ \ /'__`\
6
+ * \ \ \_\ \/\ \_\ \/\ \_\ \\_\ \_/\ __/
7
+ * \ \ ,__/\ \____/\ \____//\____\ \____\
8
+ * \ \ \/ \/___/ \/___/ \/____/\/____/
9
+ * \ \_\
10
+ * \/_/
11
+ *
12
+ * Designed, built, and released under MIT license by @mdo. Learn more at
13
+ * https://github.com/poole/poole.
14
+ */
15
+
16
+
17
+ /*
18
+ * Contents
19
+ *
20
+ * Body resets
21
+ * Custom type
22
+ * Messages
23
+ * Container
24
+ * Masthead
25
+ * Posts and pages
26
+ * Pagination
27
+ * Reverse layout
28
+ * Themes
29
+ */
30
+
31
+
32
+ /*
33
+ * Body resets
34
+ *
35
+ * Update the foundational and global aspects of the page.
36
+ */
37
+
38
+ * {
39
+ -webkit-box-sizing: border-box;
40
+ -moz-box-sizing: border-box;
41
+ box-sizing: border-box;
42
+ }
43
+
44
+ html,
45
+ body {
46
+ margin: 0;
47
+ padding: 0;
48
+ }
49
+
50
+ html {
51
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
52
+ font-size: 16px;
53
+ line-height: 1.5;
54
+ }
55
+ @media (min-width: 38em) {
56
+ html {
57
+ font-size: 20px;
58
+ }
59
+ }
60
+
61
+ body {
62
+ color: #515151;
63
+ background-color: #fff;
64
+ -webkit-text-size-adjust: 100%;
65
+ -ms-text-size-adjust: 100%;
66
+ }
67
+
68
+ /* No `:visited` state is required by default (browsers will use `a`) */
69
+ a {
70
+ color: #268bd2;
71
+ text-decoration: none;
72
+ }
73
+ a strong {
74
+ color: inherit;
75
+ }
76
+ /* `:focus` is linked to `:hover` for basic accessibility */
77
+ a:hover,
78
+ a:focus {
79
+ text-decoration: underline;
80
+ }
81
+
82
+ /* Headings */
83
+ h1, h2, h3, h4, h5, h6 {
84
+ margin-bottom: .5rem;
85
+ font-weight: bold;
86
+ line-height: 1.25;
87
+ color: #313131;
88
+ text-rendering: optimizeLegibility;
89
+ }
90
+ h1 {
91
+ font-size: 2rem;
92
+ }
93
+ h2 {
94
+ margin-top: 1rem;
95
+ font-size: 1.5rem;
96
+ }
97
+ h3 {
98
+ margin-top: 1.5rem;
99
+ font-size: 1.25rem;
100
+ }
101
+ h4, h5, h6 {
102
+ margin-top: 1rem;
103
+ font-size: 1rem;
104
+ }
105
+
106
+ /* Body text */
107
+ p {
108
+ margin-top: 0;
109
+ margin-bottom: 1rem;
110
+ }
111
+
112
+ strong {
113
+ color: #303030;
114
+ }
115
+
116
+
117
+ /* Lists */
118
+ ul, ol, dl {
119
+ margin-top: 0;
120
+ margin-bottom: 1rem;
121
+ }
122
+
123
+ dt {
124
+ font-weight: bold;
125
+ }
126
+ dd {
127
+ margin-bottom: .5rem;
128
+ }
129
+
130
+ /* Misc */
131
+ hr {
132
+ position: relative;
133
+ margin: 1.5rem 0;
134
+ border: 0;
135
+ border-top: 1px solid #eee;
136
+ border-bottom: 1px solid #fff;
137
+ }
138
+
139
+ abbr {
140
+ font-size: 85%;
141
+ font-weight: bold;
142
+ color: #555;
143
+ text-transform: uppercase;
144
+ }
145
+ abbr[title] {
146
+ cursor: help;
147
+ border-bottom: 1px dotted #e5e5e5;
148
+ }
149
+
150
+ /* Code */
151
+ code,
152
+ pre {
153
+ font-family: Menlo, Monaco, "Courier New", monospace;
154
+ }
155
+ code {
156
+ padding: .25em .5em;
157
+ font-size: 85%;
158
+ color: #bf616a;
159
+ background-color: #f9f9f9;
160
+ border-radius: 3px;
161
+ }
162
+ pre {
163
+ display: block;
164
+ margin-top: 0;
165
+ margin-bottom: 1rem;
166
+ padding: 1rem;
167
+ font-size: .8rem;
168
+ line-height: 1.4;
169
+ white-space: pre;
170
+ white-space: pre-wrap;
171
+ word-break: break-all;
172
+ word-wrap: break-word;
173
+ background-color: #f9f9f9;
174
+ }
175
+ pre code {
176
+ padding: 0;
177
+ font-size: 100%;
178
+ color: inherit;
179
+ background-color: transparent;
180
+ }
181
+
182
+ /* Pygments via Jekyll */
183
+ .highlight {
184
+ margin-bottom: 1rem;
185
+ border-radius: 4px;
186
+ }
187
+ .highlight pre {
188
+ margin-bottom: 0;
189
+ }
190
+
191
+ /* Gist via GitHub Pages */
192
+ .gist .gist-file {
193
+ font-family: Menlo, Monaco, "Courier New", monospace !important;
194
+ }
195
+ .gist .markdown-body {
196
+ padding: 15px;
197
+ }
198
+ .gist pre {
199
+ padding: 0;
200
+ background-color: transparent;
201
+ }
202
+ .gist .gist-file .gist-data {
203
+ font-size: .8rem !important;
204
+ line-height: 1.4;
205
+ }
206
+ .gist code {
207
+ padding: 0;
208
+ color: inherit;
209
+ background-color: transparent;
210
+ border-radius: 0;
211
+ }
212
+
213
+ /* Quotes */
214
+ blockquote {
215
+ padding: .5rem 1rem;
216
+ margin: .8rem 0;
217
+ color: #7a7a7a;
218
+ border-left: .25rem solid #e5e5e5;
219
+ }
220
+ blockquote p:last-child {
221
+ margin-bottom: 0;
222
+ }
223
+ @media (min-width: 30em) {
224
+ blockquote {
225
+ padding-right: 5rem;
226
+ padding-left: 1.25rem;
227
+ }
228
+ }
229
+
230
+ img {
231
+ display: block;
232
+ max-width: 100%;
233
+ margin: 0 0 1rem;
234
+ border-radius: 5px;
235
+ }
236
+
237
+ /* Tables */
238
+ table {
239
+ margin-bottom: 1rem;
240
+ width: 100%;
241
+ border: 1px solid #e5e5e5;
242
+ border-collapse: collapse;
243
+ }
244
+ td,
245
+ th {
246
+ padding: .25rem .5rem;
247
+ border: 1px solid #e5e5e5;
248
+ }
249
+ tbody tr:nth-child(odd) td,
250
+ tbody tr:nth-child(odd) th {
251
+ background-color: #f9f9f9;
252
+ }
253
+
254
+
255
+ /*
256
+ * Custom type
257
+ *
258
+ * Extend paragraphs with `.lead` for larger introductory text.
259
+ */
260
+
261
+ .lead {
262
+ font-size: 1.25rem;
263
+ font-weight: 300;
264
+ }
265
+
266
+
267
+ /*
268
+ * Messages
269
+ *
270
+ * Show alert messages to users. You may add it to single elements like a `<p>`,
271
+ * or to a parent if there are multiple elements to show.
272
+ */
273
+
274
+ .message {
275
+ margin-bottom: 1rem;
276
+ padding: 1rem;
277
+ color: #717171;
278
+ background-color: #f9f9f9;
279
+ }
280
+
281
+
282
+ /*
283
+ * Container
284
+ *
285
+ * Center the page content.
286
+ */
287
+
288
+ .container {
289
+ max-width: 38rem;
290
+ padding-left: 1rem;
291
+ padding-right: 1rem;
292
+ margin-left: auto;
293
+ margin-right: auto;
294
+ }
295
+
296
+
297
+ /*
298
+ * Masthead
299
+ *
300
+ * Super small header above the content for site name and short description.
301
+ */
302
+
303
+ .masthead {
304
+ padding-top: 1rem;
305
+ padding-bottom: 1rem;
306
+ margin-bottom: 3rem;
307
+ }
308
+ .masthead-title {
309
+ margin-top: 0;
310
+ margin-bottom: 0;
311
+ color: #505050;
312
+ }
313
+ .masthead-title a {
314
+ color: #505050;
315
+ }
316
+ .masthead-title small {
317
+ font-size: 75%;
318
+ font-weight: 400;
319
+ color: #c0c0c0;
320
+ letter-spacing: 0;
321
+ }
322
+
323
+
324
+ /*
325
+ * Posts and pages
326
+ *
327
+ * Each post is wrapped in `.post` and is used on default and post layouts. Each
328
+ * page is wrapped in `.page` and is only used on the page layout.
329
+ */
330
+
331
+ .page,
332
+ .post {
333
+ margin-bottom: 4em;
334
+ }
335
+
336
+ /* Blog post or page title */
337
+ .page-title,
338
+ .post-title,
339
+ .post-title a {
340
+ color: #303030;
341
+ }
342
+ .page-title,
343
+ .post-title {
344
+ margin-top: 0;
345
+ }
346
+
347
+ /* Meta data line below post title */
348
+ .post-date {
349
+ display: block;
350
+ margin-top: -.5rem;
351
+ margin-bottom: 1rem;
352
+ color: #9a9a9a;
353
+ }
354
+
355
+ /* Related posts */
356
+ .related {
357
+ padding-top: 2rem;
358
+ padding-bottom: 2rem;
359
+ border-top: 1px solid #eee;
360
+ }
361
+ .related-posts {
362
+ padding-left: 0;
363
+ list-style: none;
364
+ }
365
+ .related-posts h3 {
366
+ margin-top: 0;
367
+ }
368
+ .related-posts li small {
369
+ font-size: 75%;
370
+ color: #999;
371
+ }
372
+ .related-posts li a:hover {
373
+ color: #268bd2;
374
+ text-decoration: none;
375
+ }
376
+ .related-posts li a:hover small {
377
+ color: inherit;
378
+ }
379
+
380
+
381
+ /*
382
+ * Pagination
383
+ *
384
+ * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
385
+ * there are no more previous or next posts to show.
386
+ */
387
+
388
+ .pagination {
389
+ overflow: hidden; /* clearfix */
390
+ margin-left: -1rem;
391
+ margin-right: -1rem;
392
+ font-family: "PT Sans", Helvetica, Arial, sans-serif;
393
+ color: #ccc;
394
+ text-align: center;
395
+ }
396
+
397
+ /* Pagination items can be `span`s or `a`s */
398
+ .pagination-item {
399
+ display: block;
400
+ padding: 1rem;
401
+ border: 1px solid #eee;
402
+ }
403
+ .pagination-item:first-child {
404
+ margin-bottom: -1px;
405
+ }
406
+
407
+ /* Only provide a hover state for linked pagination items */
408
+ a.pagination-item:hover {
409
+ background-color: #f5f5f5;
410
+ }
411
+
412
+ @media (min-width: 30em) {
413
+ .pagination {
414
+ margin: 3rem 0;
415
+ }
416
+ .pagination-item {
417
+ float: left;
418
+ width: 50%;
419
+ }
420
+ .pagination-item:first-child {
421
+ margin-bottom: 0;
422
+ border-top-left-radius: 4px;
423
+ border-bottom-left-radius: 4px;
424
+ }
425
+ .pagination-item:last-child {
426
+ margin-left: -1px;
427
+ border-top-right-radius: 4px;
428
+ border-bottom-right-radius: 4px;
429
+ }
430
+ }