homebridge-punt/public/homebridge-punt.css

Fhem-Gateway and Accessory-Simulator Plugin for Homebridge

body { 
  font-family: Arial, san-serif;
  font-size: 0.938em;
}
.pi-sf {
  font-size: 0.813em;
  color: steelblue;
}
.pi_warning {
  color: lightgray;
}
.ui-header .ui-title {
  margin-right: 0%;
  margin-left: 0%;
}
.ui-content {
  background-color: white !important;
}
.pi-la {
  padding-left: 20px !important;
}
.pi-lb {
  padding-left: 10px !important;
}
.pi-btn {
  width: 40px;
  height: 16px;
}
.pi-btn-h {
  width: 32px;
  height: 28px;
  padding: 0px !important;
  margin: 3px 10px 0px 10px !important;
  background-color: DimGray!important;
  border: none !important;
  box-shadow: none !important;
}

.pi-btn-tap {
  background-color: lightsteelblue !important; 
}
.pi-vh {
  visibility: hidden;
}
.pi-border {
  border-color: lightgray !important;
  border-top: 1px solid gray;
}
.pi-noborder {
  border-top: none !important;
}
.pi-padding {
  padding-top: 3px;
}
.pi-grid-s .ui-block-a {
  width: 22% !important;
}
.pi-grid-s .ui-block-b {
  width: 30% !important;
}
.pi-grid-s .ui-block-c {
  min-width: 48%;
}

.pi-grid-p .ui-block-a {
  width: 25%;
}
.pi-grid-p .ui-block-b {
  width: 25%
}
.pi-grid-p .ui-block-c {
  width: 30%;
}
.pi-grid-p .ui-block-d {
  width: 20%;
}
#debug {
  color: steelblue;
}
#flipswitchWrapper .ui-flipswitch {
    width:170px;
    height:27px;
}
#flipswitchWrapper .ui-flipswitch-active {
    padding-left:0px;
}
#flipswitchWrapper .ui-flipswitch .ui-flipswitch-on, #flipswitchWrapper .ui-flipswitch.ui-flipswitch-active .ui-flipswitch-on {
    width:38px;
    height:25px;
    text-indent: -6.2em;
}
#flipswitchWrapper .ui-flipswitch.ui-flipswitch-active .ui-flipswitch-on {
    padding-top:0px;
    margin-left:131px;
    text-indent: -6.2em;
}

.open a, .open a:hover {
    padding: 7px 15px;
    background-color: #000;
    border-radius: 3px;
}
.open { 
    color: #fff;
    position: absolute;
}
.open.left {
    left: 20px;
    cursor: pointer;
}
.panel {
    background: #7F8C8D !important;
    color: #ECF0F1;
}
.panel a {
    color: #FFF !important;
    text-shadow: 0 0 0 rgba(0,0,0,0);
    font-size: 14px;
    padding: 15px 20px 15px 30px;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #475657;
    border-top: 1px solid #95A5A6;
    position: relative;
    font-weight: 400;
}
.panel ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #95A5A6;
}
.ui-panel-inner {
    padding: 0;
}
.panel a:hover {
    background-color: #95A5A6;
}
#jsoneditor {
  width: 500px;
  height: 600px;
}
.pi-btn-e {
  width: 75px;
  height: 22px;
  padding: 3px !important;
  margin: 0px 10px 10px 0px !important;
}