Fix another graph bug + some more work on control page
[matches/MCTX3420.git] / testing / MCTXWeb / public_html / static / style.css
1 /** Custom fonts **/
2 @font-face {
3   font-family: "Open Sans";
4   src: url("OpenSans.ttf"),
5     url("OpenSans.eot");
6   font-weight: normal;
7 }
8
9 @font-face {
10   font-family: "Open Sans";
11   src: url("OpenSansBold.ttf");
12   font-weight: bold;
13 }
14
15 body {
16   font-family: "Open Sans", "Lucida Grande","Lucida Sans",Verdana,Arial;
17   font-size: 13px;
18   background-color: #F5F5F5;
19   margin: 0;
20   padding: 0;
21 }
22
23 hr {
24   border: 0;
25   border-bottom: 1px solid gray;
26 }
27
28 a {
29   color: #1188DD;
30 }
31
32 a:active {
33   color: #0066BB;
34 }
35
36 img {
37   border: none;
38 }
39
40 .pass {
41   color: #7AE309;
42   font-weight: bold;
43 }
44
45 .fail {
46   color: #E30909;
47   font-weight: bold
48 }
49
50 div.centre, p.centre {
51   text-align: center;
52   margin: auto;
53 }
54
55 .bold {
56   font-weight: bold;
57 }
58
59 .medium {
60   font-size: 115% !important;
61 }
62
63 .large {
64   font-size: 130% !important;
65 }
66
67 .normal {
68   font-size: inherit !important;
69 }
70
71 .small {
72   font-size: 80% !important;
73 }
74
75 /*
76 table {
77   border: none;
78 }
79
80 table.centre {
81   margin: auto;
82   text-align: center;
83 }
84
85 table.status, table.status tr, table.status td {
86     padding: 0.2em 0.75em;
87 }
88
89
90 td {
91   padding: 0 0.5em;
92 }
93
94 th {
95   padding: inherit;
96   border-bottom: 1px solid gray;
97 }
98
99 */
100
101 table {
102   border-radius: 3px;
103   border-collapse: collapse;
104   word-wrap: break-word;
105   line-height: 1.3em;
106   width: 100%;
107   margin: 1em auto;
108   vertical-align: middle;
109 }
110
111 td {
112   padding: 0.2em 0.5em;
113 }
114
115 tr.pass {
116   color: #000;
117   background-color: #7AE309;
118   font-weight: inherit;
119 }
120
121 tr.fail, tr.fail .fail {
122   color: #000;
123   background-color: #E30909;
124   font-weight: inherit;
125 }
126
127 table.centre {
128   margin: auto;
129   text-align: center;
130 }
131
132 table.horizontal {
133   line-height: 1.6em;
134 }
135
136 table.horizontal th {
137   text-align: left;
138   border-bottom: 0;
139   width: 15%;
140   font-weight: normal;
141 }
142
143 table.horizontal.medium th {
144   width: 22%;
145 }
146
147 img.centre {
148   display: block;
149   margin: auto;
150 }
151
152 input[type="button"], input[type="submit"] {
153   background-color: #F5F5F5;
154   border: 1px solid #A2A2A2;
155   border-radius: 3px;
156   box-shadow: 1px 1px 1px #BBBBBB;
157   transition: all 0.13s ease 0s;
158   padding: 0 0.5em;
159   min-width: 55px;
160   margin: 0.4em 0.1em;
161 }
162
163 input[type="button"]:active, input[type="submit"]:active {
164   background-color: #E8E8E8;
165 }
166
167
168 input[type="text"], input[type="password"] {
169   width: 100%; /* IE8 width bugfix */
170   border-radius: 3px;
171   border: 1px solid #CCCCCC;
172   font-size: 16px;
173 }
174
175 input[type="text"]:focus, input[type="password"]:focus {
176   box-shadow: 0 0 2px #BBBBBB;
177 }
178
179 form.nice {
180   line-height: 1.8em;
181 }
182
183 form.nice p {
184   margin: 0.25em auto;
185 }
186
187 form.nice input {
188   font-size: 150%;
189 }
190
191 form.nice label {
192   font-size: 110%;
193 }
194
195 form.nice input[type="submit"], form.nice input[type="button"] {
196   font-size: inherit;
197   padding: 0.4em 0.8em;
198 }
199
200 form.controls {
201   background-color: #F9F9F9;
202   border: 1px solid #808080;
203   padding: 1em;
204   margin: 1em auto;
205 }
206
207 #header-wrap {
208   background-color: #2a2a2a;
209   border-top: 0.3em solid #1188DD;
210   color: #f2f2f2;
211   margin-bottom: 1em;
212   box-shadow: 0 0 0.5em #444444;
213   transition: all 0.2s ease 0s;
214 }
215
216 #header {
217   padding: 1.5em 2em;
218   /*max-width: 1920px;*/
219   margin: 0 auto;
220 }
221
222 #header input[type="button"], #header input[type="submit"] {
223   background-color: #808080;
224   border: 1px solid #808080;
225   box-shadow: none;
226   color: #f2f2f2;
227   cursor: pointer;
228 }
229
230 #header input[type="button"]:hover, #header input[type="submit"]:hover {
231   background-color: #606060;
232   border: 1px solid #606060;
233 }
234
235 #header #leftnav {
236   float: left;
237   display: table;
238 }
239
240 #header #leftnav > div, #header #leftnav > span {
241   display: table-cell;
242   vertical-align: middle;
243   padding-left: 1em;  
244 }
245
246 #header #leftnav a {
247   color: #2a2a2a;
248 }
249
250 #title {
251   font-size: 30px;
252 }
253
254 #header #rightnav {
255   float: right;
256   font-size: 15px;
257   padding-top: 0.5em;
258   text-align: right;
259 }
260
261 #header #rightnav span {
262   margin-left: 1em;
263 }
264
265 #header #menu-container {
266   margin-right: 1.5em;
267   font-size: 15px;
268   display: inline-block;
269 }
270
271 #header #logout-container {
272   /* Hide until activated by JavaScript */
273   display: none;
274 }
275
276 #header #date {
277   font-size: 12px;
278 }
279
280 #content-wrap {
281   padding: 1em 2em;
282   /*max-width: 1920px;*/
283   margin: 1em auto;
284   transition: all 0.2s ease 0s;
285 }
286
287 #content  {
288  
289   /*display: none;  Enable in non-debug mode*/
290 }
291
292 #sidebar{
293   float: left;
294   width: 240px;
295   transition: all 0.2s ease 0s;
296 }
297
298 #sidebar .title {
299   font-size: 20px;
300 }
301
302 #sidebar-hide {
303   border-bottom: 1px solid #CCCCCC;
304   border-left: 1px solid #CCCCCC;
305   cursor: pointer;
306   float: right;
307   height: 20px;
308   margin-right: -1.25em;
309   margin-top: -1em;
310   text-align: center;
311   width: 20px;
312 }
313
314 #sidebar-show {
315   float: left;
316   cursor: pointer;
317   display: none;
318 }
319
320 .justify {
321   text-align: justify;
322 }
323
324 #main {
325   overflow: auto;
326   padding-left: 2em;
327   min-width: 400px;
328 }
329
330 #main .sub-title {
331   font-size: 115%;
332   font-weight: bold;
333   margin-bottom: 0.25em;
334 }
335
336 /* Unused ?? */
337 .sxs {
338   display: table;
339   table-layout: fixed;
340   width: 100%;
341   border-spacing: 0.5em;
342 }
343
344 .sxs div {
345   display: table-cell;
346 }
347
348 .left {
349   float: left;
350 }
351
352 .right {
353   float: right;
354 }
355
356 .title {
357   font-size: 24px;
358   font-weight: bold;
359   margin-bottom: 0.5em;
360 }
361
362 .graph {
363   width: 100%;
364   height: 200px;
365 }
366
367 .widget {
368   background-color: #ffffff;
369   margin: 0.25em 0.25em 1.5em;
370   padding: 1em 1.25em;
371   box-shadow: 0 0 3px #CCCCCC;
372   border: 1px solid #CCCCCC;
373   transition: all 0.2s ease 0s;
374   overflow: auto;
375 }
376
377 .widget:hover {
378   box-shadow: 0 0 0.25em #AAAAAA;
379 }
380
381 .plot {
382         box-sizing: border-box;
383         width: auto;
384         height: 300px;
385         padding: 20px 15px 15px 15px;
386         margin: 15px auto 30px auto;
387         border: 1px solid #ddd;
388         font-size:20px;
389 }
390
391 /** Hack **/
392 .clear {
393   clear: both;
394 }
395
396 #errorlog {
397   overflow: auto;
398   max-width: 100%;
399   width: 100%;
400   height: 6em;
401   background-color: white;
402   border: 1px solid #ccc;
403 }
404
405 /** For login.html **/
406 #login-container {
407   margin: 0 auto;
408   width: 400px;
409   padding: 1.8em 0 0;
410   color: #606060;
411   line-height: 1.8em;
412 }
413
414 #login-container form {
415   padding: 1em 2em;
416 }
417
418 #login-container input {
419   font-size: 24px;
420 }
421
422 #login-container label {
423   font-size: 14px;
424 }
425
426 #login-container input[type=submit] {
427   font-size: inherit;
428   padding: 0.4em 0.8em;
429 }
430
431 #login-container #result {
432   clear: both;
433 }
434
435 #experiment-stop {
436   padding: 0.2em 0.4em;
437   display: none;
438 }
439
440 #start-widget {
441   display: none;
442 }
443
444 #pressure-widget {
445   display: none;
446 }

UCC git Repository :: git.ucc.asn.au