Mercurial > hg > nodescore
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; |