diff options
| author | SimonBrazell <simon@brazell.com.au> | 2020-02-09 11:08:04 +1100 |
|---|---|---|
| committer | SimonBrazell <simon@brazell.com.au> | 2020-02-09 11:08:04 +1100 |
| commit | eb99449f726565764dac26ee1baa4e9e4689f078 (patch) | |
| tree | 121ccb543ea3bd64999b5735198351eca3e60923 /pages/styles.css | |
| parent | d25072f6b54d821b8d8245f78b492eb273017260 (diff) | |
| download | privacy-redirect-eb99449f726565764dac26ee1baa4e9e4689f078.tar.gz privacy-redirect-eb99449f726565764dac26ee1baa4e9e4689f078.tar.bz2 privacy-redirect-eb99449f726565764dac26ee1baa4e9e4689f078.zip | |
Avoid redirecting `studio.youtube.com` & basic instance validationv1.1.6
Diffstat (limited to '')
| -rw-r--r-- | pages/styles.css | 21 |
1 files changed, 19 insertions, 2 deletions
diff --git a/pages/styles.css b/pages/styles.css index 5a23352..a1fa933 100644 --- a/pages/styles.css +++ b/pages/styles.css @@ -5,6 +5,8 @@ --white: #FFF; --active: #FF5B56; --space: 5px; + --danger: #f04141; + --danger-light: #F9D0D5; } body { @@ -31,7 +33,7 @@ header .logo-container { } header .logo-container img { - width: 100%; + max-width: 100%; } header small { @@ -137,10 +139,25 @@ input:checked+label:after { padding: 10px; text-align: center; text-decoration: none; + cursor: pointer; + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; } .button:hover { background-color: var(--active); - color: #fff + color: #fff; +} + +.button:active { + background-color: var(--active); + box-shadow: 0 5px var(--dark-grey); + transform: translateY(4px); +} + +input[type="url"]:invalid { + color: var(--danger); + border-color: var(--danger); + background-color: var(--danger-light); } |