/
style.css
132 lines (116 loc) · 2.14 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
@font-face {
font-family: "Righteous";
src: url(css/Righteous-Regular.ttf) format("truetype");
}
html,body {
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
}
body {
overflow: hidden;
margin: 0;
background-color:none;
font-size: 14px;
font-family: "Righteous","Trebuchet MS", "Open Sans", Segoe UI light, Verdana, Tahoma, Helvetica, sans-serif;
}
#author3:hover {
text-decoration:underline;
}
#author3 {
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
transition: opacity 0.5s;
}
#clickerWrapper {
top: 0;
z-index: 1;
display: block;
position: relative;
width: 640px;
margin-left: 20px;
/*padding-top: 5px;*/
visibility: auto;
}
#clicker {
z-index: 1;
display: block;
font-size: 36px;
font-weight: 300;
position: relative;
/*width: 80px;*/
text-align: center;
width: 30%;
margin: 0 auto;
border: 1px solid;
cursor: pointer;
}
#progress {
z-index: 1;
display: block;
position: relative;
width: 40%;
height: 6px;
margin: 10px auto;
visibility: hidden;
}
#buttonWrapper{
z-index: 1;
display: block;
font-size: 20px;
font-weight: 300;
position: relative;
width: 680px;
text-align: center;
margin-top: 30px;
overflow: hidden;
}
#buttonWrapperInner{
position: relative;
width: 300px;
height: 30px;
margin: 0 auto;
}
#skip{
width: 100px;
cursor: pointer;
float: left;
text-align: left;
}
#reset{
width: 100px;
cursor: pointer;
float: left;
}
#link{
width: 100px;
cursor: pointer;
float: left;
text-align: right;
}
line {
stroke-width: 1.px;
}
text {
font-size: 14px;
}
.titles{
font-size: 18px;
}
.explanation{
font-size: 20px;
font-weight: 300;
text-align: center;
}
path.chord {
fill-opacity: .80;
}
a {
text-decoration: none;
}
a:hover, #skip:hover, #reset:hover, #link:hover {
text-decoration: underline;
}