-
Notifications
You must be signed in to change notification settings - Fork 66
/
style.css
71 lines (69 loc) · 3.12 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
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 2, 2012 06:05:09 PM America/New_York */
@font-face {
font-family: 'forque';
src: url('fonts/Forque-webfont.eot');
src: url('fonts/Forque-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Forque-webfont.woff') format('woff'),
url('fonts/Forque-webfont.ttf') format('truetype'),
url('fonts/Forque-webfont.svg#firsttestRegular') format('svg');
font-weight: normal;
font-style: normal;
}
html { position: relative; height: 100%; width: 100%; padding: 0px; margin: 0px; }
body { padding: 0 0 4em; margin: 0px; font-size: 24px; font-family: helvetica, sans-serif; letter-spacing: -.05em; color: #eee; }
body { background-attachment: fixed;
background-image: linear-gradient(bottom, rgb(46,46,46) 0%, rgb(140,140,137) 100%);
background-image: -o-linear-gradient(bottom, rgb(46,46,46) 0%, rgb(140,140,137) 100%);
background-image: -moz-linear-gradient(bottom, rgb(46,46,46) 0%, rgb(140,140,137) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(46,46,46) 0%, rgb(140,140,137) 100%);
background-image: -ms-linear-gradient(bottom, rgb(46,46,46) 0%, rgb(140,140,137) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(46,46,46)),
color-stop(1, rgb(140,140,137))
);
}
h1 { padding: 10px; text-align: center; font-size: 72px; color: rgba(255,255,255,.6); text-shadow: 2px 2px 2px rgba(50,50,50,.3); }
h2 { margin: 5px 0px; text-shadow: 2px 2px 2px rgba(50,50,50,.3); }
h2.unmaintained-warning {
text-align: center;
background: #ffa;
padding: 20px 0;
text-shadow: none;
color: #333;
margin: -10px 0 20px;
}
fieldset { margin: 0px; padding: 0px; overflow: hidden; border: none; padding: 0px 10px 10px; }
legend { background-color: #ccc; color: #666; padding: 5px; width: 100%; cursor: pointer; margin-bottom: .2em; }
legend:before { content: "▶ "; font-size: .7em; }
label { display: none; }
.on legend { background-color: #eee; }
.on legend:before { content: "▼ "; }
.on label { display: block; overflow: hidden; }
input { float: left; margin-top: .2em; font-size: 40px; }
a { color: #ccc; }
a:hover { color: #fff; }
footer { opacity: .6; width: 100%; text-align: center; letter-spacing: 0; font-size: 16px; background-color: #333; position: fixed; bottom: 0px; padding: 1em; }
.forkme { display: block; position: absolute; top: 0; right: 0; border: 0; }
.criteria { width: 450px; margin: 10px; float: left; overflow: hidden; padding-bottom: 4em; }
.engines { padding-top: 5px; overflow: hidden; }
.engines div { background-color: #f80; padding: 10px; margin: 5px; float: left; text-align: center; }
.engines a,
.engines span { letter-spacing: 0; font-size: 16px; }
.engines span { font-size: 14px; color: #666; }
.remove {
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
transition: opacity 1s ease;
opacity: 0;
}
.add {
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
transition: opacity 1s ease;
opacity: 1;
}