Free cookie consent management tool by TermsFeed Policy Generator

source: branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/Content/Site.css @ 11036

Last change on this file since 11036 was 11036, checked in by mroscoe, 10 years ago
File size: 11.1 KB
Line 
1body {
2  margin: 4px;
3  padding: 0;
4  background-color: #FAFAFA;
5  font-size: 62.5%;
6  font-family: Verdana, Helvetica, Sans-Serif;
7}
8
9img {
10  border: 0;
11}
12
13h1, h2, h3, h4, h5 {
14  margin: 0;
15  padding: 0;
16}
17
18h1 {
19  color: #F7921D;
20  border-bottom: 1px dotted #AAAAAA;
21  font-size: 1.5em;
22  padding-bottom: 2px;
23  margin-bottom: 4px;
24}
25
26h2 {
27  color: #333333;
28  border-bottom: 1px solid #EEEEEE;
29  font-size: 1.2em;
30  padding-bottom: 3px;
31}
32
33h3 {
34  color: #333333;
35  font-size: 1em;
36  padding-bottom: 6px;
37}
38
39body > div {
40  max-width: 1000px;
41  min-width: 680px;
42  margin: 0 auto;
43  padding: 0;
44  border: gray solid 1px;
45  border-radius: 8px;
46  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.35);
47}
48
49#ui-datepicker-div {
50  min-width: 0px;
51}
52
53header > h1 {
54  background-color: #F7921D;
55  border: none;
56  font-size: 28px;
57  margin-top: 12px;
58  padding-left: 8px;
59  margin-bottom: 0;
60}
61
62header > h1 > a {
63  color: white;
64  text-decoration: none;
65  font-weight: normal;
66}
67
68/* Error container styles */
69.errorContainer {
70  width: 95%;
71  margin: 1% 0% 2% 2%;
72  -webkit-border-radius: 10px;
73  border-radius: 10px;
74  border: 3px solid #FF270A;
75  display: none;
76}
77
78.errorTitle {
79  width: 100%;
80  padding-left: 2%;
81  margin-bottom: 0%;
82  color: #FF5640;
83  font-size: 1.4em;
84}
85
86.errorTask, .errorMessage {
87  width: 40%;
88  margin: 0% 0% 1% 0%;
89  font-size: 1.3em;
90  color: #FF5640;
91  display: inline-block;
92}
93
94.errorTask {
95  margin-left: 2%;
96}
97
98a.errorTask {
99  cursor: pointer;
100}
101
102.underline {
103  text-decoration: underline;
104  margin-top: 1.5%;
105}
106
107#ScrollTop {
108  width: 40px;
109  height: 40px;
110  position: absolute;
111  right: 20px;
112  top: 20px;
113  background: none;
114  color: #F7921D;
115  -webkit-border-radius: 3px;
116  -moz-border-radius: 3px;
117  border-radius: 3px;
118  border: 2px solid #F7921D;
119  text-align: center;
120  font-size: 14pt;
121  display: none;
122}
123
124#ScrollTop:hover {
125  background-color: rgba(247,146,29,0.42);
126}
127
128/* Progress bar styles */
129.barLabel {
130  margin: 2% 0% 0% 10%;
131  font-size: 1.1em;
132  font-family: inherit;
133  color: #6B6B6B;
134  display: block;
135}
136
137.outerBar {
138  height: 25px;
139  width: 75%;
140  margin-left: 10%;
141  border: 2px outset grey;
142  display: inline-block;
143}
144
145.outerBar:last-of-type {
146  margin-bottom: 2%;
147}
148
149.innerBar {
150  height: 100%;
151  vertical-align: middle;
152  background: rgb(32,122,2); /* Old browsers */
153  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
154  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwN2EwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQwZDgwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZkMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
155  background: -moz-linear-gradient(top,  rgba(32,122,2,1) 0%, rgba(64,216,4,1) 50%, rgba(0,109,7,1) 100%); /* FF3.6+ */
156  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,122,2,1)), color-stop(50%,rgba(64,216,4,1)), color-stop(100%,rgba(0,109,7,1))); /* Chrome,Safari4+ */
157  background: -webkit-linear-gradient(top,  rgba(32,122,2,1) 0%,rgba(64,216,4,1) 50%,rgba(0,109,7,1) 100%); /* Chrome10+,Safari5.1+ */
158  background: -o-linear-gradient(top,  rgba(32,122,2,1) 0%,rgba(64,216,4,1) 50%,rgba(0,109,7,1) 100%); /* Opera 11.10+ */
159  background: -ms-linear-gradient(top,  rgba(32,122,2,1) 0%,rgba(64,216,4,1) 50%,rgba(0,109,7,1) 100%); /* IE10+ */
160  background: linear-gradient(to bottom,  rgba(32,122,2,1) 0%,rgba(64,216,4,1) 50%,rgba(0,109,7,1) 100%); /* W3C */
161  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207a02', endColorstr='#006d07',GradientType=0 ); /* IE6-8 */
162  display: inline-block;
163}
164
165.innerBarText, .outerBarText {
166  height: auto;
167  margin: 0%;
168  margin-left: 1%;
169  font-family: inherit;
170  font-size: 1.4em;
171  text-shadow: 0px 0px 6px #D9FCE4;
172  color: #000000;
173  display: inline-block;
174}
175
176.outerBarText {
177  width: 5%;
178  text-align: left;
179}
180
181/* Tabular Diplay Styles */
182.tabButton {
183  margin: 3% 0% 0% 0%;
184  background: none;
185  color: #707070;
186  font-size: 1.4em;
187  -webkit-border-radius: 0 3px 0 0;
188  border-radius: 0 5px 0 0;
189  border: 1px solid #8297F5;
190  text-align: center;
191  z-index: 3;
192}
193
194.tabButton:hover {
195  background-color: #D1D9FF;
196}
197
198.tabButton:focus {
199  -webkit-border-radius: 0 3px 0 0;
200  border-radius: 0 5px 0 0;
201  border-bottom: 1px solid #FAFAFA;
202}
203
204.tabSection {
205  width: 90%;
206  padding: 1%;
207  margin: 0% 0% 3% 3%;
208  -webkit-border-radius: 0 15px 15px 15px;
209  border-radius: 0 15px 15px 15px;
210  -webkit-box-shadow: 5px 5px 3px #A3A3A2;
211  box-shadow: 5px 5px 3px #A3A3A2;
212  border: 1px solid #8297F5;
213  display: none;
214}
215
216.tabDataContainer {
217  width: 99%;
218  display: inline-block;
219}
220
221.taskOverview {
222  width: 70%;
223}
224
225.tabButton:first-of-type {
226  border-bottom: 1px solid #E0E6FF;
227  background-color: #E0E6FF;
228  margin-left: 3%;
229}
230
231.tabSection:first-of-type {
232  display: block;
233}
234
235/* Filter and Filter Choices Styles */
236.filterChoices {
237  width: 15%;
238  padding: 0% 2% 1% 2%;
239  vertical-align: top;
240}
241
242.filterChoices label {
243  width: 75%;
244}
245
246.filterChoices label:last-of-type {
247  width: 50%;
248}
249
250.filterChoices input[type="checkbox"] {
251  margin: .4em;
252}
253
254.filterChoices input[type="checkbox"], .filterChoices label, .filters label, .filters input {
255  font-size: 1.5em;
256  display: inline-block;
257}
258
259.filterChoices legend, .filters legend {
260  font-size: 1.5em;
261}
262
263.filters, .filterChoices{
264  margin: 2% 2% 3% 2%;
265  display: inline-block;
266}
267
268.filters {
269  width: 71%;
270  margin: 2% 0% 2% 0%;
271}
272
273.filterContainer {
274  width: 28%;
275  margin: 0% 0% 1% 1%;
276  vertical-align: top;
277  display: none;
278}
279
280.filterContainer:first-of-type {
281  margin-left: 2%;
282  display: inline-block;
283}
284
285.filterContainer input, .filterContainer select, .filterContainer label {
286  width: 90%;
287  margin-left: 5%;
288}
289
290.filters button{
291  margin: 1% 0% 1% 2%;
292  display: block;
293}
294
295/* Multi-page Task Styles */
296.pageTitle, .page {
297  margin-right: 1%;
298  font-size: 1.8em;
299  color: #6B6B6B;
300}
301
302.pageTitle {
303  margin-left: 2%;
304}
305
306.page {
307  text-decoration: underline;
308  cursor: pointer;
309}
310
311.page:hover {
312  color: #F7921D;
313}
314
315/* Login Page Styles*/
316#login {
317  display: block;
318  float: right;
319  margin: 10px;
320  margin-top: -24px;
321}
322
323#login a {
324  text-decoration: underline;
325  color: black;
326  text-align: right;
327}
328
329#login a:hover {
330  color: gray;
331}
332
333#login > a {
334  text-decoration: none;
335  font-size: 1.2em;
336  text-align: right;
337  color: white;
338  background-color: black;
339  border: 1px solid gray;
340  font-weight: bold;
341  padding: 4px 12px;
342}
343
344#login form {
345  display: inline;
346}
347
348#loginForm ol {
349  list-style: none;
350}
351
352nav {
353  background-color: #333;
354  color: white;
355  height: 28px;
356  font-size: 1.2em;
357  margin: 0;
358  text-align: left;
359  }
360
361nav > ul {
362  margin: 0;
363  padding: 0;
364  padding-left: 2px;
365}
366
367nav li {
368  display: inline-block;
369  list-style: none;
370}
371
372nav a {
373  color: white;
374  font-weight: bold;
375  text-decoration: none;
376  padding: 0 20px;
377  padding-top: 4px;
378  line-height: 2.5em;
379}
380
381nav a:hover {
382  color: gray;
383}
384
385nav li a.current {
386  color: #F7921D;
387  background-color: white;
388  padding-bottom: 8px;
389}
390
391footer {
392  padding: 6px;
393  border-top: grey 1px solid;
394  text-align: right;
395}
396
397#body {
398  padding: 5px;
399}
400
401hgroup.title {
402    margin-bottom: 10px;
403}
404
405hgroup.title h1, hgroup.title h2 {
406    display: inline;
407}
408
409hgroup.title h2 {
410    font-weight: normal;
411    margin-left: 3px;
412}
413
414.error {
415    color: #e80c4d;
416}
417
418input[type="text"], input[type="password"] {
419  border: 1px solid #CCC;
420}
421
422/*Index Page Styles*/
423fieldset {
424  margin: 1em 0;
425  margin-bottom: 2em;
426  padding: 1em;
427  padding-top: 0;
428  -webkit-border-radius: 3px;
429  -moz-border-radius: 3px;
430  border-radius: 3px;
431  border: 1px solid #8297F5;
432}
433
434legend {
435  font-size: 1.1em;
436  font-weight: 600;
437  padding: 2px 4px 8px 4px;
438  color: #6B6B6B;
439}
440
441fieldset > label, fieldset > input {
442  font-size: 1.1em;
443  font-weight: 600;
444  color: #6B6B6B;
445  display: block;
446}
447
448fieldset > input {
449  margin-bottom: 2%;
450}
451
452.charts, .chartContainer, .collapse {
453  font-size: 1.5em;
454}
455
456.chartContainer {
457  width: 90%;
458  padding: 3%;
459  margin: 3% 0% 3% 2%;
460  -webkit-border-radius: 15px;
461  -moz-border-radius: 15px;
462  border-radius: 15px;
463  -webkit-box-shadow: 5px 5px 3px #A3A3A2;
464  box-shadow: 5px 5px 3px #A3A3A2;
465  border: 3px solid #8297F5;
466}
467
468.chartContainer > .title {
469  width: 95%;
470  border-bottom: none;
471  display:inline-block;
472}
473
474.chartContainer canvas {
475  margin: 0% 0% 2% 6%;
476}
477
478.chartContainer > div {
479  width: 90%;
480  height: 180px;
481  margin-left: 3%;
482}
483
484.chartContainer > .smoothieHolder {
485  width: auto;
486  height: auto;
487  margin: 0%;
488}
489
490.chartContainer .smoothieLabel {
491  width: 100%;
492  margin: 10px;
493  display: block;
494  text-align: center;
495  font-family: inherit;
496  font-size: 13pt;
497  color: #707070;
498}
499
500.collapse {
501  width: 3%;
502  min-width: 20px;
503  margin: 0px;
504  background: none;
505  color: #F7921D;
506  -webkit-border-radius: 3px;
507  -moz-border-radius: 3px;
508  border-radius: 3px;
509  border: 2px solid #F7921D;
510  text-align: center;
511  font-size: 1em;
512  display: inline-block;
513}
514
515.collapse:hover {
516  background-color: rgba(247,146,29,0.42);
517}
518/* User Page Styles*/
519#TasksContainer div[id^="Task"] {
520  margin: 2% 0%;
521}
522
523#TasksContainer .jqplot-xaxis {
524  display: none;
525}
526
527label[id$="Info"] {
528  font-family: inherit;
529  font-size: 13pt;
530  color: #707070;
531}
532
533#TaskOverviewFilterFirst {
534  margin-top: 0%;
535}
536
537/* Admin Page Styles */
538.usersField .filterChoices {
539  width: 92%;
540  margin: 1% 0% 1% 2%;
541}
542
543.usersField .filterChoices legend {
544  font-size: 1em;
545  padding-top: 6%;
546}
547
548.usersField .filterChoices label {
549  font-size: 1em;
550  width: 60%;
551  margin: 0% 0% 0% 10%;
552}
553
554.usersField .filterChoices label:last-of-type {
555  width: 42%;
556}
557
558.usersField .filterChoices label:last-of-type {
559  margin-bottom: 8%;
560}
561
562.usersField .filterChoices input[type="checkbox"] {
563  margin: .3em;
564}
565
566#UserOverviewTab .filters {
567  width: 67%;
568  margin: 1% 0% 0% 2%;
569}
570
571.tabSection .filterContainer {
572  width: 27%;
573}
574
575.usersField {
576  width: 20%;
577  padding: 1% 2% 2% 2%;
578  margin: 1% 0% 2% 2%;
579  font-size: 1.4em;
580  vertical-align: top;
581  display: inline-block;
582}
583
584.mainList {
585  width: 100%;
586  font-family: inherit;
587  font-size: 10pt;
588  color: #707070;
589}
590
591.usersField label {
592  margin-top: 1em;
593}
594
595#SlaveOverviewTab .filterChoices {
596  margin-top: 1%;
597}
598
599#SlaveOverviewTab .filters {
600  margin: 1% 0% 0% 0%;
601}
602
603#SlavesContainer .jqplot-target {
604  margin-left: 0%;
605  margin-top: 2%;
606}
Note: See TracBrowser for help on using the repository browser.