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