MediaWiki:Common.css

/* CSS placed here will be applied to all skins @import url('https://prg-fandom.github.io/fandom-asset/CSS/general.css'); @import url('https://prg-fandom.github.io/fandom-asset/CSS/custom.css'); @import url('https://prg-fandom.github.io/fandom-asset/CSS/override.css'); @import url('https://prg-fandom.github.io/fandom-asset/test/test.css'); /*@import url('https://prg-fandom.github.io/fandom-asset/CSS/infobox.css');*/

@import url("https://prg-fandom.github.io/fandom-asset/CSS/general.css"); @import url("https://prg-fandom.github.io/fandom-asset/CSS/custom.css"); @import url("https://prg-fandom.github.io/fandom-asset/CSS/override.css"); @import url("https://prg-fandom.github.io/fandom-asset/test/test.css");

@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); @import url("https://fonts.googleapis.com/css?family=Rubik&display=swap");

/* PAGE CONTENT MODIFICATIONS */ /* Head Transparency */ div#mw-page-base { background: none }

/* Body Transparency */ div.mw-body { background-color: RGBA(255, 255, 255, 0.7); color: #000000; }

/* Body Content Transparency */ div.mw-body-content { background-color: RGBA(255, 255, 255, 0.7); } table.mp-topbanner { background-color: RGBA(255, 255, 255, 0.7); }

/* PAGE CONTENT MODIFICATIONS END */

/* Default style for navigation boxes */ /* Taken from wikipedia:MediaWiki:Common.css */ .navbox {                    /* Navbox container style */ background-color: #f9f9f9; margin:0 auto; width: 100%; clear: both; text-align: center; border: 1px solid transparent; -moz-border-radius:10px; /* Firefox */ border-radius:10px; /* Chrome, Safari & Opera */ padding: 1px;     /* Prevent preceding content from clinging to navboxes */ } .navbox .navbox { margin-top: 0;           /* No top margin for nested navboxes */ } .navbox + .navbox { margin-top: -1px;        /* Single pixel border between adjacent navboxes */ } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-title, .navbox-abovebelow { text-align: center; background-color: #BFD7FF;    /* Level 1 color */ padding-left: 1em; padding-right: 1em; border: 1px solid transparent; -moz-border-radius:10px; /* Firefox */ border-radius:10px; /* Chrome, Safari & Opera */ } .navbox-group {            /* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; background: #BFD7FF;          /* Level 1 color */ border: 1px solid #BFD7FF;    /* Level 1 color */ -moz-border-radius:10px;      /* Firefox */ border-radius:10px;           /* Chrome, Safari & Opera */ } .navbox, .navbox-subgroup { background: #fdfdfd;     /* Background color */ } /* .navbox-list { line-height: 1.5em; border-color: #fdfdfd;   /* Must match background color } */ .navbox th, .navbox-title { background: #BFD7FF;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #D7E6FD;     /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #F2F7FF;    /* Level 3 color */ border-color: #D7E6FD;  /* Level 2 color */ } .navbox-even { background: #f7f7f7;     /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0;      /* Adjust hlist padding in navboxes */ }

/* Default styling for Navbar template */ /* Taken from wikipedia:MediaWiki:Common.css */ .navbar {                 /* Navbox template links */ font-size: 75%;       /* Default font-size */ font-weight: normal; } .navbox .navbar { font-size: 100%;      /* Font-size when nested within navbox */ } .roundborder { border: 1px solid #007FFF; -moz-border-radius:10px;      /* Firefox */ border-radius:10px;           /* Chrome, Safari & Opera */ } .navbar ul { display: inline; white-space: nowrap; } .mw-body-content .navbar ul { line-height: inherit; } .navbar li { word-spacing: -0.125em; } .navbar.mini li abbr[title] { font-variant: small-caps; border-bottom: none; text-decoration: none; cursor: inherit; } /* Navbar styling when nested in infobox and navbox */ .infobox .navbar { font-size: 100%; } .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; }

@media print { .navbox { display: none; } }

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in MediaWiki:Common.js are styled here so they can be customised. */ .collapseButton { /* @noflip */ float: right; font-weight: normal; /* @noflip */ margin-left: 0.5em; /* @noflip */ text-align: right; width: auto; }

/* Styling for JQuery makeCollapsible, matching that of collapseButton */ /* Taken from wikipedia:MediaWiki:Common.css */ .mw-collapsible-toggle { font-weight: normal; /* @noflip */ text-align: right; }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ /* Taken from wikipedia:MediaWiki:Common.css */ div.NavFrame { margin: 0; padding: 4px; border: 1px solid #a2a9b1; text-align: center; border-collapse: collapse; font-size: 95%; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 2px; /* @noflip */ float: left; } div.NavFrame div.NavHead { line-height: 1.6em; font-weight: bold; background-color: #ccf; position: relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle { position: absolute; top: 0; /* @noflip */ right: 3px; font-weight: normal; font-size: 90%; }

/* END Standard Navigationsleisten */

/* Navbar styling when nested in infobox and navbox */ /* Code copied from wikipedia:MediaWiki:Common.css */ .infobox .navbar { font-size: 100%; } .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; } /* END Navbar styling when nested in infobox and navbox */

/* Change blockquote to italics */ blockquote.em { font-style: italic; } blockquote.note { border: 1px dashed #ccf; padding: 5px; font-style: italic; font-size: 90%; }

/* Username highlighting */ /***bots***/ a[href="/wiki/User:"], a[href="/wiki/User:"] { color:#66AAFF !important; font-weight:bold !important; } /***bureaucrats and admins***/ a[href="/wiki/User:Nine"], a[href="/wiki/User:Nanami"], a[href="/wiki/User:WhipseringRain"], a[href="/wiki/User:"], a[href="/wiki/User:"] { color:#337800 !important; font-weight:bold !important; } /***content moderators***/ a[href="/wiki/User:"] { color:#6FA12E !important; font-weight:bold !important; } /* END Username highlighting */

body { /*font-family: 'Lato', sans-serif;*/ font-family: 'roboto'; background: #000000; }

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body udt { font-family: 'Lato', sans-serif !important; }

font-size: 1.4em !important; padding: 0 0.5em !important; }
 * 1) p-logo-text a.long {

background-image: url(TBA) !important; background-position: center center !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover !important; border-bottom: solid 4px #080808 !important; }
 * 1) mw-content-container {

background: black; background: rgba(255,255,255,0.9) !important; }
 * 1) mw-content {

background: #080808; }
 * 1) mw-footer-container {

.color-middle, .color-right, .color-left { background: #080808; }

.sidebar-chunk { background: white; background: rgba(248, 250, 255, 0.9) !important; }

.grid-container { display: grid; grid-auto-columns: 1fr; }

.filter-button-selected, .filter-button-selected:hover { background:#ccc; }

/** Spoiler CSS **/ .spoiler-text { filter: blur(5px); transition-property: -webkit-filter; transition-duration: .4s; } .spoiler-text:hover, .spoiler-text:focus { filter: blur(0px); }

.spoiler-img { filter: blur(15px); transition-property: -webkit-filter; transition-duration: .4s; } .spoiler-img:hover, .spoiler-img:focus { filter: blur(0px); }

/** Card CSS **/ .card { box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); margin: 0.5em; padding: 1em; border-radius: 8px; }

.card-header { font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em; background: linear-gradient(45deg, #b080808, transparent); padding: 0.25em .5em; }

.card table { width: 100%; border: none; }

.card table th { text-align: left; border: none; border-bottom: 1px solid #ccc; }

.card table td { text-align: right; border: none; border-bottom: 1px solid #ccc; }

table.half th, table.half td { width: 50%; }

.card table tr:last-of-type td, .card table tr:last-of-type th { border: none; }

/** Responsive Image **/ .res-img img { width: 100%; height: auto; }

/* CSS For No History Tabber (Template:Tab) */ .no-history-tabber-panel .oo-ui-optionWidget { color: black; font-family: Verdana, sans-serif; font-size: 12px; font-weight: 700; padding: 3px .5em; } .no-history-tabber-panel .oo-ui-optionWidget:hover { background-color: #e4e4e4 !important; } .no-history-tabber-panel .oo-ui-optionWidget.oo-ui-widget-enabled { border: 1px solid #e0e0e0; } .no-history-tabber-panel .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { border: 1px solid black; cursor: pointer; } .no-history-tabber-panel .oo-ui-tabOptionWidget .oo-ui-labelElement-label { border: 0 !important; margin: 0; padding: 0; line-height: normal; }

.no-history-tabber-panel .oo-ui-tabSelectWidget-framed { background-color: inherit; }

.no-history-tabber-panel .oo-ui-optionWidget { color: black; font-family: 'Lato',sans-serif !important; font-size: 14px; font-weight: 700; padding: 3px .5em; background: linear-gradient(to right, #d7e9fb 50%, white 50%); background-size: 200% 100%; background-position: right bottom; transition: all .25s ease-out; } .no-history-tabber-panel .oo-ui-optionWidget:hover { background-position: left bottom; } .no-history-tabber-panel .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { border: 1px solid #000; } /* End of No History Tabber CSS*/

/** Unit icon CSS **/ .icon-template { display: inline-block; text-align: center; padding: 3px; }

/** Cargo Tables **/ .cargoTable thead tr { background: #e2f2ff !important; border: 1px solid #d4d4d4; }

/** Notice Templates **/ .page-notice { padding: 0.25em 1em; background: #eee; margin:auto; max-width: 600px; border: 1px solid lightgray; border-left: 8px solid gray; }

/** Template:Page header **/ background-color: #4d4d4d; border: 1px solid skyblue; display: grid; grid-template-columns: repeat(3, 1fr); padding: 1em; }
 * 1) page-header {

grid-row: 1; text-align: left; align-self: center; }
 * 1) page-header-left {

grid-row: 1; text-align: right; align-self: center; }
 * 1) page-header-right {

grid-row: 1; text-align: center; font-weight: bold; font-size: 1.4em; }
 * 1) page-header-center {

font-size: 0.7em; }
 * 1) page-subheader-center {

/** Template:Info grid **/ .info-grid { display: grid; grid-auto-columns: 1fr; grid-gap: 0.5em; }

.info-grid-image { grid-row: 1; grid-column-start: 1; grid-column-end: 8; text-align: center; padding: 1em; margin: auto; }

.info-grid-image img { width: 100%; height: auto; }

.info-grid-general { grid-row: 1; text-align: center; grid-column-start: 8; grid-column-end: 13; padding: 1em; }

.info-grid-general .wikitable { width: 80%; }

/**Custom wikitable used on the Enemies page**/ table.wikitable-custom1 { text-align: center; border-collapse: collapse; table-layout:fixed; } table.wikitable-custom1 th { height: 40px; background-color: #6A686E; font-weight: normal; font-size: 17px; border: #666666 5px solid; } table.wikitable-custom1 td { height: 200px; border: #666666 3px solid; border-top: 1px solid #fff; } table.wikitable-custom1 tfoot td { font-size: 11px; border: #666666 3px solid; } table.wikitable-custom1 tbody td { background: url('https://static.miraheze.org/pgrwiki/0/00/Wiki-Background-EnemyCellNew.png'); background-position: center; height: 200px; width: 200px; z-index: 1; border: #666666 3px solid; } table.wikitable-custom1 tbody:hover td:hover { filter: invert(15%); } .enemyIcon { size: 120px; position: center; z-index: 2; } .enemyIconBackground { background: url('https://static.miraheze.org/pgrwiki/0/00/Wiki-Background-EnemyCellNew.png'); background-position: center; height: 200px; width: 200px; z-index: 1; } .enemyIconBackground:hover { filter: invert(80%); } span.fontWhite a { color: white; }

@media screen and (max-width: 768px) { .info-grid-image { grid-row: 1; grid-column-start: 1; grid-column-end: 13; }	.info-grid-general { grid-row: 2; grid-column-start: 1; grid-column-end: 13; } }

/* One-sided navigation menu */ /* One-sided navigation menu */ @media (min-width: 1340px) { #mw-content-block { display: grid; grid-template-rows: max-content; } #mw-content, #content-bottom-stuff { margin-left: 14em; } #mw-content-wrapper { grid-row-start: 1; grid-row-end: 99; grid-column: 1; order: unset; } #mw-site-navigation { grid-row: 1; grid-column: 1; order: unset; } #mw-related-navigation { grid-row: 2; grid-column: 1; width: 14em; padding: 0 1em 0 0; order: unset; } div.color-middle { margin-right: 0; } }

/* Re-aligning bottom logos */
 * 1) footer { padding-right: 1em; }

@import url('https://prg-fandom.github.io/fandom-asset/CSS/custom.css');

.mw-editsection { display: none; }

background-color: #161525; }
 * 1) mw-header-container {

color: white; }
 * 1) mw-header-container div{

color: white; }
 * 1) mw-header-container #p-banner {

filter: invert(100%); }
 * 1) pt-notifications-alert .oo-ui-icon-bell {

filter: invert(100%); }
 * 1) pt-notifications-notice .oo-ui-icon-tray {

color: black; }
 * 1) pt-notifications-alert .mw-echo-notifications-badge::after,
 * 2) pt-notifications-notice .mw-echo-notifications-badge::after{

div.color-left { background-color: #C2185E; }

div.color-middle,div.color-right { background-color: white; }

color: black; }
 * 1) p-personal-label {

display: flex; }
 * 1) mw-content-block {

order:1; margin-right:0em; flex:0 0 225px; }
 * 1) mw-site-navigation {

order: 2; margin-top: 1em; margin-right: 1em; }
 * 1) mw-content-wrapper {

width: 100%; }
 * 1) mw-content-wrapper ##mw-content {

order: 3; width: 100%; flex:0 0 225px; }
 * 1) mw-related-navigation {

@media only screen and (min-width: 1340px){ margin-left: 0; } }
 * 1) mw-content, #content-bottom-stuff {

.mw-wiki-logo { background-position: center center; background-size: auto 165px; }

background:url("https://cdn.discordapp.com/attachments/706303943378075718/875700992648310805/TrialBg2.png"),transparent !important; background-position:center center !important; background-attachment:fixed !important; background-repeat:no-repeat !important; background-size:cover !important; background-color: transparent !important; }
 * 1) mw-content-container {

color: #fcfcfc; background-color: transparent !important; }
 * 1) mw-content-container .sidebar-chunk {

color:#fcfcfc; background-color:rgba(12, 18, 45, 0.55) !important }
 * 1) mw-content-container #mw-content {

border:2px solid black; font-family: "roboto condensed"; }
 * 1) mw-content {

background-color: transparent !important; }
 * 1) mw-content div {

color: #fcfcfc; }
 * 1) mw-content-container div {

display: none; }
 * 1) mw-related-navigation {

display: none; }
 * 1) p-navigation {

display: none; }
 * 1) site-tools {

border:none; }
 * 1) mw-site-navigation .sidebar-chunk {

/*************************************************************************/ /* Custom article and header /*************************************************************************/

.custom-article_1 { margin-left: 5px; margin-right: 5px; display: flex; text-align: justify; }

.custom-article_1 .floatnone { padding-bottom: 10px; }

.custom-article_1 .ca_L { margin-right: 20px; width: auto; }

.custom-article_1 .ca_R { margin-right: 20px; width: auto; }

.custom-article_1 .ca_L-w50 { margin-right: 20px; width: 50%; }

.custom-article_1 .ca_R-w30 { margin-left: 20px; width: 30%; }

.custom-article_1 .ca_R-w35 { margin-left: 20px; width: 35%; }

.custom-article_1 .ca_R-w40 { margin-left: 20px; width: 40%; }

.custom-article_1 .ca_R-w45 { margin-left: 20px; width: 45%; }

.custom-article_1 .ca_R-w50 { margin-left: 20px; width: 50%; }

.custom-article_1 .ca_R-w55 { margin-left: 20px; width: 55%; }

.custom-article_1 .ca_R-w60 { margin-left: 20px; width: 60%; }

.custom-article_1 .ca_R-w65 { margin-left: 20px; width: 65%; }

.custom-article_1 .ca_R-w70 { margin-left: 20px; width: 70%; }

.custom_header_article { font-family: helvetica; }

.custom_header_article h2 { font-family: "roboto condensed"; margin-top: -5px; font-weight: 900; font-size: 24px; border-bottom: 0px solid var(--theme-border-color); }

.custom_header_article .page-content h2 { border-bottom: 0px solid var(--theme-border-color); }

.mw-underline-always a { color: red; }

.mw-underline-always a:visited { color: #ad410e; }

width: 40%; margin: auto; }
 * 1) searchform {

body { margin-bottom: -1%; background: tranparent !important; }

display: none; }
 * 1) mw-header-hack {

display: none; }
 * 1) ca-ve-edit {

display: none; }
 * 1) ca-cargo-purge {

color:#ffc62d; text-shadow: 1px 1px 1px #392709; display:inline-block; }
 * 1) mw-content a,
 * 2) mw-content a:visited {

.striped_row tr:nth-child(even) { background-color: rgba(10,30,60,0.1); }

/***************************************************************************/

margin-top: -1.8em; }
 * 1) p-Menu {

display: none; }
 * 1) p-Menu-label {

width: 100% !important; text-align: center; background-image: url("https://cdn.discordapp.com/attachments/887726034412249160/887752045371748352/asset1.png"); background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; cursor: pointer; }
 * 1) n-Characters,
 * 2) n-Items,
 * 3) n-Memories,
 * 4) n-Enemies,
 * 5) n-Gameplay,
 * 6) n-Guide {

background-image: url("https://cdn.discordapp.com/attachments/887726034412249160/887752100992385124/asset5.png"); }
 * 1) n-Characters:hover,
 * 2) n-Items:hover,
 * 3) n-Memories:hover,
 * 4) n-Enemies:hover,
 * 5) n-Gameplay:hover,
 * 6) n-Guide:hover {

color: white; font-size: 20px; font-family: "roboto condensed"; }
 * 1) n-Characters span,
 * 2) n-Items span,
 * 3) n-Memories span,
 * 4) n-Enemies span,
 * 5) n-Gameplay span,
 * 6) n-Guide span {

margin-bottom: 0.8em; }
 * 1) p-Menu #n-Characters,
 * 2) p-Menu #n-Items,
 * 3) p-Menu #n-Memories,
 * 4) p-Menu #n-Enemies,
 * 5) p-Menu #n-Gameplay,
 * 6) p-Menu #n-Guide {