/* CSS placed here will be applied to all skins */ /* Allow limiting of which header levels are shown in a TOC;
showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul {
display: none;
}
@import url('https://fonts.googleapis.com/css?family=Roboto'); font-family: 'Roboto', sans-serif;
.caption { font-weight: normal; line-height: 1.0em; }
div.columns2 { column-count: 2; -moz-column-count:2; -webkit-column-count:2; } div.columns3 { column-count: 3; -moz-column-count:3; -webkit-column-count:3; } div.columns4 { column-count: 4; -moz-column-count:4; -webkit-column-count:4; } div.columns li, div.columns dd dd {
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column;
}
/* -------------------------
General Text Styling
*/
/* generic links */ a {
color:var(#1976d2);
} a:visited {
color:var(#1976d2);
} .mw-parser-output a.external:visited {
color:var(#1976d2);
} .mw-parser-output a.external {
color:var(#1976d2);
}
/* mediawiki main body */ .mw-body {
line-height:1.57143; color:#030303; background-color:var(#f9f9f9);
}
/* mediawiki sidebar */ .mw-panel {
background-color:var(#fafafa); font-weight: 400; font-size: 1.4rem; line-height: 2.1rem; color:#030303;
}
/* ----------------------------
Resizeable image maps
*/
/* Resizable GBVS Imagemap */ img[alt="GBVS CharSelect.png"] {
transform-origin: center left;
}
@media (max-width: 1800px) {
img[alt="GBVS CharSelect.png"] { transform: scale(0.9); }
}
@media (max-width: 1600px) {
img[alt="GBVS CharSelect.png"] { transform: scale(0.8); }
}
@media (max-width: 1366px) {
img[alt="GBVS CharSelect.png"] { transform: scale(0.58); }
}
@media (max-width: 1280px) {
img[alt="GBVS CharSelect.png"] { transform: scale(0.5); }
}
@media (max-width: 989px) {
img[alt="GBVS CharSelect.png"] { transform: scale(0.72); }
} /* end GBVS resizable imagemap */
/* Resizable GGACR Imagemap */ img[alt="GGACR Roster.png"] {
transform-origin: center left;
}
@media (max-width: 1428px) {
img[alt="GGACR Roster.png"] { transform: scale(0.9); }
}
@media (max-width: 1366px) {
img[alt="GGACR Roster.png"] { transform: scale(0.85); }
}
@media (max-width: 1280px) {
img[alt="GGACR Roster.png"] { transform: scale(0.75); }
}
@media (max-width: 989px) {
img[alt="GGACR Roster.png"] { transform: scale(0.9); }
} /* end GGACR resizable imagemap */
/* Resizable GGXRD-R2 Imagemap */
img[alt="GGXRD-R2_Roster.png"] {
transform-origin: center left;
}
@media (max-width: 1366px) {
img[alt="GGXRD-R2_Roster.png"] { transform: scale(0.85); }
}
@media (max-width: 1280px) {
img[alt="GGXRD-R2_Roster.png"] { transform: scale(0.75); }
} /* end GGXRD-R2 resizable imagemap */
/* move collapsible element indicator to the left
- /
.mw-collapsible span.mw-collapsible-toggle {
float:left; margin-left:0; margin-right:1em;
}
/* ------------------------- Alternating table row colors
*/
/* Odd rows for any table with "stripe" class */ table.stripe tr:nth-child(odd) {
background-color: var(#fafafa);
}
/* Even rows for any table with "stripe" class */ table.stripe tr:nth-child(even) {
background-color: #f1f1f1;
}
/* Odd set of 2 rows (for colors table) */
table.colors-table.stripe tr:nth-child(4n),
table.colors-table.stripe tr:nth-child(4n-1) {
background-color: var(#fafafa);
}
/* Even set of 2 rows (for colors table) */ table.colors-table.stripe tr:nth-child(4n-2), table.colors-table.stripe tr:nth-child(4n-3) {
background-color: #f1f1f1;
} /* end stripe */
/* -------------------------
Text colors
*/
.text-color--1 { /* Guilty Gear P button */
color: #d96aca;
} .text-color--2 { /* Guilty Gear K button */
color: #1f8ccc;
} .text-color--3 { /* Guilty Gear S button */
color: #009e4e;
} .text-color--4 { /* Guilty Gear H button */
color: #de1616;
} .text-color--5 { /* Guilty Gear D button */
color: #e8982c;
}
.text-color--6 { /* very easy difficulty combo*/
color: #3197d3;
} .text-color--7 { /* medium difficulty combo*/
color: #e49f48;
} .text-color--8 { /* very hard difficulty combo*/
color: #b769c4;
}
.text-color--added {
background-color: LemonChiffon; border-radius: 4px; font-size: 0.8em; font-weight: 700; padding: 2px;
} .text-color--new {
background-color: PeachPuff; border-radius: 4px; font-size: 0.8em; font-weight: 700; padding: 2px;
} .text-color--removed {
background-color: Lavender; border-radius: 4px; font-size: 0.8em; font-weight: 700; padding: 2px;
} .text-color--reworked {
background-color: LightBlue; border-radius: 4px; font-size: 0.8em; font-weight: 700; padding: 2px;
} .text-color--buff {
background-color: DarkSeaGreen; border-radius: 4px; font-size: 0.8em; font-weight: 700; padding: 2px;
} .text-color--nerf {
background-color: LightPink; border-radius: 4px; font-size: 0.8em; font-weight: 700; padding: 2px;
} /* end text-colors */
/* -------------------------
Tooltip CSS from gbf.wiki
*/
/* Tooltip */ .tooltip {
position: relative; display: inline; border-bottom: 1px dotted black;
}
.tooltiptext {
visibility: hidden; min-width: 250px; padding: 12px 14px;
position: absolute; left: 50%; bottom: calc(20px + 100%); z-index: 99999;
background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); border: 1px solid #a2a9b1; border-radius: 2px;
white-space: normal; font-weight: normal; font-style: initial; text-align: center; font-size: 14px; font-variant: initial; line-height: 1.6;
}
.tooltiptext:after, .tooltiptext:before {
content: ; position: absolute; left: 50%; border-style: solid;
}
.tooltiptext:after {
top: 100%; bottom: auto; width: 20px; height: 20px; background: #fff; margin-top: -10px; margin-left: -10px; box-shadow: 1px 1px 0px #a2a9b1; transform: rotate(45deg); border-width: 0;
}
.tooltiptext:before {
top: 100%; bottom: auto; border-width: 18px; margin-left: -18px; border-color: rgba(0,0,0,0.15) transparent transparent transparent; pointer-events: none;
}
.tooltip .tooltip .tooltiptext, .header-fixed-helper .tooltip .tooltiptext {
bottom: auto; top: calc(20px + 100%);
}
.tooltip .tooltip .tooltiptext:after, .header-fixed-helper .tooltip .tooltiptext:after {
top: auto; bottom: 100%; border-width: 15px; margin-left: -15px; border-color: transparent transparent white transparent; width: 0; height: 0; box-shadow: none; background: none; transform: none;
}
.tooltip .tooltip .tooltiptext:before, .header-fixed-helper .tooltip .tooltiptext:before {
top: auto; bottom: 100%; border-width: 16px; margin-left: -16px; border-color: transparent transparent #888 transparent;
}
.tooltiptext span.hr {
display: block; height: 1px; background-color: #a2a9b1;
}
.tooltiptext hr, .tooltiptext span.hr {
margin: 10px 0 12px; position: relative; background: none;
}
.tooltiptext hr:after, .tooltiptext span.hr:after {
content: ; display: block; width: 100%; height: 1px !important; position: absolute; left: -14px; background: #a2a9b1; padding: 0 14px;
}
.tooltip:hover > .tooltiptext, .tooltip.hover > .tooltiptext {
visibility: visible;
}
.tooltiptext {
opacity: 0; transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease; transform: translate(-50%, 8px);
}
.tooltip .tooltip .tooltiptext, .header-fixed-helper .tooltip .tooltiptext {
transform: translate(-50%, -8px);
}
.tooltip:hover > .tooltiptext, .tooltip.hover > .tooltiptext {
opacity: 1; transition-delay: 0s; transform: translate(-50%, 0);
}
.tooltiptext a { color: #0645ad; border-bottom: 0; } .tooltiptext a:visited { color: #0b0080; } .tooltiptext a:active { color: #faa700; } .tooltiptext a:hover, a:focus { text-decoration: underline; } .tooltiptext { color: #252525; } .tooltiptext a.new { color: #ba0000; }
/* Remove .mw-body-content stacking context so the tooltip can
overlap with elements outside content area and be shown properly */
.mw-body-content { z-index: auto; }
.flow-post .flow-post-content {
overflow: visible;
}
/* Tooltip End */
/* ---------
FP Box
*/
/* this CSS governs the responsive 2 column main page layout */ .fpcontent {
width: 100%; display: inline-block; /* overflow: hidden; */ overflow: visible !important; z-index: 1;
}
.fpmaybecols {
overflow: hidden; margin: -5px 0 -5px 0;
}
.fpmaybecols + .fpmaybecols {
margin: 0 0 -5px 0;
}
.fpbox {
background-color: white; border: 1px solid #454545; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
}
.fpplainbox {
padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top;
}
.fpbox .welcome {
border-bottom: 1px solid #454545; font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; text-align: center;
}
.fpbox .heading {
border-bottom: 1px solid #454545; font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0;
}
.fpbox .heading .smalllink {
font-size: 75%; font-weight: 500;
}
.fpbox hr {
border: none; border-bottom: 1px solid #454545;
}
.fplinks {
margin: -5px;
}
.fplinks .linkslabel {
background: rgba(0, 0, 0, 0); border-bottom: 2px solid #454545; margin: 15px 5px 5px 5px; padding: 0 0 5px 0;
}
.fplink {
display: inline-block; vertical-align: middle; width: 100%;
}
.fplink a {
color: #f5f5f5;
} .fplink a.external {
color: #f5f5f5;
} .fplink a.external:visited {
color: #f5f5f5;
} .fplink a:visited {
color: #f5f5f5;
}
/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */ .fplink .box {
border-collapse: separate; border-spacing: 5px; display: table; width: 100%;
}
.fplink .box .row {
display: table-row;
}
.fplink .box .row .cell {
background: #262626; background-image: -moz-linear-gradient(center top, #454545 0%, #2e2d2d 100%); background-image: -webkit-gradient(linear, center top, left bottom, color-stop(0%,#454545), color-stop(100%,#2e2d2d)); background-image: -webkit-linear-gradient(top, #454545 0%, #2e2d2d 100%); background-image: -o-linear-gradient(top, #454545 0%, #2e2d2d 100%); background-image: -ms-linear-gradient(top, #454545 0%, #2e2d2d 100%); background-image: linear-gradient(to bottom, #454545 0%, #2e2d2d 100%); border: 1px solid #2e2d2d; border-radius: 4px; color: #fff; display: table-cell; padding: 0 6px; position: relative; text-align: center; vertical-align: middle;
}
.fplink.wide .box .row .cell {
padding: 0 5px;
}
- fptopsection .fplink.image,
- fpflexsection .fplink.image,
- fpbottomsection .fplink.image
height: 114px;{ width: 114px;
}
.fplink.image .box .row .cell {
height: 100px; width: 100px; vertical-align: bottom;
}
.fplink.image .box .row .cell .image img {
height: 100px; width: 100px;
}
@media (min-width: 470px) {
.fplink { width: 50%; }
.fplink.wide { width: 100%; }
}
@media (min-width: 580px) {
.fplink { width: 33.333%; }
.fplink.wide { width: 66.666%; }
}
@media (min-width: 690px) {
.fplink { width: 25%; }
.fplink.wide { width: 50%; }
}
@media (min-width: 800px) {
.fplink { width: 20%; }
.fplink.wide { width: 40%; }
}
@media (min-width: 910px) {
.fplink { width: 16.666%; }
.fplink.wide { width: 33.333%; }
}
@media (min-width: 990px) {
.fpcontent { padding-right: 520px; width: auto; }
#fptopsection { float: left; width: 100%; }
#fpflexsection { float: right; width: 520px; margin-right: -520px }
#fpbottomsection { float: left; width: 100%; margin-top: -5px; }
#fptopsection .fplink, #fpbottomsection .fplink { width: 50%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 100%; }
#fpflexsection .fplink { width: 25%; }
#fpflexsection .fplink.wide { width: 50%; }
}
@media (min-width: 1100px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 33.333%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 66.666%; }
}
@media (min-width: 1210px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 25%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 50%; }
}
@media (min-width: 1320px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 20%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 40%; }
}
@media (min-width: 1430px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 16.666%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 33.333%; }
.fplink a { padding: 3px 5px; color: #f5f5f5; } .fplink a:visited { color: #f5f5f5; } .fplink a:.external { color: #f5f5f5; } .fplink a.external:visited { color: #f5f5f5; }
}
@media (min-width: 1540px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 14.285%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 28.571%; }
#fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox { background-image: none; }
.fpmaybelcol { float: left; width: 70.886%; }
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 20%; }
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 40%; }
.fpmaybercol { float: right; width: 29.113%; }
#fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 50%; }
#fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 100%; }
}
@media (min-width: 1650px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 12.5%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 25%; }
}
@media (min-width: 1697px) {
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 16.666%; }
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 33.333%; }
}
@media (min-width: 1760px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 11.111%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 22.222%; }
}
@media (min-width: 1850px) {
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 14.285%; }
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 28.571%; }
}
@media (min-width: 1870px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 10%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 20%; }
#fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 134px; height: 134px; }
#fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 120px; height: 120px; }
#fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 120px; height: 120px; }
}
@media (min-width: 1918px) {
#fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 33.333%; }
#fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 66.666%; }
}
@media (min-width: 1980px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 9.09%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 18.181%; }
}
@media (min-width: 2006px) {
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 12.5%; }
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 25%; }
}
@media (min-width: 2090px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 8.33%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 16.666%; }
}
@media (min-width: 2161px) {
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 11.111%; }
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 22.222%; }
}
@media (min-width: 2200px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 7.692%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 15.384%; }
}
@media (min-width: 2296px) {
#fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink { width: 25%; }
#fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide { width: 50%; }
}
@media (min-width: 2310px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 7.142%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 14.285%; }
}
@media (min-width: 2316px) {
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink { width: 10%; }
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide { width: 20%; }
}
@media (min-width: 2420px) {
#fptopsection .fplink, #fpbottomsection .fplink { width: 6.666%; }
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide { width: 13.333%; }
.fplink a { padding: 5px 5px; }
#fptopsection .fplink.image, #fpbottomsection .fplink.image { width: 164px; height: 164px; }
#fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell { width: 150px; height: 150px; }
#fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img { width: 150px; height: 150px; }
}
.fplink.image .image {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 75%; z-index: 1;
}
.fplink.image a {
z-index: 2;
}
.fplink a {
display: block; position: relative; top: 0; right: 0; bottom: 0; left: 0; padding: 1px 5px;
}
.fplink.image .image a {
padding: 0;
}
.fplink.image .link a {
background: #f5f5f5; border-top: 2px solid #454545;
}
.fplink.wide a {
margin: 0 -5px;
}
.fpvideos {
margin: 0 auto; overflow: hidden; text-align: center;
}
.fpvideo {
display: inline-block; margin: 0 5px;
}
/* Tabber start */ .tabber .tabbertab {
border: none; padding: 0;
}
ul.tabbernav {
margin: 0; padding: 3px 0; border: 0; /*border-bottom: 1px solid #CCC;*/ font: bold 14px Ariel, sans-serif !important;
}
ul.tabbernav li a {
border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; padding: 3px .5em; margin-left: 3px; border: 1px solid #CCC; /* background: #F2F7FF; */ text-decoration: none; line-height: 1;
}
ul.tabbernav li.tabberactive a {
background-color: #FFF; border: 1px solid #7ec0ee !important;
}
ul.tabbernav li.tabberactive a:hover {
color: #000; background: #FFF; border: 1px solid #7ec0ee !important;
} /* Tabber end */