|
|
@@ -8,42 +8,129 @@ body{color: #333;}
|
|
|
.wrapper{width:960px;margin: 0 auto;}
|
|
|
.guide{
|
|
|
display: block;
|
|
|
+ border: 1px solid #e2e2e2;
|
|
|
padding: 0 30px;
|
|
|
+ margin-bottom: 20px;
|
|
|
}
|
|
|
-.guide > ul {
|
|
|
- list-style: none;
|
|
|
+.guide > ol {
|
|
|
+ padding-left: 1.8em;
|
|
|
}
|
|
|
+
|
|
|
.guide p{padding: 10px 0;}
|
|
|
h1{font-family:Arial, sans-serif;text-transform: uppercase;font-weight: normal;color: #747589; margin: .67em 0;}
|
|
|
-.upload-form{font-family:sans-serif;background-color:#fff;padding:30px;margin:20px auto;box-shadow: 0 1px 5px rgba(0,0,0,0.15);position: relative;}
|
|
|
-.fileUpload {position: relative; overflow: hidden;}
|
|
|
-.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
|
|
|
-button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
|
|
|
+.upload-form{
|
|
|
+ position: relative;
|
|
|
+ margin:20px auto;
|
|
|
+ padding:30px;
|
|
|
+ background-color:#fff;
|
|
|
+ box-shadow: 0 1px 5px rgba(0,0,0,0.15);
|
|
|
+ font-family:sans-serif;
|
|
|
+}
|
|
|
+.fileUpload {
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.fileUpload input.upload {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ opacity: 0;
|
|
|
+ filter: alpha(opacity=0);
|
|
|
+ font-size: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+button,
|
|
|
+html input[type="button"],
|
|
|
+input[type="reset"],
|
|
|
+input[type="submit"] {
|
|
|
+ -webkit-appearance: button;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
/*button[disabled],html input[disabled] {cursor: default; background-color: rgb(235, 235, 228);}*/
|
|
|
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
|
|
|
input {line-height: normal;}
|
|
|
-input.file-name{height: 30px;font-size: 12px;line-height: 1.5;padding:3px 10px;border: 1px solid #337ab7; border-radius: 0;display: block;float: left;}
|
|
|
-input.login{height: 30px;font-size: 12px;line-height: 1.5;padding:3px 10px;border: none; border-radius: 0; margin-bottom: 25px;width: 280px}
|
|
|
-.upload-wrapper{padding:10px 0px 30px 30px;width: 100%;}
|
|
|
-/* .upload-form ul{list-style:none;margin:0 -30px -30px; border-top:1px solid #2b2e31;}
|
|
|
-.upload-form ul > input{width:100%;height: 50px;color: #fff;background-color: #337ab7;}
|
|
|
-.upload-form ul > input:hover{color: #d2d2d2;background-color: #2e6ea5;}*/
|
|
|
+input.file-name{
|
|
|
+ height: 29px;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 1.5;
|
|
|
+ padding:3px 10px;
|
|
|
+ border: 1px solid #337ab7;
|
|
|
+ // border-top-right-radius:0px;
|
|
|
+ // border-top-left-radius:5px;
|
|
|
+ // border-bottom-right-radius:0px;
|
|
|
+ // border-bottom-left-radius:5px;
|
|
|
+ display: block;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+input.login {
|
|
|
+ width: 280px;
|
|
|
+ height: 30px;
|
|
|
+ padding:3px 10px;
|
|
|
+ margin-bottom: 25px;
|
|
|
+ border: none;
|
|
|
+ border-radius: 0;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 1.5;
|
|
|
+}
|
|
|
+.upload-wrapper{
|
|
|
+ padding:10px 0px 20px 5px;
|
|
|
+ width: 100%;
|
|
|
+ height: 39px
|
|
|
+}
|
|
|
+.fileUpload.btn {
|
|
|
+ float: left;
|
|
|
+ border: 1px solid;
|
|
|
+ // border-top-right-radius:5px;
|
|
|
+ // border-top-left-radius:0px;
|
|
|
+ // border-bottom-right-radius:5px;
|
|
|
+ // border-bottom-left-radius:0px;
|
|
|
+ border-color: #3d7ab7;
|
|
|
+}
|
|
|
.btn {
|
|
|
display: inline-block;
|
|
|
- padding: 0.51em 12px;
|
|
|
+ padding: 6px 12px;
|
|
|
margin-bottom: 0;
|
|
|
font-size: 0.9em;
|
|
|
font-weight: normal;
|
|
|
- line-height: 1.5em;
|
|
|
+ line-height: 1.6em;
|
|
|
text-align: center;
|
|
|
white-space: nowrap;
|
|
|
vertical-align: middle;
|
|
|
+ -ms-touch-action: manipulation;
|
|
|
+ touch-action: manipulation;
|
|
|
cursor: pointer;
|
|
|
- -ms-touch-action: manipulation;touch-action: manipulation;
|
|
|
- -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none;
|
|
|
background-image: none;
|
|
|
border: 1px solid transparent;
|
|
|
- border-radius: 0;
|
|
|
+ // border-radius: 5px;
|
|
|
+}
|
|
|
+.btn:focus,
|
|
|
+.btn:active:focus,
|
|
|
+.btn.active:focus,
|
|
|
+.btn.focus,
|
|
|
+.btn:active.focus,
|
|
|
+.btn.active.focus {
|
|
|
+ outline: thin dotted;
|
|
|
+ outline: 5px auto -webkit-focus-ring-color;
|
|
|
+ outline-offset: -2px;
|
|
|
+}
|
|
|
+.btn:hover,
|
|
|
+.btn:focus,
|
|
|
+.btn.focus {
|
|
|
+ color: #333;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+.btn:active,
|
|
|
+.btn.active {
|
|
|
+ background-image: none;
|
|
|
+ outline: 0;
|
|
|
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
|
|
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
|
|
}
|
|
|
.btn.disabled,
|
|
|
.btn[disabled],
|
|
|
@@ -55,11 +142,23 @@ fieldset[disabled] .btn {
|
|
|
box-shadow: none;
|
|
|
opacity: .65;
|
|
|
}
|
|
|
-.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
|
|
|
-.btn:hover,.btn:focus,.btn.focus {color: #333;text-decoration: none;}
|
|
|
-.btn-primary {color: #fff;background-color: #337ab7;border-color: #3d7ab7;}
|
|
|
-.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,
|
|
|
-.btn-primary.active,.open > .dropdown-toggle.btn-primary {color: #fff;background-color: #2e6ea5;border-color: #2C5884;}
|
|
|
+.btn-primary {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #337ab7;
|
|
|
+ border-color: #fff;
|
|
|
+}
|
|
|
+/*.btn-primary {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #337ab7;
|
|
|
+ border-color: #3d7ab7;
|
|
|
+}*/
|
|
|
+.btn-primary:hover,.btn-primary:focus,
|
|
|
+.btn-primary.focus,.btn-primary:active,
|
|
|
+.btn-primary.active,.open > .dropdown-toggle.btn-primary {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #2e6ea5;
|
|
|
+ // border-color: #F1F1F1;
|
|
|
+}
|
|
|
.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {background-image: none;}
|
|
|
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,
|
|
|
.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,
|
|
|
@@ -69,8 +168,8 @@ fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[d
|
|
|
background-color: #337ab7;
|
|
|
border-color: #2C5884;
|
|
|
}
|
|
|
-.btn-danger {color: #fff;background-color: #d9534f;border-color: #d43f3a;}
|
|
|
-.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open > .dropdown-toggle.btn-danger {color: #fff;background-color: #c9302c;border-color: #ac2925;}
|
|
|
+.btn-danger {color: #fff;background-color: #d9534f;border-color: #fff;}
|
|
|
+.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open > .dropdown-toggle.btn-danger {color: #fff;background-color: #c9302c;border-color: #f1f1f1;}
|
|
|
.btn-danger:active,.btn-danger.active,.open > .dropdown-toggle.btn-danger {background-image: none;}
|
|
|
.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,
|
|
|
fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,
|
|
|
@@ -79,7 +178,91 @@ fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disa
|
|
|
background-color: #d9534f;
|
|
|
border-color: #d43f3a;
|
|
|
}
|
|
|
-a.btn {text-decoration: none;}
|
|
|
+.btn-primary-inverted {
|
|
|
+ color: #3d7ab7;
|
|
|
+ background-color: transparent;
|
|
|
+ border-color: #3d7ab7;
|
|
|
+ transition: all 0.3s ease-in-out;
|
|
|
+}
|
|
|
+.btn-primary-inverted:hover,
|
|
|
+.btn-primary-inverted:focus,
|
|
|
+.btn-primary-inverted.focus,
|
|
|
+.btn-primary-inverted:active,
|
|
|
+.btn-primary-inverted.active,
|
|
|
+.open > .dropdown-toggle.btn-primary-inverted {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #2e6ea5;
|
|
|
+ border-color: #2C5884;
|
|
|
+}
|
|
|
+.btn-primary-inverted:active,
|
|
|
+.btn-primary-inverted.active,
|
|
|
+.open > .dropdown-toggle.btn-primary-inverted {
|
|
|
+ background-image: none;
|
|
|
+}
|
|
|
+.btn-primary-inverted.disabled,
|
|
|
+.btn-primary-inverted[disabled],
|
|
|
+fieldset[disabled] .btn-primary-inverted,
|
|
|
+.btn-primary-inverted.disabled:hover,
|
|
|
+.btn-primary-inverted[disabled]:hover,
|
|
|
+fieldset[disabled] .btn-primary-inverted:hover,
|
|
|
+.btn-primary-inverted.disabled:focus,
|
|
|
+.btn-primary-inverted[disabled]:focus,
|
|
|
+fieldset[disabled] .btn-primary-inverted:focus,
|
|
|
+.btn-primary-inverted.disabled.focus,
|
|
|
+.btn-primary-inverted[disabled].focus,
|
|
|
+fieldset[disabled] .btn-primary-inverted.focus,
|
|
|
+.btn-primary-inverted.disabled:active,
|
|
|
+.btn-primary-inverted[disabled]:active,
|
|
|
+fieldset[disabled] .btn-primary-inverted:active,
|
|
|
+.btn-primary-inverted.disabled.active,
|
|
|
+.btn-primary-inverted[disabled].active,
|
|
|
+fieldset[disabled] .btn-primary-inverted.active {
|
|
|
+ background-color: #337ab7;
|
|
|
+ border-color: #3d7ab7;
|
|
|
+}
|
|
|
+.btn-danger-inverted {
|
|
|
+ color: #d43f3a;
|
|
|
+ background-color: transparent;
|
|
|
+ border-color: #d43f3a;
|
|
|
+ transition: all 0.3s ease-in-out;
|
|
|
+}
|
|
|
+.btn-danger-inverted:hover,
|
|
|
+.btn-danger-inverted:focus,
|
|
|
+.btn-danger-inverted.focus,
|
|
|
+.btn-danger-inverted:active,
|
|
|
+.btn-danger-inverted.active,
|
|
|
+.open > .dropdown-toggle.btn-danger-inverted {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #c9302c;
|
|
|
+ border-color: #ac2925;
|
|
|
+}
|
|
|
+.btn-danger-inverted:active,
|
|
|
+.btn-danger-inverted.active,
|
|
|
+.open > .dropdown-toggle.btn-danger-inverted {
|
|
|
+ background-image: none;
|
|
|
+}
|
|
|
+.btn-danger-inverted.disabled,
|
|
|
+.btn-danger-inverted[disabled],
|
|
|
+fieldset[disabled] .btn-danger-inverted,
|
|
|
+.btn-danger-inverted.disabled:hover,
|
|
|
+.btn-danger-inverted[disabled]:hover,
|
|
|
+fieldset[disabled] .btn-danger-inverted:hover,
|
|
|
+.btn-danger-inverted.disabled:focus,
|
|
|
+.btn-danger-inverted[disabled]:focus,
|
|
|
+fieldset[disabled] .btn-danger-inverted:focus,
|
|
|
+.btn-danger-inverted.disabled.focus,
|
|
|
+.btn-danger-inverted[disabled].focus,
|
|
|
+fieldset[disabled] .btn-danger-inverted.focus,
|
|
|
+.btn-danger-inverted.disabled:active,
|
|
|
+.btn-danger-inverted[disabled]:active,
|
|
|
+fieldset[disabled] .btn-danger-inverted:active,
|
|
|
+.btn-danger-inverted.disabled.active,
|
|
|
+.btn-danger-inverted[disabled].active,
|
|
|
+fieldset[disabled] .btn-danger-inverted.active {
|
|
|
+ background-color: #d9534f;
|
|
|
+ border-color: #d43f3a;
|
|
|
+}
|
|
|
+a.btn {text-decoration: none; }
|
|
|
[role="button"] {cursor: pointer;}
|
|
|
#count-wrap {
|
|
|
display: none;
|
|
|
@@ -94,7 +277,6 @@ a.btn {text-decoration: none;}
|
|
|
opacity:.80;
|
|
|
filter: alpha(opacity=80);*/
|
|
|
}
|
|
|
-
|
|
|
#countdown{
|
|
|
display: none;
|
|
|
position: relative;
|
|
|
@@ -110,10 +292,61 @@ a.btn {text-decoration: none;}
|
|
|
z-index:102;
|
|
|
overflow: auto;
|
|
|
}
|
|
|
+#firmware-update{
|
|
|
+ display: none;
|
|
|
+ position: relative;
|
|
|
+ text-align: center;
|
|
|
+ top: 40%;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 16px;
|
|
|
+ border: 16px solid #f0ad4e;
|
|
|
+ background-color: white;
|
|
|
+ box-shadow:0 1px 5px rgba(0,0,0,0.15);
|
|
|
+ z-index:102;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+#firmware-update p{ padding: 20px 10px;}
|
|
|
+#firmware-update img{ padding: 10px 20px;}
|
|
|
@media only screen and (max-width : 768px) {
|
|
|
.navbar {display: none;}
|
|
|
.wrapper{
|
|
|
width:95%;
|
|
|
padding: 0 0.5em;
|
|
|
}
|
|
|
-}
|
|
|
+}
|
|
|
+label {font-weight: bold; padding-left: 10px;}
|
|
|
+div.log { padding: 10px 250px;}
|
|
|
+
|
|
|
+.pb_wrapper {
|
|
|
+ position: relative;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+#progressbar {
|
|
|
+ position: relative;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border: 1px solid #e2e2e2;
|
|
|
+ // border-radius: 5px;
|
|
|
+}
|
|
|
+#progressbar #progress {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 0;
|
|
|
+ height: 100%;
|
|
|
+ background: #5cb85c;
|
|
|
+ // border-radius: 5px;
|
|
|
+ -webkit-transition: all .1s linear;
|
|
|
+ transition: all .1s linear;
|
|
|
+}
|
|
|
+#progressbar div.step {
|
|
|
+ position: relative;
|
|
|
+ border-right: 1px solid #e2e2e2;
|
|
|
+ height: 100%;
|
|
|
+ float: left;
|
|
|
+ z-index: 0;
|
|
|
+}
|
KoKiii