Free cookie consent management tool by TermsFeed Policy Generator

source: trunk/sources/HeuristicLab.Services.WebApp/3.3/WebApp/app.css @ 15648

Last change on this file since 15648 was 12878, checked in by ascheibe, 9 years ago

#2388 merged hive statistics branch into trunk

File size: 9.2 KB
RevLine 
[12428]1* {
2  -webkit-border-radius: 0 !important;
3     -moz-border-radius: 0 !important;
4          border-radius: 0 !important;
5  font-family: "Open Sans", Helvetica, Arial, sans-serif;
6}
7
8html {
9  height: 100%;
10  overflow-y: scroll;
11}
12
13body {
14  width: 100%;
15  height: 100%;
16  margin: 0;
17  padding: 0;
18}
19
20.no-border {
21  border: none;
22}
23
24.no-padding-margin {
25  padding: 0;
26  margin: 0;
27}
28
29/* bootstrap style changes */
30.panel {
31  border: 1px #D3D3D3;
32  margin-bottom: 30px;
33}
34
35.panel-default {
36  border: 1px #D3D3D3;
37}
38
39.panel-default > .panel-heading {
40  background: #FAFAFA;
41  /*border-top: 3px solid #f7921d;*/
42}
43
44.panel-default > .panel-body {
45}
46
47.panel-title {
48  color: #AAA;
49  font-weight: 600;
50}
51
52.breadcrumb {
53  background: transparent;
54}
55
56.btn-default {
57  background-image: none;
58  background-repeat: no-repeat;
59  background-color: #F5F5F5;
60}
61
62/* app */
63
64#app {
65  position: relative;
66  min-height: 100%;
67  display: block;
68  overflow: hidden;
69  background: #EEEEEE;
70}
71
72#toolbar {
73  background: #5E5E5E;
74}
75
76#menu {
[12435]77  position: relative;
[12428]78  background: #FAFAFA;
79  display: block;
80  overflow: hidden;
[12435]81  z-index: 10000;
82  width: 100%;
[12428]83}
84
85.category  {
86  font-weight: bold;
87  color: #AAAAAA;
88  text-transform: uppercase;
89  margin-top: 28px;
90  margin-left: 22px;
91  margin-right: 22px;
92  padding-bottom: 5px;
93  border-bottom: 1px solid #E3E3E3;
94}
95
96#view {
97  position: relative;
[12435]98  left: 0;
99  margin-left: 0px;
[12428]100  display: block;
101  overflow: hidden;
102}
103
[12435]104
[12428]105.view-header {
106  background: #FAFAFA;
107  border-bottom: 1px solid #D3D3D3;
108  height: 51px;
109}
110
111.no-border {
112  border: none;
113  padding: 0;
114  margin: 0;
115}
116
117.container-fluid {
118  margin: 0;
119  padding: 0;
120}
121
[12435]122.navbar-header {
123  width: 100%;
[12428]124  background: #3c3a39;
125  color: #FFFFFF;
[12435]126  float: left;
[12428]127}
128
[12435]129
130@media (min-width: 768px) {
131  #view {
132    margin-left: 250px;
133  }
134
135  #menu {
136    visibility: visible;
137    position: absolute;
138    width: 250px;
139    min-height: inherit;
140    border-right: 1px solid #D3D3D3;
141    z-index: 0;
142  }
143
144  .navbar-header {
145    width: 250px;
146  }
147}
148.container-fluid .navbar-header {
149  margin: 0;
150  padding: 0;
151}
152
153.navbar-nav {
154  margin: 0;
155  padding: 0;
156}
157
158.navbar-right {
159  float: right!important
160}
161
162.navbar-nav>li>a {
163  padding-top: 15px;
164  padding-bottom: 15px;
165}
166
167.navbar-content {
168  padding-right: 15px;
169}
170
171.navbar-nav > li {
172  float: left;
173}
174
[12428]175.navbar-default {
176}
177
178.navbar-brand {
179  font-weight: bold;
180  color: #FFFFFF !important;
181}
182
183.nav-sidebar {
184  font-size: 12px;
[12435]185  padding-bottom: 30px;
[12428]186}
187
188.nav-sidebar > li > a {
189  font-size: 13px;
190  color: #555555;
191  text-transform: capitalize;
192  letter-spacing: 0.5px;
193  padding-right: 20px;
194  padding-left: 20px;
195  border-left: 3px solid transparent;
196}
197.nav-sidebar > li > a:hover {
198  font-weight: bold;
199  color: #000000;
200  background-color: #5c5a59;
201  background-color: transparent;
202  background-color: #F5F5F5;
203  border-left: 3px solid #f7921d;
204}
205
206.nav-sidebar > li > a:focus {
207  background-color: #F5F5F5;
208}
209
210.nav-sidebar > .active > a,
211.nav-sidebar > .active > a:hover {
212  font-weight: bold;
213  color: #000000;
214  background-color: #5c5a59;
215  background-color: transparent;
216  background-color: #F5F5F5;
217  border-left: 3px solid #f7921d;
218}
219
220
221.nav-sub-sidebar {
222  font-size: 10px;
223}
224
225.nav-sub-sidebar > li > a {
226  font-size: 11px;
227  color: #555555;
228  text-transform: capitalize;
229  letter-spacing: 0.5px;
230  padding-right: 20px;
231  padding-left: 35px;
232  border-left: 3px solid transparent;
233}
234.nav-sub-sidebar > li > a:hover {
235  font-weight: bold;
236  color: #000000;
237  background-color: #5c5a59;
238  background-color: transparent;
239  background-color: #F5F5F5;
240  border-left: 3px solid #DD4B39;
241}
242
243.nav-sub-sidebar > li > a:focus {
244  background-color: #F5F5F5;
245}
246
247.nav-sub-sidebar > .active > a,
248.nav-sub-sidebar > .active > a:hover {
249  font-weight: bold;
250  color: #000000;
251  background-color: #5c5a59;
252  background-color: transparent;
253  background-color: #F5F5F5;
254  border-left: 3px solid #DD4B39;
255}
256
257.nav-list {
258  margin-bottom: 20px;
259}
260.nav-list li {
261  display: inline-block;
262}
263.nav-list li.active a {
264  color: #444;
265  border-bottom: 3px solid #4a89dc;
266}
267.nav-list li a {
268  color: #AAA;
269  font-weight: 600;
270  border-bottom: 3px solid transparent;
271}
272.nav-list li a:hover,
273.nav-list li a:focus {
274  color: #444;
275  background-color: transparent;
276}
277.nav-list.nav-list-sm li a {
278  padding: 10px 8px;
279}
280
281.nav.nav-list-topbar {
282  margin-left: 10px;
283}
284.nav.nav-list-topbar li a {
285  padding: 16px 14px 12px;
286}
287.nav.nav-list-topbar li.active a {
288  color: #f7921d;
289  border-bottom: 3px solid #f7921d;
290}
291
292
293#status {
294  padding: 30px;
295}
296
297textarea:focus,
298input[type="button"]:focus,
299input[type="text"]:focus,
300input[type="password"]:focus,
301input[type="datetime"]:focus,
302input[type="datetime-local"]:focus,
303input[type="date"]:focus,
304input[type="month"]:focus,
305input[type="time"]:focus,
306input[type="week"]:focus,
307input[type="number"]:focus,
308input[type="email"]:focus,
309input[type="url"]:focus,
310input[type="search"]:focus,
311input[type="tel"]:focus,
312input[type="color"]:focus,
313.uneditable-input:focus {   
314  border-color: #f7921d;
315  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(247, 146, 29, 0.6);
316  outline: 0 none;
317}
318
319.angular-flot-chart {
320  display: block;
321  width: 100%;
322  height: 300px;
323}
324
[12435]325.table-no-border>thead>tr>th,
326.table-no-border>tbody>tr>th,
327.table-no-border>tfoot>tr>th,
328.table-no-border>thead>tr>td,
329.table-no-border>tbody>tr>td,
330.table-no-border>tfoot>tr>td,
331.table-no-border>tbody,
332.table-no-border>thead,
333.table-no-border>tfoot{
334  border-top: none !important;
335  border-bottom: none !important;
336}
[12428]337
[12435]338.table-auto-width {
339  width: auto !important;
340}
341
342.center-element {
343  margin: 0 auto;
344}
345
346.table-content {
347  margin-bottom: 0;
348}
349
[12428]350#top-navbar {
351  margin-right: 15px;
352}
353
354
355.navbar-default .navbar-brand {
356  text-shadow: none !important;
357}
358
359.navbar-default .navbar-nav > li > a {
360  color: #ffffff;
361  text-shadow: none !important;
362}
363
364.navbar-default .navbar-nav > li > a:focus {
365  color: #ffffff;
366  text-shadow: none !important;
367}
368
369.navbar-default .navbar-nav > li > a:hover {
370  color: #ffffff;
371  background-color: #7E7E7E;
372  text-shadow: none !important;
373}
374
375.navbar-default .navbar-text {
[12435]376  display: block;
[12428]377  color: #ffffff;
378  text-shadow: none !important;
[12435]379  margin: 0;
380  padding: 15px;
[12428]381}
382
[12435]383.navbar-nav {
384  float:left;
385  margin:0
386}
[12428]387
[12435]388.navbar-nav>li {
389  float:left
390}
391
392.navbar-nav>li>a {
393  padding-top:15px;
394  padding-bottom:15px
395}
396
397.navbar-toggle {
398  border: none !important;
399}
400
401.navbar-toggle:focus {
402  background-color: transparent !important;
403}
404
405.navbar-toggle:hover {
406  background-color: #D3D3D3 !important;
407}
408
409#menu .navbar-collapse {
410  padding: 0;
411  margin: 0;
412}
413
[12428]414.default-view-container {
415  padding: 30px;
[12878]416  min-height: 300px;
[12435]417}
418
[12878]419.default-view-header {
420  padding: 30px;
421  background: #F5F5F5;
422  border-bottom: 1px solid #D3D3D3;
423}
424
[12435]425.panel-heading a:after {
426    font-family:'Glyphicons Halflings';
427    content:"\e114";
428    float: right;
429    color: grey;
430}
431.panel-heading a.collapsed:after {
432    content:"\e080";
433}
434
435.panel-heading a:focus, a:hover {
436  text-decoration: none;
[12878]437}
438
439/*remove button gradient*/
440.btn {
441  background-image: none;
442  filter: none;
443  -webkit-box-shadow: none !important;
444     -moz-box-shadow: none !important;
445       -o-box-shadow: none !important;
446          box-shadow: none !important;
447}
448
449.btn-default {
450  background-image: none;
451  filter: none;
452  -webkit-box-shadow: none !important;
453     -moz-box-shadow: none !important;
454       -o-box-shadow: none !important;
455          box-shadow: none !important;
456}
457
458.btn .btn-default {
459  background-image: none;
460  filter: none;
461  -webkit-box-shadow: none !important;
462     -moz-box-shadow: none !important;
463       -o-box-shadow: none !important;
464          box-shadow: none !important;
465}
466
467.btn-default.active, .btn-default:active{
468  border-color: #adadad;
469}
470
471
472
473.modal-dialog-center {
474    margin: 0;
475    position: absolute;
476    top: 50%;
477    left: 50%;
478}
479
480.modal-header {
481  background: #fafafa;
482}
483
484.modal-body {
485    overflow-y: auto;
486}
487.modal-footer {
488    margin-top: 0;
489}
490
491@media (max-width: 767px) {
492  .modal-dialog-center {
493    width: 100%;
494  }
495}
496
497body.modal-open {
498    overflow: visible;
499}
500
501.table .progress {
502margin-bottom: 0px;
503}
504
505.default-filter-header {
506  padding: 30px;
507  background: #F5F5F5;
508  border-top: 1px solid #D3D3D3;
509  border-bottom: 1px solid #D3D3D3;
510}
511
512.default-tab-filter-header {
513  padding: 30px;
514  background: #F5F5F5;
515  border-bottom: 1px solid #D3D3D3;
516}
517
518.cursor-pointer:hover {
519  cursor: pointer
520}
521
522.app-modal-window .modal-dialog {
523  top: 15%;
524  z-index: 1050;
525}
526
527.pagination>li>a,
528.pagination>li>span {
529  border-color: #ccc;
530}
531
532.pagination>.active>a,
533.pagination>.active>a:focus,
534.pagination>.active>span,
535.pagination>.active>span:focus {
536  color: black;
537  background: #e0e0e0;
538  border-color: #adadad;
539}
540
541.pagination>.active>a:hover,
542.pagination>.active>span:hover {
543  color: black;
544  border-color: #ccc;
545  background: #eeeeee;
[12428]546}
Note: See TracBrowser for help on using the repository browser.