User:ParaNorman Bates/common.css

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:DiscordTheme.css|u:dev:MediaWiki:FANSUN.css|MediaWiki:FANSUN/community.css");

/********/ .resizable-container .community-header-wrapper .fandom-community-header .fandom-community-header__top-container .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a { -webkit-animation: bounceInDown 900ms 200ms ease-in-out both; -moz-animation: bounceInDown 900ms 200ms ease-in-out both; -ms-animation: bounceInDown 900ms 200ms ease-in-out both; -o-animation: bounceInDown 900ms 200ms ease-in-out both; animation: bounceInDown 900ms 200ms ease-in-out both; color: #a675b3; } .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a:not(.active) { -webkit-box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e; -moz-box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e; box-shadow: inset 0 1px 1px rgba(111, 55, 125, 0.8), inset 0 -1px 0px rgba(63, 59, 113, 0.2), 0 9px 16px 0 rgba(0, 0, 0, 0.3), 0 4px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px #150a1e; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3b2751), color-stop(100%, #271739)); background-image: -webkit-linear-gradient(#3b2751, #271739); background-image: -moz-linear-gradient(#3b2751, #271739); background-image: -o-linear-gradient(#3b2751, #271739); background-image: linear-gradient(#3b2751, #271739); text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 -1px 0 #311d47; } .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a:not(.active):hover, .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a:not(.active):focus { -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; -webkit-transition: text-shadow 500ms linear; -moz-transition: text-shadow 500ms linear; -o-transition: text-shadow 500ms linear; transition: text-shadow 500ms linear; color: #caadd2; text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c; } .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a:not(.active):active { color: #e4e3ce !important; } .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a.active, .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a:active { -webkit-box-shadow: 0 9px 16px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #170c22, 0 2px 1px 0 rgba(121, 65, 135, 0.5), inset 0 0 4px 3px rgba(15, 8, 22, 0.2); -moz-box-shadow: 0 9px 16px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #170c22, 0 2px 1px 0 rgba(121, 65, 135, 0.5), inset 0 0 4px 3px rgba(15, 8, 22, 0.2); box-shadow: 0 9px 16px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #170c22, 0 2px 1px 0 rgba(121, 65, 135, 0.5), inset 0 0 4px 3px rgba(15, 8, 22, 0.2); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1f132e), color-stop(100%, #311d47)); background-image: -webkit-linear-gradient(#1f132e, #311d47); background-image: -moz-linear-gradient(#1f132e, #311d47); background-image: -o-linear-gradient(#1f132e, #311d47); background-image: linear-gradient(#1f132e, #311d47); text-shadow: 0 0 21px rgba(223, 206, 228, 0.5), 0 0 10px rgba(223, 206, 228, 0.4), 0 0 2px #2a153c; color: #e4e3ce; } .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a.active:before, .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a:active:before { position: absolute; display: block; content: ""; width: 1px; height: 36px; top: 1px; left: -2px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(91, 35, 105, 0)), color-stop(41%, #5b2369), color-stop(59%, #5b2369), color-stop(100%, rgba(91, 35, 105, 0))); background-image: -webkit-linear-gradient(rgba(91, 35, 105, 0), #5b2369 41%, #5b2369 59%, rgba(91, 35, 105, 0)); background-image: -moz-linear-gradient(rgba(91, 35, 105, 0), #5b2369 41%, #5b2369 59%, rgba(91, 35, 105, 0)); background-image: -o-linear-gradient(rgba(91, 35, 105, 0), #5b2369 41%, #5b2369 59%, rgba(91, 35, 105, 0)); background-image: linear-gradient(rgba(91, 35, 105, 0), #5b2369 41%, #5b2369 59%, rgba(91, 35, 105, 0)); -webkit-box-shadow: -2px 0 6px 0 #5b2369; -moz-box-shadow: -2px 0 6px 0 #5b2369; box-shadow: -2px 0 6px 0 #5b2369; } .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a.active:after, .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a:active:after { position: absolute; display: block; content: ""; width: 1px; height: 36px; top: 1px; right: -2px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(91, 35, 105, 0)), color-stop(41%, #5b2369), color-stop(59%, #5b2369), color-stop(100%, rgba(91, 35, 105, 0))); background-image: -webkit-linear-gradient(rgba(91, 35, 105, 0), #5b2369 41%, #5b2369 59%, rgba(91, 35, 105, 0)); background-image: -moz-linear-gradient(rgba(91, 35, 105, 0), #5b2369 41%, #5b2369 59%, rgba(91, 35, 105, 0)); background-image: -o-linear-gradient(rgba(91, 35, 105, 0), #5b2369 41%, #5b2369 59%, rgba(91, 35, 105, 0)); background-image: linear-gradient(rgba(91, 35, 105, 0), #5b2369 41%, #5b2369 59%, rgba(91, 35, 105, 0)); -webkit-box-shadow: 2px 0 6px 0 #5b2369; -moz-box-shadow: 2px 0 6px 0 #5b2369; box-shadow: 2px 0 6px 0 #5b2369; } .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a:last-of-type { -webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; -ms-border-radius: 0 7px 7px 0; -o-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; } .ThemeSelector-wrapper .wiki-tools .wds-button .wds-is-secondary a:first-of-type { -webkit-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; -ms-border-radius: 7px 0 0 7px; -o-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px; left: 0; }

/* peripherial stuff: text and body */ p { position: absolute; bottom: 50px; left: 13px; right: 50px; color: #a99bad; font-family: Helvetica, sans-serif; font-size: 10px; margin-top: 250px; margin-left: 50px } p > a { color: white; font-weight: bold; } body, html { padding: 0; height: 100%; overflow: hidden; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #862077), color-stop(100%, #140027)); background-image: -webkit-linear-gradient(#862077, #140027); background-image: -moz-linear-gradient(#862077, #140027); background-image: -o-linear-gradient(#862077, #140027); background-image: linear-gradient(#862077, #140027); } /*****************************************************************************/ body.mediawiki:not(.mw-special-ApiHelp) { background-image: url('https://static.wikia.nocookie.net/discord/images/b/b6/Discord_wallpaper.png/revision/latest') !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center top !important; background-attachment: fixed !important; }

.WikiaPage .WikiaPageContentWrapper { background-color: #39424d; color: #d5d4d4; }

.ooui-theme-fandom .wds-community-header { background-color: #404a57; }

.ooui-theme-fandom .wds-community-header::before { background: linear-gradient(to right,rgba(64,74,87,0.5),rgba(64,74,87,0.5)),linear-gradient(to left,rgba(64,74,87,0) 200px,#404a57 430px); }