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         background-color: rgba(87, 87, 87, 0.5);
  37     }
  38
  39     #lcd h1 {
  40         font-family: "LockClock-Light";
  41         padding: 0px 0px 0px 1px;
  42         position: relative;
  43         text-align: center;
  44         text-shadow: -0.5px -1px 1px black;
  45     }
  46
  47     #lcd h2 {
  48         font-family: "Helvetica";
  49         position: relative;
  50         text-align: center;
  51         text-shadow: -0.5px -1px 1px black;
  52     }
  53
  54     @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  55         #lcd {
  56             height: 96px;
  57         }
  58
  59         #lcd h1 {
  60             font-size: 65px;
  61             top: -6px;
  62         }
  63
  64         #lcd h2 {
  65             font-size: 17px;
  66             top: -16px;
  67         }
  68     }
  69
  70     @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  71         #lcd {
  72             background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD.png);
  73             height: 96px;
  74         }
  75
  76         #lcd h1 {
  77             font-size: 69px;
  78             top: -8px;
  79         }
  80
  81         #lcd h2 {
  82             font-size: 16px;
  83             top: -18px;
  84         }
  85     }
  86
  87     @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  88         #lcd {
  89             background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD_T.png);
  90             height: 107px;
  91         }
  92
  93         #lcd h1 {
  94             font-size: 69px;
  95             top: -1px;
  96         }
  97
  98         #lcd h2 {
  99             font-size: 16px;
 100             top: -8px;
 101         }
 102     }
 103 </style></head><body>
 104     <div id="lcd"><script type="text/javascript">
 105         var locale = CFLocaleCopyCurrent();
 106         var now = CFDateCreate(NULL, CFAbsoluteTimeGetCurrent());
 107         var formatter = CFDateFormatterCreate(NULL, locale, kCFDateFormatterNoStyle, kCFDateFormatterNoStyle);
 108         CFRelease(locale);
 109
 110         CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UINoAMPMTimeFormat));
 111         var time = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
 112         document.write('<h1>');
 113         document.write(time);
 114         document.write('</h1>');
 115         CFRelease(time);
 116
 117         CFDateFormatterSetFormat(formatter, UIDateFormatStringForFormatType(UIWeekdayNoYearDateFormat));
 118         var date = CFDateFormatterCreateStringWithDate(NULL, formatter, now);
 119         document.write('<h2>');
 120         document.write(date);
 121         document.write('</h2>');
 122         CFRelease(date);
 123
 124         CFRelease(formatter);
 125         CFRelease(now);
 126     </script></div>
 127 </body></html>