sdnr/wireless-transport/code-Carbon-SR1/apps/dlux/dlux-web/src/less/other.less

   1 /* other page sections */
   2
   3
   4 .ace-settings-container {
   5  position:absolute;
   6  right:0; top:50px;
   7  z-index:12;
   8
   9  .breadcrumbs-fixed & {
  10         top:50px - (@breadcrumb-height);
  11  }
  12 }
  13 .btn.ace-settings-btn {
  14  float:left;
  15  display:inline-block;
  16  width:42px !important;
  17  text-align:center;
  18
  19  .border-radius(~"6px 0 0 6px") !important;
  20  .opacity(0.55);
  21
  22  vertical-align:top;
  23  margin:0;
  24
  25  &:hover , &.open {
  26         .opacity(1);
  27  }
  28
  29 }
  30
  31 .ace-settings-box {
  32  display:none;
  33  float:left;
  34  width:175px; padding:0 14px;
  35  background-color:#FFF;
  36
  37  border:2px solid @ace-settings-box-border;
  38
  39  &.open {
  40         display:inline-block;
  41  }
  42
  43  > div {
  44         margin:6px 0;
  45         color:#444;
  46         max-height:24px;
  47         > label {
  48                 font-size:13px;
  49         }
  50  }
  51
  52 }
  53
  54
  55
  56
  57
  58 .btn-scroll-up {
  59   border:none;
  60   position:absolute;
  61   right:2px;
  62   bottom:2px;
  63   z-index:11;
  64 }
  65 @media (min-width: @screen-tablet) {
  66  .main-container.container > .btn-scroll-up {
  67         right: auto;
  68         margin-left: @container-tablet - 36;
  69  }
  70 }
  71 @media (min-width: @screen-desktop) {
  72  .main-container.container > .btn-scroll-up {
  73         right: auto;
  74         margin-left: @container-desktop - 36;
  75  }
  76 }
  77 @media (min-width: @screen-lg-desktop) {
  78  .main-container.container > .btn-scroll-up {
  79         right: auto;
  80         margin-left: @container-lg-desktop - 36;
  81  }
  82 }
  83
  84
  85
  86
  87
  88
  89 .grid2, .grid3, .grid4 {
  90         .box-sizing(border-box);
  91         display:block;
  92         margin:0;
  93         float:left;
  94
  95         border-left:1px solid #E3E3E3;
  96         &:first-child {
  97                 border-left:none;
  98         }
  99 }
 100
 101 .grid2 {
 102         width:48%;
 103         padding:0 2%;
 104 }
 105
 106
 107 .grid3 {
 108         width:33%;
 109         padding:0 2%;
 110 }
 111
 112 .grid4 {
 113         width:23%;
 114         margin:0 1%; padding:0 1%;
 115 }
 116
 117
 118 .draggable-placeholder { /* for when dragging items around */
 119   border:2px dashed #D9D9D9 !important;
 120   background-color:#F7F7F7 !important;
 121 }
 122
 123 /* scrollbar */
 124 .slimScrollBar  { .border-radius(0) !important; }
 125 .slimScrollRail { .border-radius(0) !important; }
 126
 127
 128
 129 /* date & time picker */
 130 .datepicker , .daterangepicker  {
 131         td , th { .border-radius(0) !important; font-size: 13px; }
 132
 133         td.active {
 134           & , &:hover { background:@datepicker-active-bg !important; }
 135
 136           &.disabled {
 137                 & , &:hover { background:@datepicker-disabled-bg !important; }
 138           }
 139         }
 140 }
 141 .datepicker {
 142  td , th { min-width: 32px; }
 143 }
 144
 145 .datepicker-months .month , .datepicker-years .year {
 146   border-radius:0 !important;
 147 }
 148 .datepicker-months .month.active , .datepicker-years .year.active {
 149   & , &:hover , &:focus, &:active {
 150           background-image:none !important;
 151           background-color:@datepicker-active-bg !important;
 152   }
 153 }
 154 .bootstrap-timepicker-widget table td input {
 155         width:32px;
 156 }
 157
 158
 159
 160 .bootstrap-timepicker-widget table td a:hover {
 161         .border-radius(0);
 162 }
 163
 164 .well .datepicker table tr td.day:hover {
 165         background-color:@datepicker-active-bg2;
 166         color:#FFF;
 167 }
 168
 169
 170
 171
 172
 173 /* a few small third party css files put here to reduce http file requests */
 174 /* jquery.easy-pie-chart.css */
 175 .easyPieChart {
 176     position: relative;
 177     text-align: center;
 178
 179         canvas {
 180                 position: absolute;
 181                 top: 0;
 182                 left: 0;
 183         }
 184 }
 185
 186 .knob-container {
 187         direction:ltr;
 188         text-align:left;
 189 }
 190
 191
 192
 193
 194
 195 /* ie8/9 specific */
 196 .navbar .navbar-inner , .navbar .btn-navbar {
 197         filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
 198 }
 199 .dropdown-menu li > a,
 200 .dropdown-submenu > a  {
 201         filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
 202 }
 203 .btn {
 204         filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
 205 }
 206 .progress , .progress .bar {
 207         filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
 208 }
 209