]>
Commit | Line | Data |
---|---|---|
1 | <?xml version="1.0" encoding="UTF-16"?> | |
2 | <html><head> | |
3 | <title>Manage</title> | |
4 | <meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/> | |
5 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
6 | ||
7 | <style> | |
8 | body { | |
9 | background: url(pinstripe.png); | |
10 | display: table; | |
11 | font-family: Helvetica; | |
12 | height: 337px; | |
13 | margin: 0; | |
14 | padding: 0; | |
15 | -webkit-text-size-adjust: none; | |
16 | -webkit-user-select: none; | |
17 | } | |
18 | ||
19 | div.page { | |
20 | display: table-cell; | |
21 | text-align: center; | |
22 | margin: 0 auto; | |
23 | vertical-align: middle; | |
24 | width: 320px; | |
25 | } | |
26 | ||
27 | a.giant-button { | |
28 | color: #193250; | |
29 | display: block; | |
30 | margin: 10px; | |
31 | text-decoration: none; | |
32 | } | |
33 | ||
34 | a.giant-button > div.contents { | |
35 | position: absolute; | |
36 | text-align: left; | |
37 | width: 300px; | |
38 | -webkit-background-size: 75px auto; | |
39 | z-index: 2; | |
40 | } | |
41 | ||
42 | a.giant-button > div.contents > img { | |
43 | float: left; | |
44 | height: 80px; | |
45 | margin: 10px; | |
46 | width: 80px; | |
47 | vertical-align: middle; | |
48 | } | |
49 | ||
50 | a.giant-button > div.contents > label { | |
51 | display: block; | |
52 | float: left; | |
53 | font-size: 30px; | |
54 | margin: 10px 0 4px 4px; | |
55 | text-align: center; | |
56 | text-shadow: rgba(200, 200, 200, 0.75) 1px 1px 0; | |
57 | width: 180px; | |
58 | } | |
59 | ||
60 | a.giant-button > div.contents > div { | |
61 | display: block; | |
62 | float: left; | |
63 | font-size: 14px; | |
64 | margin-left: 4px; | |
65 | text-align: center; | |
66 | width: 180px; | |
67 | } | |
68 | ||
69 | a.giant-button > div.background { | |
70 | background-color: #000000; | |
71 | height: 98px; | |
72 | opacity: 0.15; | |
73 | -webkit-border-radius: 10px; | |
74 | } | |
75 | </style> | |
76 | </head><body><div class="page"> | |
77 | <div class="dialog"> | |
78 | <div class="panel"> | |
79 | ||
80 | <a href="cydia://packages" class="giant-button"> | |
81 | <div class="contents"> | |
82 | <img src="packages.png"/> | |
83 | <label>Packages</label> | |
84 | <div>View or remove packages you previously installed.</div> | |
85 | </div> | |
86 | ||
87 | <div class="background"></div> | |
88 | </a> | |
89 | ||
90 | <a href="cydia://sources" class="giant-button"> | |
91 | <div class="contents"> | |
92 | <img src="sources.png"/> | |
93 | <label>Sources</label> | |
94 | <div>List current sources and add custom ones you may know.</div> | |
95 | </div> | |
96 | ||
97 | <div class="background"></div> | |
98 | </a> | |
99 | ||
100 | <a href="cydia://storage" class="giant-button" style="opacity: 0.4"> | |
101 | <div class="contents"> | |
102 | <img src="storage.png" class="icon"/> | |
103 | <label>Storage</label> | |
104 | <div>See how much room you have left for new packages.</div> | |
105 | </div> | |
106 | ||
107 | <div class="background"></div> | |
108 | </a> | |
109 | ||
110 | <div style="position: absolute; top: 256px; color: red; margin: 0 auto; font-size: 40px; height: 40px; width: 320px; -webkit-transform:rotate(-10deg); text-shadow: rgba(250, 150, 150, 0.75) 1px 1px 0">Coming Soon!</div> | |
111 | ||
112 | </div> | |
113 | </div> | |
114 | </div></body></html> |