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

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