Make FreeDNS pretty! by uhidontkno

/* ==UserStyle==
@name         Make FreeDNS pretty!
@version      20231120.15.57
@namespace    userstyles.world/user/uhidontkno
@description  Applies a bluish dark mode on freedns.afraid.org, as well as improve the 2001 UI as much as possible to make it look fairly appealing.
@author       uhidontkno
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://freedns.afraid.org/") {
/*                  */
/* load better font */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
* {color-scheme:dark !important;font-family:"IBM Plex Sans", sans-serif !important;} 

/* background */
td[bgcolor="white"] {
    background-color: #2f2f4f !important;
}
td[bgcolor*="cccc"] {background:rgba(0,0,0,0.5)}
body {
    background-color: #1f1f3f !important;
}

/* link colors and changing text */
h1,p,li,ul,a,td,b {color:white;}
.trd a:link, .trd a:visited, .trl a:link, .trl a:visited {color:#bbbbff;font-weight:500;}
.trd td {background:rgba(0,0,0,0.33) !important;}
.trl td {background:rgba(0,0,0,0.12) !important;}
a:link,a:active {color:#bbbbff; font-weight:700;}
a:visited {color:#7777bb; font-weight:700;}
* [color="black"] {color:#ccc;}

/* slightly round for aesthetics*/
td {border-radius:4px;}
table {border-radius:4px;}

/* table entries*/
td[bgcolor*="eee"] { 
  background-color: #1f1f3f !important;
}

/* color tables and tr/td's differently based on conditions*/
table[bgcolor*="ccc"] { background-color:#4f4f8f;}
table[bgcolor*="ccc"] tbody td { border-radius:3px;}
tr td[colspan="3"][align="right"] { background-color: #4f4f8f !important; border-radius:9px;padding:0 12px; filter: drop-shadow(0px 3px 8px rgba(0,0,0,0.44));}
table[bgcolor*="eee"] { background-color:#3f3f5f;} /* subtle border */

/* highlight freebsd*/
img[alt*="FreeBSD"] {border-radius:8px; background:#164E63 !important; padding:4px 12px;
    box-shadow: 0px 0px 14px 3px rgba(0,46,64,1);
}
a[href*="freebsd.org"] {background:transparent !important;}
td:has(> a[href*="freebsd.org"]) { background-color:#0f0f2f !important; }

/* input */
input[type="text"] {background:#0F172A; border:2px solid #0C4A6E; border-radius:6px; font-family:monospace; color:white !important;}

/* Hide the annoying exclamation GIF*/
img[alt*="exclamation"] {display:none;width:0px !important;height:0px !important;}

/* make the "Wildcard" text glow instead of rainbow*/
b font {color:#66cc66 !important; filter: drop-shadow(0px 0px 6px rgba(60,179,113,1));}

/* blur ip until hover*/
font[size="1"] font[color="red"] b {filter:blur(4px) drop-shadow(0px 0px 0px transparent); transition: all 350ms;}
font[size="1"] font[color="red"] b:hover {filter:blur(0px) drop-shadow(0px 2px 2px rgba(0,0,0,0.5));transition: all 350ms;}

/* make styled buttons look better */
.button {background-color:#1f1f4f !important;border-color:rgba(20,66,124,1) !important;color:white !important; transition: all 350ms;}
.button:hover {background-color:#4f4f8f !important;border-color:rgba(20,66,124,1) !important;color:white !important; transition: all 350ms;}

/* other website stuff*/
.area {fill:#4f4f8f !important;}
g {color:#bbbbff !important;}
table[width="70%"] tbody {max-height:640px !important; height:640px; overflow-y:auto;display:block; width:fit-content;}
table[cellpadding="10"] tbody tr td {background:transparent !important;}
table[cellpadding="10"] tbody {background:transparent !important;}
table[cellpadding="10"] tbody tr {background:rgba(0,0,0,0.33) !important;}
table[cellpadding="10"][bgcolor*="eee"] {backdrop-filter:blur(12px) brightness(0.7);background:none;}
img[src*="postage-stamp"] {filter:invert(1);}
td[bgcolor*="eee"] font[size="2"] {max-height:420px !important; overflow-y:auto;display:block; width:fit-content;}
td[bgcolor*="0000"] {background-color:#1f1f2f !important; font-family: monospace !important; border-left:4px solid #4f4f8f; border-top-left-radius:3px; border-bottom-left-radius:3px;}
td[bgcolor*="0000"] font {font-family: monospace !important;}
font[color*="0ff00"] b {color:mediumseagreen;}
font[color="red"] {color: rgb(231, 130, 132); }
}