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
  45 /* admin-lte - messes with checkbox and radio.. */
  46 .column .checkbox,
  47 .column .radio {
  48     padding-left: 30px!important;
  49 }
  50 /* paging toolbar */
  51
  52 .pagination .x-paging-position span {
  53     padding-top:3px; padding-bottom:3px;
  54 }
  55 .pagination .x-paging-position span  input {
  56     margin: 0 3px;
  57 }
  58
  59 .panel-header-right {
  60     float: right;
  61     text-align: right;
  62 }
  63
  64 .badge-error {
  65     background-color: @brand-danger;
  66 }
  67 .badge-error:hover {
  68     background-color: darken(@brand-danger, 10%);
  69 }
  70 .badge-warning {
  71     background-color: @brand-warning;
  72 }
  73 .badge-warning:hover {
  74     background-color: darken(@brand-warning, 10%);
  75 }
  76 .badge-success {
  77     background-color: @brand-success;
  78 }
  79 .badge-success:hover {
  80     background-color: darken(@brand-success, 10%);
  81 }
  82 .badge-info {
  83     background-color: @brand-info;
  84 }
  85 .badge-info:hover {
  86     background-color: darken(@brand-info, 10%);
  87 }
  88 .badge-inverse {
  89     background-color: @gray-dark;
  90 }
  91 .badge-inverse:hover {
  92     background-color: @gray-darker;
  93 }
  94
  95 .tooltip.fade.in {
  96     z-index: 10002;
  97 }