src/main/resources/META-INF/resources/designer/css/jasny-bootstrap.css

   1 /*!
   2  * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap)
   3  * Copyright 2012-2014 Arnold Daniels
   4  * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
   5  */
   6
   7 .container-smooth {
   8   max-width: 1170px;
   9 }
  10 @media (min-width: 1px) {
  11   .container-smooth {
  12     width: auto;
  13   }
  14 }
  15 .btn-labeled {
  16   padding-top: 0;
  17   padding-bottom: 0;
  18 }
  19 .btn-label {
  20   position: relative;
  21   left: -12px;
  22   display: inline-block;
  23   padding: 6px 12px;
  24   background: transparent;
  25   background: rgba(0, 0, 0, .15);
  26   border-radius: 3px 0 0 3px;
  27 }
  28 .btn-label.btn-label-right {
  29   right: -12px;
  30   left: auto;
  31   border-radius: 0 3px 3px 0;
  32 }
  33 .btn-lg .btn-label {
  34   left: -16px;
  35   padding: 10px 16px;
  36   border-radius: 5px 0 0 5px;
  37 }
  38 .btn-lg .btn-label.btn-label-right {
  39   right: -16px;
  40   left: auto;
  41   border-radius: 0 5px 5px 0;
  42 }
  43 .btn-sm .btn-label {
  44   left: -10px;
  45   padding: 5px 10px;
  46   border-radius: 2px 0 0 2px;
  47 }
  48 .btn-sm .btn-label.btn-label-right {
  49   right: -10px;
  50   left: auto;
  51   border-radius: 0 2px 2px 0;
  52 }
  53 .btn-xs .btn-label {
  54   left: -5px;
  55   padding: 1px 5px;
  56   border-radius: 2px 0 0 2px;
  57 }
  58 .btn-xs .btn-label.btn-label-right {
  59   right: -5px;
  60   left: auto;
  61   border-radius: 0 2px 2px 0;
  62 }
  63 .nav-tabs-bottom {
  64   border-top: 1px solid #ddd;
  65   border-bottom: 0;
  66 }
  67 .nav-tabs-bottom > li {
  68   margin-top: -1px;
  69   margin-bottom: 0;
  70 }
  71 .nav-tabs-bottom > li > a {
  72   border-radius: 0 0 4px 4px;
  73 }
  74 .nav-tabs-bottom > li > a:hover,
  75 .nav-tabs-bottom > li > a:focus,
  76 .nav-tabs-bottom > li.active > a,
  77 .nav-tabs-bottom > li.active > a:hover,
  78 .nav-tabs-bottom > li.active > a:focus {
  79   border: 1px solid #ddd;
  80   border-top-color: transparent;
  81 }
  82 .nav-tabs-left {
  83   border-right: 1px solid #ddd;
  84   border-bottom: 0;
  85 }
  86 .nav-tabs-left > li {
  87   float: none;
  88   margin-right: -1px;
  89   margin-bottom: 0;
  90 }
  91 .nav-tabs-left > li > a {
  92   margin-right: 0;
  93   margin-bottom: 2px;
  94   border-radius: 4px 0 0 4px;
  95 }
  96 .nav-tabs-left > li > a:hover,
  97 .nav-tabs-left > li > a:focus,
  98 .nav-tabs-left > li.active > a,
  99 .nav-tabs-left > li.active > a:hover,
 100 .nav-tabs-left > li.active > a:focus {
 101   border: 1px solid #ddd;
 102   border-right-color: transparent;
 103 }
 104 .row > .nav-tabs-left {
 105   position: relative;
 106   z-index: 1;
 107   padding-right: 0;
 108   padding-left: 15px;
 109   margin-right: -1px;
 110 }
 111 .row > .nav-tabs-left + .tab-content {
 112   border-left: 1px solid #ddd;
 113 }
 114 .nav-tabs-right {
 115   border-bottom: 0;
 116   border-left: 1px solid #ddd;
 117 }
 118 .nav-tabs-right > li {
 119   float: none;
 120   margin-bottom: 0;
 121   margin-left: -1px;
 122 }
 123 .nav-tabs-right > li > a {
 124   margin-bottom: 2px;
 125   margin-left: 0;
 126   border-radius: 0 4px 4px 0;
 127 }
 128 .nav-tabs-right > li > a:hover,
 129 .nav-tabs-right > li > a:focus,
 130 .nav-tabs-right > li.active > a,
 131 .nav-tabs-right > li.active > a:hover,
 132 .nav-tabs-right > li.active > a:focus {
 133   border: 1px solid #ddd;
 134   border-left-color: transparent;
 135 }
 136 .row > .nav-tabs-right {
 137   padding-right: 15px;
 138   padding-left: 0;
 139 }
 140 .navmenu,
 141 .navbar-offcanvas {
 142   width: 300px;
 143   height: auto;
 144   border-style: solid;
 145   border-width: 1px;
 146   border-radius: 4px;
 147 }
 148 .navmenu-fixed-left,
 149 .navmenu-fixed-right,
 150 .navbar-offcanvas {
 151   position: left;
 152   top: 0;
 153   bottom: 0;
 154   z-index: 1030;
 155   overflow-y: auto;
 156   border-radius: 0;
 157 }
 158 .navmenu-fixed-left,
 159 .navbar-offcanvas.navmenu-fixed-left {
 160   right: auto;
 161   left: 0;
 162   border-width: 0 1px 0 0;
 163 }
 164 .navmenu-fixed-right,
 165 .navbar-offcanvas {
 166   right: 0;
 167   left: auto;
 168   border-width: 0 0 0 1px;
 169 }
 170 .navmenu-nav {
 171   margin-bottom: 10px;
 172 }
 173 .navmenu-nav.dropdown-menu {
 174   position: static;
 175   float: none;
 176   padding-top: 0;
 177   margin: 0;
 178   border: none;
 179   border-radius: 0;
 180   -webkit-box-shadow: none;
 181           box-shadow: none;
 182 }
 183 .navbar-offcanvas .navbar-nav {
 184   margin: 0;
 185 }
 186 @media (min-width: 768px) {
 187   .navbar-offcanvas {
 188     width: auto;
 189     border-top: 0;
 190     box-shadow: none;
 191   }
 192   .navbar-offcanvas.offcanvas {
 193     position: static;
 194     display: block !important;
 195     height: auto !important;
 196     padding-bottom: 0;
 197     overflow: visible !important;
 198   }
 199   .navbar-offcanvas .navbar-nav.navbar-left:first-child {
 200     margin-left: -15px;
 201   }
 202   .navbar-offcanvas .navbar-nav.navbar-right:last-child {
 203     margin-right: -15px;
 204   }
 205   .navbar-offcanvas .navmenu-brand {
 206     display: none;
 207   }
 208 }
 209 .navmenu-brand {
 210   display: block;
 211   padding: 10px 15px;
 212   margin: 10px 0;
 213   font-size: 18px;
 214   line-height: 20px;
 215 }
 216 .navmenu-brand:hover,
 217 .navmenu-brand:focus {
 218   text-decoration: none;
 219 }
 220 .navmenu-default,
 221 .navbar-default .navbar-offcanvas {
 222   background-color: #f8f8f8;
 223   border-color: #e7e7e7;
 224 }
 225 .navmenu-default .navmenu-brand,
 226 .navbar-default .navbar-offcanvas .navmenu-brand {
 227   color: #777;
 228 }
 229 .navmenu-default .navmenu-brand:hover,
 230 .navbar-default .navbar-offcanvas .navmenu-brand:hover,
 231 .navmenu-default .navmenu-brand:focus,
 232 .navbar-default .navbar-offcanvas .navmenu-brand:focus {
 233   color: #5e5e5e;
 234   background-color: transparent;
 235 }
 236 .navmenu-default .navmenu-text,
 237 .navbar-default .navbar-offcanvas .navmenu-text {
 238   color: #777;
 239 }
 240 .navmenu-default .navmenu-nav > .dropdown > a:hover .caret,
 241 .navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret,
 242 .navmenu-default .navmenu-nav > .dropdown > a:focus .caret,
 243 .navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret {
 244   border-top-color: #333;
 245   border-bottom-color: #333;
 246 }
 247 .navmenu-default .navmenu-nav > .open > a,
 248 .navbar-default .navbar-offcanvas .navmenu-nav > .open > a,
 249 .navmenu-default .navmenu-nav > .open > a:hover,
 250 .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover,
 251 .navmenu-default .navmenu-nav > .open > a:focus,
 252 .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus {
 253   color: #555;
 254   background-color: #e7e7e7;
 255 }
 256 .navmenu-default .navmenu-nav > .open > a .caret,
 257 .navbar-default .navbar-offcanvas .navmenu-nav > .open > a .caret,
 258 .navmenu-default .navmenu-nav > .open > a:hover .caret,
 259 .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover .caret,
 260 .navmenu-default .navmenu-nav > .open > a:focus .caret,
 261 .navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus .caret {
 262   border-top-color: #555;
 263   border-bottom-color: #555;
 264 }
 265 .navmenu-default .navmenu-nav > .dropdown > a .caret,
 266 .navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a .caret {
 267   border-top-color: #777;
 268   border-bottom-color: #777;
 269 }
 270 .navmenu-default .navmenu-nav.dropdown-menu,
 271 .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
 272   background-color: #e7e7e7;
 273 }
 274 .navmenu-default .navmenu-nav.dropdown-menu > .divider,
 275 .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider {
 276   background-color: #f8f8f8;
 277 }
 278 .navmenu-default .navmenu-nav.dropdown-menu > .active > a,
 279 .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a,
 280 .navmenu-default .navmenu-nav.dropdown-menu > .active > a:hover,
 281 .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover,
 282 .navmenu-default .navmenu-nav.dropdown-menu > .active > a:focus,
 283 .navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus {
 284   background-color: #d7d7d7;
 285 }
 286 .navmenu-default .navmenu-nav > li > a,
 287 .navbar-default .navbar-offcanvas .navmenu-nav > li > a {
 288   color: #777;
 289 }
 290 .navmenu-default .navmenu-nav > li > a:hover,
 291 .navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover,
 292 .navmenu-default .navmenu-nav > li > a:focus,
 293 .navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus {
 294   color: #333;
 295   background-color: transparent;
 296 }
 297 .navmenu-default .navmenu-nav > .active > a,
 298 .navbar-default .navbar-offcanvas .navmenu-nav > .active > a,
 299 .navmenu-default .navmenu-nav > .active > a:hover,
 300 .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover,
 301 .navmenu-default .navmenu-nav > .active > a:focus,
 302 .navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
 303   color: #555;
 304   background-color: #e7e7e7;
 305 }
 306 .navmenu-default .navmenu-nav > .disabled > a,
 307 .navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a,
 308 .navmenu-default .navmenu-nav > .disabled > a:hover,
 309 .navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:hover,
 310 .navmenu-default .navmenu-nav > .disabled > a:focus,
 311 .navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:focus {
 312   color: #ccc;
 313   background-color: transparent;
 314 }
 315 .navmenu-inverse,
 316 .navbar-inverse .navbar-offcanvas {
 317   background-color: #222;
 318   border-color: #080808;
 319 }
 320 .navmenu-inverse .navmenu-brand,
 321 .navbar-inverse .navbar-offcanvas .navmenu-brand {
 322   color: #999;
 323 }
 324 .navmenu-inverse .navmenu-brand:hover,
 325 .navbar-inverse .navbar-offcanvas .navmenu-brand:hover,
 326 .navmenu-inverse .navmenu-brand:focus,
 327 .navbar-inverse .navbar-offcanvas .navmenu-brand:focus {
 328   color: #fff;
 329   background-color: transparent;
 330 }
 331 .navmenu-inverse .navmenu-text,
 332 .navbar-inverse .navbar-offcanvas .navmenu-text {
 333   color: #999;
 334 }
 335 .navmenu-inverse .navmenu-nav > .dropdown > a:hover .caret,
 336 .navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret,
 337 .navmenu-inverse .navmenu-nav > .dropdown > a:focus .caret,
 338 .navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret {
 339   border-top-color: #fff;
 340   border-bottom-color: #fff;
 341 }
 342 .navmenu-inverse .navmenu-nav > .open > a,
 343 .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a,
 344 .navmenu-inverse .navmenu-nav > .open > a:hover,
 345 .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover,
 346 .navmenu-inverse .navmenu-nav > .open > a:focus,
 347 .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus {
 348   color: #fff;
 349   background-color: #080808;
 350 }
 351 .navmenu-inverse .navmenu-nav > .open > a .caret,
 352 .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a .caret,
 353 .navmenu-inverse .navmenu-nav > .open > a:hover .caret,
 354 .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover .caret,
 355 .navmenu-inverse .navmenu-nav > .open > a:focus .caret,
 356 .navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus .caret {
 357   border-top-color: #fff;
 358   border-bottom-color: #fff;
 359 }
 360 .navmenu-inverse .navmenu-nav > .dropdown > a .caret,
 361 .navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a .caret {
 362   border-top-color: #999;
 363   border-bottom-color: #999;
 364 }
 365 .navmenu-inverse .navmenu-nav.dropdown-menu,
 366 .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu {
 367   background-color: #080808;
 368 }
 369 .navmenu-inverse .navmenu-nav.dropdown-menu > .divider,
 370 .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider {
 371   background-color: #222;
 372 }
 373 .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a,
 374 .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a,
 375 .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:hover,
 376 .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover,
 377 .navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:focus,
 378 .navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus {
 379   background-color: #000;
 380 }
 381 .navmenu-inverse .navmenu-nav > li > a,
 382 .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a {
 383   color: #999;
 384 }
 385 .navmenu-inverse .navmenu-nav > li > a:hover,
 386 .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:hover,
 387 .navmenu-inverse .navmenu-nav > li > a:focus,
 388 .navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:focus {
 389   color: #fff;
 390   background-color: transparent;
 391 }
 392 .navmenu-inverse .navmenu-nav > .active > a,
 393 .navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a,
 394 .navmenu-inverse .navmenu-nav > .active > a:hover,
 395 .navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:hover,
 396 .navmenu-inverse .navmenu-nav > .active > a:focus,
 397 .navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:focus {
 398   color: #fff;
 399   background-color: #080808;
 400 }
 401 .navmenu-inverse .navmenu-nav > .disabled > a,
 402 .navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a,
 403 .navmenu-inverse .navmenu-nav > .disabled > a:hover,
 404 .navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:hover,
 405 .navmenu-inverse .navmenu-nav > .disabled > a:focus,
 406 .navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:focus {
 407   color: #444;
 408   background-color: transparent;
 409 }
 410 .alert-fixed-top,
 411 .alert-fixed-bottom {
 412   position: fixed;
 413   left: 0;
 414   z-index: 1035;
 415   width: 100%;
 416   margin: 0;
 417   border-radius: 0;
 418 }
 419 @media (min-width: 992px) {
 420   .alert-fixed-top,
 421   .alert-fixed-bottom {
 422     left: 50%;
 423     width: 992px;
 424     margin-left: -496px;
 425   }
 426 }
 427 .alert-fixed-top {
 428   top: 0;
 429   border-width: 0 0 1px 0;
 430 }
 431 @media (min-width: 992px) {
 432   .alert-fixed-top {
 433     border-width: 0 1px 1px 1px;
 434     border-bottom-right-radius: 4px;
 435     border-bottom-left-radius: 4px;
 436   }
 437 }
 438 .alert-fixed-bottom {
 439   bottom: 0;
 440   border-width: 1px 0 0 0;
 441 }
 442 @media (min-width: 992px) {
 443   .alert-fixed-bottom {
 444     border-width: 1px 1px 0 1px;
 445     border-top-left-radius: 4px;
 446     border-top-right-radius: 4px;
 447   }
 448 }
 449 .offcanvas {
 450   display: none;
 451 }
 452 .offcanvas.in {
 453   display: block;
 454 }
 455 @media (max-width: 767px) {
 456   .offcanvas-xs {
 457     display: none;
 458   }
 459   .offcanvas-xs.in {
 460     display: block;
 461   }
 462 }
 463 @media (max-width: 991px) {
 464   .offcanvas-sm {
 465     display: none;
 466   }
 467   .offcanvas-sm.in {
 468     display: block;
 469   }
 470 }
 471 @media (max-width: 1199px) {
 472   .offcanvas-md {
 473     display: none;
 474   }
 475   .offcanvas-md.in {
 476     display: block;
 477   }
 478 }
 479 .offcanvas-lg {
 480   display: none;
 481 }
 482 .offcanvas-lg.in {
 483   display: block;
 484 }
 485 .canvas-sliding {
 486   -webkit-transition: top .35s, left .35s, bottom .35s, right .35s;
 487           transition: top .35s, left .35s, bottom .35s, right .35s;
 488 }
 489 .offcanvas-clone {
 490   position: absolute !important;
 491   top: auto !important;
 492   right: 0 !important;
 493   bottom: 0 !important;
 494   left: auto !important;
 495   width: 0 !important;
 496   height: 0 !important;
 497   padding: 0 !important;
 498   margin: 0 !important;
 499   overflow: hidden !important;
 500   border: none !important;
 501   opacity: 0 !important;
 502 }
 503 .table.rowlink td:not(.rowlink-skip),
 504 .table .rowlink td:not(.rowlink-skip) {
 505   cursor: pointer;
 506 }
 507 .table.rowlink td:not(.rowlink-skip) a,
 508 .table .rowlink td:not(.rowlink-skip) a {
 509   font: inherit;
 510   color: inherit;
 511   text-decoration: inherit;
 512 }
 513 .table-hover.rowlink tr:hover td,
 514 .table-hover .rowlink tr:hover td {
 515   background-color: #cfcfcf;
 516 }
 517 .btn-file {
 518   position: relative;
 519   overflow: hidden;
 520   vertical-align: middle;
 521 }
 522 .btn-file > input {
 523   position: absolute;
 524   top: 0;
 525   right: 0;
 526   width: 100%;
 527   height: 100%;
 528   margin: 0;
 529   font-size: 23px;
 530   cursor: pointer;
 531   filter: alpha(opacity=0);
 532   opacity: 0;
 533
 534   direction: ltr;
 535 }
 536 .fileinput {
 537   display: inline-block;
 538   margin-bottom: 9px;
 539 }
 540 .fileinput .form-control {
 541   display: inline-block;
 542   padding-top: 7px;
 543   padding-bottom: 5px;
 544   margin-bottom: 0;
 545   vertical-align: middle;
 546   cursor: text;
 547 }
 548 .fileinput .thumbnail {
 549   display: inline-block;
 550   margin-bottom: 5px;
 551   overflow: hidden;
 552   text-align: center;
 553   vertical-align: middle;
 554 }
 555 .fileinput .thumbnail > img {
 556   max-height: 100%;
 557 }
 558 .fileinput .btn {
 559   vertical-align: middle;
 560 }
 561 .fileinput-exists .fileinput-new,
 562 .fileinput-new .fileinput-exists {
 563   display: none;
 564 }
 565 .fileinput-inline .fileinput-controls {
 566   display: inline;
 567 }
 568 .fileinput-filename {
 569   display: inline-block;
 570   overflow: hidden;
 571   vertical-align: middle;
 572 }
 573 .form-control .fileinput-filename {
 574   vertical-align: bottom;
 575 }
 576 .fileinput.input-group {
 577   display: table;
 578 }
 579 .fileinput.input-group > * {
 580   position: relative;
 581   z-index: 2;
 582 }
 583 .fileinput.input-group > .btn-file {
 584   z-index: 1;
 585 }
 586 .fileinput-new.input-group .btn-file,
 587 .fileinput-new .input-group .btn-file {
 588   border-radius: 0 4px 4px 0;
 589 }
 590 .fileinput-new.input-group .btn-file.btn-xs,
 591 .fileinput-new .input-group .btn-file.btn-xs,
 592 .fileinput-new.input-group .btn-file.btn-sm,
 593 .fileinput-new .input-group .btn-file.btn-sm {
 594   border-radius: 0 3px 3px 0;
 595 }
 596 .fileinput-new.input-group .btn-file.btn-lg,
 597 .fileinput-new .input-group .btn-file.btn-lg {
 598   border-radius: 0 6px 6px 0;
 599 }
 600 .form-group.has-warning .fileinput .fileinput-preview {
 601   color: #8a6d3b;
 602 }
 603 .form-group.has-warning .fileinput .thumbnail {
 604   border-color: #faebcc;
 605 }
 606 .form-group.has-error .fileinput .fileinput-preview {
 607   color: #a94442;
 608 }
 609 .form-group.has-error .fileinput .thumbnail {
 610   border-color: #ebccd1;
 611 }
 612 .form-group.has-success .fileinput .fileinput-preview {
 613   color: #3c763d;
 614 }
 615 .form-group.has-success .fileinput .thumbnail {
 616   border-color: #d6e9c6;
 617 }
 618 .input-group-addon:not(:first-child) {
 619   border-left: 0;
 620 }
 621 /*# sourceMappingURL=jasny-bootstrap.css.map */