@namespace html url(http://www.w3.org/1999/xhtml);





/* WHITELIST HERE */

@-moz-document url-prefix("about:"),
url-prefix("file://"),
regexp("(ht|f)tps?://(?!([^/]*?\\.)?(example.whitelist.com|second.example|calendar.google.com|www.calendar.google.com|drive.google.com|www.drive.google.com)).*") {

    /* CHANGE LINK COLOR HERE */
    a:link,
    a:link * {
        color: #3cf !important;
        text-decoration: none !important;
        border: 0 !important;
    }

    /* CHANGE VISTED LINK COLOR HERE */
    a:visited {
        color: #55b !important;
        text-decoration: none !important;
        border: 0 !important
    }

    /* Make everything black, make borders grey */
    *,
     ::after,
     ::before {
        color: #eee !important;
        background-color: #000 !important;
        border-color: #555 !important;
        outline-color: #555 !important;
        text-shadow: none !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
    }

    /* Increase input visibility */
    input {
        color: #888 !important;
        border: solid !important;
        border-color: #555 !important;
        border-width: 1px !important;
    }

    /* Increase button and label visibility */
    button,
    label {
        color: #888 !important;
    }

    /* Remove unecessary content */
    a,
    img,
    section,
    span,
     ::after,
     ::before,
    div:not([id*="image"]):not([class*="button"]):not([role*="button"]):not([id*="bar"]):not([id*="head"]):not([class*="drop"]):not([class*="menu"]):not([class*="Flyout"]):not([class*="dialog"]):not([class*="float"]):not([class*="window"]):not([class*="lift"]):not([class*="bar"]):not([role*="banner"]):not([role*="bubble"]):not([role*="hover"]):not([role*="dialog"]):not([class*="grip"]):not([class*="flyout"]):not([class*="btn"]):not([class*="RES"]):not([id*="RES"]):not([class="locationPane"]):not([class="pdfViewer"]):not([class*="thumbnail"]):not([class*="toggle"]):not([id*="table"]):not([role*="slider"]):not([class="_3ghu"]):not([class*="progress"]):not([class*="buffer"]):not([id*="preview"]) {
        background-color: transparent!important;
    }

    body {
        background-image: none!important;
    }
}









/* FIREFOX BROWSER */

@-moz-document url-prefix("chrome:") {

    /* Browser's background */
    browser {
        background-color: #000 !important;
    }

    /* Window that pops up when you hover over links */
    .statuspanel-label {
        background: #000!important;
        color: #eee !important;
    }

    menupopup#contentAreaContextMenu .scrollbox-innerbox {
        background-color: #000 !important;
        color: #eee !important;
    }

    menupopup#contentAreaContextMenu menu,
    menupopup#contentAreaContextMenu menuitem {
        background-color: #fff !important;
        color: #eee !important;
    }
}








/* Youtube */

@-moz-document domain(youtube.com),
domain(apis.google.com) {

    /* Code takken from https://userstyles.org/styles/95280 */
    .html5-video-player a:hover {
        color: #0AE !important;
        text-shadow: none !important;
    }

    /* scrubber button */
    .html5-scrubber-button:hover,
    .ytp-chrome-controls .ytp-button[aria-pressed]::after,
    .ytp-scrubber-button:hover,
    .ytp-swatch-background-color,
    .ytp-swatch-background-color-secondary {
        background: #0AE !important;
    }

    /* progress bar */
    .html5-play-progress,
    .ytp-play-progress {
        background: #0AE !important;
    }

    .ytp-volume-slider-track,
    .ytp-volume-slider-handle:before {
        background: #0AE !important;
        z-index: -117;
    }

    .ytp-settings-button.ytp-hd-quality-badge::after,
    .ytp-settings-button.ytp-4k-quality-badge::after,
    .ytp-settngs-button.ytp-5k-quality-badge::after,
    .ytp-settings-button.ytp-8k-quality-badge::after,
    .ytp-settings-button.ytp-3d-badge::after {
        background-color: #0AE !important;
    }

    .ytp-swatch-color {
        color: #0AE !important;
    }

    .ytp-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox {
        background: #0AE !important;
    }

    .ytp-chrome-controls .ytp-button.ytp-youtube-button:hover:not([aria-disabled="true"]):not([disabled]) .ytp-svg-fill-logo-tube-lozenge {
        fill: #0AE !important;
    }

    .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,
    .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg {
        fill: #0AE !important;
    }
}