Add prefs for Pixelfade
[Hacks.git] / Main.css
1 /* Copyright 2011 The Dominion of Awesome
2  * See COPYING for licensing information */
3 @font-face {
4         font-family: PCSenior;
5         src: url(fonts/pcsenior.ttf);
6 }
7
8 .hacks-selector {
9         position: absolute;
10         bottom: 64px;
11         margin-left: -374px;
12         left: 50%;
13 }
14
15 .info {
16         position: absolute;
17         left: 0;
18         bottom: 0;
19         width: 100%;
20         padding: 36px 24px 20px 24px;
21         font-size: 24px;
22         -webkit-transition-property: opacity;
23         -webkit-transition-duration: 0.6s;
24         background: -webkit-gradient(linear, 0 top, 0 bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.2, rgba(255,255,255,0.8)), color-stop(1, rgba(255,255,255,0.8)));
25         color: #303030;
26 }
27
28 .info .enyo-menuitem {
29         font-size: 24px;
30         height: 28px;
31         padding-top: 6px;
32 }
33
34 .wrench {
35         width: 24px;
36         height: 24px;
37         padding: 5px 5px;
38         margin-right: 8px;
39         background-image: url(images/wrench.png);
40         background-repeat: no-repeat;
41         background-position: center center;
42 }
43
44 .prefs-done-button {
45         width: 300px;
46 }
47
48 .prefs-center {
49         width: 500px;
50         margin: 23px auto 0 auto;
51 }
52
53 .prefs-center .enyo-slider {
54         width: 300px;
55 }