mirror of
https://github.com/lumapu/ahoy.git
synced 2025-05-31 17:56:11 +02:00
added ESP8266 code
This commit is contained in:
parent
8030acd283
commit
5f927ad8c5
19 changed files with 1641 additions and 0 deletions
151
tools/esp8266/html/style.css
Normal file
151
tools/esp8266/html/style.css
Normal file
|
@ -0,0 +1,151 @@
|
|||
h1 {
|
||||
margin: 0;
|
||||
padding: 20pt;
|
||||
font-size: 22pt;
|
||||
color: #fff;
|
||||
background-color: #006ec0;
|
||||
display: block;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
html, body {
|
||||
font-family: Arial;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
.des {
|
||||
font-size: 14pt;
|
||||
color: #006ec0;
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.fw {
|
||||
width: 60px;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.color {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.range {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
text-decoration: none;
|
||||
font-size: 13pt;
|
||||
color: #006ec0;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
#content {
|
||||
padding: 15px 15px 60px 15px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
height: 45px;
|
||||
background-color: #006ec0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#footer p {
|
||||
color: #fff;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
font-size: 10pt !important;
|
||||
}
|
||||
|
||||
#footer a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#footer a:hover {
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
div.content {
|
||||
background-color: #fff;
|
||||
padding-bottom: 65px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
span.warn {
|
||||
display: inline-block;
|
||||
padding-left: 20px;
|
||||
color: #ff9900;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
input {
|
||||
padding: 10px;
|
||||
font-size: 13pt;
|
||||
}
|
||||
|
||||
input.button {
|
||||
background-color: #006ec0;
|
||||
color: #fff;
|
||||
border: 0px;
|
||||
float: right;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
input.cb {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 14pt;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.inputWrp {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.inputWrp .inputText {
|
||||
height: 35px;
|
||||
width: 90%;
|
||||
margin-bottom: 20px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.inputWrp .floating_label {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 20px;
|
||||
left: 10px;
|
||||
transition: 0.2s ease all;
|
||||
}
|
||||
|
||||
.inputWrp input:focus ~ .floating_label,
|
||||
.inputWrp input:not(:focus):valid ~ .floating_label {
|
||||
top: 0px;
|
||||
left: 20px;
|
||||
font-size: 10px;
|
||||
color: blue;
|
||||
opacity: 1;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue