]>
Commit | Line | Data |
---|---|---|
e470872d JF |
1 | <html><head> |
2 | <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> | |
3 | <style> | |
4 | * { | |
5 | border: 0; | |
6 | -moz-border-radius: 0; | |
7 | -webkit-border-radius: 0; | |
8 | box-sizing: border-box; | |
9 | -moz-box-sizing: border-box; | |
10 | -ms-box-sizing: border-box; | |
11 | -webkit-box-sizing: border-box; | |
12 | /*font-family: inherit;*/ | |
13 | font-size: 100%; | |
14 | font-style: inherit; | |
15 | font-weight: inherit; | |
16 | margin: 0; | |
17 | outline: 0; | |
18 | padding: 0; | |
19 | text-decoration: none; | |
20 | vertical-align: baseline; | |
21 | } | |
22 | ||
23 | * { | |
24 | -webkit-touch-callout: none; | |
25 | -webkit-text-size-adjust: none; | |
26 | -webkit-user-select: none; | |
27 | } | |
28 | ||
29 | body { | |
30 | color: white; | |
31 | background: none; | |
32 | } | |
33 | ||
34 | #lcd { | |
35 | margin-top: 50px; | |
e470872d JF |
36 | } |
37 | ||
38 | #lcd h1 { | |
39 | font-family: "LockClock-Light"; | |
40 | padding: 0px 0px 0px 1px; | |
41 | position: relative; | |
42 | text-align: center; | |
43 | text-shadow: -0.5px -1px 1px black; | |
44 | } | |
45 | ||
46 | #lcd h2 { | |
47 | font-family: "Helvetica"; | |
48 | position: relative; | |
49 | text-align: center; | |
50 | text-shadow: -0.5px -1px 1px black; | |
51 | } | |
52 | ||
53 | @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { | |
54 | #lcd { | |
55 | height: 96px; | |
56 | } | |
57 | ||
58 | #lcd h1 { | |
59 | font-size: 65px; | |
60 | top: -6px; | |
61 | } | |
62 | ||
63 | #lcd h2 { | |
64 | font-size: 17px; | |
65 | top: -16px; | |
66 | } | |
67 | } | |
68 | ||
69 | @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { | |
70 | #lcd { | |
71 | background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD.png); | |
72 | height: 96px; | |
73 | } | |
74 | ||
75 | #lcd h1 { | |
76 | font-size: 69px; | |
77 | top: -8px; | |
78 | } | |
79 | ||
80 | #lcd h2 { | |
81 | font-size: 16px; | |
82 | top: -18px; | |
83 | } | |
84 | } | |
85 | ||
86 | @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { | |
87 | #lcd { | |
88 | background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD_T.png); | |
89 | height: 107px; | |
90 | } | |
91 | ||
92 | #lcd h1 { | |
93 | font-size: 69px; | |
94 | top: -1px; | |
95 | } | |
96 | ||
97 | #lcd h2 { | |
98 | font-size: 16px; | |
99 | top: -8px; | |
100 | } | |
cf677acc JF |
101 | } |
102 | ||
c2822942 | 103 | @media (-cydget-media-controls) { |
cf677acc JF |
104 | #lcd { |
105 | opacity: 0; | |
106 | } | |
e470872d JF |
107 | } |
108 | </style></head><body> | |
109 | <div id="lcd"><script type="text/javascript"> | |
110 | var locale = CFLocaleCopyCurrent(); | |
111 | var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent()); | |
112 | var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle); | |
113 | CFRelease(locale); | |
114 | ||
115 | CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat)); | |
116 | var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now); | |
117 | document.write('<h1>'); | |
79517f12 | 118 | document.write(id(time)); |
e470872d JF |
119 | document.write('</h1>'); |
120 | CFRelease(time); | |
121 | ||
122 | CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UIWeekdayNoYearDateFormat)); | |
123 | var date = CFDateFormatterCreateStringWithDate(NULL, formatter, now); | |
124 | document.write('<h2>'); | |
79517f12 | 125 | document.write(id(date)); |
e470872d JF |
126 | document.write('</h2>'); |
127 | CFRelease(date); | |
128 | ||
129 | CFRelease(formatter); | |
130 | CFRelease(now); | |
131 | </script></div> | |
132 | </body></html> |