MediaWiki:Common.css

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:FandomizedRailModules/code.css|u:dev:MediaWiki:FandomizedBloglists/code.css|u:dev:MediaWiki:MinifiedLeftTabs/code.css|u:dev:MediaWiki:MinimalistSliderText/code.css|u:dev:MediaWiki:ModernCommentsSection.css|u:dev:MediaWiki:EditorSourceMinimal/light.css|u:dev:MediaWiki:ModernWikiActivity.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:InterlanguageFlags.css"); /* Custom Font */ @import url('https://fonts.googleapis.com/css?family=Alatsi|Allerta+Stencil|Do+Hyeon|Hammersmith+One|Secular+One&display=swap');

/* Custom Header Font */ .page-header__title, .WikiaArticle .mw-headline, .WikiaArticle h1, .WikiaArticle .mw-headline, .WikiaPageHeader h1, h2, h3 { font-family: 'Allerta Stencil', sans-serif; } /*************************************************************************/

/* Admin Color */ a[href$="/wiki/User:NotOriginal"]:not(.extiw):not(.external) {    font-weight: bold; color: #B945FF !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #B945FF; } a[href$="/wiki/Message_Wall:NotOriginal"]:not(.extiw):not(.external) {   font-weight: bold; color: #B945FF !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #B945FF; }

a[href$="/wiki/User:MrCents 04"]:not(.extiw):not(.external), a[href$="/wiki/User:MrCents_04"]:not(.extiw):not(.external) {    font-weight: bold; color: #00ACFF !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #00ACFF; } a[href$="/wiki/Message_Wall:MrCents 04"]:not(.extiw):not(.external), a[href$="/wiki/Message_Wall:MrCents_04"]:not(.extiw):not(.external) {   font-weight: bold; color: #00ACFF !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #00ACFF; }

a[href$="/wiki/User:Afzal108"]:not(.extiw):not(.external) {    font-weight: bold; color: #FF0000 !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #FF0000; } a[href$="/wiki/Message_Wall:Afzal108"]:not(.extiw):not(.external) {   font-weight: bold; color: #FF0000 !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #FF0000; } /*************************************************************************/

/* Moderator Color */ a[href$="/wiki/User:Ribhu07"]:not(.extiw):not(.external) {    font-weight: bold; color: #252525 !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #252525; } a[href$="/wiki/Message_Wall:Ribhu07"]:not(.extiw):not(.external) {   font-weight: bold; color: #252525 !important; text-shadow: 1px 1px 0 #FFFFFF, 2px 2px 5px #252525; } /*************************************************************************/

/* Admin Comment Highlight */ .comments li[data-user="NotOriginal"] { background: linear-gradient(transparent, #E3B4FF); overflow: hidden; transition: all 0.3s; } .comments li[data-user="NotOriginal"]:hover { background: linear-gradient(transparent, #CD7AFF); box-shadow: 0 2px 4px rgba(0, 0, 0, 5); }

.comments li[data-user="MrCents 04"], .comments li[data-user="MrCents_04"] { background: linear-gradient(transparent, #A6E2FF); overflow: hidden; transition: all 0.3s; } .comments li[data-user="MrCents 04"], .comments li[data-user="MrCents_04"]:hover { background: linear-gradient(transparent, #7AD4FF); box-shadow: 0 2px 4px rgba(0, 0, 0, 5); }

.comments li[data-user="Afzal108"] { background: linear-gradient(transparent, #FF9E9E); overflow: hidden; transition: all 0.3s; } .comments li[data-user="Afzal108"]:hover { background: linear-gradient(transparent, #FF7A7A); box-shadow: 0 2px 4px rgba(0, 0, 0, 5); } /*************************************************************************/

/* Moderator Comment Highlight */ .comments li[data-user="Ribhu07"] { background: linear-gradient(transparent, #7D7D7D); overflow: hidden; transition: all 0.3s; } .comments li[data-user="Ribhu07"]:hover { background: linear-gradient(transparent, #454545); box-shadow: 0 2px 4px rgba(0, 0, 0, 5); } /*************************************************************************/

/* Table Colour WN */ .wnvolumes th { background: #69B9EC; } .wnvolumes td { background: #f2f2f2; font-weight: bold; } /*************************************************************************/

/* Custom Tabber Design */ .tabber.tabberlive .tabbernav { border: none; } .tabber.tabberlive .tabbertab { border: 4px solid transparent; border-radius: 25px; background: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent); background-clip: padding-box, border-box; background-origin: border-box; } .tabber.tabberlive .tabbernav a { margin-right: 2px; font-size: 110%; border: 3px solid transparent; border-radius: 0 0 7px 7px; background: linear-gradient(#fff, #FFF6F6), linear-gradient(transparent, #DA3030); background-clip: padding-box, border-box; background-origin: border-box; color: #006CB0; font-family: 'Allerta Stencil', sans-serif; } .tabber.tabberlive .tabbernav .tabberactive a, .tabber.tabberlive .tabbernav a:hover { background: linear-gradient(#fff, #FFDCDC), linear-gradient(transparent, #D85858); background-clip: padding-box, border-box; background-origin: border-box; box-shadow: 0px 0px 14px 0px rgba(254,153,153,1.3); color: #0091EC; text-shadow: #FFDCDC 0 0 7px; transition: all 0.3s linear 0s; } .tabber ul.tabbernav li.tabberactive a:hover { border-bottom: 3px solid transparent; } /*************************************************************************/

/* Poll Design */ div.ajax-poll{ border: none !important; text-align: left; } .pollAnswerName{ font-weight: bold; letter-spacing: 1px; } .pollAnswerName:hover{ color: #006CB0; text-shadow: 0 0 5px #AAD9F7; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; } .pollAnswerVotes{ border: 1px solid #AAD9F7 !important; width: 90% !important; } .pollAnswerVotes div{ background: linear-gradient(to right,#006CB0,#AAD9F7) !important; } .pollAnswerVotes span{ color: #006CB0; left: auto !important; right: 5px; } .pollAnswerVotes > span{ padding-left: 5px; } .pollAnswerVotes:hover{ border-color: #AAD9F7; box-shadow: 0 0 5px #AAD9F7; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; } /*************************************************************************/

/* Wordmark Hover */ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .pph-wiki-header .wordmark { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #DA3030; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } .wds-community-header__wordmark img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #DA3030; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); } /*************************************************************************/

/* Background Fandom */ body.mediawiki { background: url(https://vignette.wikia.nocookie.net/otome-games-is-tough-for-mobs/images/b/b5/EngagedNoLeon-Textless.png/revision/latest?cb=20200704010755) center / cover no-repeat, #BACDD8 radial-gradient(circle farthest-corner, #BACDD8, #BACDD8); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; } body.mediawiki { background-attachment: fixed !important; } /*************************************************************************/

/* MORE - CharMainPage */ .home-links { margin:0 !important; padding:0; text-align:center; } .home-links li { color:#FFF; background:#006cb0; display:inline-block; overflow: hidden; text-align:center; margin: 1px 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease;w transition:all .4s ease; } .home-links li.hover, .home-links li:hover { background:#FFF; color:#DA3030; box-shadow: 0 5px 11px 0 rgba(218, 48, 48, 0.5), 0 4px 15px 0 rgba(218, 48, 48, 0.5); } .home-links li.hover>a span, .home-links li:hover>a span { color:#006cb0; } .home-wikia-links li { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .home-wikia-links li a { display:block; width: 100px; padding:10px 0; margin-bottom:-3px; text-decoration:none; font-family: 'Allerta Stencil', sans-serif; font-size:20px; color:#FFF; } /*************************************************************************/