EpicMafia Inverted userstyle

eminvert.css

@charset "utf-8";
@-moz-document regexp('(https?://)?(www\\.)?epicmafia\\.com(/(?!user/\\d+)(?!u/).*)?')
{

    /* The main invert/hue change statement. */
    html {
        -webkit-filter: invert(100%) /**/;
        -moz-filter: invert(100%) /**/;
        -ms-filter: invert(100%) /**/;
        -o-filter: invert(100%) /**/;
        filter: invert(100%) /**/;
        background-color: black !important;
    }

    /* These are elements that should not be inverted. */
    .roleimg, #embed, .meing, .userinfo, .sup,
    .anonymous-lt, .whisper-lt, .startday-lt, .lynch-lt,
    .mustact-lt, .dawn-lt, .sunset-lt, .revealalign-lt,
    .noreveal-lt, .lastwill-lt, .multiple-lt, .closedroles-lt,
    .multisetup-lt, div.name, .player, .noplayer, .summary, .gameimg,
    .waiting-sort-lt, .progress-sort-lt, .gameover-sort-lt,
    #in_game,
    .icon-star, .award,
    /* game stuff */
    img:not([class*="piece"]), 
    #board, .board19, .board9, .board13
    {
        -webkit-filter: invert(100%) /**/;
        -moz-filter: invert(100%) /**/;
        -ms-filter: invert(100%) /**/;
        -o-filter: invert(100%) /**/;
        filter: invert(100%) /**/;
    }

    /* If custom color then invert. */
    .tt[style*="color:"],
    .regular[style*="color:"],
    .ng-binding[style*="color:"],
    .textcolor {
        -webkit-filter: invert(100%) /**/;
        -moz-filter: invert(100%) /**/;
        -ms-filter: invert(100%) /**/;
        -o-filter: invert(100%) /**/;
        filter: invert(100%) /**/;
    }
	
    div.name {
        color: #DDD !important;
    }

    /* The vote up green is readable; the red is really bad. */
    .green, .vote_pos
    {
        -webkit-filter: invert(100%) /**/;
        -moz-filter: invert(100%) /**/;
        -ms-filter: invert(100%) /**/;
        -o-filter: invert(100%) /**/;
        filter: invert(100%) /**/;
    }
	
	
    /* COLORS */

    .tt[style*="color: #222222"],
    .regular[style*="color:#222222"],
    .ng-binding[style*="color: rgb(34, 34, 34)"],
    .name[style*="color: rgb(34, 34, 34)"] {
        color: #DDDDDD !important;
    }
    .textcolor[style*="background-color:#222222"] {
        background-color: #DDDDDD !important;
    }

    .tt[style*="color: #C42D53"],
    .regular[style*="color:#C42D53"],
    .ng-binding[style*="color: rgb(196, 45, 83)"],
    .name[style*="color: rgb(196, 45, 83)"] {
        color: #CF5675 !important;
    }
    .textcolor[style*="background-color:#C42D53"] {
        background-color: #CF5675 !important;
    }

    .tt[style*="color: #1F3BB8"],
    .regular[style*="color:#1F3BB8"],
    .ng-binding[style*="color: rgb(31, 59, 184)"],
    .name[style*="color: rgb(31, 59, 184)"] {
        color: #1F3BB8 !important;
    }
    .textcolor[style*="background-color:#1F3BB8"] {
        background-color: #1F3BB8 !important;
    }

    .tt[style*="color: #1B9645"],
    .regular[style*="color:#1B9645"],
    .ng-binding[style*="color: rgb(27, 150, 69)"],
    .name[style*="color: rgb(27, 150, 69)"] {
        color: #22BB55 !important;
    }
    .textcolor[style*="background-color:#1B9645"] {
        background-color: #22BB55 !important;
    }

    .tt[style*="color: #169C9E"],
    .regular[style*="color:#169C9E"],
    .ng-binding[style*="color: rgb(22, 156, 158)"],
    .name[style*="color: rgb(22, 156, 158)"] {
        color: #1BBDC0 !important;
    }
    .textcolor[style*="background-color:#169C9E"] {
        background-color: #1BBDC0 !important;
    }

    .tt[style*="color: #75149C"],
    .regular[style*="color:#75149C"],
    .ng-binding[style*="color: rgb(117, 20, 156)"],
    .name[style*="color: rgb(117, 20, 156)"] {
        color: #75149C !important;
    }
    .textcolor[style*="background-color:#75149C"] {
        background-color: #75149C !important;
    }

    .tt[style*="color: #E00707"],
    .regular[style*="color:#E00707"],
    .ng-binding[style*="color: rgb(224, 7, 7)"],
    .name[style*="color: rgb(224, 7, 7)"] {
        color: #FF5F5F !important;
    }
    .textcolor[style*="background-color:#E00707"] {
        background-color: #FF5F5F !important;
    }

    .tt[style*="color: #77003c"],
    .regular[style*="color:#77003c"],
    .ng-binding[style*="color: rgb(119, 0, 60)"],
    .name[style*="color: rgb(119, 0, 60)"] {
        color: #77003c !important;
    }
    .textcolor[style*="background-color:#77003c"] {
        background-color: #77003c !important;
    }

    .tt[style*="color: #005682"],
    .regular[style*="color:#005682"],
    .ng-binding[style*="color: rgb(0, 86, 130)"],
    .name[style*="color: rgb(0, 86, 130)"] {
        color: #003A57 !important;
    }
    .textcolor[style*="background-color:#005682"] {
        background-color: #003A57 !important;
    }

    .tt[style*="color: #FF8000"],
    .regular[style*="color:#FF8000"],
    .ng-binding[style*="color: rgb(255, 128, 0)"],
    .name[style*="color: rgb(255, 128, 0)"] {
        color: #FF8000 !important;
    }
    .textcolor[style*="background-color:#FF8000"] {
        background-color: #FF8000 !important;
    }

    .tt[style*="color: #ff4fcb"],
    .regular[style*="color:#ff4fcb"],
    .ng-binding[style*="color: rgb(255, 79, 203)"],
    .name[style*="color: rgb(255, 79, 203)"] {
        color: #ff4fcb !important;
    }
    .textcolor[style*="background-color:#ff4fcb"] {
        background-color: #ff4fcb !important;
    }

    .tt[style*="color: #788aa6"],
    .regular[style*="color:#788aa6"],
    .ng-binding[style*="color: rgb(120, 138, 166)"],
    .name[style*="color: rgb(120, 138, 166)"] {
        color: #90A5C8 !important;
    }
    .textcolor[style*="background-color:#788aa6"] {
        background-color: #90A5C8 !important;
    }

    .tt[style*="color: #405f92"],
    .regular[style*="color:#405f92"],
    .ng-binding[style*="color: rgb(64, 95, 146)"],
    .name[style*="color: rgb(64, 95, 146)"] {
        color: #263957 !important;
    }
    .textcolor[style*="background-color:#405f92"] {
        background-color: #263957 !important;
    }

    .tt[style*="color: #8d724c"],
    .regular[style*="color:#8d724c"],
    .ng-binding[style*="color: rgb(141, 114, 76)"],
    .name[style*="color: rgb(141, 114, 76)"] {
        color: #B89564 !important;
    }
    .textcolor[style*="background-color:#8d724c"] {
        background-color: #B89564 !important;
    }

    .tt[style*="color: #9fcf30"],
    .regular[style*="color:#9fcf30"],
    .ng-binding[style*="color: rgb(159, 207, 48)"],
    .name[style*="color: rgb(159, 207, 48)"] {
        color: #9fcf30 !important;
    }
    .textcolor[style*="background-color:#9fcf30"] {
        background-color: #9fcf30 !important;
    }    
      body[style*="background-image: url(\"/uploads/lobbybg/"], .has_lobby_background
{
  background-image: none !important;
}
}
@-moz-document regexp('(https?://)?(www\\.)?epicmafia\\.com((/user/\\d+)|(/u/)).*')
{
html {
		-webkit-filter: invert(100%) /**/;
		-moz-filter: invert(100%) /**/;
		-ms-filter: invert(100%) /**/;
		-o-filter: invert(100%) /**/;
		filter: invert(100%) /**/;
        background-color: black !important;
    }

/* These are elements that should not be inverted. */
    img, .roleimg, #embed, .meing, .userinfo, .sup,
    .anonymous-lt, .whisper-lt, .startday-lt, .lynch-lt,
    .mustact-lt, .dawn-lt, .sunset-lt, .revealalign-lt,
    .noreveal-lt, .lastwill-lt, .multiple-lt, .closedroles-lt,
    .multisetup-lt, div.name, .green, .vote_pos {
        -webkit-filter: invert(100%) /**/;
        -moz-filter: invert(100%) /**/;
        -ms-filter: invert(100%) /**/;
        -o-filter: invert(100%) /**/;
        filter: invert(100%) /**/;
    }
}