git.roojs.org Git - roojs1/blob - less/roojs-bootstrap/tweaks.less

   1 /* WTF is this! !!
   2  *
   3  * DO NOT EVER PUT ANYTHIGN IN THIS FILE... tweaks - bad name... *
   4  */
   5
   6
   7 .navbar-left .input-group[class*="col-"] {
   8     float:left;
   9 }
  10
  11 .ellipsis {
  12     overflow: hidden;
  13     text-overflow: ellipsis;
  14     display: -webkit-box;
  15     -webkit-line-clamp: 3;
  16     -webkit-box-orient: vertical;
  17 }
  18
  19 .sw-child-headline {
  20     display: inline-block;
  21     width: auto;
  22 }
  23
  24 .box-input-label {
  25     width: 100%;
  26     display: inline-block;
  27     font-weight: bold;
  28 }
  29
  30 .box-label {
  31     margin-left: 5px;
  32     cursor: pointer;
  33 }
  34 /* needed as menu ontop of form does not work */
  35 .input-group .form-control {
  36
  37     z-index: 1;
  38 }
  39
  40 /* admin-lte - messes with checkbox and radio.. */
  41 .checkbox, .radio {
  42     padding-left: 15px!important;
  43 }
  44 /* paging toolbar */
  45
  46 .pagination .x-paging-position span {
  47     padding-top:3px; padding-bottom:3px;
  48 }
  49 .pagination .x-paging-position span  input {
  50     margin: 0 3px;
  51 }
  52
  53 .panel-header-right {
  54     float: right;
  55     text-align: right;
  56 }
  57
  58 .badge-error {
  59     background-color: @brand-danger;
  60 }
  61 .badge-error:hover {
  62     background-color: darken(@brand-danger, 10%);
  63 }
  64 .badge-warning {
  65     background-color: @brand-warning;
  66 }
  67 .badge-warning:hover {
  68     background-color: darken(@brand-warning, 10%);
  69 }
  70 .badge-success {
  71     background-color: @brand-success;
  72 }
  73 .badge-success:hover {
  74     background-color: darken(@brand-success, 10%);
  75 }
  76 .badge-info {
  77     background-color: @brand-info;
  78 }
  79 .badge-info:hover {
  80     background-color: darken(@brand-info, 10%);
  81 }
  82 .badge-inverse {
  83     background-color: @gray-dark;
  84 }
  85 .badge-inverse:hover {
  86     background-color: @gray-darker;
  87 }
  88
  89 .tooltip.fade.in {
  90     z-index: 10002;
  91 }