1body {
2  -webkit-font-smoothing: antialiased;
3  -moz-osx-font-smoothing: grayscale;
4  /*background-image: url('/images/subtle_grunge.png');*/
5  /*background-image: url('/images/lightbg2.png');*/
6}
7
8.login-box {
9  padding: 50px;
10  padding: 50px;
11  background-image: url('../images/observium-mini-logo.png');
12  background-position: right 10px bottom 10px;
13  background-repeat: no-repeat;
14}
15
16/* HiDPI-specific stuff here */
17@media
18only screen and (-webkit-min-device-pixel-ratio: 2),
19only screen and (   min--moz-device-pixel-ratio: 2),
20/*only screen and (     -o-min-device-pixel-ratio: 2/1),*/
21only screen and (        min-device-pixel-ratio: 2),
22only screen and (                min-resolution: 192dpi),
23only screen and (                min-resolution: 2dppx) {
24  /*body {
25    background:url('/images/subtle_grunge_x2.png') repeat;
26    background-size: 310px 310px;
27  }*/
28  .login-box {
29    background: url('../images/brand-observium-x2.png');
30    background-size: 162px 30px;
31    background-position: right 10px bottom 10px;
32    background-repeat: no-repeat;
33  }
34}
35
36.navbar-inner {
37  padding: 0;
38}
39
40.navbar .brand {
41  margin-left: 0;
42}
43
44.navbar .nav > .icon > a > span {
45  display: none !important;
46}
47.navbar .nav > .icon > a:hover > span,
48.navbar .nav > .icon > a:focus > span {
49	display: inline !important;
50}
51
52@media (min-width: 980px) {
53  .subnav-fixed {
54    position: fixed;
55    top: 40px;
56    left: 0;
57    right: 0;
58    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
59    border-color: #d5d5d5;
60    border-width: 0 0 1px; /* drop the border on the fixed edges */
61    -webkit-border-radius: 0;
62    -moz-border-radius: 0;
63    border-radius: 0;
64    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
65    -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
66    box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
67    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
68  }
69
70  .subnav-fixed .navbar-inner {
71    -webkit-border-radius: 0;
72    -moz-border-radius: 0;
73    border-radius: 0;
74	}
75
76  .subnav-fixed .nav {
77    /*width: 938px;*/
78    margin: 0 auto;
79    padding: 0 1px;
80  }
81
82  .subnav .nav > li:first-child > a,
83  .subnav .nav > li:first-child > a:hover {
84    -webkit-border-radius: 0;
85    -moz-border-radius: 0;
86    border-radius: 0;
87  }
88}
89
90/* 2px less to account for left/right borders being removed when in fixed mode */
91/*@media (min-width: 1210px) {
92  .subnav-fixed .nav {
93    width: 1168px;
94  }
95}
96*/
97
98.navbar-inner .btn-group {
99  margin-bottom: -5px;
100}
101
102.navbar-narrow form {
103  margin-bottom: 0px;
104}
105
106.navbar-narrow .bootstrap-select .btn {
107  /*margin-top: 4px;*/
108  /*margin-bottom: -5px;*/
109  border: none;
110  height: 100%;
111  background: transparent;
112  box-shadow: none;
113  -webkit-box-shadow: none;
114}
115
116h1, h2, h3, h4, h5, legend {
117  /*color: #0a5f7f;
118  margin-left: 0;
119  margin-bottom: 15px;
120  margin-top: 0; */
121}
122
123legend, h1, h2, h3 {
124 /*color: #0a5f7f;*/
125 /*color: #033d53;*/
126 /*color: #3b9bbf;*/
127}
128
129/*h1, h2 {
130  margin-bottom: 15px;
131}*/
132
133h2 {
134  font-size: 21px;
135  line-height: 40px;
136  /*border-bottom: 1px solid #e5e5e5*/;
137  margin-bottom: 10px;
138}
139
140legend {
141  margin-bottom: 10px;
142}
143
144select[disabled] { cursor:default; }
145
146/* http://stackoverflow.com/questions/19695371/failing-to-align-badges-to-right-in-drop-down-bootstrap3-navbar
147   fix for label/badges in dropdown menus*/
148.dropdown-menu a[role="menuitem"] {
149  display: -webkit-box;
150  display: -moz-box;
151  display: -ms-flexbox;
152  display: -webkit-flex;
153  display: flex;
154  /* align-items: center; */
155}
156.dropdown-menu a[role="menuitem"] span:first-child {
157  -webkit-box-flex: 1;
158  -moz-box-flex: 1;
159  -webkit-flex: 1;
160  -ms-flex: 1;
161  flex: 1;
162  flex-basis: auto;  /* Fix for IE 10-11 */
163  margin-right: 2em;
164}
165.dropdown-menu a[role="menuitem"]:first-child:nth-last-child(2) .label,
166.dropdown-menu a[role="menuitem"]:first-child:nth-last-child(2) .badge {
167  margin-right: 5px;
168}
169/* Fix vertical align */
170.dropdown-menu a[role="menuitem"] .label,
171.dropdown-menu a[role="menuitem"] .badge {
172  /* margin: auto; */
173  padding-top: 4px;
174  padding-bottom: 4px;
175}
176
177/* Fix label size inside some tables */
178td .label,
179td .badge {
180  line-height: 1.26;
181}
182
183@font-face{
184  font-family: 'Source Sans Pro';
185  font-weight: 400;
186  font-style: normal;
187  font-stretch: normal;
188  src: url('../fonts/SourceSansPro-Regular.eot') format('embedded-opentype'),
189       url('../fonts/SourceSansPro-Regular.ttf.woff2') format('woff2'),
190       url('../fonts/SourceSansPro-Regular.otf.woff') format('woff'),
191       url('../fonts/SourceSansPro-Regular.otf') format('opentype'),
192       url('../fonts/SourceSansPro-Regular.ttf') format('truetype');
193}
194
195@font-face{
196  font-family: 'Source Sans Pro';
197  font-weight: 600;
198  font-style: normal;
199  font-stretch: normal;
200  src: url('../fonts/SourceSansPro-Semibold.eot') format('embedded-opentype'),
201       url('../fonts/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
202       url('../fonts/SourceSansPro-Semibold.otf.woff') format('woff'),
203       url('../fonts/SourceSansPro-Semibold.otf') format('opentype'),
204       url('../fonts/SourceSansPro-Semibold.ttf') format('truetype');
205}
206
207
208i.menu-icon,
209.dropdown-menu [class^="oicon-"], .dropdown-menu[class*=" oicon-"] {
210  margin-right: 5px;
211  margin-top: 1px;
212}
213
214.navbar-fixed-top .nav > li > a > i
215{
216  margin-top: 2px;
217  margin-right: 5px;
218}
219
220.box-header [class*=" oicon-"],
221.box-header [class^="oicon-"] {
222  margin-right: 5px;
223  margin-top: 0px;
224}
225
226.navbar-narrow [class^="oicon-"] {
227  margin-right: 2px;
228  margin-top: 1px;
229}
230
231.box-header,
232.box-header.with-border {
233  background-color: #f5f5f5;
234  background-color: #fafafa;
235}
236
237.box-header.with-border {
238  border-bottom: 1px solid #e5e5e5;
239}
240
241.table .box,
242.box-content .table,
243.box-body .table,
244.box .table {
245  margin-bottom: 0;
246}
247
248.box-content > .box-solid {
249  box-shadow: none;
250}
251
252.box.box-solid > .box-header > .box-tools .btn {
253  /*padding: 3px 10px;*/
254  margin-top: -1px;
255  /*background-color: #e5e5e5;*/
256  margin-right: -5px;
257  margin-left: 10px;
258  /*border-radius: 3px;*/
259}
260
261.btn-box-tool {
262  color: hsla(221,16%,45%,1);
263}
264
265.dropdown-menu > li > a > span > img,
266.dropdown-menu > li > a > img,
267.nav > li > a > img {
268  max-width: none;
269  margin-right: 5px;
270  margin-top: -4px;
271}
272
273/* Narrow divider inside bootstrap select optgroup */
274.bootstrap-select ul.inner > li.divider {
275  margin: 2px 1px;
276}
277
278/* Remove hover line under links */
279a [class^="icon-"],
280a [class*=" icon-"] {
281  text-decoration: none;
282}
283
284/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
285.table tr.vertical-align td,
286.table.vertical-align td {
287  /*display: table-cell;*/
288  vertical-align: middle;
289}
290
291.vertical-align {
292  /*display: inline-block;*/
293  vertical-align: middle !important;
294  /*float: none;*/
295  /*display: flex;
296  flex-direction: row;*/
297}
298
299.vertical-align > [class^="col-"],
300.vertical-align > [class*=" col-"] {
301  display: flex;
302  align-items: center;     /* Align the flex-items vertically */
303  justify-content: center; /* Optional, to align inner flex-items horizontally within the column  */
304}
305
306.editing-only
307{
308  display: none;
309}
310
311.nextrow
312{
313  display: block !important;
314  clear: both;
315}
316
317.no-width {
318  width: 0 !important;
319}
320
321/* FIXME, Not sure why empty elements here?
322.viewing-only
323{
324}
325
326.box-body .table tr:first-child td
327{
328  //border-top: none;
329}
330*/
331
332label {
333  display: inline-block;
334  max-width: 100%;
335  margin-bottom: 5px;
336  font-weight: 700;
337}
338
339/* Fixed in forms.less
340select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
341    padding: 4px 10px;
342}
343*/
344
345button [class^="oicon-"], button [class*=" oicon-"], .dropdown-menu [class^="oicon-"], .dropdown-menu [class*=" oicon-"] {
346  margin-top: 1px;
347  margin-right: 5px;
348}
349
350button [class^="icon-"], button [class*=" icon-"] {
351  margin-right: 3px;
352}
353
354button.btn.dropdown-toggle.bs-placeholder.box {
355  border-radius: 0px;
356}
357
358button.btn-icon {
359  appearance: none;
360  -webkit-appearance: none;
361  -moz-appearance: none;
362  outline: none;
363  border: 0;
364  background: transparent;
365  padding-left: 0px;
366  padding-right: 0px;
367  margin-left: -2px;
368  margin-right: 2px;
369}
370
371button.btn-icon [class^="icon-"], button.btn-icon [class*=" icon-"],
372button.btn-icon [class^="oicon-"], button.btn-icon [class*=" oicon-"],
373button.btn-icon [class^="sprite-"], button.btn-icon [class*=" sprite-"] {
374  margin: 0px;
375}
376
377/** TinyToggle **/
378
379[class^="tt-label"], [class*=" tt-label"] {
380  line-height: 20px !important;
381  font-size: 14px !important;
382  vertical-align: bottom !important;
383  color: #595959;
384}
385
386.tt-disabled .tt-icon {
387  cursor: not-allowed;
388}
389
390/** Dyngraph **/
391
392.dygraph-axis-label  { font-size: 10px; font-weight: bold; }
393.dygraph-title  { font-size: 36px; }
394.dygraph-ylabel { font-size: 18px; }
395
396.chart { border: 1px dashed black; margin: 5px 5px 5px 50px; padding: 2px; }
397
398.c3 svg g g.c3-axis.c3-axis-x,
399.c3 svg g g.c3-axis.c3-axis-y,
400.c3-text {
401  font: 12px sans-serif;
402  font-weight: bold;
403  color: #555;
404}
405
406.c3-bar {
407  -moz-box-shadow: -5px -5px 5px #888;
408  -webkit-box-shadow: -5px -5px 5px #888;
409  box-shadow: -5px -5px 5px #888;
410}
411
412/** Donut **/
413
414.outer-circle,
415.inner-circle {
416  position: absolute;
417  border-radius: 50%;
418}
419
420.outer-circle {
421  top: 3%;
422  left: 3%;
423  right: 3%;
424  bottom: 3%;
425  background-color: #fff;
426  box-shadow: inset 0 0 0 6px rgba(0, 0, 0, 0.2);
427}
428
429.inner-circle {
430  top: 25%;
431  left: 25%;
432  right: 25%;
433  bottom: 25%;
434  background-color: #f5f7fa;
435  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2);
436}
437
438.inner-circle-label,
439.inner-circle-value {
440  position: absolute;
441  left: 0;
442  top: 50%;
443  width: 100%;
444  display: block;
445  text-align: center;
446}
447
448.inner-circle-label {
449  font-size: 20px;
450  line-height: 1;
451  margin-top: -25px;
452  color: #656d78;
453}
454
455.inner-circle-value {
456  font-size: 24px;
457  line-height: 1;
458  font-weight: bold;
459  margin-top: -0px;
460  color: #656d78;
461}
462
463.wedge-container,
464.wedge,
465.wedge-extension,
466.wedge-label {
467  position: absolute;
468  border-radius: 50%;
469  top: 0;
470  left: 0;
471  width: 100%;
472  height: 100%;
473  transition: all 0.4s linear;
474}
475
476.wedge,
477.wedge-extension {
478  box-shadow: inset 0 0 0 6px rgba(0, 0, 0, 0.2);
479}
480
481.wedge-value {
482  display: block;
483  position: absolute;
484  top: 6%;
485  left: 50%;
486  width: 30px;
487  margin-left: -15px;
488  font-size: 14px;
489  line-height: 20px;
490  font-weight: bold;
491  text-align: center;
492}
493
494.wedge-extension {
495  z-index: 100;
496}
497
498.wedge {
499  z-index: 200;
500}
501
502.wedge-label {
503  z-index: 300;
504}
505
506.donut-chart {
507  position: relative;
508  overflow: hidden;
509  width: 175px;
510  height: 175px;
511  border-radius: 50%;
512  margin: auto;
513  background-color: #f5f7fa;
514  /*background-color: rgba(0, 0, 0, 0.1);*/
515  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
516}
517
518.dropdown-menu [class^="sprite-"], .dropdown-menu[class*=" sprite-"] {
519  margin-right: 5px;
520  margin-top: 1px;
521}
522
523[class^="sprite-"], [class*=" sprite-"] {
524  display: inline-block;
525  height: 16px;
526  width: 16px;
527  margin-top: 2px;
528  margin-right: .4em;
529  vertical-align: text-top;
530}
531
532h3 > [class*=" sprite-"], h3 > [class^="sprite-"] { margin-top: 3px; }
533
534[class^="sprite-"], [class*=" sprite-"] {
535  display: inline-block;
536  height: 18px;
537  width: 18px;
538  margin-top: 1px;
539  margin-right: .3em;
540  vertical-align: text-top;
541  /* background-size: 18px 18px; */
542}
543
544button [class^="sprite-"],
545button [class*=" sprite-"],
546.navbar [class^="sprite-"],
547.navbar [class*=" sprite-"] {
548    margin-right: 5px;
549    margin-top: 0px;
550}
551
552.box.box-solid > .box-header > .box-tools .btn [class^="sprite-"]
553{
554  /*margin-right: 0;*/
555}
556
557.box-header [class^="sprite-"], .box-header [class^="sprite-"] {
558    margin-right: 5px;
559    margin-top: -1px;
560}
561
562.mini-icon {
563  height: 10px;
564  width: 10px;
565  margin-top: 4px;
566  margin-right: .3em;
567  margin-left: .1em;
568  vertical-align: text-top;
569  /* background-size: 10px 10px; */
570}
571
572.subnav-fixed .brand.fixed-only {
573  display: inherit;
574}
575
576.brand.fixed-only {
577  display: none;
578}
579
580/* Left pannel */
581.affix {
582  top: 0px !important;
583}
584#myAffix.affix {
585  top: 85px !important;
586  max-width: 609px;
587  width: 609px;
588}
589
590/* Quick search results */
591.dl-search { margin-bottom: 0px; margin-top: 0px; }
592.dl-search dt { float: left; width: 48px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
593.dl-search dd { margin-left: 65px; }
594
595/* Hide long lists, ie in SQL formatter */
596.text-truncate { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
597
598button.btn.dropdown-toggle.bs-placeholder.box
599{
600    webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
601    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
602}
603
604form.pagination
605{
606  margin: 0;
607}
608
609.grid-stack>.grid-stack-item>.grid-stack-item-content
610{
611}
612
613.grid-stack>.grid-stack-item>.grid-stack-item-content:hover {
614    overflow: auto;
615}
616
617.grid-stack .box
618{
619  width: 100%;
620  height: 100%;
621  margin-bottom: 0;
622}
623
624
625.col-md-4 .form-horizontal .controls,
626.form-horizontal .col-md-4 .controls {
627    margin-left: 140px;
628}
629
630.col-md-4 .form-horizontal .control-label,
631.form-horizontal .col-md-4 .control-label {
632    width: 120px;
633}
634
635
636
637/*EOF*/
638
639