/
syncpad.css
91 lines (84 loc) · 2.13 KB
/
syncpad.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
.button {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}
.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}
.classname:active {
position:relative;
top:1px;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0);
}
25% {
-webkit-transform: rotate(15deg);
}
75% {
-webkit-transform: rotate(-15deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
.shake {
-webkit-animation-name: rotate;
-webkit-animation-duration: 100ms;
-webkit-animation-iteration-count: 4;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
}
#logo {
background: url(logo.png) center 50px no-repeat;
border-radius: 8px;
margin: 0 auto;
background-color: #fff;
width: 444px;
margin-top: 40px;
margin-bottom: -20px;
height: 280px;
box-shadow: 0px 0px 24px rgba(0,0,0,0.15);
-webkit-transition: all 0.3s;
position: relative;
cursor: pointer;
color: #aaa;
}
#logo:hover {
color: #000;
box-shadow: 0px 0px 24px rgba(0,0,0,0.3);
}
#label {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
font-size:20px;
text-transform: uppercase;
}
body {
font-family: Helvetica, Arial;
background: url(bg.png);
}