MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Imports must be placed at the top of this page. */ /** Fonts: 'Roboto Slab', 'Josefin Sans', 'Limelight', and 'RitzyRemixNF' **/ @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;700&family=Josefin+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Limelight&display=swap');

@font-face { src: url("https://raw.githack.com/E-L-G/Test/master/ritzyremixnf.ttf"); font-family: 'RitzyRemixNF'; }

/* Custom properties */
 * root {

--SGborder-solid: 2px solid; --SGborder-outset: 2px outset; --SGbg-black: black; --SGbg-gray1: #0A0A0A; /** Darker gray **/ --SGbg-gray2: #0F0F0F; /** Lighter gray **/ --SG-red1: #411414; /** Darker red **/ --SG-red2: #601e1e; --SG-red3: #9e2a2a; /** Lighter red **/ --SG-beige1: #ad9d71; /** Dark beige **/ --SG-beige2: #cfcbae; /** Light beige **/ }

/* Custom scroll bar */

/* Custom text selection */
 * selection {

background-color: #fe57a1; color: white; text-shadow: none; }
 * -moz-selection {

background-color: #fe57a1; color: white; text-shadow: none; }

/* Custom links */

/* Wiki */ /** Wiki body **/ body, body.skin-fandomdesktop { font-family: 'Roboto Slab'; }

/** Wiki navigation header **/ .wds-community-header__sitename a, .fandom-community-header .fandom-community-header__community-name-wrapper a { font-family: 'RitzyRemixNF'; font-weight: normal; text-transform: lowercase; }

.wds-community-header .wds-tabs .wds-tabs__tab-label span, .fandom-community-header .fandom-community-header__local-navigation .first-level-item a span { font-family: 'Josefin Sans'; }

/* Article title */ .page-header__title { font-family: 'Limelight'; font-weight: normal; color: #f5e56f; text-shadow: 0px 0px 5px #ff5f00; }

/* Custom boxes */ .SGbox { background-color: var(--SGbg-black); padding: 2px; }

.SGbox, table.SGtable1 { border: var(--SGborder-solid) var(--SG-red2); }

table.SGtable2 { border: var(--SGborder-outset) var(--SG-beige1); }

/** Custom box headers **/ .SGbox h2, .SGbox h3 { border: 0; color: white; font-family: 'Josefin Sans'; font-weight: 500; margin: 0; padding: 8px 5px 5px; text-align: center; } .SGbox h2 { background-color: var(--SG-red2); font-size: 20px; } .SGbox h3 { background-color: var(--SGbg-gray2); } .SGbox h2 ~ h3 { margin-top: 2px; } /** Custom box gallery tag **/ .SGbox .wikia-gallery { background-color: var(--SGbg-gray1); margin: 2px 0; } .SGbox .wikia-gallery:last-of-type { margin-bottom: 0; }

/** Custom box tabbers **/ .SGbox .wds-tabber .with-bottom-border { border: 0; padding-bottom: 2px; } .SGbox .wds-tabber .wds-tabs { align-items: stretch; } .SGbox .wds-tabber .wds-tabs .wds-tabs__tab { display: flex; flex-shrink: 1; justify-content: center; margin: 0 2px 0 0; overflow: hidden; padding: 7px 5px 5px; width: 100%; } .SGbox .wds-tabber .wds-tabs .wds-tabs__tab:last-child { margin-right: 0; } .SGbox .wds-tabber .wds-tabs .wds-tabs__tab.wds-is-current { box-shadow: none; } .SGbox .wds-tabber .wds-tabs .wds-tabs__tab .wds-tabs__tab-label { height: auto; margin: 0; white-space: normal; } .SGbox .wds-tabber .wds-tabs .wds-tabs__tab .wds-tabs__tab-label a { background-color: var(--SG-red1); color: white; font-family: 'Josefin Sans'; margin: -20em; padding: 20em; text-decoration: none; text-transform: uppercase; transition: 0.2s; } .SGbox .wds-tabber .wds-tabs .wds-tabs__tab .wds-tabs__tab-label a:hover { background-color: var(--SG-red2); } .SGbox .wds-tabber .wds-tabs .wds-tabs__tab.wds-is-current .wds-tabs__tab-label a { background: var(--SG-red3); }

/* Portable infoboxes */ .portable-infobox.pi-theme-SG { background-color: var(--SGbg-black); border: var(--SGborder-outset) var(--SG-beige1); padding: 2px 2px 0 2px; border-radius: 0; } .portable-infobox.pi-theme-SG .pi-item-spacing.pi-title { background: linear-gradient(var(--SG-beige1), var(--SG-beige2)); color: black; font-family: 'Josefin Sans'; font-weight: bold; padding: 8px 5px 5px; text-align: center; font-size: 20px; }

.portable-infobox.pi-theme-SG .pi-smart-group .pi-data-value { font-weight:bold; }

.portable-infobox.pi-theme-SG .pi-title.pi-item-spacing, .portable-infobox.pi-theme-SG .pi-smart-group .pi-data-value, .portable-infobox.pi-theme-SG .pi-group[data-item-name="seealso"] .pi-header { margin-top: 0; }

.portable-infobox.pi-theme-SG .pi-image { margin-bottom: 2px; }

.portable-infobox.pi-theme-SG .pi-image a img { border: var(--SGborder-outset) var(--SG-beige2); box-sizing: border-box; background-color: var(--SGbg-gray1); }

.portable-infobox.pi-theme-SG .pi-item-spacing { margin: 2px 0; padding: 0; }

.portable-infobox.pi-theme-SG .pi-caption { background-color: var(--SGbg-gray1); text-align: center; color: var(--theme-page-text-color); }

.portable-infobox.pi-theme-SG .pi-group .pi-data:nth-child(even) .pi-data-value, .portable-infobox.pi-theme-SG .pi-horizontal-group .pi-data-value:nth-child(odd), .portable-infobox.pi-theme-SG .pi-smart-group .pi-data-value:nth-child(odd) { background-color: var(--SGbg-gray1); }

.portable-infobox.pi-theme-SG .pi-data:nth-child(odd) .pi-data-value, .portable-infobox.pi-theme-SG .pi-horizontal-group .pi-data-value:nth-child(even), .portable-infobox.pi-theme-SG .pi-smart-group .pi-data-value:nth-child(even) { background-color: var(--SGbg-gray2); }

.portable-infobox.pi-theme-SG .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .portable-infobox.pi-theme-SG .pi-smart-group .pi-smart-data-label:not(:first-child), .portable-infobox.pi-theme-SG .pi-smart-group .pi-smart-data-value:not(:first-child) { border-left: var(--SGborder-solid) var(--SGbg-black); }

.portable-infobox.pi-theme-SG .pi-data, .portable-infobox.pi-theme-SG .pi-group, .portable-infobox.pi-theme-SG .pi-smart-group { border: 0; }

.portable-infobox.pi-theme-SG .pi-secondary-font, .portable-infobox.pi-theme-SG .pi-font, .portable-infobox.pi-theme-SG .pi-caption { padding: 5px; }

.portable-infobox.pi-theme-SG .pi-header { background-color: var(--SG-beige1); color: black; font-family: 'Josefin Sans'; padding-top: 7px; text-align: center; text-transform: uppercase; }

.portable-infobox.pi-theme-SG .pi-data-label { background-color: var(--SG-beige2); color: black; margin-bottom: 0; margin-right: 2px; }

.portable-infobox.pi-theme-SG .pi-group[data-item-name="subtitle"] .pi-horizontal-group { table-layout: auto; }

.portable-infobox.pi-theme-SG .pi-horizontal-group .pi-data-value[data-item-name="subtitle"] { color: white; font-family: 'Josefin Sans'; font-size: 18px; padding-top: 7px; text-shadow: 0 0 2.5px #f5e56f; vertical-align: middle; width: 100%; }

.portable-infobox.pi-theme-SG .pi-group[data-item-name="seealso"] .pi-data-value { font-family: 'Josefin Sans'; font-size: 14px; vertical-align: middle; padding-top:7px; }

.portable-infobox.pi-theme-SG .pi-caption { color: var(--theme-page-text-color); }

.portable-infobox.pi-theme-SG .pi-collapse.pi-group .pi-header:first-child:after { border-color: black; }

.portable-infobox.pi-theme-SG .pi-group.pi-collapse .pi-group .pi-header:first-child:after { content: none; }

/** Fix **/ .portable-infobox.pi-theme-SG .pi-data { grid-column-gap: 0; }

/* Tables */ table.SGtable1, table.SGtable2 { background-color: var(--SGbg-black); width: 100%; }

table.SGtable1 th, table.SGtable2 th, table.SGtable1 td, table.SGtable2 td { padding: 5px; }

table.SGtable1 th { background-color: var(--SG-red2); color: white; }

table.SGtable2 th { background-color: var(--SG-beige2); color: black; }

table.SGtable1 tr:nth-child(odd), table.SGtable2 tr:nth-child(odd) { background-color: var(--SGbg-gray1); }

table.SGtable1 tr:nth-child(even), table.SGtable2 tr:nth-child(even) { background-color: var(--SGbg-gray2); }

/* Template:H:title */ .htitle { cursor: help; border-bottom: 1px dotted; }

.htitlenodot { cursor: help; }

/* Gallery tag */ .wikia-gallery .thumb .gallery-image-wrapper { border-color: var(--SG-beige1); }

.wikia-gallery-border-small .thumb .gallery-image-wrapper, .wikia-gallery-border-medium .thumb .gallery-image-wrapper, .wikia-gallery-border-large .thumb .gallery-image-wrapper { background-color: var(--SGbg-gray1); }

.wikia-gallery-border-medium .thumb .gallery-image-wrapper, .wikia-gallery-border-large .thumb .gallery-image-wrapper { border-style: outset; }

.wikia-gallery-caption-below .lightbox-caption { color: var(--theme-page-text-color); }

/* Modules */ /** New images module **/ .photo-module-preview > img, .photo-module-placeholder > svg path, .photo-module-preview > img, .photo-module-placeholder > svg polygon { fill: white; }

/* Background color of preview pages like .css and .js */ .WikiaMainContent pre { background-color: var(--SGbg-black); }

/* Making QuickDiff readable */ .qdmodal-container .qdmodal { background-color: #555; } .qdmodal-container .qdmodal .diff-deletedline, .qdmodal-container .qdmodal .diff-addedline { background-color: #eee; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

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

/* Unique user icons */ /** Founder and admin standard icon **/ a[href="/wiki/User:Zombiekiller14"]:after, a[href="/wiki/User:Magister_Xa"]:after, a[href="/wiki/User:SansProtocol"]:after, a[href="/wiki/User:Solxbaiken"]:after { content: ""; background: url(https://images.wikia.nocookie.net/skullgirls/images/thumb/d/da/8BOMB_steam_emoticon.png/16px-8BOMB_steam_emoticon.png) 4px 0 no-repeat; padding: 0 10px; } /** Custom icons (users with the standard icon can change theirs here!) **/ a[href="/wiki/User:Evacino"]:after { content: ""; background: url(https://images.wikia.nocookie.net/skullgirls/images/thumb/1/15/MSFORTUNE_steam_emoticon.png/16px-MSFORTUNE_steam_emoticon.png) 4px 0 no-repeat; padding: 0 10px; } a[href="/wiki/User:CrimSumiC"]:after { content: ""; background: url(https://images.wikia.nocookie.net/skullgirls/images/thumb/b/bf/SKULLHEART_steam_emoticon.png/16px-SKULLHEART_steam_emoticon.png) 4px 0 no-repeat; padding: 0 10px; } /** Fix for Blog:Recent_posts, User_blog: subpages and Special:Community **/ .page-header__subtitle-blog-post a:not(.page-header__blog-post-details > a):after,

.wds-avatar a[href="/wiki/User:Zombiekiller14"]:after, a[href="/wiki/User:Zombiekiller14"].blog-listing__user-avatar:after,

.wds-avatar a[href="/wiki/User:Magister_Xa"]:after, a[href="/wiki/User:Magister_Xa"].blog-listing__user-avatar:after,

.wds-avatar a[href="/wiki/User:SansProtocol"]:after, a[href="/wiki/User:SansProtocol"].blog-listing__user-avatar:after,

.wds-avatar a[href="/wiki/User:Solxbaiken"]:after, a[href="/wiki/User:Solxbaiken"].blog-listing__user-avatar:after,

.wds-avatar a[href="/wiki/User:Evacino"]:after, a[href="/wiki/User:Evacino"].blog-listing__user-avatar:after,

.wds-avatar a[href="/wiki/User:CrimSumiC"]:after, a[href="/wiki/User:CrimSumiC"].blog-listing__user-avatar:after { content: none; }

a[data-tracking="top-contributors-avatar-username"]:after, a[data-tracking="top-admins-avatar-username"]:after { content: none !important; }

/* User pages */ /** User header **/ color: #d8ffff; font-family: 'Josefin Sans'; text-shadow: 0 0 5px #147679; }
 * 1) userProfileApp .user-identity-header .user-identity-header__attributes > h1 {