This repository has been archived by the owner on Dec 14, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathstyle.css
84 lines (84 loc) · 12.7 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;tap-highlight-color:rgba(0,0,0,0)}
body{position:absolute;width:100%;height:100%;background-color:#f0f0f0;font-family:'Inconsolata','courier',monospace;font-style:normal;font-weight:100;color:#202020;font-smoothing:antialiased}
.container{position:absolute;left:50%;top:50%;max-width:20em;width:100%;height:10em;margin:-5em 0 0 -10em;text-align:center}
a{text-decoration:none;color:inherit}
h1 a{position:relative;display:block;overflow:hidden;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);width:1em;height:1em;margin:0 auto;background-color:#303132;font-size:3em;line-height:3em;color:transparent;-webkit-border-radius:50%;border-radius:50%;border:0 solid #39f;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;transition:all .15s ease-in-out;-webkit-animation:logo .25s ease-out 2.4s 1 normal forwards;-moz-animation:logo .25s ease-out 2.4s 1 normal forwards;-o-animation:logo .25s ease-out 2.4s 1 normal forwards;-ms-animation:logo .25s ease-out 2.4s 1 normal forwards;animation:logo .25s ease-out 2.4s 1 normal forwards}
h1 a:hover,h1 a:focus{background-color:#39f}
h1 a:active{-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
h1 em{position:absolute;display:block;top:.5em;left:.4375em;font-size:.5em;line-height:1em;color:#fff}
h1 em:last-child{top:.5em;left:1em}
h2{display:block;height:1.5em;margin:1.5em 0;color:#606060;line-height:1.25em}
hr{position:relative;width:4em;height:1px;background:#202020;margin:1em auto}
.slogan{position:relative;display:block;overflow:hidden;width:0;height:1.25em;margin:.5em auto;font-size:2em;line-height:1.5em;border-right:.125em solid #39f;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-animation-name:blink-start,typing,blink-end;-moz-animation-name:blink-start,typing,blink-end;-o-animation-name:blink-start,typing,blink-end;-ms-animation-name:blink-start,typing,blink-end;animation-name:blink-start,typing,blink-end;-webkit-animation-duration:1s,1s,1s;-moz-animation-duration:1s,1s,1s;-o-animation-duration:1s,1s,1s;-ms-animation-duration:1s,1s,1s;animation-duration:1s,1s,1s;-webkit-animation-timing-function:linear,steps(13,end),linear;-moz-animation-timing-function:linear,steps(13,end),linear;-o-animation-timing-function:linear,steps(13,end),linear;-ms-animation-timing-function:linear,steps(13,end),linear;animation-timing-function:linear,steps(13,end),linear;-webkit-animation-delay:0s,1s,2s;-moz-animation-delay:0s,1s,2s;-o-animation-delay:0s,1s,2s;-ms-animation-delay:0s,1s,2s;animation-delay:0s,1s,2s;-webkit-animation-iteration-count:1,1,infinite;-moz-animation-iteration-count:1,1,infinite;-o-animation-iteration-count:1,1,infinite;-ms-animation-iteration-count:1,1,infinite;animation-iteration-count:1,1,infinite;-webkit-animation-direction:normal;-moz-animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}
.slogan span{display:block;height:1.25em;white-space:nowrap}
.contact{position:relative;width:250px;margin:-1em auto 1.5em auto}
.contact a{display:inline-block;overflow:hidden;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);width:2em;height:2em;margin:0 .25em;padding:7px;background-repeat:no-repeat;color:#000;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;-webkit-border-radius:50%;border-radius:50%;-webkit-animation:icons .2s ease-out 0s 1 normal forwards;-moz-animation:icons .2s ease-out 0s 1 normal forwards;-o-animation:icons .2s ease-out 0s 1 normal forwards;-ms-animation:icons .2s ease-out 0s 1 normal forwards;animation:icons .2s ease-out 0s 1 normal forwards}
.contact a:nth-child(1){-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;-ms-animation-delay:2.4s;animation-delay:2.4s}
.contact a:nth-child(2){-webkit-animation-delay:2.8s;-moz-animation-delay:2.8s;-o-animation-delay:2.8s;-ms-animation-delay:2.8s;animation-delay:2.8s}
.contact a:nth-child(3){-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;-ms-animation-delay:2.5s;animation-delay:2.5s}
.contact a:hover{background-color:#ddd}
.twitter-widgets-box{position:fixed;right:10px;bottom:10px}
.twitter-widgets-box > *{opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms}
.twitter-widgets-box:hover > *{opacity:.7;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70)}
.twitter-widgets-box > *:hover{opacity:.95;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);filter:alpha(opacity=95)}
@-moz-keyframes logo{0%{-webkit-transform:rotate(25deg) scale(.01);-moz-transform:rotate(25deg) scale(.01);-o-transform:rotate(25deg) scale(.01);-ms-transform:rotate(25deg) scale(.01);transform:rotate(25deg) scale(.01);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
70%{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);opacity:1;-ms-filter:none;filter:none}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:none;filter:none}
}@-webkit-keyframes logo{0%{-webkit-transform:rotate(25deg) scale(.01);-moz-transform:rotate(25deg) scale(.01);-o-transform:rotate(25deg) scale(.01);-ms-transform:rotate(25deg) scale(.01);transform:rotate(25deg) scale(.01);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
70%{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);opacity:1;-ms-filter:none;filter:none}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:none;filter:none}
}@-o-keyframes logo{0%{-webkit-transform:rotate(25deg) scale(.01);-moz-transform:rotate(25deg) scale(.01);-o-transform:rotate(25deg) scale(.01);-ms-transform:rotate(25deg) scale(.01);transform:rotate(25deg) scale(.01);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
70%{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);opacity:1;-ms-filter:none;filter:none}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:none;filter:none}
}@-ms-keyframes logo{0%{-webkit-transform:rotate(25deg) scale(.01);-moz-transform:rotate(25deg) scale(.01);-o-transform:rotate(25deg) scale(.01);-ms-transform:rotate(25deg) scale(.01);transform:rotate(25deg) scale(.01);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
70%{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);opacity:1;-ms-filter:none;filter:none}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:none;filter:none}
}@keyframes logo{0%{-webkit-transform:rotate(25deg) scale(.01);-moz-transform:rotate(25deg) scale(.01);-o-transform:rotate(25deg) scale(.01);-ms-transform:rotate(25deg) scale(.01);transform:rotate(25deg) scale(.01);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
70%{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);opacity:1;-ms-filter:none;filter:none}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-ms-filter:none;filter:none}
}@-moz-keyframes typing{0%{width:0}
100%{width:6.5em}
}@-webkit-keyframes typing{0%{width:0}
100%{width:6.5em}
}@-o-keyframes typing{0%{width:0}
100%{width:6.5em}
}@-ms-keyframes typing{0%{width:0}
100%{width:6.5em}
}@keyframes typing{0%{width:0}
100%{width:6.5em}
}@-moz-keyframes blink-start{0%,100%{border-color:#39f}
50%{border-color:transparent}
}@-webkit-keyframes blink-start{0%,100%{border-color:#39f}
50%{border-color:transparent}
}@-o-keyframes blink-start{0%,100%{border-color:#39f}
50%{border-color:transparent}
}@-ms-keyframes blink-start{0%,100%{border-color:#39f}
50%{border-color:transparent}
}@keyframes blink-start{0%,100%{border-color:#39f}
50%{border-color:transparent}
}@-moz-keyframes blink-end{0%,100%{border-color:#39f}
50%{border-color:transparent}
}@-webkit-keyframes blink-end{0%,100%{border-color:#39f}
50%{border-color:transparent}
}@-o-keyframes blink-end{0%,100%{border-color:#39f}
50%{border-color:transparent}
}@-ms-keyframes blink-end{0%,100%{border-color:#39f}
50%{border-color:transparent}
}@keyframes blink-end{0%,100%{border-color:#39f}
50%{border-color:transparent}
}@-moz-keyframes icons{0%{-webkit-transform:translateY(3em);-moz-transform:translateY(3em);-o-transform:translateY(3em);-ms-transform:translateY(3em);transform:translateY(3em);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
70%{-webkit-transform:translateY(-.5em);-moz-transform:translateY(-.5em);-o-transform:translateY(-.5em);-ms-transform:translateY(-.5em);transform:translateY(-.5em);opacity:1;-ms-filter:none;filter:none}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-ms-filter:none;filter:none}
}@-webkit-keyframes icons{0%{-webkit-transform:translateY(3em);-moz-transform:translateY(3em);-o-transform:translateY(3em);-ms-transform:translateY(3em);transform:translateY(3em);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
70%{-webkit-transform:translateY(-.5em);-moz-transform:translateY(-.5em);-o-transform:translateY(-.5em);-ms-transform:translateY(-.5em);transform:translateY(-.5em);opacity:1;-ms-filter:none;filter:none}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-ms-filter:none;filter:none}
}@-o-keyframes icons{0%{-webkit-transform:translateY(3em);-moz-transform:translateY(3em);-o-transform:translateY(3em);-ms-transform:translateY(3em);transform:translateY(3em);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
70%{-webkit-transform:translateY(-.5em);-moz-transform:translateY(-.5em);-o-transform:translateY(-.5em);-ms-transform:translateY(-.5em);transform:translateY(-.5em);opacity:1;-ms-filter:none;filter:none}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-ms-filter:none;filter:none}
}@-ms-keyframes icons{0%{-webkit-transform:translateY(3em);-moz-transform:translateY(3em);-o-transform:translateY(3em);-ms-transform:translateY(3em);transform:translateY(3em);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
70%{-webkit-transform:translateY(-.5em);-moz-transform:translateY(-.5em);-o-transform:translateY(-.5em);-ms-transform:translateY(-.5em);transform:translateY(-.5em);opacity:1;-ms-filter:none;filter:none}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-ms-filter:none;filter:none}
}@keyframes icons{0%{-webkit-transform:translateY(3em);-moz-transform:translateY(3em);-o-transform:translateY(3em);-ms-transform:translateY(3em);transform:translateY(3em);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
70%{-webkit-transform:translateY(-.5em);-moz-transform:translateY(-.5em);-o-transform:translateY(-.5em);-ms-transform:translateY(-.5em);transform:translateY(-.5em);opacity:1;-ms-filter:none;filter:none}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-ms-filter:none;filter:none}
}