API tools faq
paste
Guest User

Untitled

a guest
Nov 23rd, 2017
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.99 KB | None | 0 0
raw download clone embed print report
  1. body {
  2.  
  3. font-family: Arial, Helvetica, sans-serif;
  4.  
  5. margin: 0;
  6.  
  7. padding:0;
  8.  
  9. height: 480px;
  10.  
  11. width: 320px;
  12.  
  13. background: url("/private/var/mobile/Library/SpringBoard/LockBackground.jpg") #000;
  14.  
  15. background-size: 61%;
  16.  
  17. color:#FFF;
  18.  
  19. text-shadow:3px 3px 7px #000000;
  20.  
  21. }
  22.  
  23.  
  24.  
  25. img#custombkg{
  26.  
  27. position:absolute;
  28.  
  29. margin:0;
  30.  
  31. height: 480px;
  32.  
  33. width: 320px;
  34.  
  35. z-index:0;
  36.  
  37. }
  38.  
  39.  
  40.  
  41. div#content {
  42.  
  43. position:absolute;
  44.  
  45. -webkit-transform: rotate(-30deg);
  46.  
  47. left:20px;
  48.  
  49. top:150px;
  50.  
  51. }
  52.  
  53.  
  54.  
  55. div#timecluster {
  56.  
  57. position:absolute;
  58.  
  59. text-align:center;
  60.  
  61. top:30px;
  62.  
  63. left:-95px;
  64.  
  65. color:#fff;
  66.  
  67. clear:left;
  68.  
  69. width:360px;
  70.  
  71. opacity:.8;
  72.  
  73. }
  74.  
  75. div#hourbox {
  76.  
  77. text-align:right;
  78.  
  79. position:relative;
  80.  
  81. font-size:155px;
  82.  
  83. letter-spacing:-5px;
  84.  
  85. margin-right:15px;
  86.  
  87. font-weight:bold;
  88.  
  89. }
  90.  
  91. div#minutebox {
  92.  
  93. position:relative;
  94.  
  95. font-size:155px;
  96.  
  97. letter-spacing:-5px;
  98.  
  99. margin-left:15px;
  100.  
  101. font-weight:bold;
  102.  
  103. }
  104.  
  105. div#secondsbox {
  106.  
  107. position:relative;
  108.  
  109. font-size:10px;
  110.  
  111. text-align:center;
  112.  
  113. width:15px;
  114.  
  115. height:15px;
  116.  
  117. line-height:15px;
  118.  
  119. background-color:#fff;
  120.  
  121. color:#818181;
  122.  
  123. text-shadow:none;
  124.  
  125. z-index:2;
  126.  
  127. margin:20px 0 20px 0;
  128.  
  129. -webkit-box-shadow:3px 3px 7px #000000;
  130.  
  131. }
  132.  
  133. div#ampmbox {
  134.  
  135. position:relative;
  136.  
  137. font-size:8px;
  138.  
  139. text-align:center;
  140.  
  141. width:15px;
  142.  
  143. height:15px;
  144.  
  145. line-height:15px;
  146.  
  147. background-color:#FFF;
  148.  
  149. color:#818181;
  150.  
  151. text-shadow:none;
  152.  
  153. z-index:2;
  154.  
  155. margin: 0;
  156.  
  157. -webkit-box-shadow:3px 3px 7px #000000;
  158.  
  159. }
  160.  
  161.  
  162.  
  163. div#datecluster {
  164.  
  165. position:absolute;
  166.  
  167. top:180px;
  168.  
  169. left:-150px;
  170.  
  171. width:380px;
  172.  
  173. height:180px;
  174.  
  175. }
  176.  
  177. div#dateinner {
  178.  
  179. position:absolute;
  180.  
  181. top:53px;
  182.  
  183. left:55px;
  184.  
  185. width:300px;
  186.  
  187. height:90px;
  188.  
  189. }
  190.  
  191. div#monthbox {
  192.  
  193. position:absolute;
  194.  
  195. top:-54px;
  196.  
  197. left:-53px;
  198.  
  199. color:#0CC6E7;
  200.  
  201. font-size:60px;
  202.  
  203. font-weight:bold;
  204.  
  205. opacity:0.3;
  206.  
  207. width:370px;
  208.  
  209. text-align:center;
  210.  
  211. }
  212.  
  213. div#daybox {
  214.  
  215. position:relative;
  216.  
  217. float:left;
  218.  
  219. padding:0;
  220.  
  221. color:#ffdd93;
  222.  
  223. font-size:20px;
  224.  
  225. opacity:0.7;
  226.  
  227. width:135px;
  228.  
  229. text-align:right;
  230.  
  231. }
  232.  
  233.  
  234.  
  235. div#datebox {
  236.  
  237. position:relative;
  238.  
  239. float:left;
  240.  
  241. margin:-35px 0 0 0;
  242.  
  243. font-size:80px;
  244.  
  245. opacity:0.8;
  246.  
  247. text-align:center;
  248.  
  249. }
  250.  
  251. div#yearbox {
  252.  
  253. position:relative;
  254.  
  255. float:left;
  256.  
  257. margin:0 0 0 3px;
  258.  
  259. font-size:20px;
  260.  
  261. color:#fff;
  262.  
  263. opacity:.4;
  264.  
  265. }
  266.  
  267.  
  268.  
  269. /*WEATHER*/
  270.  
  271. #weathercluster{
  272.  
  273. position:absolute;
  274.  
  275. top:30px;
  276.  
  277. left:-30px;
  278.  
  279. width:480px;
  280.  
  281. height:24px;
  282.  
  283. text-align:center;
  284.  
  285. }
  286.  
  287.  
  288.  
  289. #weathercluster div{
  290.  
  291. float:left;
  292.  
  293. padding: 0;
  294.  
  295. margin: 0 0 0 10px;
  296.  
  297. }
  298.  
  299.  
  300.  
  301. #location{
  302.  
  303. text-transform: capitalize;
  304.  
  305. font-weight: bold;
  306.  
  307. font-size:12px;
  308.  
  309. color:#ffdd93;
  310.  
  311. opacity:0.7;
  312.  
  313. }
  314.  
  315. #temp{
  316.  
  317. font-size:24px;
  318.  
  319. line-height:6px;
  320.  
  321. opacity:0.8;
  322.  
  323. }
  324.  
  325.  
  326.  
  327. #desc{
  328.  
  329. text-transform: capitalize;
  330.  
  331. font-size:12px;
  332.  
  333. color:#0CC6E7;
  334.  
  335. opacity:0.7;
  336.  
  337. }
  338.  
  339.  
  340.  
  341. #weatherIcon{
  342.  
  343. position:absolute;
  344.  
  345. height: 128px;
  346.  
  347. width: 128px;
  348.  
  349. border: none;
  350.  
  351. top:-130px;
  352.  
  353. left:40px;
  354.  
  355. opacity:0.7;
  356.  
  357. z-index:2;
  358.  
  359. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!