Gr8brik - Late 2000s look by sussteve226

/* ==UserStyle==
@name           Gr8brik - Late 2000s look
@namespace      github.com/sussteve226
@version        1.0.0
@description     Gr8brik.rf.gd if it was made in 2010.
@author         sussteve226
==/UserStyle== */

@-moz-document domain("gr8brik.rf.gd") {
    /* buttons and messages */
    .w3-btn.w3-blue {
        background-image: linear-gradient(blue, skyblue);
    }
    
    .w3-btn.w3-red {
        background-image: linear-gradient(red, orange);
    }
    
    .w3-btn.w3-white.w3-hover-blue:hover {
        background-image: linear-gradient(blue, skyblue);
    }
    
    .w3-btn.w3-white.w3-hover-red:hover {
        background-image: linear-gradient(red, orange);
    }
    
    .message {
        padding: 5px 5px 5px 5px !important;
    }
    
    .message.w3-red {
        background-image: linear-gradient(to bottom right, red, orange);
    }
    
    /* override dark mode */
    body {
        font-family: system-ui;
        background-color: skyblue !important;
        color: black !important;
    }
    
    .gr8-theme, #navbar {
        background-color: #ddd !important;
        color: black !important;
    }
    
    /* very small tweaks */
    
    #comment-box {
        border-radius: 2px !important;
    }
    
    .w3-display-bottommiddle, .w3-display-middle {
        width: 80% !important;
    }
    
    .fa.fa-external-link {
        display: none !important;
    }
    
    .w3-hover-opacity:hover {
        opacity: 0.8 !important;
    }
    
    .w3-text-red.w3-hover-text-yellow:hover {
        background-image: linear-gradient(to right, red, orange);
        color: orange !important;
        padding: 1px 1px 1px 1px;
    }
    
    .tooltiptext {
        background-image: linear-gradient(to top right, blue, skyblue);
    }
    
}