MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import "/load.php?articles=MediaWiki:Tournaments.css|MediaWiki:Mainpage.css|MediaWiki:Badges-blogs.css|u:dev:MediaWiki:FandomIcons.css&only=styles&mode=articles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:NewPagesModule.css&only=styles"; @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:Highlight.css|u:dev:MediaWiki:Global_Lua_Modules/Mbox.css|u:dev:MediaWiki:Module:Documentation.css|u:dev:MediaWiki:AbuseLogRC.css|MediaWiki:Forums.css|MediaWiki:Navbox.css"); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:UserAnimations.css&only=styles"; @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css"); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:PyramidChart.css"); @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;800;900&display=swap'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:AjaxPoll.Modern.css&only=styles"; @import url(https://fonts.googleapis.com/css?family=Lobster|Niconne|Oswald|Economica|Open+Sans); @import url(/load.php?mode=articles&articles=u:dev:MediaWiki:DiscussionsFeed/style-light.css&only=styles); @import url(/load.php?mode=articles&articles=u:dev:InterlanguageFlags/code.css&only=styles); @import "/load.php?articles=MediaWiki:Themes.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Usernamecolors.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Useravatarcolors.css&only=styles&mode=articles"; @import "/load.php?articles=MediaWiki:Usermessagecolors.css&only=styles&mode=articles"; @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:BalancedSearch.css|u:dev:MediaWiki:BalancedComments.css|u:dev:MediaWiki:BalancedDiscord.css|u:dev:MediaWiki:BalancedCategories.css"); @import url('https://fonts.googleapis.com/css?family=Montserrat:wght@500|Varela+Round|Noto+Sans'); @import url('/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles'); /*=== Animated arrows ===*/ .wds-global-navigation .wds-dropdown::after, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::before, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::after, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::before, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::after, .wds-community-header__wiki-buttons .wds-dropdown::before, .wds-community-header__wiki-buttons .wds-dropdown::after { display: none !important; } .wds-global-navigation .wds-dropdown__content { -webkit-animation: dropdown-global 0.35s; -moz-animation: dropdown-global 0.35s; animation: dropdown-global 0.35s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content { -webkit-animation: dropdown-topnav 0.3s; -moz-animation: dropdown-topnav 0.3s; animation: dropdown-topnav 0.3s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content { -webkit-animation: dropdown-animation 0.3s; -moz-animation: dropdown-animation 0.3s; animation: dropdown-animation 0.3s; } .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content { -webkit-animation: contribution-dropdown 0.3s linear; -moz-animation: contribution-dropdown 0.3s linear; animation: contribution-dropdown 0.3s linear; } .wds-dropdown__content.wds-global-navigation__search-suggestions { -webkit-animation: searchsuggestions-dropdown 0.35s; -moz-animation: searchsuggestions-dropdown 0.35s; animation: searchsuggestions-dropdown 0.35s; } @keyframes dropdown-global { from { opacity: 0; top: 45px; } to { opacity: 1; } } @keyframes dropdown-topnav { from { opacity: 0; top: 30px; } to { opacity: 1; top: 40px; } } @keyframes dropdown-animation { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } } @keyframes contribution-dropdown { from { opacity: 0; top: 25px; } to { opacity: 1; top: 35px; } } @keyframes searchsuggestions-dropdown { from { top: 80%; opacity: 0; } to { top: calc(1px+100%); opacity: 1; } } .wds-dropdown-level-2:hover .wds-dropdown-chevron { transform: rotate(-90deg) translateY(3px) !important; } .wds-dropdown-level-2 .wds-dropdown-chevron { -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .wds-dropdown__toggle-chevron { transition: transform 0.3s; }
 * 1) PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before,
 * 2) PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::after,
 * 1) PageHeader

/*=== Homepage CSS ===*/ .no-decor a:hover { text-decoration: none; }

/* Navigation card hover transitions */ .home-nav-card:hover img { transform: scale(1.05); } .home-nav-card:hover a > div { background-color: #fbf3ee !important; } .home-nav-card a > div { transition: 0.2s; } .home-nav-image .floatnone img { max-height: 6em; width: 100%; transition: 0.2s; object-fit: cover !important; }

/* Chevron arrow image + animations */ .chevron { background: url(https://roblox.fandom.com/wiki/Special:Redirect/file/White-chevron.svg) no-repeat center; background-size: 100% 100%; vertical-align: middle; display: inline-block; height: 0.7rem; width: 0.49rem; transition: 0.2s ease-out; } a:hover .chevron { transform: translateX(3px); } .chevron.dark { filter: invert(85%); } .home-frame-footer .chevron { margin-left: 0.5rem; } .home-social-frame .chevron { height: 1rem; width: 0.7rem; }

/* Resize and hide cards depending on screen width */ @media screen and (max-width: 1064px) { .home-nav-container .home-nav-card:nth-of-type(6) { display: none !important; } .home-nav-card { width: 18.5% !important; } } @media only screen and (min-width: 1024px) { .main-page-tag-lcs-exploded { width: calc(100% - 340px); } .main-page-tag-rcs, .main-page-tag-rcs .rcs-container { width: 320px; } } .fandom-community-header__background { background-position: 50% 15%; } /* End homepage CSS */

/* Styling for cards on Project:Wiki staff */ .wiki-staff-card { width: 100%; padding: 8px; margin-bottom: 1em; background: var(--theme-page-background-color--secondary); border: 1px solid var(--theme-border-color); border-radius: 4px; text-align: center; }

/*=== HILIGHTED USERNAMES LIST === INSTRUCTIONS The order that names appear on this list determine which title takes precedence. A user will be marked by the last entry in this list, no matter how many entries they have. A user will be marked with the last designation on this list that they have: Try to keep these lists alphabetized instead of adding to the end. This is from the RuneScape wiki. Credits to them please.*/ /* ADMINS */ a[href="/wiki/User:LunarSeong"], a[href="/wiki/User:Clash.Bikash"] { color:#00dbe9; font-weight:bold !important; }
 * Adminstrator/Sysop
 * Bots

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; } div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* Infoboxes */ .portable-infobox { color: var(--text-color); float: right; clear: right; border-radius: 12px 12px 0 0; border: solid var(--a-bg-color) 1px; overflow: hidden; -moz-box-shadow: 0 0 8px var(--b-bg-color); -webkit-box-shadow: 0 0 8px var(--b-bg-color); box-shadow:0 0 7px var(--b-bg-color); margin:0 5px 10px 20px; }

.theme-fandomdesktop-dark .portable-infobox { background-color: rgba(45,43,46,0.4); }

.theme-fandomdesktop-light .portable-infobox { background-color: rgba(45,43,46,0.4); }

.pi-data-value li { line-height: 15px; padding-bottom: 3px; }

.pi-title { border-radius: 5px 5px 1px 1px; font-size: 20px !important; background-color: var(--a-bg-color); color: #fff; }

/*var(--text-color-light)*/ .pi-header { font-size: 16px !important; background-color: var(--a-bg-color); color: #fff; } .portable-infobox .pi-data-label { flex-basis: 100px; text-shadow: none; } .portable-infobox .pi-item-spacing { padding: 5px 10px; } .portable-infobox .pi-header { padding: 5px 5px; text-align: center; color: #fff; text-shadow: 0 0 5px #dd99d4, 0 0 5px #dd99d4, 0 0 5px #dd99d4; }

.portable-infobox:first-of-type .pi-image-thumbnail { height: auto; width: 100%; }

.portable-infobox .pi-caption { font-size: 10px; }

.pi-theme-character .pi-item-spacing { border-bottom: 1px solid #4d2167; } /* Center tabs in infoboxes https://community.fandom.com/f/p/4400000000003176261*/ .portable-infobox .wds-tabs__tab:first-child { margin-left: auto; } .portable-infobox .wds-tabs__tab:last-child { margin-right: auto; }

/* semicolan line-height/space fix https://dev.fandom.com/f/p/4400000000000014423/r/4400000000000042444 paragraph bottom space fix*/ .page-content dl { margin-bottom: 0; }

.page-content p, .page-content section { margin-bottom: 12px; }

/* Heading Font https://community.fandom.com/f/p/4400000000003174191*/ h1.page-header__title .page__main h1, .page__main h2, .page__main h3, .page__main h4, .page__main h5, .page__main h6 { }

.theme-fandomdesktop-dark h1.page-header__title .page__main h1, .page__main h2 { text-shadow: 0 0 5px #dd99d4, 0 0 5px #dd99d4, 0 0 5px #dd99d4; }

/* Darker borders and colors for TOC, thumbnail captions and heading lines*/ .page-content .thumb .caption {font-size:85%} .theme-fandomdesktop-dark #mw-content-text .toc { background-color: rgba(45,43,46,0.4); margin: 20px 20px 10px 5px; }

.theme-fandomdesktop-light #mw-content-text .toc { background-color: rgba(45,43,46,0.4); margin: 20px 20px 10px 5px; }	background-color:#dd99d4; background-image:none; padding:5px; }
 * 1) mw-content-text .article-thumb {

/******************* * Navboxes from layton.fandom.com *******************/ .navbox { width: 100%; background: none; color: white; margin: 1em auto; font-size: 92%; clear: both; justify-content: center; padding: 5px; border-spacing: 0; border: 1px solid #dd99d4; } /* Merges navboxes that are directly under eachother */ .navbox + .navbox { margin-top: -11px; } .navbox .navbox-title { background: #260d59; color: white; font-weight: bold; font-size: 100%; } .navbox .navbox-vde { float:left; width: 65px; } .navbox .navbox-title-padright { padding-right: 65px; } .navbox .navbox-title-padleft { padding-left: 65px; } .navbox .navbox-subgroup { border-spacing: 0; width: 100%; } .navbox .navbox-gutter { height: 2px; } .navbox .navbox-subgroup .navbox-gutter { background: none; } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: #342457; text-align: center; } .navbox .navbox-image { background: black; text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: #342457; color: white; font-weight: bold; height: 100%; padding: 2px 4px; } .navbox .navbox-header-collapsible { padding-left: 65px; } .navbox .navbox-group { text-align: right; padding-right: 1em; min-width: 150px; } .navbox .navbox-group, .navbox .navbox-image-left { border-right: 2px solid black; } .navbox-image-right { border-left: 2px solid black; } .navbox .navbox-list { background: none; color: white; width: 100%; height: 100%; padding: 0; } .navbox .alt > .navbox-list { background: none; } .navbox .navbox-list div { padding: 0px 4px; } .navbox .navbox-list.no-group { text-align: center; padding-top: 2px; padding-bottom: 2px; } .navbox .mw-collapsible-toggle { width: 65px; } /* hlist */ .hlist ul { margin: 0; list-style: none; } .hlist li, .hlist ul ul { display: inline; } .hlist li a { white-space: nowrap; } .hlist ul ul:before { content: "(" } .hlist ul ul:after {   content: ")" } .hlist li:after { content: " • "; } .hlist ul ul li:after { content: "/"; } .hlist li:last-child:after, .hlist ul ul li:last-child:after { content: none; }


 * -webkit-scrollbar {

width: 12px; height: 12px; } body::-webkit-scrollbar { background: black; }

/*original background gradient: #b80000,#db0000*/
 * -webkit-scrollbar-thumb {

background: linear-gradient(135deg,#dd99d4,#cceded); }

/*Original:linear-gradient(#a68950,#9f8044,#8c6a27)*/
 * -webkit-scrollbar-thumb:hover {

background: linear-gradient(#a65091,#c55eab,#278c85); }
 * -webkit-scrollbar-thumb:active {

background: linear-gradient(#a65091,#c55eab,#278c85); }

/* Page Glowing https://your-throne.fandom.com/wiki/MediaWiki:Wikia.css https://wowpedia.fandom.com/wiki/MediaWiki:Fandomdesktop.css f48c73*/ .theme-fandomdesktop-dark .page { border: 1px solid #dd99d4; -moz-box-shadow: 0 0 8px #dd99d4; -webkit-box-shadow: 0 0 8px #dd99d4; box-shadow:0 0 7px #dd99d4f48c73; }

.theme-fandomdesktop-light .page { border: 1px solid #dd99d4; -moz-box-shadow: 0 0 8px #dd99d4; -webkit-box-shadow: 0 0 8px #dd99d4; box-shadow:0 0 7px #dd99d4; }

/*Header/Top Navigation glow ba8f47 dd99d4 398383*/ .theme-fandomdesktop-dark .fandom-community-header { filter: drop-shadow(0px 0px 1px #dd99d4) drop-shadow(0px 0px 1px #dd99d4) drop-shadow(0px 0px 1px #dd99d4); z-index: 100; }

.theme-fandomdesktop-light .fandom-community-header { filter: drop-shadow(0px 0px 1px #dd99d4) drop-shadow(0px 0px 1px #dd99d4) drop-shadow(0px 0px 1px #dd99d4); z-index: 100; }

/*top right corner page icons https://avatar.fandom.com/wiki/Template:Icons*/ position:absolute; z-index:100; right:12px; top:10px; float: right; }
 * 1) icons {

/* Canon Tabs from https://witcher.fandom.com/wiki/MediaWiki:Common.css */ .canontabs { width: 100%; border-bottom: 2px solid #dd99d4; margin-bottom: 20px; }

.canontabs ul { margin: 0px; padding: 0px; height: 37px; }

.canontabs li { display: inline-block; margin-right: 10px; padding: 0px; height: 25px; }

.canontabs li a { display: block; text-decoration: none !important; }

/*Alt border color: #753131*/ .canontabs li span { padding: 7px 15px 25px 15px; border: 2px solid #cceded; border-bottom: none; border-radius: 10px 10px 0px 0px; height: 25px; line-height: 18px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.canontabs .mw-selflink span, .canontabs .mw-selflink span:hover { color: #d4d5d5; border: 2px solid #dd99d4; border-bottom: 2px solid #111111; }

/*alt border-color: #ff7a7a/#dd99d4*/ .canontabs li a span:hover { border-color: #43c5c1; }

/** Boxes from https://expanse.fandom.com/wiki/MediaWiki:Common.css**/ /*boxes (original is #00ddf7)*/ .theme-fandomdesktop-dark #box { border-radius: 22px 9px; text-shadow: 0 0 5px #00f7f3, 0 0 5px #00f7f3, 0 0 5px #00f7f3;} .theme-fandomdesktop-light #box { border-radius: 22px 9px;}

/*https://static.wikia.nocookie.net/complete-martial-arts-attributes/images/e/e4/Jhikjh.jpg*/ .communityBox:hover { background: #250000; background: #250000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; transition: all 0.1s ease; min-height:225px; text-shadow: 0 0 5px #dd99d4, 0 0 5px #dd99d4, 0 0 5px #dd99d4; background-image: url('https://static.wikia.nocookie.net/hgw/images/4/4e/PortalBoxesBackground.jpg'); } .communityBox { transition: all 0.1s ease; background: #250000; min-height:225px; } .communityBox a, .communityBoxsm a { color: var(--theme-page-text-color); } /*small original background:rgba(0,138,255,0.2/0.1) V2: #250000 V3:#2c0e0e V4:#380000 V5:#dd99d4*/ .communityBoxsm:hover { background: #dd99d4; background: #dd99d4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; transition: all 0.1s ease; text-shadow: 0 0 5px #dd99d4, 0 0 5px #dd99d4, 0 0 5px #dd99d4; background-image: url('https://static.wikia.nocookie.net/hgw/images/4/4e/PortalBoxesBackground.jpg'); } .communityBoxsm { transition: all 0.1s ease; background: #dd99d4; }

/*Rainbow Username*/ @keyframes RainbowUserName{ from { -webkit-filter:hue-rotate(15deg); filter:hue-rotate(15deg); } to { -webkit-filter:hue-rotate(360deg); filter:hue-rotate(360deg); } }/* Rainbow Animation */ @keyframes rainbowanimate{ 0% {color:red;} 28% {color:orange;} 42% {color:yellow;} 56% {color:green;} 70% {color:blue;} 84% {color:indigo;} 100% {color:violet;} } /* Site glow */ .WikiaPage { box-shadow: 0px 0px 10px white; } /* Profile Masthead Changes */ .UserProfileMasthead .masthead-info hgroup { box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25); }

@keyframes rainbowanimateother{ 0% {color:#ff9191;} 12% {color:#ffc191;} 24% {color:#fff891;} 36% {color:#95ff91;} 48% {color:#94cfff;} 60% {color:#948fff;} 72% {color:#d296ff;} 84% {color:#fd96ff} 96% {color:#ff96da;} 100% {color:#ff96b0;} } a[href*="/LunarSeong"], a[href*=":LunarSeong"] a[href$="/LunarSeong"], a[href$=":LunarSeong"]{ animation-name:rainbowanimateother; animation-duration:4s; animation-iteration-count:infinite; }

/* Font */ main.page__main { font-family: var(--wiki-page-font); } h1.page-header__title { font-family: var(--wiki-heading-font); } .page__main h1, .page__main h2, .page__main h3, .page__main h4, .page__main h5, .page__main h6 { font-family: var(--wiki-heading-font); } .fandom-community-header, .fandom-community-header__local-navigation, .fandom-sticky-header__sitename { font-family: var(--wiki-heading-font); }

/* h2 heading */ .headertype { background: var(--theme-link-color); }   border-bottom-color: var(--theme-link-color) !important; }
 * 1) mw-content-text h2 {

/* Mainpage */ .mp-container { border: 2px solid var(--theme-link-color); background-color: var(--theme-page-background-color); padding: 0.4em 1em; } .mp-heading { text-align: center; font-family: 'Fira Code', sans-serif !important; color: white; text-transform: uppercase; text-shadow: 0 0 5px #dd99d4, 0 0 5px #dd99d4, 0 0 5px #dd99d4; font-size: 30px; } .mp-underline { border: none; height: 2px; margin: 3px 0 8px; width: 100%; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } .mp-hr { border: none; height: 2px; background-color: var(--theme-link-color); } .mp-helpline { text-align: center; color: white; text-shadow: 0 0 5px #dd99d4, 0 0 5px #dd99d4, 0 0 5px #dd99d4; text-transform: uppercase; font-weight: bold; margin: 15px; } .mp-stats { color: var(--theme-link-color); text-shadow: 0 2px 7px var(--theme-link-color); font-size: 1.30em; margin-top: 15px; } .activityfeed .mw-changeslist-legend { float: none; margin-left: 0; border-color: var(--theme-link-color); } .gallery-dark { display: none; }

/* Dark theme customization */ .theme-fandomdesktop-dark .mp-container { border-width: 1px; } .theme-fandomdesktop-dark .gallery-light { display: none; } .theme-fandomdesktop-dark .gallery-dark { display: block; }

/* Tabs */ .ln-tab { min-width: 5em; max-width: 15em; display: inline-block; border: 1px solid var(--theme-accent-color); padding: .0em 0.5em; height: 2.4em; margin-bottom:10px; margin-right: 2px; background: transparent; } .ln-tab-active { min-width: 5em; max-width: 15em; display: inline-block; border: 1px solid var(--theme-accent-color); padding: .0em 0.5px; height: 2.4em; margin-bottom: 10px; margin-right: 2px; background-color: var(--theme-accent-color); font-size: 100%; }

/* Search page */ .mw-body-content .unified-search__input, .page-content .unified-search__input, .WikiaPageContentWrapper .unified-search__input { border-radius: 40px; } .unified-search__input__button { border-radius: 0 20px 20px 0; } .unified-search__input__wrapper { border-radius: 20px 0 0 20px !important; } .mw-body-content .unified-search__layout, .page-content .unified-search__layout, .WikiaPageContentWrapper .unified-search__layout { grid-template-columns: none !important; }

/* BackToTopButton */ opacity: 0.9; }
 * 1) BackToTopBtn div:hover {

/*Portable Infobox*/ .portable-infobox .pi-title, .portable-infobox .pi-header { display: flex; justify-content: center ; } /* centers portable infobox title and image caption */ .portable-infobox .pi-title, .portable-infobox .pi-caption { text-align: center; } /* enlarges images to fit infobox */ .portable-infobox .pi-image-thumbnail { width: 100%; height: auto; }