Wyze-Firmware/SD_ROOT/wz_mini/www/cgi-bin/wz_mini_web.css

BODY {
 --feed_ratio: 2.5;
}
H1 {
 background-color:blue;
 color:white;
 height:calc(108px * (var(--feed_ratio) - 1));
 margin-top:0;
 padding:5px;
 margin-bottom:108px;
 width:calc(100% - (192px * var(--feed_ratio)));
}
.ii_info_line {
  font-weight:bold;
}
.ii {
 width:100%;
 position:relative;
 display:flex;
}
.ii_key_DIV {

 flex:0 0 40vw;
 font-weight:bold;
}
.ii_value_DIV {
 flex: 0 0 40vw;
 text-align:right;
}
.ii_value {
  width:75%;
}
.feed {
  position:absolute;
  top:10px;
  right:0px;
  width:calc(192px * var(--feed_ratio));
  height:calc(108px * var(--feed_ratio));
  z-index:10;
}
.ii_explain {
   height:25px;
   overflow:hidden;
   width:25px;
   position:relative;
}
.ii_explain:hover {
    height: auto;
    position: absolute;
    left: 10%;
    width: 80%;
    border-radius: 3px;
    padding: 5px;
    background-color: #ccc;
    z-index: 10;
    border: 3px solid blue;
    font-family: monospace;
    white-space:pre-wrap;
}
.ii_explain:hover PRE {
 white-space:pre-wrap;
}
.ii_explain:hover:after {
  content:"";
  border:none;
  margin:0;
  padding:0;
  width:0;
  height:0;
}
.ii_explain:after {
 color:white;
 content:"?";
 text-align:center;
 background-color:blue;
 border:2px solid #ccc;
 border-radius:3px;
 padding-left:2px;
 padding-right:2px;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
}