Ajax Loader
HTML 
<div class="container">
1
<div class="container">
2
  <section class="editorWrap">
3
    <h1 class="animate dropIn">Text Editor Shell</h1>
4
    <div class="editor animate fadeIn">
5
      <div class="menu"></div><!-- end .menu -->
6
      <div class="code">
7
        <textarea class="text">Type away you hyper-typer you!</textarea>
8
      </div>
9
    </div>
10
  </section>
11
  <p>&nbsp;</p>
12
</div>
 
CSS 
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
1
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
2
 
3
/* =============================================================================
4
   HTML5 display definitions
5
   ========================================================================== */
6
 
7
/*
8
 * Corrects block display not defined in IE6/7/8/9 & FF3
9
 */
10
 
11
article,
12
aside,
13
details,
14
figcaption,
15
figure,
16
footer,
17
header,
18
hgroup,
19
nav,
20
section,
21
summary {
22
    display: block;
23
}
24
 
25
/*
26
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
27
 */
28
 
29
audio,
30
canvas,
31
video {
32
    display: inline-block;
33
    *display: inline;
34
    *zoom: 1;
35
}
36
 
37
/*
38
 * Prevents modern browsers from displaying 'audio' without controls
39
 * Remove excess height in iOS5 devices
40
 */
41
 
42
audio:not([controls]) {
43
    display: none;
44
    height: 0;
45
}
46
 
47
/*
48
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
49
 * Known issue: no IE6 support
50
 */
51
 
52
[hidden] {
53
    display: none;
54
}
55
 
56
 
57
/* =============================================================================
58
   Base
59
   ========================================================================== */
60
 
61
/*
62
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
63
 *    http://clagnut.com/blog/348/#c790
64
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
65
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
66
 */
67
 
68
html {
69
    font-size: 100%; /* 1 */
70
    -webkit-text-size-adjust: 100%; /* 2 */
71
    -ms-text-size-adjust: 100%; /* 2 */
72
}
73
 
74
/*
75
 * Addresses font-family inconsistency between 'textarea' and other form elements.
76
 */
77
 
78
html,
79
button,
80
input,
81
select,
82
textarea {
83
    font-family: sans-serif;
84
}
85
 
86
/*
87
 * Addresses margins handled incorrectly in IE6/7
88
 */
89
 
90
body {
91
    margin: 0;
92
}
93
 
94
 
95
/* =============================================================================
96
   Links
97
   ========================================================================== */
98
 
99
/*
100
 * Addresses outline displayed oddly in Chrome
101
 */
102
 
103
a:focus {
104
    outline: thin dotted;
105
}
106
 
107
/*
108
 * Improves readability when focused and also mouse hovered in all browsers
109
 * people.opera.com/patrickl/experiments/keyboard/test
110
 */
111
 
112
a:hover,
113
a:active {
114
    outline: 0;
115
}
116
 
117
 
118
/* =============================================================================
119
   Typography
120
   ========================================================================== */
121
 
122
/*
123
 * Addresses font sizes and margins set differently in IE6/7
124
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
125
 */
126
 
127
h1 {
128
    font-size: 2em;
129
    margin: 0.67em 0;
130
}
131
 
132
h2 {
133
    font-size: 1.5em;
134
    margin: 0.83em 0;
135
}
136
 
137
h3 {
138
    font-size: 1.17em;
139
    margin: 1em 0;
140
}
141
 
142
h4 {
143
    font-size: 1em;
144
    margin: 1.33em 0;
145
}
146
 
147
h5 {
148
    font-size: 0.83em;
149
    margin: 1.67em 0;
150
}
151
 
152
h6 {
153
    font-size: 0.75em;
154
    margin: 2.33em 0;
155
}
156
 
157
/*
158
 * Addresses styling not present in IE7/8/9, S5, Chrome
159
 */
160
 
161
abbr[title] {
162
    border-bottom: 1px dotted;
163
}
164
 
165
/*
166
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
167
*/
168
 
169
b,
170
strong {
171
    font-weight: bold;
172
}
173
 
174
blockquote {
175
    margin: 1em 40px;
176
}
177
 
178
/*
179
 * Addresses styling not present in S5, Chrome
180
 */
181
 
182
dfn {
183
    font-style: italic;
184
}
185
 
186
/*
187
 * Addresses styling not present in IE6/7/8/9
188
 */
189
 
190
mark {
191
    background: #ff0;
192
    color: #000;
193
}
194
 
195
/*
196
 * Addresses margins set differently in IE6/7
197
 */
198
 
199
p,
200
pre {
201
    margin: 1em 0;
202
}
203
 
204
/*
205
 * Corrects font family set oddly in IE6, S4/5, Chrome
206
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
207
 */
208
 
209
pre,
210
code,
211
kbd,
212
samp {
213
    font-family: monospace, serif;
214
    _font-family: 'courier new', monospace;
215
    font-size: 1em;
216
}
217
 
218
/*
219
 * Improves readability of pre-formatted text in all browsers
220
 */
221
 
222
pre {
223
    white-space: pre;
224
    white-space: pre-wrap;
225
    word-wrap: break-word;
226
}
227
 
228
/*
229
 * 1. Addresses CSS quotes not supported in IE6/7
230
 * 2. Addresses quote property not supported in S4
231
 */
232
 
233
/* 1 */
234
 
235
q {
236
    quotes: none;
237
}
238
 
239
/* 2 */
240
 
241
q:before,
242
q:after {
243
    content: '';
244
    content: none;
245
}
246
 
247
small {
248
    font-size: 75%;
249
}
250
 
251
/*
252
 * Prevents sub and sup affecting line-height in all browsers
253
 * gist.github.com/413930
254
 */
255
 
256
sub,
257
sup {
258
    font-size: 75%;
259
    line-height: 0;
260
    position: relative;
261
    vertical-align: baseline;
262
}
263
 
264
sup {
265
    top: -0.5em;
266
}
267
 
268
sub {
269
    bottom: -0.25em;
270
}
271
 
272
 
273
/* =============================================================================
274
   Lists
275
   ========================================================================== */
276
 
277
/*
278
 * Addresses margins set differently in IE6/7
279
 */
280
 
281
dl,
282
menu,
283
ol,
284
ul {
285
    margin: 1em 0;
286
}
287
 
288
dd {
289
    margin: 0 0 0 40px;
290
}
291
 
292
/*
293
 * Addresses paddings set differently in IE6/7
294
 */
295
 
296
menu,
297
ol,
298
ul {
299
    padding: 0 0 0 40px;
300
}
301
 
302
/*
303
 * Corrects list images handled incorrectly in IE7
304
 */
305
 
306
nav ul,
307
nav ol {
308
    list-style: none;
309
    list-style-image: none;
310
}
311
 
312
 
313
/* =============================================================================
314
   Embedded content
315
   ========================================================================== */
316
 
317
/*
318
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
319
 * 2. Improves image quality when scaled in IE7
320
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
321
 */
322
 
323
img {
324
    border: 0; /* 1 */
325
    -ms-interpolation-mode: bicubic; /* 2 */
326
}
327
 
328
/*
329
 * Corrects overflow displayed oddly in IE9
330
 */
331
 
332
svg:not(:root) {
333
    overflow: hidden;
334
}
335
 
336
 
337
/* =============================================================================
338
   Figures
339
   ========================================================================== */
340
 
341
/*
342
 * Addresses margin not present in IE6/7/8/9, S5, O11
343
 */
344
 
345
figure {
346
    margin: 0;
347
}
348
 
349
 
350
/* =============================================================================
351
   Forms
352
   ========================================================================== */
353
 
354
/*
355
 * Corrects margin displayed oddly in IE6/7
356
 */
357
 
358
form {
359
    margin: 0;
360
}
361
 
362
/*
363
 * Define consistent border, margin, and padding
364
 */
365
 
366
fieldset {
367
    border: 1px solid #c0c0c0;
368
    margin: 0 2px;
369
    padding: 0.35em 0.625em 0.75em;
370
}
371
 
372
/*
373
 * 1. Corrects color not being inherited in IE6/7/8/9
374
 * 2. Corrects text not wrapping in FF3
375
 * 3. Corrects alignment displayed oddly in IE6/7
376
 */
377
 
378
legend {
379
    border: 0; /* 1 */
380
    padding: 0;
381
    white-space: normal; /* 2 */
382
    *margin-left: -7px; /* 3 */
383
}
384
 
385
/*
386
 * 1. Corrects font size not being inherited in all browsers
387
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
388
 * 3. Improves appearance and consistency in all browsers
389
 */
390
 
391
button,
392
input,
393
select,
394
textarea {
395
    font-size: 100%; /* 1 */
396
    margin: 0; /* 2 */
397
    vertical-align: baseline; /* 3 */
398
    *vertical-align: middle; /* 3 */
399
}
400
 
401
/*
402
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
403
 */
404
 
405
button,
406
input {
407
    line-height: normal; /* 1 */
408
}
409
 
410
/*
411
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
412
 * 2. Corrects inability to style clickable 'input' types in iOS
413
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
414
 *    Known issue: inner spacing remains in IE6
415
 */
416
 
417
button,
418
input[type="button"],
419
input[type="reset"],
420
input[type="submit"] {
421
    cursor: pointer; /* 1 */
422
    -webkit-appearance: button; /* 2 */
423
    *overflow: visible;  /* 3 */
424
}
425
 
426
/*
427
 * Re-set default cursor for disabled elements
428
 */
429
 
430
button[disabled],
431
input[disabled] {
432
    cursor: default;
433
}
434
 
435
/*
436
 * 1. Addresses box sizing set to content-box in IE8/9
437
 * 2. Removes excess padding in IE8/9
438
 * 3. Removes excess padding in IE7
439
      Known issue: excess padding remains in IE6
440
 */
441
 
442
input[type="checkbox"],
443
input[type="radio"] {
444
    box-sizing: border-box; /* 1 */
445
    padding: 0; /* 2 */
446
    *height: 13px; /* 3 */
447
    *width: 13px; /* 3 */
448
}
449
 
450
/*
451
 * 1. Addresses appearance set to searchfield in S5, Chrome
452
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
453
 */
454
 
455
input[type="search"] {
456
    -webkit-appearance: textfield; /* 1 */
457
    -moz-box-sizing: content-box;
458
    -webkit-box-sizing: content-box; /* 2 */
459
    box-sizing: content-box;
460
}
461
 
462
/*
463
 * Removes inner padding and search cancel button in S5, Chrome on OS X
464
 */
465
 
466
input[type="search"]::-webkit-search-decoration,
467
input[type="search"]::-webkit-search-cancel-button {
468
    -webkit-appearance: none;
469
}
470
 
471
/*
472
 * Removes inner padding and border in FF3+
473
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
474
 */
475
 
476
button::-moz-focus-inner,
477
input::-moz-focus-inner {
478
    border: 0;
479
    padding: 0;
480
}
481
 
482
/*
483
 * 1. Removes default vertical scrollbar in IE6/7/8/9
484
 * 2. Improves readability and alignment in all browsers
485
 */
486
 
487
textarea {
488
    overflow: auto; /* 1 */
489
    vertical-align: top; /* 2 */
490
}
491
 
492
 
493
/* =============================================================================
494
   Tables
495
   ========================================================================== */
496
 
497
/*
498
 * Remove most spacing between table cells
499
 */
500
 
501
table {
502
    border-collapse: collapse;
503
    border-spacing: 0;
504
}
505
506
 
507
html {
508
  font-smoothing: always !important;
509
  -webkit-font-smoothing: antialiased !important;
510
  background: url('https://s3.amazonaws.com/imjakechapman/demos/texteditor/bg.jpg') #1882b4 no-repeat 0 0;
511
  -webkit-background-size: cover;
512
  -moz-background-size: cover;
513
  -ms-background-size: cover;
514
  background-size: cover;
515
  height: 100%;
516
  width: 100%;
517
}
518
 
519
body {
520
  height: 100%;
521
  color: #333333;
522
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
523
  font-weight: 400;
524
  -webkit-text-shadow: 0 1px 1px rgba(255,255,255, .5);
525
  -moz-text-shadow: 0 1px 1px rgba(255,255,255, .5);
526
  -ms-text-shadow: 0 1px 1px rgba(255,255,255, .5);
527
  -o-text-shadow: 0 1px 1px rgba(255,255,255, .5);
528
  text-shadow: 0 1px 1px rgba(255,255,255, .5);
529
  font-smoothing: always !important;
530
  -webkit-font-smoothing: antialiased !important;
531
}
532
 
533
.container {
534
  height: 100%;
535
  width: 100%;
536
  text-align: center;
537
}
538
.container:before {
539
  content: "";
540
  display: inline-block;
541
  height: 50%;
542
  vertical-align: middle;
543
  margin-right: -0.25em;
544
}
545
 
546
.editorWrap {
547
  position: relative;
548
  display: inline-block;
549
}
550
 
551
.editorWrap h1 {
552
  color: #333333;
553
  font-size: 20px;
554
  font-weight: 800;
555
  margin: 15px auto;
556
}
557
 
558
.editor {
559
  width: 100%;
560
}
561
 
562
.editor .menu {
563
  width: 598px;
564
  height: 25px;
565
  background: #eee;
566
  border-width:1px 1px 0 1px;
567
  border-style: solid;
568
  border-color: #959595;
569
 
570
571
  /* CSS3 properties */
572
  -webkit-border-top-right-radius: 5px;
573
  -webkit-border-top-left-radius: 5px;
574
  -moz-border-radius-topleft: 5px;
575
  -moz-border-radius-topright: 5px;
576
  border-top-left-radius: 5px;
577
  border-top-right-radius: 5px;
578
579
  background-color: #ccc;
580
  background-image: -webkit-linear-gradient(#d2d2d2 0%, #959595 100%);
581
  background-image: -moz-linear-gradient(#d2d2d2 0%, #959595 100%);
582
  background-image: -o-linear-gradient(#d2d2d2 0%, #959595 100%);
583
  background-image: -ms-linear-gradient(#d2d2d2 0%, #959595 100%);
584
  background-image: linear-gradient(#d2d2d2 0%, #959595 100%);
585
586
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255, .5), inset 0 -1px 0 rgba(0,0,0, .2);
587
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255, .5), inset 0 -1px 0 rgba(0,0,0, .2);
588
  -ms-box-shadow: inset 0 1px 0 rgba(255,255,255, .5), inset 0 -1px 0 rgba(0,0,0, .2);
589
  -o-box-shadow: inset 0 1px 0 rgba(255,255,255, .5), inset 0 -1px 0 rgba(0,0,0, .2);
590
  box-shadow: inset 0 1px 0 rgba(255,255,255, .5), inset 0 -1px 0 rgba(0,0,0, .2);
591
592
}
593
 
594
.editor .code {
595
  width: 573px;
596
  height: 260px;
597
  padding: 5px 10px 10px 15px;
598
  background: #222;
599
  border: 1px solid rgba(0,0,0, .5);
600
601
  /* CSS3 properties */
602
  -webkit-border-bottom-right-radius: 5px;
603
  -webkit-border-bottom-left-radius: 5px;
604
  -moz-border-radius-bottomleft: 5px;
605
  -moz-border-radius-bottomright: 5px;
606
  border-bottom-left-radius: 5px;
607
  border-bottom-right-radius: 5px;
608
609
  -webkit-box-shadow:inset 15px 0 0 rgba(255,255,255, .05);
610
  -moz-box-shadow:inset 15px 0 0 rgba(255,255,255, .05);
611
  -ms-box-shadow:inset 15px 0 0 rgba(255,255,255, .05);
612
  -o-box-shadow:inset 15px 0 0 rgba(255,255,255, .05);
613
  box-shadow:inset 15px 0 0 rgba(255,255,255, .05);
614
}
615
 
616
.editor textarea.text{
617
  width: 560px;
618
  padding-left: 15px;
619
  height: 100%;
620
  background: transparent;
621
  outline: none;
622
  border: none;
623
  font-family: "Courier new", "american typewriter";
624
  font-weight: 400;
625
  font-size: .8em;
626
  line-height: 2;
627
  letter-spacing: 1.2px;
628
  color: #58bf1d;
629
630
  resize: none; /* stop textarea from being resized in webkit */
631
  max-width: 580px; /* prevents resizing */
632
633
  /* CSS3 properties */
634
  -webkit-text-shadow: 0px 0px 3px rgba(88,191,29,0.5);
635
  -moz-text-shadow: 0px 0px 3px rgba(88,191,29,0.5);
636
  -ms-text-shadow: 0px 0px 3px rgba(88,191,29,0.5);
637
  -o-text-shadow: 0px 0px 3px rgba(88,191,29,0.5);
638
  text-shadow: 0px 0px 3px rgba(88,191,29,0.5);
639
}
640
 
641
/* clear yo stuff son! */
642
.editor:after {
643
  content: "";
644
  height: 0;
645
  width: 100%;
646
  display: block;
647
  font-size: 0;
648
  clear: both;
649
}
650
 
651
.container p {
652
  font-size: 1.2em;
653
  margin: 0 auto;
654
  padding: 0;
655
  line-height: 1.2;
656
  font-style: italic;
657
  font-weight: 400;
658
}
659
 
660
.container p a {
661
  color: #333;
662
}
663
 
664
 
665
/* ////////////////////////////////////////////////////////////////// */
666
/* Thanks to Dan Eden for the inspiration of making my own animations */
667
/* ////////////////////////////////////////////////////////////////// */
668
 
669
.animate {
670
  -webkit-animation-duration: 1.5s;
671
  -moz-animation-duration: 1.5s;
672
  -ms-animation-duration: 1.5s;
673
  -o-animation-duration: 1.5s;
674
  animation-duration: 1.5s;
675
676
  -webkit-animation-timing-function: ease-in-out;
677
  -moz-animation-timing-function: ease-in-out;
678
  -ms-animation-timing-function: ease-in-out;
679
  -o-animation-timing-function: ease-in-out;
680
  animation-timing-function: ease-in-out;
681
}
682
 
683
.dropIn {
684
  -webkit-animation-name: dropIn;
685
  -moz-animation-name: dropIn;
686
  -ms-animation-name: dropIn;
687
  -o-animation-name: dropIn;
688
  animation-name: dropIn;
689
}
690
 
691
.fadeIn {
692
  -webkit-animation-name: fadeIn;
693
  -moz-animation-name: fadeIn;
694
  -ms-animation-name: fadeIn;
695
  -o-animation-name: fadeIn;
696
  animation-name: fadeIn;
697
698
  -webkit-animation-duration: 2s;
699
  -moz-animation-duration: 2s;
700
  -ms-animation-duration: 2s;
701
  -o-animation-duration: 2s;
702
  animation-duration: 2s;
703
}
704
 
705
@-webkit-keyframes dropIn {
706
  0% {
707
    -webkit-transform: translateY(-1000px);
708
  }
709
  25% {
710
    -webkit-transform: translateY(-1000px);
711
  }
712
  50% {
713
    -webkit-transform: translateY(-200px);
714
  }
715
  75% {
716
    -webkit-transform: translateY(15px);
717
  }
718
  85% {
719
    -webkit-transform: translateY(5px);
720
  }
721
  90% {
722
    -webkit-transform: translateY(2px);
723
  }
724
  100% {
725
    -webkit-transform: translateY(0);
726
  }
727
}
728
@-moz-keyframes dropIn {
729
  0% {
730
    -moz-transform: translateY(-1000px);
731
  }
732
  25% {
733
    -moz-transform: translateY(-1000px);
734
  }
735
  50% {
736
    -moz-transform: translateY(-200px);
737
  }
738
  75% {
739
    -moz-transform: translateY(15px);
740
  }
741
  85% {
742
    -moz-transform: translateY(5px);
743
  }
744
  90% {
745
    -moz-transform: translateY(2px);
746
  }
747
  100% {
748
    -moz-transform: translateY(0);
749
  }
750
}
751
@-ms-keyframes dropIn {
752
  0% {
753
    -ms-transform: translateY(-1000px);
754
  }
755
  25% {
756
    -ms-transform: translateY(-1000px);
757
  }
758
  50% {
759
    -ms-transform: translateY(-200px);
760
  }
761
  75% {
762
    -ms-transform: translateY(15px);
763
  }
764
  85% {
765
    -ms-transform: translateY(5px);
766
  }
767
  90% {
768
    -ms-transform: translateY(2px);
769
  }
770
  100% {
771
    -ms-transform: translateY(0);
772
  }
773
}
774
@-o-keyframes dropIn {
775
  0% {
776
    -o-transform: translateY(-1000px);
777
  }
778
  25% {
779
    -o-transform: translateY(-1000px);
780
  }
781
  50% {
782
    -o-transform: translateY(-200px);
783
  }
784
  75% {
785
    -o-transform: translateY(15px);
786
  }
787
  85% {
788
    -o-transform: translateY(5px);
789
  }
790
  90% {
791
    -o-transform: translateY(2px);
792
  }
793
  100% {
794
    -o-transform: translateY(0);
795
  }
796
}
797
@keyframes dropIn {
798
  0% {
799
    transform: translateY(-1000px);
800
  }
801
  25% {
802
    transform: translateY(-1000px);
803
  }
804
  50% {
805
    transform: translateY(-200px);
806
  }
807
  75% {
808
    transform: translateY(15px);
809
  }
810
  85% {
811
    transform: translateY(5px);
812
  }
813
  90% {
814
    transform: translateY(2px);
815
  }
816
  100% {
817
    transform: translateY(0);
818
  }
819
}
820
 
821
 
822
/* FADE IN */
823
@-webkit-keyframes fadeIn {
824
  0% {
825
    opacity: 0;
826
  }
827
  25% {
828
    opacity: 0;
829
  }
830
  50% {
831
    opacity: 0;
832
  }
833
  75% {
834
    opacity: 0;
835
  }
836
  90% {
837
838
  }
839
  100% {
840
    opacity: 1;
841
  }
842
}
843
@-moz-keyframes fadeIn {
844
  0% {
845
    opacity: 0;
846
  }
847
  25% {
848
    opacity: 0;
849
  }
850
  50% {
851
    opacity: 0;
852
  }
853
  75% {
854
    opacity: 0;
855
  }
856
  90% {
857
858
  }
859
  100% {
860
    opacity: 1;
861
  }
862
}
863
@-ms-keyframes fadeIn {
864
  0% {
865
    opacity: 0;
866
  }
867
  25% {
868
    opacity: 0;
869
  }
870
  50% {
871
    opacity: 0;
872
  }
873
  75% {
874
    opacity: 0;
875
  }
876
  90% {
877
878
  }
879
  100% {
880
    opacity: 1;
881
  }
882
}
883
@-o-keyframes fadeIn {
884
  0% {
885
    opacity: 0;
886
  }
887
  25% {
888
    opacity: 0;
889
  }
890
  50% {
891
    opacity: 0;
892
  }
893
  75% {
894
    opacity: 0;
895
  }
896
  90% {
897
898
  }
899
  100% {
900
    opacity: 1;
901
  }
902
}
903
@keyframes fadeIn {
904
  0% {
905
    opacity: 0;
906
  }
907
  25% {
908
    opacity: 0;
909
  }
910
  50% {
911
    opacity: 0;
912
  }
913
  75% {
914
    opacity: 0;
915
  }
916
  90% {
917
918
  }
919
  100% {
920
    opacity: 1;
921
  }
922
}
923
 
924
 
 

Plain Text Editor Shell

CSSDeck G+