From 9b0c212a536b93a7cb0644eeee17bb9ec747a455 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Sat, 22 Feb 2025 15:45:33 +0200 Subject: [PATCH] Ran autoprefixer Move selector where appropriate Signed-off-by: XhmikosR --- style/pi-hole.css | 22 +++------- style/themes/default-dark.css | 1 + style/themes/default-darker.css | 15 ++++++- style/themes/default-light.css | 1 + style/themes/high-contrast-dark.css | 7 +++- style/themes/high-contrast.css | 4 ++ style/themes/lcars.css | 62 +++-------------------------- 7 files changed, 34 insertions(+), 78 deletions(-) diff --git a/style/pi-hole.css b/style/pi-hole.css index 70fbc282..d8e64a6e 100644 --- a/style/pi-hole.css +++ b/style/pi-hole.css @@ -37,20 +37,6 @@ background: url("../img/boxed-bg.png") repeat fixed; } -@-webkit-keyframes Pulse { - from { - opacity: 0; - } - - 50% { - opacity: 1; - } - - to { - opacity: 0; - } -} - @keyframes Pulse { from { opacity: 0; @@ -97,7 +83,6 @@ td.lookatme { inset: 0; z-index: 1; /* 20 steps / 2 seconds = 10fps */ - -webkit-animation: 2s infinite Pulse steps(20); animation: 2s infinite Pulse steps(20); } @@ -188,7 +173,6 @@ td.lookatme { border-radius: 50%; border: 4px solid #c0c0c0; border-right-color: transparent; - -webkit-animation: fa-spin 1s infinite linear; animation: fa-spin 1s infinite linear; } @@ -331,7 +315,6 @@ td.lookatme { .no-user-select { -webkit-user-select: none; -moz-user-select: none; - -ms-user-select: none; user-select: none; } @@ -1141,6 +1124,10 @@ table.dataTable tbody > tr > .selected { letter-spacing: 0.5em; } +.totp_token::-moz-placeholder { + opacity: 0.1; +} + .totp_token::placeholder { opacity: 0.1; } @@ -1151,6 +1138,7 @@ table.dataTable tbody > tr > .selected { right: 0.6em; z-index: 10; background: var(--overlay-bgcolor); + width: -moz-fit-content; width: fit-content; border-radius: 0.5em; padding: 0; diff --git a/style/themes/default-dark.css b/style/themes/default-dark.css index 62475806..76e84636 100644 --- a/style/themes/default-dark.css +++ b/style/themes/default-dark.css @@ -518,6 +518,7 @@ textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #bec5cb !important; -webkit-box-shadow: 0 0 0px 1000px #353c42 inset; + -webkit-transition: background-color 1s ease-in-out 0s; transition: background-color 1s ease-in-out 0s; } .form-control[disabled], diff --git a/style/themes/default-darker.css b/style/themes/default-darker.css index 709ccfac..4b674611 100644 --- a/style/themes/default-darker.css +++ b/style/themes/default-darker.css @@ -54,6 +54,10 @@ table { border-color: #545b5e; background-color: transparent; } +::-moz-placeholder { + color: #b2aba1; + opacity: 0.5 !important; +} ::placeholder { color: #b2aba1; opacity: 0.5 !important; @@ -66,6 +70,7 @@ textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #b2aba1 !important; -webkit-box-shadow: 0 0 0px 1000px #181a1b inset; + -webkit-transition: background-color 1s ease-in-out 0s; transition: background-color 1s ease-in-out 0s; } ::-webkit-scrollbar { @@ -87,11 +92,11 @@ select:-webkit-autofill { * { scrollbar-color: #454a4d #202324; } -::selection { +::-moz-selection { background-color: #004daa !important; color: #e8e6e3 !important; } -::-moz-selection { +::selection { background-color: #004daa !important; color: #e8e6e3 !important; } @@ -552,6 +557,9 @@ output { border-color: rgb(44, 103, 137); box-shadow: none; } +.form-control::-moz-placeholder { + color: rgb(168, 160, 149); +} .form-control::placeholder { color: rgb(168, 160, 149); } @@ -2477,6 +2485,9 @@ a:focus { background-color: rgba(24, 26, 27, 0.9); background-image: none; } +.main-header #navbar-search-input.form-control::-moz-placeholder { + color: rgb(200, 195, 188); +} .main-header #navbar-search-input.form-control::placeholder { color: rgb(200, 195, 188); } diff --git a/style/themes/default-light.css b/style/themes/default-light.css index ae25d188..259ed466 100644 --- a/style/themes/default-light.css +++ b/style/themes/default-light.css @@ -294,6 +294,7 @@ textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #666 !important; -webkit-box-shadow: 0 0 0px 1000px #fff inset; + -webkit-transition: background-color 1s ease-in-out 0s; transition: background-color 1s ease-in-out 0s; } diff --git a/style/themes/high-contrast-dark.css b/style/themes/high-contrast-dark.css index faede82a..1b75ff8e 100644 --- a/style/themes/high-contrast-dark.css +++ b/style/themes/high-contrast-dark.css @@ -675,6 +675,7 @@ textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: var(--main-text-color) !important; -webkit-box-shadow: 0 0 0px 1000px #3c4652 inset; + -webkit-transition: background-color 1s ease-in-out 0s; transition: background-color 1s ease-in-out 0s; } @@ -684,6 +685,7 @@ fieldset[disabled] .form-control { background-color: #3c4652; opacity: 1; -moz-appearance: textfield; + -webkit-appearance: textfield; appearance: textfield; } @@ -854,10 +856,11 @@ input[type="password"]::-webkit-caps-lock-indicator { background-color: transparent; } -.form-control::placeholder { +.form-control::-moz-placeholder { color: #9ab; } -.form-control::-webkit-input-placeholder { + +.form-control::placeholder { color: #9ab; } .form-control:focus::placeholder, diff --git a/style/themes/high-contrast.css b/style/themes/high-contrast.css index ab537b45..d51e6118 100644 --- a/style/themes/high-contrast.css +++ b/style/themes/high-contrast.css @@ -202,6 +202,9 @@ a:hover { .form-control { color: #000; } +.form-control::-moz-placeholder { + color: #6c747b; +} .form-control::placeholder { color: #6c747b; } @@ -331,6 +334,7 @@ textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #666 !important; -webkit-box-shadow: 0 0 0px 1000px #fff inset; + -webkit-transition: background-color 1s ease-in-out 0s; transition: background-color 1s ease-in-out 0s; } diff --git a/style/themes/lcars.css b/style/themes/lcars.css index 87fc6a48..3a350ee2 100644 --- a/style/themes/lcars.css +++ b/style/themes/lcars.css @@ -306,6 +306,7 @@ textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #fff !important; -webkit-box-shadow: 0 0 0 1000px #000 inset; + -webkit-transition: background-color 1s ease-in-out 0s; transition: background-color 1s ease-in-out 0s; } @@ -346,13 +347,16 @@ p.login-box-msg, z-index: 1; } +.form-control::-moz-placeholder { + color: #456; +} + .form-control::placeholder { color: #456; } .form-control:focus { border-color: #48f; - -webkit-box-shadow: none; box-shadow: none; } @@ -589,8 +593,6 @@ p.login-box-msg, } .nav.navbar-nav { - display: -webkit-box; - display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; @@ -1569,38 +1571,6 @@ table.dataTable { } /*** Animation keyframes ***/ -@-webkit-keyframes flash { - 0% { - filter: opacity(0.35) contrast(2); - } - 5% { - filter: opacity(0.7) contrast(2); - } - 10% { - filter: opacity(0.35) contrast(2); - } - 15% { - filter: opacity(0.7) contrast(2); - } - 20% { - filter: opacity(0.35) contrast(2); - } - 25% { - filter: opacity(0.7) contrast(2); - } - 30% { - filter: opacity(0.35) contrast(2); - } - 35% { - filter: opacity(0.7) contrast(1); - } - 70% { - filter: opacity(1) contrast(1) brightness(1.2); - } - 90% { - filter: none; - } -} @keyframes flash { 0% { @@ -1635,37 +1605,15 @@ table.dataTable { } } -@-webkit-keyframes fire { - 0% { - filter: drop-shadow(0 0 2px #f90); - } - 60% { - filter: none; - } -} - @keyframes fire { 0% { filter: drop-shadow(0 0 2px #f90); } 60% { - -webkit-filter: none; filter: none; } } -@-webkit-keyframes warningPulse { - 0% { - opacity: 0; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0; - } -} - @keyframes warningPulse { 0% { opacity: 0;