PhotoExamplePlus.cydget/foreground.html

   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;
  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         }
 101     }
 102 </style></head><body>
 103     <div id="lcd"><script type="text/javascript">
 104         var locale = CFLocaleCopyCurrent();
 105         var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
 106         var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
 107         CFRelease(locale);
 108
 109         CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
 110         var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
 111         document.write('<h1>');
 112         document.write(time);
 113         document.write('</h1>');
 114         CFRelease(time);
 115
 116         CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UIWeekdayNoYearDateFormat));
 117         var date = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
 118         document.write('<h2>');
 119         document.write(date);
 120         document.write('</h2>');
 121         CFRelease(date);
 122
 123         CFRelease(formatter);
 124         CFRelease(now);
 125     </script></div>
 126 </body></html>