Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Lockscreen2

By: a guest on Jun 13th, 2013  |  syntax: HTML  |  size: 3.93 KB  |  views: 37  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.        
  2.  
  3.     <html>
  4.      
  5.             <head>
  6.      
  7.                     <style type="text/css">
  8.      
  9.                     @font-face {
  10.                     font-family: "font";
  11.                     src: url("HelveticaLTStd-Bold.otf");
  12.      
  13.                     }
  14.      
  15.                     body{
  16.                     background-color: #ffffff;
  17.                     background-size: 100%;
  18.                     -webkit-transition-duration: 1s;
  19.                     }
  20.      
  21.                     h1.time {
  22.                     font-size: 150%;
  23.                     font-family: "font";
  24.                     background: -webkit-linear-gradient(left top, #bcbcbc, #000000);
  25.                     -webkit-background-clip: text;
  26.                     -webkit-text-fill-color: transparent;
  27.                     -moz-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  28.                     -webkit-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  29.                     -o-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  30.                     -ms-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  31.                     transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  32.                     position:relative;
  33.                     top:186px;
  34.                     left: 70px;
  35.                     }
  36.      
  37.                     h1.date {
  38.                     font-size: 150%;
  39.                     font-family: "font";
  40.                     background: -webkit-linear-gradient(left top, #A36E0A, #805608);
  41.                     -webkit-background-clip: text;
  42.                     -webkit-text-fill-color: transparent;
  43.                     -moz-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  44.                     -webkit-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  45.                     -o-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  46.                     -ms-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  47.                     transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  48.                     position:relative;
  49.                     top:140px;
  50.                     left: 138px;
  51.                     }
  52.            
  53.      
  54.             </style>
  55.      
  56.             </head>
  57.      
  58.             <body>
  59.      
  60.                     <script type="text/javascript">
  61.                    
  62.                     function updatetime(){
  63.                             var currentTime = new Date()
  64.                             var hours = currentTime.getHours()
  65.                             var minutes = currentTime.getMinutes()
  66.      
  67.                                     if (minutes < 10)
  68.                                    minutes = "0" + minutes
  69.    
  70.                            var suffix = "AM";
  71.    
  72.                                    if (hours >= 12) {
  73.                                     suffix = "PM";
  74.                                     hours = hours - 12;
  75.                                     }
  76.      
  77.                                     if (hours == 0) {
  78.                                     hours = 12;
  79.                                     }
  80.      
  81.                             document.write("<h1 class=time>" + hours + "." + minutes + " " , "</h1>")
  82.                     }
  83.                     function updatedate(){
  84.                             var currentDate = new Date()
  85.                             var day = currentDate.getDate()
  86.                             var month = currentDate.getMonth() + 1
  87.                             var year = currentDate.getFullYear()
  88.      
  89.                             document.write("<h1 class=date>" + month + "." + day + "." + year + "</h1>")
  90.                     }
  91.      
  92.                     updatetime();
  93.                     updatedate();
  94.                     setInterval(updatetime, 2000);
  95.                     setInterval(updatedate, 60000);
  96.                    
  97.     </script>
  98.      
  99.     </body>
  100.      
  101.     </html>