MediaWiki:Fandomdesktop.css

/** - **/ /** CSS pages **/ /** - **/

@import url('/load.php?debug=false&lang=en&mode=articles&articles=MediaWiki:Themes.css&only=styles'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedProfile.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedComments.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ExternalIcons.css&only=styles";

/** --- **/ /** Fonts  **/ /** --- **/

/** Google Fonts **/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@500&display=swap');

/** Latin ext **/

@font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBiEJpp_c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/** Latin **/

@font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jpg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/** SEGA logo font **/

@font-face { font-family: "SegaFont"; src: url("//db.onlinewebfonts.com/t/b593a614952261da06c53a02d1954f44.eot"); src: url("//db.onlinewebfonts.com/t/b593a614952261da06c53a02d1954f44.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b593a614952261da06c53a02d1954f44.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b593a614952261da06c53a02d1954f44.woff") format("woff"), url("//db.onlinewebfonts.com/t/b593a614952261da06c53a02d1954f44.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b593a614952261da06c53a02d1954f44.svg#SEGA LOGO FONT") format("svg"); }

/** Sega Genesis / Mega Drive logo font **/

@font-face { font-family: 'Nise Genesis'; src: url(https://static.wikia.nocookie.net/character-stats-and-profiles/images/8/88/NiseGenesis.TTF/revision/latest?cb=20210312164740&format=original) format('truetype'); }

/** Sega Saturn logo font **/

@font-face { font-family: 'Sega Saturn'; src: url(https://static.wikia.nocookie.net/character-stats-and-profiles/images/b/bf/NiseSegaSaturnU.TTF/revision/latest?cb=20210325163732&format=original) format('truetype'); }

.fandom-community-header__background { height: 100%; background-size: 101.5vw !important; background-position: bottom !important; }

.fandom-community-header__background:before { display: none; }

/** General styling **/

body { font-family: 'Work Sans', 'Noto Sans KR', 'Ubuntu', 'Verdana', sans-serif; cursor: url(https://static.wikia.nocookie.net/witherverse/images/3/39/3D_pixel_cursor_1.png/revision/latest?cb=20210312204135), auto !important; background-size: 105vw; background-position: -25px 0 !important; }

@media only screen and (max-width: 1366px) { body { background-image: url(https://static.wikia.nocookie.net/witherverse/images/e/ec/SEGA_Wiki_Background_Small.png/revision/latest?cb=20210322165427) !important; background-size: 100vw !important; background-position: 0 0 !important; } }

h1, h2, h3:not(.pi-data-label):not(.wds-global-footer__section-header), h4 { font-family: 'Nise Genesis' !important; letter-spacing: 3px; }

.page.has-right-rail h2:not(#userProfileApp h2) { border-bottom: 5px solid maroon !important; }

/** Table of Contents **/

.toc { background-image: linear-gradient(       rgba(178, 111, 230, 0.75),        rgba(120, 52,  164, 0.75)    ), url(https://cdn.akamai.steamstatic.com/steamcommunity/public/images/clans/3953458/3289a41930c4b73e36cc93148de496396b357f93.png); background-attachment: fixed; background-size: cover; background-position: -400px 0; color: goldenrod !important; text-shadow: 2px 2px 3px black, 1px 1px 4px goldenrod, 1px 1px 1px darkslategray; border: 5px ridge black; border-radius: 5pt; box-shadow: 5px 3px 13px 8px black, 5px 3px 13px 2px inset black; }

.toc a, .toctogglespan, .toctogglelabel { color: rgba(253, 189, 100, .878) !important; text-shadow: 1.5px 1.5px 1px black; }

.mw-parser-output .toctitle { border: none !important; }

color: black; }
 * 1) mw-content-text {

.toc ul li a:hover { background: none !important; }

/** Fancy links **/

.has-right-rail a, .toc a { transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; -moz-transition: all linear 400ms; -webkit-transition: all linear 400ms; -khtml-transition: all linear 400ms; text-shadow: 0   25px 2.5px transparent, 0  -25px 2.5px transparent, 1px 1px  1px black !important; }

color: rgb(251, 226, 90); }
 * 1) mw-content-text a:not(.pi-font a),
 * 2) mw-content-text\ multipleActivity #ma_msContent a {

a:hover { color: rgb(226, 93, 118) !important; font-weight: bold; text-decoration: none !important; text-shadow: 2px 2px 2px rgba(140, 60, 30, .4), 2px 2px 2px rgba(140, 60, 30, .4), 1px 1px 1px black !important; cursor: url(https://static.wikia.nocookie.net/witherverse/images/0/00/3D_pixel_cursor_2.png/revision/latest?cb=20210312204158), pointer; }

a[data-tracking*="custom-level-2"], a[data-tracking*="explore"] { text-shadow: none !important; }

.SEGA_C_template a { color: rgb(27, 120, 228) !important; }

.toccolours a { color: rgb(77, 198, 115) !important; }

a.new { color: rgb(194, 40, 40) !important; }

/** **/ /** The rail modules **/ /** **/

/** Recent activity module **/

.activity-module { background: linear-gradient(       rgba(45, 0,  0,  .8),        rgba(86, 48, 43, .8)    ), url(https://personacentral.com/wp-content/uploads/2018/10/P3D-P5D-Aigis-Morgana-header-768x398.jpg); background-size: cover; background-position: 300px; border: 7px ridge darkkhaki; border-radius: 5pt; color: khaki; padding: 4px 6px; box-shadow: 1px  1px  10px 4px goldenrod, -1px -1px 10px 4px goldenrod; height: 280px; font-size: 14px !important; }

.has-icon .wds-is-text { color: white; }

.activity-module .has-icon { background: none; }

.edit-info-time { color: white !important; }

.skin-oasis #wikia-recent-activity #seemoreactivity-button { color: khaki !important; }

.activity-module .edit-info { color: khaki; }

.activity-module .page-title a { color: coral; }

.activity-module .edit-info a { color: orange !important; }

.wds-activity-icon { fill: khaki !important; }

/** Popular pages module **/

background: linear-gradient(       rgba(83, 83, 28, .7),        rgba(96, 86, 29, .7)    ), url(https://images3.alphacoders.com/711/thumb-1920-711344.jpg); background-size: 48vw; background-position: -156px; border: 7px ridge rgb(62, 158, 62); border-radius: 5pt; color: khaki; padding: 4px 6px; max-height: 430px; margin: -8px; box-shadow: 1px  1px  10px 4px green, -1px -1px 10px 4px green; }
 * 1) recirculation-rail {

color: khaki; }
 * 1) recirculation-rail a {

.premium-recirculation-rail img { border: 4.75px ridge rgb(155, 83, 83) !important; border-radius: 5pt !important; }

/** New images module **/

.photo-module { margin-top: 15px !important; background: linear-gradient(       to right,        rgba(70, 98,  213, .8),        rgba(49, 105, 145, .8)    ), url(https://images2.fanpop.com/image/forum/topics/25000/25446_1277085523523_full.jpg); background-size: 35vw; background-position: 350px 10px; border: 7px ridge tomato; border-radius: 5pt; color: khaki; padding: 1px 6px; box-shadow: 1px  1px  10px 4px #0087BD, -1px -1px 10px 4px #0087BD; margin-bottom: 4px !important; height: 250px; }

.photo-module .all-link { color: khaki; text-shadow: 2px 2px 2px black; }

.photo-stats .wds-button, .pm-carousel-left, .pm-carousel-right { border-color: gold !important; border-width: 1.5px; color: gold !important; }

.pm-carousel img { border: 2px solid black; border-radius: 5pt; margin: 1.5px; }

.wds-icon-small path { fill: khaki; }

/** Achievements modules **/

.AchievementsModule:nth-of-type(odd) { background: linear-gradient(       to right,        rgba(83,  196, 110, .75),        rgba(144, 230, 148, .75)    ), url('https://img.kurocore.com/pi/046/024/46024092_0.jpg'); background-size: 50vw; background-position: -80px -160px; border: 7px ridge teal; border-radius: 5pt; color: yellow; font-weight: bold; text-shadow: 1.5px 1.5px 2px darkslategray; padding: 1px 6px; box-shadow: 1px  1px  10px 4px maroon, -1px -1px 10px 4px maroon; }

@media only screen and (max-width: 1366px) { .AchievementsModule:nth-of-type(odd) { background: linear-gradient(           to right,            rgba(83,  196, 110, .75),            rgba(144, 230, 148, .75)        ), url('https://img.kurocore.com/pi/046/024/46024092_0.jpg'); background-size: 80vw; background-position: -160px -200px; border: 7px ridge teal; border-radius: 5pt; color: yellow; font-weight: bold; text-shadow: 1.5px 1.5px 2px darkslategray; padding: 1px 6px; box-shadow: 1px  1px  10px 4px maroon, -1px -1px 10px 4px maroon; } }

.UserProfileAchievementsModule:nth-of-type(odd) h2 { font-size: 14px; }

.WikiaRail .UserProfileAchievementsModule .data .data-details > p a { color: orange; font-weight: bold; }

.AchievementsModule:nth-of-type(even) { background: linear-gradient(       to right,        rgba(122, 109, 54, .6),        rgba(145, 134, 36, .6)    ), url(https://f4.bcbits.com/img/a3179833102_10.jpg); background-size: 52vw; background-position: -200px -50px; border: 7px ridge purple; border-radius: 5pt; color: gold; text-shadow: 1px 1px 1px black; padding: 1px 6px; margin-top: 30px !important; box-shadow: 1px  1px  10px 4px darkslategray, -1px -1px 10px 4px black; }

.UserProfileAchievementsModule .badges-profile-title, .UserProfileAchievementsModule .title-challeneges { font-weight: 100; }

/** Page tools **/

.page-tools { background: linear-gradient(       rgba(83, 83, 28, .7),        rgba(96, 86, 29, .7)    ), url(https://images3.alphacoders.com/711/thumb-1920-711344.jpg); background-size: 48vw; background-position: -156px; border: 7px ridge rgb(62, 158, 62); border-radius: 5pt; color: khaki; padding: 4px 6px; max-height: 430px; margin: 5px; margin-top: 25px; box-shadow: 1px  1px  10px 4px green, -1px -1px 10px 4px green; }

.page-tools a { color: khaki; }

/** Misc. **/

text-shadow: 2px 2px 1px black; }
 * 1) WikiaRail h2 {

/** Discord widget **/

.discord-widget .widget-header { background: teal; }

.discord-widget .widget-body { background: linear-gradient(       rgba(255, 95, 0, .6),        rgba(249, 97, 4, .6)    ), url(https://www.gamewallpapers.com/wallpapers_slechte_compressie/wallpaper_sega_mega_drive_classics_01_1920x1080.jpg); background-attachment: fixed; background-size: 100vw; background-position: 1000px bottom; }

.discord-widget .widget-role-name { color: black; font-weight: bold; }

/** **/ /** END Rail modules **/ /** **/

/** Replace list bullets with spinning ring GIFs **/ /** NOTE: For some reason, the final :not fixes a bug where the rings would appear on infobox tabs. Don't question, please. **/

.mw-parser-output li:not(.toc li):not(.feed-entry):not, .pi-item li:not(.wds-tabs__tab) { list-style-image: url(https://static.wikia.nocookie.net/sonic/images/e/e9/Sonic_ring.gif/revision/latest/top-crop/width/15/height/15?cb=20150517123830) !important; }

.pi-data li:before { display: none !important; content: none !important; }

/** User profiles **/

border: 4px groove indianred; border-radius: 3pt; border-bottom: 6px groove black; box-shadow: 1px 1px 8px 1px indianred; background: linear-gradient(       rgba(143, 132, 64, .87),        rgba(158, 149, 68, .87)    ), url(https://gaminghistory101.files.wordpress.com/2015/04/comm_gen_top10.jpg); background-size: 75vw; background-position: 230px 60px; background-attachment: fixed; color: black; height: 370px; }
 * 1) userProfileApp {

margin-top: 50px; }
 * 1) userProfileApp .user-profile-navigation__link a {

.user-identity-bio:before { background: none !important; }

opacity: 1 !important; background: rgba(var(--theme-link-color--rgb), .9); }
 * 1) userProfileApp .user-identity-header__tag {

color: gold !important; opacity: 1 !important; text-shadow: 2px 2px 2px black; }
 * 1) userProfileApp .user-identity-stats *,
 * 2) userProfileApp li a {

.ShowUserGroups { margin-top: 60px; }

[class*="User_"] .page-header__actions { margin-top: 50px; }

.user-identity-avatar__image { border: 5.5px ridge purple !important; }

.user-identity-avatar__image { transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; -moz-transition: all linear 400ms; -webkit-transition: all linear 400ms; }

.user-identity-avatar__image:hover { transform: Rotate(-720deg); transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; -moz-transition: all linear 400ms; -webkit-transition: all linear 400ms; }

.tag-bureaucrat { font-family: 'Sega Saturn'; background: indianred !important; color: black !important; text-transform: uppercase; font-weight: bold !important; border: 3px solid black; }

.tag-administrator { font-family: 'Sega Saturn'; background: teal !important; color: whitesmoke !important; text-transform: uppercase; font-weight: normal !important; border: 3px solid black; }

.user-identity-header__attributes h1 { font-size: 17px !important; }

.user-identity-header__attributes h2 { font-size: 14px !important; }

.user-identity-header__button { background: white !important; border-width: 3px; color: black !important; }

/** Infoboxes **/

.pi-title { font-size: 16px !important; }

/** Images **/

.lightbox-caption, .pi-caption, .image { color: rgba(0, 0, 0, 1) !important; font-size: 14px; }

/** Tabbers **/

.tabbernav { font-family: "NiseGenesis", sans-serif !important; letter-spacing: 3px; font-weight: normal; font-size: 18.5px !important; font-variant: small-caps !important; border-bottom: 3px solid brown !important; padding: 0.3em 0 !important; }

.tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #3a3a3a !important; border: none !important; background: transparent !important; }

.tabberactive a { color: white !important; background: brown !important; }

.tabbernav :not(.tabberactive) a:hover { background: rgba(226, 70, 29, 0.2) !important; }

.tabbertab { border: none !important; padding: 0 !important; }

/** Page history **/

background: darkslategray; color: whitesmoke; }
 * 1) pagehistory li.selected {

.mw-plusminus-pos { color: lightgreen !important; }

/** Making code blocks more readable **/

.mw-highlight pre { background: lightgray; }

/** 	---	BEGIN Browser styling ---

/** Scrollbar **/


 * -webkit-scrollbar {

width: 10px; }


 * -webkit-scrollbar-track {

background: #212121; }
 * -webkit-scrollbar-thumb {

border-radius: 20px; background: #3540a3; }


 * -webkit-scrollbar-thumb:hover {

background: #0061a8; }

body, html { -moz-scrollbar-width: auto; -moz-scrollbar-color: #3540a3; -ms-scrollbar-face-color: #3540a3; -ms-scrollbar-arrow-color: gold; -ms-scrollbar-track-color: black; -ms-scrollbar-shadow-color: initial; -ms-scrollbar-highlight-color: skyblue; -ms-scrollbar-3dlight-color: teal; -ms-scrollbar-darkshadow-Color: initial; }

/** Highlighted selection text background **/


 * selection {

background: khaki; }


 * -moz-selection {

background: khaki; }


 * -webkit-selection {

background: khaki; }

/** 	---	END Browser styling ---

/** 	---	BEGIN Staff usernames ---

a[href$="Withersoul_235"], a[href$="Withersoul+235"], a[href$="Withersoul 235"], a[href$="Withersoul%20235"] { font-family: "Sega Saturn" !important; font-weight: bold; color: rgb(239, 46, 98) !important; font-size: 120%; letter-spacing: 0px; text-shadow: 2px 3px 7px khaki, 1px 1px 1px black !important; }

a[href$="YoshiandToad"] { font-family: "Sega Saturn" !important; font-weight: bold; color: rgb(238, 1, 21) !important; font-size: 120%; letter-spacing: 0px; text-shadow: 2px 3px 7px khaki, 1px 1px 1px black !important; }

font-size: 85%; }
 * 1) userProfileApp .false a[href$="Withersoul_235"],
 * 2) userProfileApp .false a[href$="YoshiandToad"] {

color: gold !important; -webkit-text-fill-color: gold; }
 * 1) userProfileApp .user-profile-navigation li a[href$="Withersoul_235"],
 * 2) userProfileApp .user-profile-navigation li a[href$="YoshiandToad"] {

text-shadow: none !important; }
 * 1) mw-content-text\ multipleActivity #ma_msContent a[href$="Withersoul 235"],
 * 2) mw-content-text\ multipleActivity #ma_msContent a[href$="YoshiandToad"] {

a.edit-info-user[href$="Withersoul_235"], a.edit-info-user[href$="YoshiandToad"]{ font-size: 65%; }

/** 	---	END Staff usernames ---

/** 	---	BEGIN Miscellaneous ---

/** Games Footer **/

.games-footer > div { border: 1px solid #cccccc !important; box-shadow: none !important; border-radius: 10px !important; }

.games-footer div:nth-of-type(2) img { width: 200px; height: 200px; margin-right: 20px; }

.games-footer a[title='w:c:sega'] { font-weight: bold; color: #006cb0; }

.games-footer img[alt='GeneralGamingFooter'] { background-image: url(//vignette.wikia.nocookie.net/sega/images/d/df/Sonic_1991.png); background-position: center; background-size: contain; background-repeat: no-repeat; box-sizing: border-box; padding: 100px; }

/** Misc **/

.page-User_blog_SEGA_of_America_Inc_The_History_of_Shinobi { background: #000 url(https://images.wikia.nocookie.net/joeplayground/images/a/ac/ShinobiBG.jpg) center top no-repeat !important; }

.badges-profile-title { font-size: 12px !important; }

.wds-is-current .wds-tabs__tab-label { list-style-image: none !important; }

.wds-tabs__tab::marker { display: none !important; list-style-image: none !important; list-style: none !important; opacity: 0 !important; -webkit-appearance: none !important; visibility: hidden !important; }

.wds-tabs__tab { list-style-image: none !important; list-style: none !important; }

.wds-tabs__tab::after { display: none !important; opacity: 0 !important; visibility: hidden !important; }

.wds-tabs__tab-label { list-style: none !important; list-style-image: none !important; }

.pi-data-value a:not(a.new) { color: gold; }

.pi-layout-default { background: darkslategray !important; color: white; }

.wds-tabs__tab { color: gold; }

.lastEdited { font-size: 13.5px; }

.pi-border-color .pi-border-color .pi-secondary-font { font-size: 11.8px !important; }