diff options
author | skaman82 <albert@wd-design.de> | 2016-05-24 22:21:04 +0300 |
---|---|---|
committer | skaman82 <albert@wd-design.de> | 2016-05-24 22:21:04 +0300 |
commit | 60ef5a8cf979dca7aa46ee6a1f8c7c91b7553db2 (patch) | |
tree | 98d3b0c20bad4441271f2abf3bd1a5e3673c7357 /main.css | |
parent | cd35643a83fc495c56170090672570b71deeab34 (diff) |
Battery Status
Diffstat (limited to 'main.css')
-rw-r--r-- | main.css | 112 |
1 files changed, 111 insertions, 1 deletions
@@ -1517,7 +1517,7 @@ dialog { margin-top: 20px; width:125px; float: right; - margin-right: 20px; + margin-right: 10px; line-height: 12px; height: 33px; border-radius: 5px; @@ -1604,6 +1604,116 @@ dialog { display:none; } +/* Battery element styling*/ + +#quad-status_wrapper { + display:none; + color: white; + font-size: 10px; + margin-top: 20px; + width: 90px; + float: right; + margin-right: 20px; + line-height: 12px; + height: 67px; + border-radius: 5px; + border: 1px solid #272727; + box-shadow: 0px 1px 0px rgba(92, 92, 92, 0.5); + background-color: #434343; + background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.55)); + text-shadow: 0px 1px rgba(0, 0, 0, 1.0); +} + +.quad-status-contents { + display: none; + margin-top: 10px; + margin-left: 14px; + height: 10px; + width: 30px; + /* width: 30px; */ +} + + +.battery-legend { + display: inline; + position: relative; + top: -2px; + margin-top: 0px; + left: 0; + right: 0; + width: 40px; + text-align: left; + color: silver; + margin-left: -8px; +} + +.quad-status-contents progress::-webkit-progress-bar { + height: 12px; + background-color: #eee; +} + +.quad-status-contents progress::-webkit-progress-value { + background-color: #bcf; +} + +.battery-status { + height: 11px; + position: relative; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.20); + border-radius: 0px; + background-color: #59AA29; + /* border-radius: 4px; */ + margin-top: 0px; +} + +.battery-icon { + background-image: url(images/icons/cf_icon_bat_grey.svg); + background-size: contain; + background-position: center; + display: inline-block; + height: 30px; + width: 60px; + transition: none; + margin-top: 4px; + background-repeat: no-repeat; +} + +.armedicon, +.failsafeicon, +.linkicon { + float: left; + margin-left: 8px; + margin-right: 2px; + margin-top: 6px; + display: block; + height: 18px; + width: 18px; + opacity: 0.8; + background-size: contain; + background-position: center; + transition: none; +} + +.armedicon { + background-image: url(images/icons/cf_icon_armed_grey.svg); +} +.failsafeicon { + background-image: url(images/icons/cf_icon_failsafe_grey.svg); +} + +.linkicon { + background-image: url(images/icons/cf_icon_link_grey.svg); +} + +.bottomStatusIcons { + background-color: #272727; + height: 31px; + margin-top: 2px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + + @media only screen and (max-width: 1055px) , only screen and (max-device-width: 1055px) { |