ElixirForge/WiFiManager
1
0
Fork 0
mirror of https://github.com/alexhopeoconnor/WiFiManager.git synced 2026-10-15 15:41:21 +10:00
Code Releases Activity

rework css

Browse Source 
shrink css, add file upload input styling
This commit is contained in:
tablatronix
2018-11-09 15:16:19 -06:00
parent ccfca4b663
commit 9d3cc69b56
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
extras/WiFiManager.template.html
+12 -6
View File
@@ -25,7 +25,6 @@ body.invert .q[role=img] {
-webkit-filter: invert(1);
filter: invert(1);
}
.c,
body {
text-align: center;
@@ -35,25 +34,28 @@ body {
text-align:left;
display:inline-block;
min-width:260px;
max-width:500px;
}
div,
input {
padding: 5px;
font-size: 1em;
}
input {
width: 95%;
width: 100%;
margin:5px 0;
box-sizing: border-box;
border-radius:.3rem;
}
button {
button,input[type="button"],input[type="submit"] {
border: 0;
border-radius: .3rem;
background-color: #9933CC;
color: #fff;
line-height: 2.4rem;
font-size: 1.2rem;
width: 100%;
}
input[type="file"]{
border: 1px solid #9933CC;
}
a {
color: #000;
font-weight: 700;
@@ -293,6 +295,10 @@ button.D{
</table>
<p/>More information about WiFiManager at <a href='https://github.com/tzapu/WiFiManager'>https://github.com/tzapu/WiFiManager</a>
<!-- /HTTP_HELP -->
<!-- FORM_UPLOAD -->
<Br/><br/>Form UPLOAD<br/><form method='POST' action='u' enctype='multipart/form-data'><input type='file' name='update' accept='.bin,application/octet-stream'><input type='submit' value='Submit'></form>
<!-- /FORM_UPLOAD -->
<!-- HTTP_END -->
</div>
</body>
strings_en.h
+4 -2
View File
@@ -61,8 +61,10 @@ const char HTTP_STATUS_NONE[] PROGMEM = "<div class='msg'>No AP set</div>";
const char HTTP_BR[] PROGMEM = "<br/>";
const char HTTP_STYLE[] PROGMEM = "<style>"
".c,body{text-align:center;font-family:verdana}div,input{padding:5px;font-size:1em}input{width:95%;margin:5px 0}button{cursor:pointer;border:0;border-radius:.3rem;background-color:#1fa3ec;color:#fff;line-height:2.4rem;font-size:1.2rem;width:100%}"
".wrap {text-align:left;display:inline-block;min-width:260px}"
".c,body{text-align:center;font-family:verdana}div,input{padding:5px;font-size:1em;width:100%;margin:5px 0;border-radius:.3rem;box-sizing:border-box;}"
"button,input[type='button'],input[type='submit']{cursor:pointer;border:0;background-color:#1fa3ec;color:#fff;line-height:2.4rem;font-size:1.2rem;width:100%}"
"input[type='file']{border:1px solid #1fa3ec}"
".wrap {text-align:left;display:inline-block;min-width:260px;max-width:500px}"
// links
"a{color:#000;font-weight:700;text-decoration:none}a:hover{color:#1fa3ec;text-decoration:underline}"
// quality icons