Mediafire Ultimate Theme by darkissou

/* ==UserStyle==
@name         Mediafire Ultimate Theme
@version      20221027.08.02
@namespace    userstyles.world/user/darkissou
@description  The only dark theme for Mediafire you'll ever need
@author       darkissou
@license      No License
==/UserStyle== */

@-moz-document url("https://www.mediafire.com/") {
/* ==UserStyle==
@name           Mediafire Ultimate Theme
@namespace      github.com/openstyles/stylus
@author         Darkuwu
@description    `The only theme for Mediafire you'll ever need. Features dark mode for every page, built-in ad blocker and more!`
@version        1.3.3
==/UserStyle== */


/* Main page */

/* Dark background */

    html {
        background: #111 !important;
    }

    #home_presslogos {
        background-color: #222 !important;
        border-bottom: 1px solid #222 !important;
    }

    .PressLogos span {
        color: #a5acc8;
    }

    .PressLogos div div, .PressLogos div img {
        filter: invert(1) hue-rotate(180deg);
    }
    
    #home_mainfeatures {
        background: #111 !important;
    }
    
    #home_topfeatures {
        background-color: #111 !important;
    }
    
    #home_profeatures {
        background: #222 !important;
    }

    #hf_share {
        filter: invert(1) hue-rotate(180deg) grayscale(1);
    }

    #hf_collab {
        filter: invert(1) hue-rotate(180deg) grayscale(1);
    }

    #hf_store {
        filter: invert(1) hue-rotate(180deg) grayscale(1);
    }

    #hf_access {
        filter: invert(1) hue-rotate(180deg) grayscale(1);
    }

    #home_testimonials .testimonialBlock > .testimonial {
        background: #222;
        color: #acacac;
    }

    #home_secondaryCTA {
        filter: grayscale(1);
    }
    
/* Clear text */

    body {
        color: #aaa !important;
    }

    #home_topfeatures .topFeature h3, #home_appfeature h3, #home_profeatures .proFeature h3 {
        color: #ddd !important;
    }

    #home_secondaryCTA h2 {
        filter: opacity(.75);
    }
}

@-moz-document url-prefix("https://www.mediafire.com/file/") {
/* Download page */

    /* Dark background */
    .page {
        background: #111 !important;
    }

    .content {
        background: #111 !important;
    }
    
    .header {
      background: #111 !important;
    }
    
    .center {
        background: #111 !important;
    }
    
    #footer {
        background-color: #222 !important;
    }
    
    /* Dark elements */
    
    .DLExtraInfo-sectionGraphic {
        background-color: #222 !important;
    }
    
    .download_link.preparing a, .download_link.started a {
        background-color: #444 !important;
        color: #ddd !important;
    }
    
    .download_test_link {
        background-color: #444 !important;
    }
    
    .sidebar > div {
        background: #444
    }

    /* Clear text */
    
    body {
        color: #aaa !important;
    }
    
    .intro .filetype {
        color: #bbb !important;
    }

/* Enhancements */

    /* Remove Ad Blocker blocking popup */
    .lightbox.on .social-cont .actions {
        display:none !important;
    }

    .nonDLContentWrap {
        min-height: 1050px;
    }

    /* Remove white space between info and footer */
    .page {
        padding-bottom:0;
    }

    /* Centery logo and download section */
    .header {
        width: 100%;
    }

    .center {
        width: 100%;
        right: unset;
        top: 65px;
    }

    /* Fix padding in info section */
    .DLExtraInfo-wrap {
        top:500px !important;
        padding:20px;
    }

    .DLExtraInfo-column:last-child {
        padding-right:20px
    }

    /* Hide login buttons */

    .header > .actions {
        display: none !important;
    }

    /* Hide unwanted Facebook button */

    .social-cont {
        display:none !important;
    }
}

@-moz-document url-prefix("https://www.mediafire.com/upgrade/") {
/* Upgrade page */

    /* Dark background */
    
    body {
        background: #111 !important;
        color: #aaa !important;
    }
    
    html {
        background: #111 !important;
    }
    
    /* Dark UI elements */
    
    #upgradeDiscountBanner {
        background-color: #222 !important;
    }
    
    .planChoice {
        background-color: #222 !important;
    }
    
    /* Pro upgrade plan */
    
    .planProFeatures {
        background-color: #222 !important;
    }
    
    .upgradeTemplate .toggletip-container > button {
        color: #aaa !important;
    }
    
    /* Business upgrade plan */
    
    .planBusinessFeatures {
        background-color: #222 !important;
    }
    
    /* Basic upgrade plan */
    
    .planFreeFeatures {
        background-color: #222 !important;
    }

    .planFreeFeatures img {
        filter: invert(1);
    }

    /* End of page */

    #footer {
        background-color: #1E232F !important;
    }
}

@-moz-document url-prefix("https://www.mediafire.com/login/"), url-prefix("https://www.mediafire.com/upgrade/registration.php") {
/* Register and login page */

    html {
        background: #111 !important;
    }

    body {
        background: #111 !important;
    }
    
    #simpleFooter {
        color: #B2B7C4;
        border-top: 1px solid #E8E9EC;
        background-color: #222 !important;
    }
    
    #loginWrap {
        background: #222 !important;
        outline: 1px solid #444444f0 !important;
    }
    
    .sectionFooter {
        background: #222 !important;
    }

    #signupHeader {
        background: #222 !important;
    }
    
    #signupHeader .wrap {
        background: #222 !important;
        border-bottom: 1px solid #444 !important;
    }

    #signUpTOS {
        background: #222;    
    }

    .BenefitsReminder-content {
        background: #222;    
    }

    .BenefitsReminder-plan {
        border-bottom: 2px solid #404040;
    }

    .socialInProgress, .socialLoginError {
        background-color: #222;
    }
}

@-moz-document domain("checkout.mediafire.com") {
/* Checkout page */
    /* Dark background */
    
    .LOADING-container:not(.LOADING-container--single)::before {
        background: #222;
    }

    .LOADING-footer {
        color: rgba(255, 255, 255, 0.5);
    }

    .LOADING-footer svg {
        fill: rgba(255, 255, 255, 0.4);
    }

    body {
        background-color: #222 !important;
        color: hsla(0, 0%, 75%, 0.9);
    }

    .App-Payment {
        background-color: #222 !important;
    }

    .App-Container:not(.App-Container--setupMode)::before {
        background: #222;
    }

    /* Fix text color */

    .Text-color--gray600 {
        color: hsla(0, 0%, 100%, 0.7);
    }

    .Text-color--gray500 {
        color: hsla(0, 0%, 90%, 0.6);
    }

    .Text-color--gray400 {
        color: hsla(0, 0%, 100%, 0.5);
    }

    .Header:not(.is-darkBackground) .Header-merchantLogoWithLabel .Text {
        color: hsla(0, 0%, 100%, 0.9);
    }

    .Link--checkout--secondary {
        color: hsla(0, 0%, 100%, 0.5);
        text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
    }

    .CheckoutFooter-links {
        text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
    }

    .PolicyHighlight-highlight {
        color: hsla(0, 0%, 100%, 0.6);
    }

    .PolicyHighlight-highlight.Button--link {
        text-decoration: underline dotted hsla(0, 0%, 100%, 0.5);
    }

    .PolicyHighlight-highlight:hover, .PolicyHighlight-highlight:hover .PolicyHighlight-icon {
        color: hsla(0, 0%, 100%, 0.8);
    }

    .PolicyHighlight-icon {
        color: hsla(0, 0%, 100%, 0.6);
    }

    /* Dark elements */

    header.Header {
        background-color: #222 !important;   
    }

    .Header:not(.is-darkBackground) .Header-business .Header-backArrow {
        fill: hsla(0, 0%, 100%, 0.9);
    }

    .Footer-PoweredBy-Icon {
        fill: hsla(0, 0%, 100%, 0.4);
    }

    .OrderDetailsSubtotalItem .Tooltip-Context {
        background-color: #222;    
    }

    div[class="Tooltip-Context "] {
        color: #222 !important;    
    }
}

@-moz-document url-prefix("https://www.mediafire.com/folder") {
/* Folder page */

    /* Dark Background */

    .myfiles #container, .recentChanges #container, .sharedWithMe #container {
        background: #222;
    }

    .breadcrumbs_container, .thisfolder_root #myfilesCurrentFolderName {
        filter: invert(1) hue-rotate(180deg);
    }

    /* Fix text */

    body {
        color: #aaa;
    }

    #myfilesCurrentFolderNameWrap {
        border-bottom: 1px solid #444;
        color: #ddd;
        background: #222;
    }

    #myfilesCurrentFolderNameWrap {
        color: #111;
    }

    #container.sort-name.sort-created #myfiles_sortbyname a, #container.sort-name.sort-size #myfiles_sortbyname a, #container.sort-name.sort-downloads #myfiles_sortbyname a, #container.sort-name.sort-relevancy #myfiles_sortbyname a, #container.sort-name.sort-expire #myfiles_sortbyname a {
        color: #ddd;
    }

    .dropdown li, .dropdown .zeroclipboard {
        color: #ddd;
    }

    .dropdown li:hover, .dropdown .zeroclipboard-is-hover {
        color: #888;
    }

    #myfilesCurrentFolderNameWrap {
        color: #aaa;
    }

    .columnControl a {
        color: #bbb;
    }

    .filename_outer > a {
        color: #ddd;
    }

    .sizeS #thumbnailSize .thumbnailBtnS, .sizeM #thumbnailSize .thumbnailBtnM, .sizeL #thumbnailSize .thumbnailBtnL {
        color: #aaa;
        background: #444;
        text-shadow: 0px 1px 0px #222;
    }

    /* Dark elements */

    #myfiles_controlbar_outer {
        background: #222;
        border-bottom: 1px solid #444;
    }

    .breadcrumbs_container, .thisfolder_root #myfilesCurrentFolderName {
        background: #fff url(//static.mediafire.com/images/backgrounds/newMyfiles/breadcrumbArrow.png) no-repeat right center;
    }

    .columnControl a {
        background-color: #222;
    }

    .columnControl:hover a {
        background-color: #444;
    }

    .arrow_down::before {
        filter: invert(1) hue-rotate(180deg);
    }

    .row_container {
        border-top: 1px solid #464646;
        background: #222;
    }

    .row_container:hover {
        background: #111;
    }

    .row_container.row_context {
        background: #111;
        border-color: #000;
    }

    .itemStatus {
        filter: invert(1) hue-rotate(180deg);    
    }

    .dropdown ul {
        background: #111;
    }

    #contextmenu li[class*="ico30"]::after {
        filter: invert(1) hue-rotate(180deg);   
    }

    #myfiles_controlbar_wrap {
        border-top: 1px solid #444;
    }

    .row_container:last-child {
        border-bottom: 1px solid #444;
    }

    .columnControl {
        background-image: -moz-linear-gradient(top, #444, rgba(255,255,255,0));
        background-color: #111;
    }

    #modal_window_popup.transparentBG .popup-close {
        filter: invert(1) hue-rotate(180deg);
    }

    .popup {
        background-color: #222;
    }

    .breadCrumbsOptions {
        filter: invert(1) hue-rotate(180deg);
    }

    .gbtnPrimary, input[type="button"].gbtnPrimary, input[type="reset"].gbtnPrimary, input[type="submit"].gbtnPrimary {
        color: #E9EAEB;
        background: #575B65;
    }

    #myfiles_wrap.thumbnailView .row_container:hover {
        background: #444;
    }

    #thumbnailSize a {
        background-color: #333
    }

    .changeview_tabs > div:hover, #thumbnailSize a:hover {
        background-color: #444;
    }

    .columnControl:hover {
        background-color: #222;
    }

    /* Fix padding */

    #myfiles_wrap.thumbnailView .row_container {
        padding: 20px 10px 30px;
    }
}

@-moz-document url-prefix("https://www.mediafire.com/advertising/"), url-prefix("https://www.mediafire.com/about/"), url-prefix("https://www.mediafire.com/press/"), url-prefix("https://www.mediafire.com/software/"), url-prefix("https://www.mediafire.com/policies/"), url-prefix("https://www.mediafire.com/policy_violation/"), url-prefix("https://www.mediafire.com/subscriptions/"), url-prefix("https://www.mediafire.com/credits/"), url-prefix("https://www.mediafire.com/help/") {
/* Other pages */

    html {
        background: #111 !important;
    }

    #content_container {
        background-color: #111 !important;
    }

    #header {
        background: #111 !important;
    }

    #header_help_center {
        background: #111;
    }

    body {
        background: #111 !important;
        color: #aaa !important;
    }

    #sidebar > ul li.current a {
        background: #404040 !important;
    }

    #sidebar > ul li a:hover {
        background: #222222 !important;
        color: #aaa !important;
    }

    #pathToFuture {
        background: #222;
    }

    #footer {
        background-color: #1E232F !important;
        color: #fff !important;
    }
    
    #footer a {
        color: #A7A9AE;
    }

    #footer a:hover {
        color: #fff;
    }

    .inset-box {
        background: #222;
    }

    table {
        background: #222;
    }

    tbody tr {
        background: #222;
    }

    #data_retention_table tbody tr:hover {
        background: hsl(0, 0%, 25%);
    }

    #data_retention_table tbody td {
        border-bottom: 2px solid #555;
    }

    #productAndroid div {
        background: url(https://i.imgur.com/Xy99dPR.png) left bottom no-repeat;
    }

    #productiOS div {
        background: url(https://i.imgur.com/5dQ76bK.png) left bottom no-repeat;
    }

    #productWeb div {
        background: url(https://i.imgur.com/tmmbyZX.png) center bottom no-repeat;
    }

    #content #jobdescription h3 {
        color: white;
    }
}

@-moz-document domain("mediafire.zendesk.com") {
/* Support site */
    /* Dark background */

    html {
        background-color: #222 !important;
    }

    /* Fix text */

    h1, h2, h3, h4, h5, h6 {
        color: #ddd;
    }

    .community h2, .community h3, .section h3 {
        color: #aaa;
    }

    body {
        color: #ddd;
    }

    /* Dark elements */

    .header {
        background: #111;
        border-bottom: 1px solid #444;
    }

    .search-box input, .sub-nav .search input {
        background-color: #111;
    }

    .dropdown-menu {
        background: #222;
        border: 1px solid #444;
    }

    .dropdown-menu [role="menuitem"] {
        color: #aaa;
    }

    .dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
        background: #111;
        color: #888;
    }
}

@-moz-document domain("blog.mediafire.com") {
/* Blog site */

    /* Header */

    .fl-page-header {
        background-color: #222;
    }
    
    .fl-page-nav-right.fl-page-header-fixed, .fl-page-header-fixed {
        background-color: #222;
    }
    
    /* Dark background */
    
    .fl-page-content {
        background-color: #222;
    }
    
    /* Fix text */
    
    body {
        color: #bbb;
    }
    
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: #95bbff;
    }
    
    h1, h2, h3, h4, h5, h6 {
        color: #95bbff;
    }
    
    .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a {
        color: #ddd;
    }
    
    .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:hover, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:focus {
        color: #fff;
    }
    
    .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a {
        color: #888;
    }
    
    /* Dark elements */
    
    .fl-page-footer {
        border-top: hidden;
        background-color: #1e232f;
    }
    
    .fl-content-left {
        border-right: 1px solid #444;
    }
}

@-moz-document domain("mediafire.com") {
/* Global rules */

    #footer a:hover {
        color: #ddd;
    }

/* Hide unwanted stuff */
    
    /* Hide cookies acceptance */
    div.fc-consent-root {
        display:none !important;    
    }

    .CookieAcceptance {
        display: none !important;
    }

    /* Restore scrolling */
    body { 
        overflow: auto !important;
    }

/* Dark help button and fixed padding */
    
    .floatingTabsBox {
        background-color: #222 !important;
    }

    .floatingTabsBox form {
        padding: 20px 20px 0 !important;
    }
    
/* Remove broken link */
    
    [href="http://forum.mediafiredev.com/"] {
        display:none !important
    }
}