pimatic-nuki-reloaded/ui/nuki.css

Pimatic plugin for Nuki Smart Locks

.light-container {}

.light-label-container, .light-color-container, .light-brightness-container {
    float: left;
}

.light-color-container{
  padding-left: 15px;
}

.light-label-container{
  width: 20%;
  margin-right: 5px;
}

.light-brightness-container .ui-slider {
  margin-top: 3px;
}

.light-brightness-container {
  width: 40%;
  height: 30px;
  margin-left: 5px;
}

.light-power-container {
  /*margin-right: 20%;*/
  /*margin-top: -20px;*/
}


li.sortable.light-rgbct-device label {
  float: left;
}

ul.items .ui-slider-input{
  display: none;
}

ul.items .light-rgbct-device div.item-inner .ui-slider-track {
  margin-left: 22px;
  margin-right: 8px;
}

ul.items .light-rgbct-device .ui-slider {
  float: right;
  margin: 1px 4px -1px 5px;
  width: 12em;
}

ul.items .light-rgbct-device .ui-dimlevel {
  float: right;
  min-height: 30px;
}

ul.items .light-rgbct-device .ui-dimlevel .ui-slider-track {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

ul.items .light-rgbct-device .ui-dimlevel .ui-slider-track .ui-slider-bg {
  background: none;
}

ul.items .light-rgbct-device .ui-color .ui-slider-track {
  background: linear-gradient(to right, hsl(195, 100%, 85%), White, hsl(51, 100%, 85%));
}
ul.items .light-rgbct-device .ui-color .ui-slider-bg {
  background: none;
}

ul.items .light-rgbct-device .ui-dimlevel .ui-slider-track .ui-slider-bg {
  background: none;
}

ul.items .light-rgbct-device div.ui-spacer {
  width: 123px;
  height: 30px;
  margin-left: 10px;
  float: right;
}


ul.items .light-rgbct-device .ui-color {
  float: right;
  clear: right;
  min-height: 30px;
  margin-top: 8px;
}

ul.items .light-rgbct-device .ui-temp {
  float: right;
  clear: right;
  min-height: 30px;
  margin-top: 8px;
}

.button-control.ui-controlgroup.ui-controlgroup-horizontal.ui-corner-all.ui-mini.no-carousel-slide.light-rgbct {
  margin-right: 30px
}

ul.items .light-rgbct-device .ui-temp .wbutton {
  background-color: #efd275;
}

ul.items .light-rgbct-device .ui-temp .nbutton {
  background-color: #f1e0b5;
}

ul.items .light-rgbct-device .ui-temp .cbutton {
  background-color: #f5faf6;
}

ul.items .light-rgbct-device .presence {
  float: right;
  margin-top: 6px;
}

ul.items .light-rgbct-device div.ui-smallspacer {
  width: 10px;
  height: 5px;
  float: right;
}

ul.items .light-rgbct-device div.ui-midspacer {
  width: 30px;
  height: 5px;
  float: right;
}

ul.items .light-rgbct-device .ui-colorpicker div.sp-replacer {
  height: 1.75em;
  margin-left: auto;
  margin-right: auto;
  border: 0px;
  background: none;
  padding: 0px;
  min-height: 30px;
}

ul.items .light-rgbct-device .ui-colorpicker div.sp-preview {
  width: 123px;
  height: 100%;
  border-radius: 3em;
  border-width: 0px;
}

ul.items .light-rgbct-device .ui-colorpicker div.ui-state-disabled {
  box-shadow: 0px 0px 0px 2px silver;
}

ul.items .light-rgbct-device .ui-colorpicker div.sp-preview-inner {
  border-radius: inherit;
}

ul.items .light-rgbct-device .ui-colorpicker div.sp-dd {
  display: none;
}

/* Override Spectrum's value gradient to be invisible, as we ignore it anyway */
div.sp-container div.sp-sat div.sp-val {
  background-image: none;
}

div.sp-container {
  border: 0px;
  background-color: white;
}

a .ui-btn .light-rgbct-device {
  margin-left: 0px;
}

ul.items .light-rgbct-device div.ui-colorpicker-spacer {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  float: right;
}

@media only screen and (max-width:380px){
    ul.items .light-rgbct-device .ui-slider {
      width: 10em;
    }
}


.button-box-old {
  border: 0px solid #ccc;
  overflow: visible;
  background-color: #fff;
  display:inline-block;
  box-shadow: 0 0 2px 2px rgb(247,247,247) /*{pm-items-shadow-color}*/;
}
.button-box {
  overflow: visible;
  display: inline-block;
}
.input-box {
  float: left;
  margin-left:1px;
}
.input-label {
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 5px;
  display:inline-block;
}