comparison www/m/css/nodescore.css @ 22:bb02a593b7d5

server side push of datetime to client
author tzara <rc-web@kiben.net>
date Wed, 11 Jul 2012 09:51:05 +0100
parents a56434dee146
children e1a02869da08
comparison
equal deleted inserted replaced
21:aaf429469697 22:bb02a593b7d5
89 top: 15%; 89 top: 15%;
90 padding: 5px 5px 5px 5px ; 90 padding: 5px 5px 5px 5px ;
91 background-color: blue; 91 background-color: blue;
92 } 92 }
93 93
94 #datetime{
95 opacity: 0.6;
96 height: 30px;
97 width: 700px;
98 font-size:2em;
99 color: white;
100 border: 1px solid white;
101 position: absolute;
102 float: left;
103 bottom: 1px;
104 padding: 5px 5px 5px 5px ;
105 background-color: blue;
106 }
107
94 .metrocase { 108 .metrocase {
95 position: absolute; 109 position: absolute;
96 top: 10px; 110 top: 10px;
97 left: 10px; 111 left: 10px;
98 color: black; 112 color: black;
102 background: transparent; 116 background: transparent;
103 width: 240px; 117 width: 240px;
104 height: 60px; 118 height: 60px;
105 z-index: 2; 119 z-index: 2;
106 padding: 5px 5px 5px 5px; 120 padding: 5px 5px 5px 5px;
107 border: 1px solid gray; 121 border: 1px solid blue;
108 } 122 }
109 123
110 #metronome0 { width: 60px; height: 60px; border-radius: 30px; float:left; } 124 #metronome0 { width: 60px; height: 60px; border-radius: 30px; float:left; }
111 #metronome1 { width: 60px; height: 60px; border-radius: 30px; float:left; } 125 #metronome1 { width: 60px; height: 60px; border-radius: 30px; float:left; }
112 #metronome2 { width: 60px; height: 60px; border-radius: 30px; float:left; } 126 #metronome2 { width: 60px; height: 60px; border-radius: 30px; float:left; }
119 { 133 {
120 clear:both; 134 clear:both;
121 } 135 }
122 136
123 #client_chronometer{ 137 #client_chronometer{
124 border: 2px solid gray ; 138 border: 1px solid blue ;
125 background-color: black; 139 background-color: black;
126 color: #666; 140 color: #666;
127 font-size: 6em; 141 font-size: 6em;
128 color: white; 142 color: white;
129 opacity:0.5; 143 opacity:0.5;
145 opacity:0.5; 159 opacity:0.5;
146 font-weight:bolder; 160 font-weight:bolder;
147 width: 1280px; 161 width: 1280px;
148 height: 800px; 162 height: 800px;
149 } 163 }
150
151
152
153 164
154 #content-txt { 165 #content-txt {
155 // padding: 2px 2px 2px 2px; 166 // padding: 2px 2px 2px 2px;
156 font-size: 3em; 167 font-size: 3em;
157 text-align:center; 168 text-align:center;