eessppeelllloo/esp8266_deauther
1
0
Fork 0
mirror of https://github.com/SpacehuhnTech/esp8266_deauther.git synced 2025-12-15 11:09:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added button:active(clicked) "animation"

Browse Source 
I never knew if I clicked the button on touch screen, so I add animation when button is active  (clicked).
simple/nice/useful
This commit is contained in:
Arisa
2019-04-18 23:13:28 +02:00
parent a18c2938ed
commit 4a23c770be
1 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web_interface/style.css
View File

@@ -164,7 +164,7 @@ p{
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg); -ms-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
} }
/* ERROR */ /* ERROR */
.hide { .hide {
@@ -181,7 +181,7 @@ p{
0% {opacity: 0;} 0% {opacity: 0;}
100% {opacity: 1;} 100% {opacity: 1;}
} }
hr { hr {
background: #3e4146; background: #3e4146;
@@ -210,7 +210,7 @@ li{
.meter_forground{ .meter_forground{
color: #fff; color: #fff;
padding: 4px 0; padding: 4px 0;
/* + one of the colors below /* + one of the colors below
(width will be set by the JS) */ (width will be set by the JS) */
} }
.meter_green{ .meter_green{
@@ -254,12 +254,12 @@ th, td {
#apTable .mac, #apTable .mac,
#apTable .vendor, #apTable .vendor,
#apTable .name, #apTable .name,
#stTable .id, #stTable .id,
#stTable .pkts, #stTable .pkts,
#stTable .lastseen, #stTable .lastseen,
#stTable .mac, #stTable .mac,
#nTable .id, #nTable .id,
#nTable .vendor, #nTable .vendor,
#nTable .ap, #nTable .ap,
@@ -268,7 +268,7 @@ th, td {
#ssidTable .id { #ssidTable .id {
display: none; display: none;
} }
.meter_background{ .meter_background{
min-width: 45px; min-width: 45px;
} }
@@ -316,7 +316,10 @@ nav a:hover{
} }
button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background: #42444a; background: #42444a;
}
button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
transform: scale(.93);
} }
/* Forms */ /* Forms */
@@ -441,4 +444,4 @@ input[type="file"] {
.hidden-sm { .hidden-sm {
display: block; display: block;
} }
} }