Created
April 5, 2016 05:21
-
-
Save kevinyou/3f2658343239e34ed56b9e058656dd19 to your computer and use it in GitHub Desktop.
EpicMafia Inverted userstyle
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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%) /**/; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment