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: 18px;
  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 */
  45
  46 /* inside a column it needs even more padding...*/
  47 /*
  48 * It breaks all the checkbox layout. comment it first...
  49 */
  50 /*.column .checkbox,
  51 .column .radio {
  52     padding-left: 25px !important;
  53 }*/
  54 /* paging toolbar */
  55
  56 .pagination .x-paging-position span {
  57     padding-top:3px; padding-bottom:3px;
  58 }
  59 .pagination .x-paging-position span  input {
  60     margin: 0 3px;
  61 }
  62
  63 .panel-header-right {
  64     float: right;
  65     text-align: right;
  66 }
  67
  68 .badge-error {
  69     background-color: @brand-danger;
  70 }
  71 .badge-error:hover {
  72     background-color: darken(@brand-danger, 10%);
  73 }
  74 .badge-warning {
  75     background-color: @brand-warning;
  76 }
  77 .badge-warning:hover {
  78     background-color: darken(@brand-warning, 10%);
  79 }
  80 .badge-success {
  81     background-color: @brand-success;
  82 }
  83 .badge-success:hover {
  84     background-color: darken(@brand-success, 10%);
  85 }
  86 .badge-info {
  87     background-color: @brand-info;
  88 }
  89 .badge-info:hover {
  90     background-color: darken(@brand-info, 10%);
  91 }
  92 .badge-inverse {
  93     background-color: @gray-dark;
  94 }
  95 .badge-inverse:hover {
  96     background-color: @gray-darker;
  97 }
  98
  99 .tooltip.fade.in {
 100     z-index: 10002;
 101 }
 102
 103 .x-hidden
 104 {
 105    position:absolute;
 106    top:0;
 107    left:0;
 108    visibility: hidden;
 109    display: none;
 110 }