MediaWiki:Wikia.css

/**    -	BEGIN Imports -

/** - **/ /** 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";

/** --- **/ /** 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'); }

/**    -	END Imports -

/** 	--	BEGIN General wiki styling --

/** 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'; letter-spacing: 3px; }

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

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

/** 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; }

/** Fancy links **/

.WikiaPage 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 bottom bar **/

.WikiaBarWrapper { background: black; border: 4px ridge rgb(207, 65, 136); border-right: none; border-left: none; box-shadow: 3px -1px 8px 5px rgb(207, 65, 136), 3px 1px 8px 5px rgb(207, 65, 136); }

.WikiaBarWrapper .toolbar .tools li, .WikiaBarWrapper .toolbar .tools li a { font-family: 'Nise Genesis'; color: goldenrod; font-size: 8.5px; }

.WikiaBarWrapper .tools-menu > li > a { color: crimson !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; }

.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: 35px !important; background: linear-gradient(       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 -40px; 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: 8px !important; }

.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: 3px; 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://w.wallhaven.cc/full/4v/wallhaven-4vlgjm.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://w.wallhaven.cc/full/4v/wallhaven-4vlgjm.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; } }

.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; box-shadow: 1px  1px  10px 4px darkslategray, -1px -1px 10px 4px black; }

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

/** 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 **/ /** **/

/** Page background and border **/

/*.WikiaPageContentWrapper { background: linear-gradient(       rgba(244, 177, 66, .9),        rgba(196, 117, 60, .7)    ), url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b031e843-261f-4c12-b8d4-9755c7e21b7e/d8qebly-d1f6abbf-557e-4a04-8f69-28b13b018d7a.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvYjAzMWU4NDMtMjYxZi00YzEyLWI4ZDQtOTc1NWM3ZTIxYjdlXC9kOHFlYmx5LWQxZjZhYmJmLTU1N2UtNGEwNC04ZjY5LTI4YjEzYjAxOGQ3YS5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.eSmiCXiJvVCKEz0ks_cGshiV4aIVaCHZq5P2wQnUbg0); background-size: 65vw; background-attachment: fixed; background-position: center; }*/

.WikiaPageContentWrapper { background: linear-gradient(       rgba(234, 189, 115, .930),        rgba(207, 135, 83,  .940)    ), url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b031e843-261f-4c12-b8d4-9755c7e21b7e/d8qebly-d1f6abbf-557e-4a04-8f69-28b13b018d7a.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvYjAzMWU4NDMtMjYxZi00YzEyLWI4ZDQtOTc1NWM3ZTIxYjdlXC9kOHFlYmx5LWQxZjZhYmJmLTU1N2UtNGEwNC04ZjY5LTI4YjEzYjAxOGQ3YS5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.eSmiCXiJvVCKEz0ks_cGshiV4aIVaCHZq5P2wQnUbg0); background-size: 65vw; background-attachment: fixed; background-position: center; border: 6px ridge black; box-shadow: 8px 8px 13px 3px black, -8px -8px 13px 3px black; }

/** Replace list bullets with spinning ring GIFs **/

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

/** Category container **/

.CategorySelect.articlePage { background: radial-gradient(       ellipse at 70%,        maroon,        crimson    ); border: 6.5px ridge darksalmon; }

.CategorySelect.articlePage .container a { text-shadow: 1px 1px 1px black; color: khaki; }

.CategorySelect.articlePage .add { border: 3px solid rgb(47, 98, 109); background: khaki; border-radius: 5pt; }

/** 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, .7),        rgba(158, 149, 68, .7)    ), 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: 350px; }
 * 1) userProfileApp {

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

margin-top: 85px !important; background: indianred; border: 3px solid gold; border-bottom: 3px solid gold !important; border-radius: 5pt; margin: 30px; padding: 6px 4px; height: 25px; width: 145px; text-align: center; padding-bottom: 1px; transition: all linear 400ms; -ms-transition: all linear 400ms; -o-transition: all linear 400ms; -moz-transition: all linear 400ms; -webkit-transition: all linear 400ms; }
 * 1) userProfileApp .user-profile-navigation li {

.user-profile-navigation { border-bottom: none !important; }

border-bottom-color: darkslategray !important; background: orangered; }
 * 1) userProfileApp .user-profile-navigation li:hover {

.user-profile-navigation .is-active { background: maroon !important; opacity: .85 !important; }

opacity: 1; flex-grow: 0; align-items: center; line-height: .75; }
 * 1) userProfileApp .user-profile-navigation__link {

.user-identity-social__icon.wds-dropdown use { fill: gold; }

.user-identity-header__attributes h2 { font-family: 'Rubik'; font-weight: bold !important; text-shadow: 1px 1px 1px black; }

.user-identity-header__button { border: 3px groove black; border-color: black !important; border-radius: 5pt; color: black !important; background: goldenrod !important; }

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

.user-identity-bio { opacity: 1 !important; color: rgb(236, 236, 26); text-shadow: 2px 2px 2px black; }

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

.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: bold !important; border: 3px solid black; }

/** Infoboxes **/

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

/** Editor **/

.wikiEditor-ui-toolbar, .wikiEditor-ui .wikiEditor-ui-toolbar .sections .section, span.tab.tab-characters a { background: rgb(51, 46, 46) !important; }

.wikiEditor-ui .wikiEditor-ui-toolbar .sections .section div.index:nth-of-type(odd) div { color: gold !important; }

background: gold !important; }
 * 1) msupload-select {

.group-format .label, .group-insert .label { color: khaki !important; }

/** Special:MultipleActivity **/

background: rgba(166, 123, 44, .7) !important; }
 * 1) mw-content-text\ multipleActivity #ma_msContent div[style*="backdrop-filter"] {

color: darkslategray !important; }
 * 1) ma_msContent span[style*="cursor: help; color: gray"] {

/** Images **/

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

/*

@keyframes ImgHover { from { border-radius: 45pt; box-shadow: none; }   to { border-radius: 0pt; box-shadow: 3px 3px 3px 3px black; } }

@-o-keyframes ImgHover { from { border-radius: 45pt; box-shadow: none; }   to { border-radius: 0pt; box-shadow: 3px 3px 3px 3px black; } }

@-webkit-keyframes ImgHover { from { border-radius: 45pt; box-shadow: none; }   to { border-radius: 0pt; box-shadow: 3px 3px 3px 3px black; } }

@-moz-keyframes ImgHover { from { border-radius: 45pt; box-shadow: none; }   to { border-radius: 0pt; box-shadow: 3px 3px 3px 3px black; } }

article img { border-radius: 45pt; transition: all linear 400ms !important; -ms-transition: all linear 400ms !important; -o-transition: all linear 400ms !important; -moz-transition: all linear 400ms !important; -webkit-transition: linear 400ms !important; border: 4px groove orangered; }

img[src*="png"] { border: none; border-radius: 0pt; }

article img:not(img[src*="png"]):hover { border-radius: 0pt; box-shadow: 8px 8px 8px 8px inset black !important; animation: ImgHover linear 400ms; }

[id*="gallery"] .accent { background: none; border: none !important; border-radius: 0pt !important; padding: 4px; } */

/** 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; }

/** Removing recirculation rail from userpages as it is empty there but is still styled **/

[class*="User_"] #recirculation-rail { display: none; }

/** Making code blocks more readable **/

.mw-highlight pre { filter: contrast(125%) saturate(180%) !important; }

/** 	---	END General wiki styling ---

/** 	---	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(209, 46, 78) !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"] {

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

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

a.edit-info-user[href$="Withersoul_235"] { 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; }

.mw-highlight pre { background: lightgray; }

.mytools .tools-menu a { color: crimson !important; }