2017-11-22 19:26:43 +00:00
|
|
|
/*
|
|
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
|
|
* or more contributor license agreements. See the NOTICE file
|
|
|
|
* distributed with this work for additional information
|
|
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
|
|
* to you under the Apache License, Version 2.0 (the
|
|
|
|
* "License"); you may not use this file except in compliance
|
|
|
|
* with the License. You may obtain a copy of the License at
|
|
|
|
*
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
*
|
|
|
|
* Unless required by applicable law or agreed to in writing,
|
|
|
|
* software distributed under the License is distributed on an
|
|
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
|
|
* KIND, either express or implied. See the License for the
|
|
|
|
* specific language governing permissions and limitations
|
|
|
|
* under the License.
|
|
|
|
*/
|
|
|
|
* {
|
|
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
|
|
|
|
-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
|
|
|
|
-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
|
|
|
|
}
|
|
|
|
html,body{
|
|
|
|
background: #212121;
|
|
|
|
height: 100%;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
}
|
2017-11-23 00:48:45 +00:00
|
|
|
html,body,button,h2,label,input{
|
2017-11-22 19:26:43 +00:00
|
|
|
color: #fff;
|
|
|
|
font-family: 'Arial Neue', Helvetical, Arial, sans-serif;
|
|
|
|
|
|
|
|
}
|
2018-02-02 20:36:28 +00:00
|
|
|
|
|
|
|
.clearfix::after {
|
|
|
|
content: "";
|
|
|
|
clear: both;
|
|
|
|
display: table;
|
|
|
|
}
|
|
|
|
|
2018-01-04 21:32:59 +00:00
|
|
|
body.mobile{
|
2018-02-03 21:46:32 +00:00
|
|
|
padding-top: 5px;
|
2017-11-22 19:26:43 +00:00
|
|
|
}
|
|
|
|
.page{
|
|
|
|
padding: 5px 10% 0 10%;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.page.selected{
|
|
|
|
display: block;
|
|
|
|
}
|
2017-12-13 22:52:25 +00:00
|
|
|
.ble{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.ble.active{
|
|
|
|
display: block;
|
|
|
|
}
|
2017-11-22 19:26:43 +00:00
|
|
|
h2{
|
|
|
|
font-size: 18px;
|
|
|
|
text-align: center;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
/* The switch - the box around the slider */
|
|
|
|
.switch {
|
|
|
|
position: relative;
|
|
|
|
display: block;
|
|
|
|
width: 60px;
|
|
|
|
height: 34px;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Hide default HTML checkbox */
|
|
|
|
.switch input {display:none;}
|
|
|
|
|
|
|
|
/* The slider */
|
|
|
|
.slider {
|
|
|
|
position: absolute;
|
|
|
|
cursor: pointer;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
background-color: #20ce45;
|
|
|
|
-webkit-transition: .4s;
|
|
|
|
transition: .4s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.slider:before {
|
|
|
|
position: absolute;
|
|
|
|
content: "";
|
|
|
|
height: 26px;
|
|
|
|
width: 26px;
|
|
|
|
left: 4px;
|
|
|
|
bottom: 4px;
|
|
|
|
background-color: white;
|
|
|
|
-webkit-transition: .4s;
|
|
|
|
transition: .4s;
|
|
|
|
}
|
|
|
|
|
|
|
|
input:checked + .slider {
|
|
|
|
background-color: #f32121;
|
|
|
|
}
|
|
|
|
|
|
|
|
input:focus + .slider {
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
input:checked + .slider:before {
|
|
|
|
-webkit-transform: translateX(26px);
|
|
|
|
-ms-transform: translateX(26px);
|
|
|
|
transform: translateX(26px);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Rounded sliders */
|
|
|
|
.slider.round {
|
|
|
|
border-radius: 34px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.slider.round:before {
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
input[type=number],
|
|
|
|
input[type=text],
|
|
|
|
input[type=password],
|
|
|
|
select{
|
|
|
|
width: 100%;
|
2017-11-23 01:05:19 +00:00
|
|
|
border: 1px solid #fff;
|
2017-11-22 19:26:43 +00:00
|
|
|
border-radius: 5px;
|
|
|
|
color: #fff;
|
|
|
|
font-size: 18px;
|
|
|
|
-webkit-appearance: none;
|
|
|
|
background: transparent;
|
|
|
|
box-shadow: none;
|
|
|
|
outline: none;
|
|
|
|
margin: 5px 0;
|
|
|
|
padding: 5px 10px;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
option{
|
|
|
|
color: #212121;
|
|
|
|
}
|
|
|
|
button{
|
|
|
|
width: 100%;
|
2017-11-23 01:05:19 +00:00
|
|
|
border: 1px solid #fff;
|
2017-11-22 19:26:43 +00:00
|
|
|
border-radius: 5px;
|
|
|
|
color: #fff;
|
|
|
|
font-size: 18px;
|
2017-12-13 23:40:14 +00:00
|
|
|
background: #363636;
|
2017-11-22 19:26:43 +00:00
|
|
|
-webkit-appearance: none;
|
|
|
|
box-shadow: none;
|
|
|
|
outline: none;
|
|
|
|
margin: 5px 0;
|
|
|
|
padding: 5px 0;
|
|
|
|
text-align: center;
|
|
|
|
}
|
2017-12-13 22:52:25 +00:00
|
|
|
button:focus,
|
|
|
|
button.focus{
|
2017-11-22 19:26:43 +00:00
|
|
|
background-color: #20ce45;
|
|
|
|
border-color: #20ce45;
|
|
|
|
color: #212121;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
2017-11-23 00:48:45 +00:00
|
|
|
|
2017-11-22 19:26:43 +00:00
|
|
|
#fwdLabel,#bwdLabel{
|
|
|
|
margin-top: 8px;
|
2017-12-24 03:23:09 +00:00
|
|
|
color: #666;
|
|
|
|
}
|
|
|
|
#fwdLabel.selected,
|
|
|
|
#bwdLabel.selected{
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
#fwdLabel.selected{
|
|
|
|
text-shadow: 0px 0px 4px #20ce45;
|
|
|
|
}
|
|
|
|
#bwdLabel.selected{
|
|
|
|
text-shadow: 0px 0px 4px #f32121;
|
2017-11-22 19:26:43 +00:00
|
|
|
}
|
|
|
|
#fwdLabel{
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
#bwdLabel{
|
|
|
|
position: absolute;
|
|
|
|
right: 10%;
|
|
|
|
}
|
|
|
|
.label{
|
2017-12-13 22:52:25 +00:00
|
|
|
/*text-align: center;*/
|
2017-11-22 19:26:43 +00:00
|
|
|
color: #666;
|
|
|
|
margin-top: 6px;
|
|
|
|
margin-bottom: 9px;
|
|
|
|
}
|
2018-02-03 21:46:32 +00:00
|
|
|
|
|
|
|
/* MAIN */
|
|
|
|
#app{
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
#app > h2{
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
2017-11-22 19:26:43 +00:00
|
|
|
#exposure,
|
|
|
|
#delay{
|
|
|
|
width: 70%;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
#scale,
|
|
|
|
#delayScale{
|
|
|
|
width: 25%;
|
|
|
|
display: inline-block;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
#str{
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
#counter{
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2017-11-23 00:48:45 +00:00
|
|
|
#frame{
|
2017-12-21 04:47:37 +00:00
|
|
|
padding: 20px 0;
|
2017-11-23 00:48:45 +00:00
|
|
|
font-size: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#settingsIcon > div{
|
2017-11-22 19:26:43 +00:00
|
|
|
background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU0IDU0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NCA1NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8Zz4KCTxwYXRoIGQ9Ik01MS4yMiwyMWgtNS4wNTJjLTAuODEyLDAtMS40ODEtMC40NDctMS43OTItMS4xOTdzLTAuMTUzLTEuNTQsMC40Mi0yLjExNGwzLjU3Mi0zLjU3MSAgIGMwLjUyNS0wLjUyNSwwLjgxNC0xLjIyNCwwLjgxNC0xLjk2NmMwLTAuNzQzLTAuMjg5LTEuNDQxLTAuODE0LTEuOTY3bC00LjU1My00LjU1M2MtMS4wNS0xLjA1LTIuODgxLTEuMDUyLTMuOTMzLDBsLTMuNTcxLDMuNTcxICAgYy0wLjU3NCwwLjU3My0xLjM2NiwwLjczMy0yLjExNCwwLjQyMUMzMy40NDcsOS4zMTMsMzMsOC42NDQsMzMsNy44MzJWMi43OEMzMywxLjI0NywzMS43NTMsMCwzMC4yMiwwSDIzLjc4ICAgQzIyLjI0NywwLDIxLDEuMjQ3LDIxLDIuNzh2NS4wNTJjMCwwLjgxMi0wLjQ0NywxLjQ4MS0xLjE5NywxLjc5MmMtMC43NDgsMC4zMTMtMS41NCwwLjE1Mi0yLjExNC0wLjQyMWwtMy41NzEtMy41NzEgICBjLTEuMDUyLTEuMDUyLTIuODgzLTEuMDUtMy45MzMsMGwtNC41NTMsNC41NTNjLTAuNTI1LDAuNTI1LTAuODE0LDEuMjI0LTAuODE0LDEuOTY3YzAsMC43NDIsMC4yODksMS40NCwwLjgxNCwxLjk2NmwzLjU3MiwzLjU3MSAgIGMwLjU3MywwLjU3NCwwLjczLDEuMzY0LDAuNDIsMi4xMTRTOC42NDQsMjEsNy44MzIsMjFIMi43OEMxLjI0NywyMSwwLDIyLjI0NywwLDIzLjc4djYuNDM5QzAsMzEuNzUzLDEuMjQ3LDMzLDIuNzgsMzNoNS4wNTIgICBjMC44MTIsMCwxLjQ4MSwwLjQ0NywxLjc5MiwxLjE5N3MwLjE1MywxLjU0LTAuNDIsMi4xMTRsLTMuNTcyLDMuNTcxYy0wLjUyNSwwLjUyNS0wLjgxNCwxLjIyNC0wLjgxNCwxLjk2NiAgIGMwLDAuNzQzLDAuMjg5LDEuNDQxLDAuODE0LDEuOTY3bDQuNTUzLDQuNTUzYzEuMDUxLDEuMDUxLDIuODgxLDEuMDUzLDMuOTMzLDBsMy41NzEtMy41NzJjMC41NzQtMC41NzMsMS4zNjMtMC43MzEsMi4xMTQtMC40MiAgIGMwLjc1LDAuMzExLDEuMTk3LDAuOTgsMS4xOTcsMS43OTJ2NS4wNTJjMCwxLjUzMywxLjI0NywyLjc4LDIuNzgsMi43OGg2LjQzOWMxLjUzMywwLDIuNzgtMS4yNDcsMi43OC0yLjc4di01LjA1MiAgIGMwLTAuODEyLDAuNDQ3LTEuNDgxLDEuMTk3LTEuNzkyYzAuNzUxLTAuMzEyLDEuNTQtMC4xNTMsMi4xMTQsMC40MmwzLjU3MSwzLjU3MmMxLjA1MiwxLjA1MiwyLjg4MywxLjA1LDMuOTMzLDBsNC41NTMtNC41NTMgICBjMC41MjUtMC41MjUsMC44MTQtMS4yMjQsMC44MTQtMS45NjdjMC0wLjc0Mi0wLjI4OS0xLjQ0LTAuODE0LTEuOTY2bC0zLjU3Mi0zLjU3MWMtMC41NzMtMC41NzQtMC43My0xLjM2NC0wLjQyLTIuMTE0ICAgUzQ1LjM1NiwzMyw0Ni4xNjgsMzNoNS4wNTJjMS41MzMsMCwyLjc4LTEuMjQ3LDIuNzgtMi43OFYyMy43OEM1NCwyMi4yNDcsNTIuNzUzLDIxLDUxLjIyLDIxeiBNNTIsMzAuMjIgICBDNTIsMzAuNjUsNTEuNjUsMzEsNTEuMjIsMzFoLTUuMDUyYy0xLjYyNCwwLTMuMDE5LDAuOTMyLTMuNjQsMi40MzJjLTAuNjIyLDEuNS0wLjI5NSwzLjE0NiwwLjg1NCw0LjI5NGwzLjU3MiwzLjU3MSAgIGMwLjMwNSwwLjMwNSwwLjMwNSwwLjgsMCwxLjEwNGwtNC41NTMsNC41NTNjLTAuMzA0LDAuMzA0LTAuNzk5LDAuMzA2LTEuMTA0LDBsLTMuNTcxLTMuNTcyYy0xLjE0OS0xLjE0OS0yLjc5NC0xLjQ3NC00LjI5NC0wLjg1NCAgIGMtMS41LDAuNjIxLTIuNDMyLDIuMDE2LTIuNDMyLDMuNjR2NS4wNTJDMzEsNTEuNjUsMzAuNjUsNTIsMzAuMjIsNTJIMjMuNzhDMjMuMzUsNTIsMjMsNTEuNjUsMjMsNTEuMjJ2LTUuMDUyICAgYzAtMS42MjQtMC45MzItMy4wMTktMi40MzItMy42NGMtMC41MDMtMC4yMDktMS4wMjEtMC4zMTEtMS41MzMtMC4zMTFjLTEuMDE0LDAtMS45OTcsMC40LTIuNzYxLDEuMTY0bC0zLjU3MSwzLjU3MiAgIGMtMC4zMDYsMC4zMDYtMC44MDEsMC4zMDQtMS4xMDQsMGwtNC41NTMtNC41NTNjLTAuMzA1LTAuMzA1LTAuMzA1LTAuOCwwLTEuMTA0bDMuNTcyLTMuNTcxYzEuMTQ4LTEuMTQ4LDEuNDc2LTIuNzk0LDAuODU0LTQuMjk0ICAgQzEwLjg1MSwzMS45MzIsOS40NTYsMzEsNy44MzIsMzFIMi43OEMyLjM1LDMxLDIsMzAuNjUsMiwzMC4yMlYyMy43OEMyLDIzLjM1LDIuMzUsMjMsMi43OCwyM2g1LjA1MiAgIGMxLjYyNCwwLDMuMDE5LTAuOTMyLDMuNjQtMi40MzJjMC42MjItMS41LDAuMjk1LTMuMTQ2LTAuODU0LTQuMjk0bC0zLjU3Mi0zLjU3MWMtMC4zMDUtMC4zMDUtMC4zMDUtMC44LDAtMS4xMDRsNC41NTMtNC41NTMgICBjMC4zMDQtMC4zMDUsMC43OTktMC4zMDUsMS4xMDQsMGwzLjU3MSwzLjU3MWMxLjE0NywxLjE0NywyLjc5MiwxLjQ3Niw0LjI5NCwwLjg1NEMyMi4wNjgsMTAuODUxLDIzLDkuNDU2LDIzLDcuODMyVjIuNzggICBDMjMsMi4zNSwyMy4zNSwyLDIzLjc4LDJoNi40MzlDMzAuNjUsMiwzMSwyLjM1LDMxLDIuNzh2NS4wNTJjMCwxLjYyNCwwLjkzMiwzLjAxOSwyLjQzMiwzLjY0ICAgYzEuNTAyLDAuNjIyLDMuMTQ2LDAuMjk0LDQuMjk0LTAuODU0bDMuNTcxLTMuNTcxYzAuMzA2LTAuMzA1LDAuODAxLTAuMzA1LDEuMTA0LDBsNC41NTMsNC41NTNjMC4zMDUsMC4zMDUsMC4zMDUsMC44LDAsMS4xMDQgICBsLTMuNTcyLDMuNTcxYy0xLjE0OCwxLjE0OC0xLjQ3NiwyLjc5NC0wLjg1NCw0LjI5NGMwLjYyMSwxLjUsMi4wMTYsMi40MzIsMy42NCwyLjQzMmg1LjA1MkM1MS42NSwyMyw1
|
|
|
|
}
|
2017-11-23 00:48:45 +00:00
|
|
|
#mscriptIcon > div{
|
2017-11-22 19:26:43 +00:00
|
|
|
background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDUyMi40NjggNTIyLjQ2OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTIyLjQ2OCA1MjIuNDY5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTMyNS43NjIsNzAuNTEzbC0xNy43MDYtNC44NTRjLTIuMjc5LTAuNzYtNC41MjQtMC41MjEtNi43MDcsMC43MTVjLTIuMTksMS4yMzctMy42NjksMy4wOTQtNC40MjksNS41NjhMMTkwLjQyNiw0NDAuNTMgICAgYy0wLjc2LDIuNDc1LTAuNTIyLDQuODA5LDAuNzE1LDYuOTk1YzEuMjM3LDIuMTksMy4wOSwzLjY2NSw1LjU2OCw0LjQyNWwxNy43MDEsNC44NTZjMi4yODQsMC43NjYsNC41MjEsMC41MjYsNi43MS0wLjcxMiAgICBjMi4xOS0xLjI0MywzLjY2Ni0zLjA5NCw0LjQyNS01LjU2NEwzMzIuMDQyLDgxLjkzNmMwLjc1OS0yLjQ3NCwwLjUyMy00LjgwOC0wLjcxNi02Ljk5OSAgICBDMzMwLjA4OCw3Mi43NDcsMzI4LjIzNyw3MS4yNzIsMzI1Ljc2Miw3MC41MTN6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPHBhdGggZD0iTTE2Ni4xNjcsMTQyLjQ2NWMwLTIuNDc0LTAuOTUzLTQuNjY1LTIuODU2LTYuNTY3bC0xNC4yNzctMTQuMjc2Yy0xLjkwMy0xLjkwMy00LjA5My0yLjg1Ny02LjU2Ny0yLjg1NyAgICBzLTQuNjY1LDAuOTU1LTYuNTY3LDIuODU3TDIuODU2LDI1NC42NjZDMC45NSwyNTYuNTY5LDAsMjU4Ljc1OSwwLDI2MS4yMzNjMCwyLjQ3NCwwLjk1Myw0LjY2NCwyLjg1Niw2LjU2NmwxMzMuMDQzLDEzMy4wNDQgICAgYzEuOTAyLDEuOTA2LDQuMDg5LDIuODU0LDYuNTY3LDIuODU0czQuNjY1LTAuOTUxLDYuNTY3LTIuODU0bDE0LjI3Ny0xNC4yNjhjMS45MDMtMS45MDIsMi44NTYtNC4wOTMsMi44NTYtNi41NyAgICBjMC0yLjQ3MS0wLjk1My00LjY2MS0yLjg1Ni02LjU2M0w1MS4xMDcsMjYxLjIzM2wxMTIuMjA0LTExMi4yMDFDMTY1LjIxNywxNDcuMTMsMTY2LjE2NywxNDQuOTM5LDE2Ni4xNjcsMTQyLjQ2NXoiIGZpbGw9IiNGRkZGRkYiLz4KCQk8cGF0aCBkPSJNNTE5LjYxNCwyNTQuNjYzTDM4Ni41NjcsMTIxLjYxOWMtMS45MDItMS45MDItNC4wOTMtMi44NTctNi41NjMtMi44NTdjLTIuNDc4LDAtNC42NjEsMC45NTUtNi41NywyLjg1N2wtMTQuMjcxLDE0LjI3NSAgICBjLTEuOTAyLDEuOTAzLTIuODUxLDQuMDktMi44NTEsNi41NjdzMC45NDgsNC42NjUsMi44NTEsNi41NjdsMTEyLjIwNiwxMTIuMjA0TDM1OS4xNjMsMzczLjQ0MiAgICBjLTEuOTAyLDEuOTAyLTIuODUxLDQuMDkzLTIuODUxLDYuNTYzYzAsMi40NzgsMC45NDgsNC42NjgsMi44NTEsNi41N2wxNC4yNzEsMTQuMjY4YzEuOTA5LDEuOTA2LDQuMDkzLDIuODU0LDYuNTcsMi44NTQgICAgYzIuNDcxLDAsNC42NjEtMC45NTEsNi41NjMtMi44NTRMNTE5LjYxNCwyNjcuOGMxLjkwMy0xLjkwMiwyLjg1NC00LjA5NiwyLjg1NC02LjU3ICAgIEM1MjIuNDY4LDI1OC43NTUsNTIxLjUxNywyNTYuNTY1LDUxOS42MTQsMjU0LjY2M3oiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat;
|
|
|
|
}
|
2017-11-23 00:48:45 +00:00
|
|
|
#appIcon > div{
|
|
|
|
background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYwIDYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MCA2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiPgo8Zz4KCTxwYXRoIGQ9Ik00NS41NjMsMjkuMTc0bC0yMi0xNWMtMC4zMDctMC4yMDgtMC43MDMtMC4yMzEtMS4wMzEtMC4wNThDMjIuMjA1LDE0LjI4OSwyMiwxNC42MjksMjIsMTV2MzAgICBjMCwwLjM3MSwwLjIwNSwwLjcxMSwwLjUzMywwLjg4NEMyMi42NzksNDUuOTYyLDIyLjg0LDQ2LDIzLDQ2YzAuMTk3LDAsMC4zOTQtMC4wNTksMC41NjMtMC4xNzRsMjItMTUgICBDNDUuODM2LDMwLjY0LDQ2LDMwLjMzMSw0NiwzMFM0NS44MzYsMjkuMzYsNDUuNTYzLDI5LjE3NHogTTI0LDQzLjEwN1YxNi44OTNMNDMuMjI1LDMwTDI0LDQzLjEwN3oiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0zMCwwQzEzLjQ1OCwwLDAsMTMuNDU4LDAsMzBzMTMuNDU4LDMwLDMwLDMwczMwLTEzLjQ1OCwzMC0zMFM0Ni41NDIsMCwzMCwweiBNMzAsNThDMTQuNTYxLDU4LDIsNDUuNDM5LDIsMzAgICBTMTQuNTYxLDIsMzAsMnMyOCwxMi41NjEsMjgsMjhTNDUuNDM5LDU4LDMwLDU4eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
|
|
|
|
}
|
2018-01-09 05:06:17 +00:00
|
|
|
.cameraIcon{
|
|
|
|
background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTAsNDBjLTguMjg1LDAtMTUsNi43MTgtMTUsMTVjMCw4LjI4NSw2LjcxNSwxNSwxNSwxNWM4LjI4MywwLDE1LTYuNzE1LDE1LTE1ICAgIEM2NSw0Ni43MTgsNTguMjgzLDQwLDUwLDQweiBNOTAsMjVINzhjLTEuNjUsMC0zLjQyOC0xLjI4LTMuOTQ5LTIuODQ2bC0zLjEwMi05LjMwOUM3MC40MjYsMTEuMjgsNjguNjUsMTAsNjcsMTBIMzMgICAgYy0xLjY1LDAtMy40MjgsMS4yOC0zLjk0OSwyLjg0NmwtMy4xMDIsOS4zMDlDMjUuNDI2LDIzLjcyLDIzLjY1LDI1LDIyLDI1SDEwQzQuNSwyNSwwLDI5LjUsMCwzNXY0NWMwLDUuNSw0LjUsMTAsMTAsMTBoODAgICAgYzUuNSwwLDEwLTQuNSwxMC0xMFYzNUMxMDAsMjkuNSw5NS41LDI1LDkwLDI1eiBNNTAsODBjLTEzLjgwNywwLTI1LTExLjE5My0yNS0yNWMwLTEzLjgwNiwxMS4xOTMtMjUsMjUtMjUgICAgYzEzLjgwNSwwLDI1LDExLjE5NCwyNSwyNUM3NSw2OC44MDcsNjMuODA1LDgwLDUwLDgweiBNODYuNSw0MS45OTNjLTEuOTMyLDAtMy41LTEuNTY2LTMuNS0zLjVjMC0xLjkzMiwxLjU2OC0zLjUsMy41LTMuNSAgICBjMS45MzQsMCwzLjUsMS41NjgsMy41LDMuNUM5MCw0MC40MjcsODguNDMzLDQxLjk5Myw4Ni41LDQxLjk5M3oiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat;
|
|
|
|
}
|
|
|
|
|
|
|
|
button i {
|
|
|
|
display: block;
|
|
|
|
width: 33px;
|
|
|
|
height: 33px;
|
|
|
|
margin: 10px auto;
|
|
|
|
}
|
2017-11-23 00:48:45 +00:00
|
|
|
|
|
|
|
footer{
|
2018-02-12 19:45:37 +00:00
|
|
|
display: block;
|
2017-11-23 00:48:45 +00:00
|
|
|
width: 100%;
|
|
|
|
height: 50px;
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
|
|
border-top: 1px solid rgba(255, 255, 255, 0.3);
|
|
|
|
}
|
|
|
|
|
|
|
|
footer .icon {
|
2018-02-12 19:49:18 +00:00
|
|
|
width: 33.33%;
|
|
|
|
/*width: 50%;*/
|
2017-11-23 00:48:45 +00:00
|
|
|
height: 50px;
|
|
|
|
float: left;
|
|
|
|
box-sizing: border-box;
|
|
|
|
border-right: 1px solid rgba(255, 255, 255, 0.3);
|
|
|
|
}
|
|
|
|
|
2018-01-09 05:06:17 +00:00
|
|
|
body.mobile footer .icon{
|
2018-02-02 18:02:15 +00:00
|
|
|
/*width: 25%;*/
|
|
|
|
width: 33.33%;
|
2018-01-09 05:06:17 +00:00
|
|
|
}
|
|
|
|
|
2017-11-23 01:05:19 +00:00
|
|
|
footer .icon:last-child{
|
|
|
|
border-right: 0;
|
|
|
|
}
|
|
|
|
|
2017-11-23 00:48:45 +00:00
|
|
|
.icon > div{
|
|
|
|
display: block;
|
|
|
|
line-height: 34px;
|
|
|
|
height: 33px;
|
|
|
|
width: 33px;
|
|
|
|
opacity: 0.5;
|
|
|
|
color: #fff;
|
|
|
|
margin: 10px auto 0;
|
|
|
|
}
|
|
|
|
.icon.selected > div{
|
|
|
|
opacity: 1.0;
|
|
|
|
}
|
|
|
|
|
|
|
|
footer > div.selected{
|
|
|
|
background: rgba(255, 255, 255, 0.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.CodeMirror{
|
|
|
|
font-size: 18px;
|
|
|
|
}
|
2017-11-23 01:05:19 +00:00
|
|
|
|
|
|
|
#compile{
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
2017-12-13 22:52:25 +00:00
|
|
|
|
|
|
|
#seq{
|
|
|
|
margin-top: 40px;
|
2017-12-21 04:47:37 +00:00
|
|
|
padding: 10px 0;
|
2017-12-13 22:52:25 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#overlay{
|
|
|
|
position: fixed;
|
|
|
|
z-index: 2001;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
bottom: 0;
|
|
|
|
right: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
background: rgba(0, 0, 0, 0.5);
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
#overlay.active{
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
#spinner{
|
2018-02-12 18:59:54 +00:00
|
|
|
display: none;
|
2017-12-13 22:52:25 +00:00
|
|
|
margin-top: 200px;
|
|
|
|
}
|
2017-12-13 23:40:14 +00:00
|
|
|
|
2018-02-12 18:59:54 +00:00
|
|
|
#spinner.active{
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2017-12-13 23:40:14 +00:00
|
|
|
#disconnect,#scan{
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
#disconnect.active,
|
|
|
|
#scan.active{
|
|
|
|
display: block;
|
|
|
|
}
|
2018-01-02 05:35:20 +00:00
|
|
|
|
|
|
|
#available.active{
|
2018-01-04 21:25:22 +00:00
|
|
|
border-color: #20ce45;
|
|
|
|
}
|
|
|
|
#ip{
|
|
|
|
color: #666;
|
|
|
|
}
|
|
|
|
#ip span{
|
|
|
|
color: #20ce45;
|
2018-01-02 05:35:20 +00:00
|
|
|
}
|
2018-01-04 21:25:22 +00:00
|
|
|
#password,#wifi,#ip{
|
2018-01-02 05:35:20 +00:00
|
|
|
display: none;
|
|
|
|
}
|
2018-02-02 18:02:15 +00:00
|
|
|
#password.active,
|
|
|
|
#ip.active,
|
|
|
|
#wifi.active{
|
2018-01-02 05:35:20 +00:00
|
|
|
display: block;
|
2018-01-09 05:06:17 +00:00
|
|
|
}
|
|
|
|
.indicator {
|
|
|
|
color: red;
|
|
|
|
width: 0;
|
|
|
|
height: 0;
|
|
|
|
border-left: 5px solid transparent;
|
|
|
|
border-right: 5px solid transparent;
|
|
|
|
|
|
|
|
border-bottom: 5px solid black;
|
2018-02-02 20:36:28 +00:00
|
|
|
}
|
|
|
|
.setting{
|
|
|
|
width: 50%;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
.setting input,
|
|
|
|
.setting select{
|
|
|
|
width: 90%;
|
|
|
|
}
|
2018-02-03 21:46:32 +00:00
|
|
|
.setting .label{
|
|
|
|
margin-bottom: 3px;
|
|
|
|
}
|
|
|
|
#cameraBtn{
|
2018-02-02 20:36:28 +00:00
|
|
|
margin-top: 20px;
|
2018-02-03 21:46:32 +00:00
|
|
|
}
|
|
|
|
#camera_exposure,
|
|
|
|
#bolex_exposure{
|
|
|
|
width: 50%;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
#camera_exposure input,
|
|
|
|
#bolex_exposure input{
|
|
|
|
margin: 12px auto;
|
|
|
|
width: 69%;
|
|
|
|
display: block;
|
2018-02-06 22:34:58 +00:00
|
|
|
border-color: #666;
|
2018-02-03 21:46:32 +00:00
|
|
|
}
|
|
|
|
#camera_exposure h3,
|
|
|
|
#bolex_exposure h3{
|
|
|
|
text-align: center;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
#camera_exposure div label,
|
|
|
|
#bolex_exposure div label{
|
|
|
|
color: #666;
|
|
|
|
position: absolute;
|
|
|
|
margin-top: 8px;
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
margin-left: -50%;
|
|
|
|
}
|
2018-02-06 22:34:58 +00:00
|
|
|
span.neg{
|
|
|
|
color: #f32121;;
|
|
|
|
}
|
|
|
|
span.pos{
|
|
|
|
color: #20ce45;
|
|
|
|
}
|
2018-02-06 22:37:49 +00:00
|
|
|
body.mobile footer{
|
|
|
|
display: block;
|
|
|
|
}
|
2018-02-08 00:07:38 +00:00
|
|
|
|
|
|
|
#reset{
|
|
|
|
margin-top: 60px;
|
2018-02-12 20:42:48 +00:00
|
|
|
}
|
|
|
|
#msg{
|
|
|
|
display: none;
|
|
|
|
width: 200px;
|
|
|
|
height: 44px;
|
|
|
|
border-radius: 6px;
|
|
|
|
position: fixed;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -100px;
|
|
|
|
margin-top: 45px;
|
|
|
|
background: rgba(100, 100, 100, 0.5);
|
|
|
|
color: #fff;
|
|
|
|
text-shadow: 1px 1px 0px #000;
|
|
|
|
}
|
|
|
|
#msg.active{
|
|
|
|
display: block;
|
2018-02-08 00:07:38 +00:00
|
|
|
}
|