6 <meta name="description" content="">
7 <meta name="author" content="">
8 <style type="text/css">
10 border: 1px solid #f2e3d2;
12 background: -webkit-gradient(linear, left top, left bottom, from(#f2e3d2), to(#c9b7a2));
13 background: -webkit-linear-gradient(top, #f2e3d2, #c9b7a2);
14 background: -moz-linear-gradient(top, #f2e3d2, #c9b7a2);
15 background: -ms-linear-gradient(top, #f2e3d2, #c9b7a2);
16 background: -o-linear-gradient(top, #f2e3d2, #c9b7a2);
17 background-image: -ms-linear-gradient(top, #f2e3d2 0%, #c9b7a2 100%);
18 -webkit-border-radius: 8px;
19 -moz-border-radius: 8px;
21 -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
22 -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
23 box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
24 font-family: 'Helvetica Neue',Helvetica,sans-serif;
25 text-decoration: none;
26 vertical-align: middle;
33 border: 1px solid #c9b7a2;
35 -webkit-border-radius: 4px;
36 -moz-border-radius: 4px;
39 -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
40 -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
41 box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
51 text-shadow: #fdf2e4 0 1px 0;
58 text-shadow: #fdf2e4 0 1px 0;
66 text-shadow: #fdf2e4 0 1px 0;
73 border: 1px solid #447314;
75 background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
76 background: -webkit-linear-gradient(top, #8dc059, #6aa436);
77 background: -moz-linear-gradient(top, #8dc059, #6aa436);
78 background: -ms-linear-gradient(top, #8dc059, #6aa436);
79 background: -o-linear-gradient(top, #8dc059, #6aa436);
80 background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
81 -webkit-border-radius: 4px;
82 -moz-border-radius: 4px;
84 -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
85 -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
86 box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
87 text-shadow: #addc7e 0 1px 0;
89 font-family: helvetica, serif;
92 text-decoration: none;
93 vertical-align: middle;
95 .submit-button:hover {
96 border: 1px solid #447314;
97 text-shadow: #31540c 0 1px 0;
99 background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
100 background: -webkit-linear-gradient(top, #8dc059, #6aa436);
101 background: -moz-linear-gradient(top, #8dc059, #6aa436);
102 background: -ms-linear-gradient(top, #8dc059, #6aa436);
103 background: -o-linear-gradient(top, #8dc059, #6aa436);
104 background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
107 .submit-button:active {
108 text-shadow: #31540c 0 1px 0;
109 border: 1px solid #447314;
111 background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
112 background: -webkit-linear-gradient(top, #6aa436, #8dc059);
113 background: -moz-linear-gradient(top, #6aa436, #8dc059);
114 background: -ms-linear-gradient(top, #6aa436, #8dc059);
115 background: -o-linear-gradient(top, #6aa436, #8dc059);
116 background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
126 background-repeat: no-repeat;
127 background-attachment: fixed;
128 background: rgb(167,199,220); /* Old browsers */
129 background: -moz-radial-gradient(center, ellipse cover, rgba(167,199,220,1) 0%, rgba(133,178,211,1) 100%); /* FF3.6-15 */
130 background: -webkit-radial-gradient(center, ellipse cover, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* Chrome10-25,Safari5.1-6 */
131 background: radial-gradient(ellipse at center, rgba(167,199,220,1) 0%,rgba(133,178,211,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
132 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
136 <script type="text/javascript">
139 var date = new Date(0);
140 date.setUTCSeconds(utcSeconds);
143 function loadpage(page_request){
144 if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)) {
145 utcSeconds = parseInt(page_request.responseText,10);
146 var tmpdate = new Date(0);
147 tmpdate.setUTCSeconds(utcSeconds);
149 //document.getElementById('times').innerHTML=utcSeconds;
153 function get_time() {
154 var page_request = false
155 if (window.XMLHttpRequest) // if Mozilla, Safari etc
156 page_request = new XMLHttpRequest()
157 else if (window.ActiveXObject){ // if IE
159 page_request = new ActiveXObject("Msxml2.XMLHTTP")
163 page_request = new ActiveXObject("Microsoft.XMLHTTP")
170 page_request.onreadystatechange=function(){
171 loadpage(page_request);
173 page_request.open('GET', '/time-ajax.php', true)
174 page_request.send(null)
177 function update_time() {
178 ntpcounter=ntpcounter+1;
179 date.setSeconds(date.getSeconds() + 1);
180 document.getElementById("updatetime").innerHTML = (date);
181 if (ntpcounter>3600) {
185 setTimeout("update_time()", 1000);
190 <body onload="update_time();">
192 <form class="form-container">
193 <div class="form-title"><h2>Atomic Clock Status</h2></div>
194 <h3><div class="form-title" id="updatetime"></div></h3>