helialprofile.png
Welcome to IOPWiki, Commander.
We are lacking editors focused on Girls' Frontline and Girls' Frontline 2. You can contribute without an account. Learn how to contribute and join our Discord server.

Changes

Jump to navigation Jump to search

MediaWiki:Common.css

4,681 bytes added, 17 May
no edit summary
/* CSS placed here will be applied to all skins */
 
/* Replicate into MediaWiki:Mobile.css as necessary */
/*Mainpage no Title*/
.toctogglelabel {
color: #dbba6c;
}
 
.references-section h2:last-child {
display: none;
}
.bg-rarity {
display: none;
}
 
/* Flowthread styling */
#flowthread {
border-top: thick solid gray;
padding-top: 10px;
}
 
#flowthread .comments-guideline {
border-top: 2px solid gray;
padding: 15px;
}
 
/* Category */
#catlinks {
border: thin solid gray;
padding: 5px;
}
.hoc-matrix .hoc-matrix-row {
display: block;
line-height: 0.1;
white-space: nowrap;
float: left;
}
.hoc-matrix .hoc-matrix-element {
display: inline-block; line-height: 0;
height: 15px;
width: 15px;
.obtainflag.obtain-reward { background:salmon; }
.obtainflag.obtain-hoc-fragments { background: #f9d988; }
.obtainflag.obtain-assimilation { background-color: #8abfee; }
.obtainflag.notpossible { opacity: 0.25; }
.tilegridtable td.buff {
background: rgba(0, 255, 222, 1);
}
 
.gamebanner {
display: inline-block;
margin-right: 20px;
}
.card-bg {
background-image:url("//en.gfwiki.com/images/5/5a/Infobox_bg.png");
width:256px;
height:456px;
margin-right: auto;
position: relative;
}
 
.withborders{
border:grey 2px solid;
}
.card-bg-small {
background-image:url("//en.gfwiki.com/images/thumb/5/5a/Infobox_bg.png/138px-Infobox_bg.png");
width:128px;
height:228px;
.icon-bg-2star-small {
background-image:url("//en.gfwiki.com/images/thumb/7/72/BG_2star_S.png/60px-BG_2star_S.png");
padding:5px;
}
div.spoiler {
display: inline-block;
}
 
.gfwiki-message-box {
padding: 4px;
min-height: 75px;
border: thin solid gray;
background: #323232;
background: rgba(50,50,50,0.5);
overflow: auto;
}
/* Tables */
.mw-templatedata-doc-wrap .mw-templatedata-doc-params th,
.gf-table th,
.cargoTable th,
.gf-table.testcasetable th.testcasedescription {
color: #322300;
.gf-table th a {color: #875e00}
.mw-templatedata-doc-wrap .mw-templatedata-doc-params > tbody > tr > td,.gf-table > tbody > tr > td,.cargoTable > tbody > tr > td {
background-color: rgba(0, 0, 0, 0.6);
padding: 5px;
}
.gf-table-borders {
border: grey 2px solid;
border-collapse: collapse;
}
 
.gf-table-borders td {
border: grey 1px solid;
}
.gf-table-lightcell > tbody > tr > td {
background: rgba(0, 0, 0, 0.6);
}
 
.gf-table-darkcell > tbody > tr > td {
}
.mw-templatedata-doc-wrap .mw-templatedata-doc-params { color: white; color: rgba(250,250,250,1); text-shadow: 0 0 0.2em black,0 0 0.2em black;} .mw-templatedata-doc-wrap table.wikitable { border: none; border-collapse: separate; background-color: transparent;}.mw-templatedata-doc-wrap table.wikitable > * > tr > th,.mw-templatedata-doc-wrap table.wikitable > * > tr > td { border: none;}.mw-templatedata-format { font-weight: normal;} /* General button style */
button.gf-button {
padding: 3px 6px;
}
#timerwidgets{width:240px;float:left;}
#newestadditions{width:auto;margin-left:245px0;}
#twitter-widget-0{height:267px!important;}
.updates{max-height:136.833px;}
#newestadditions{width:450px;float:left;margin-left:5px;}
#twitter-widget-0{height:373px!important;}
#aboutgame,{width:800px;} #aboutwiki{width:800px; margin-left: 0.5em;}
.updates{max-height:198.25px;}
.promotions{max-height:164px;}
.rightcol{width:240px;margin-left:2em;}
#timerwidgets{width:240px;}
#newestadditions{width:240px;margin-left:0;min-height: 479px0;max-height: 479px;margin-bottom:5px;}
#twitter-widget-0{height:479px!important;}
.updates{max-height:136.833px;}
.rightcol{width:360px;margin-left:2em;}
#timerwidgets{width:360px;}
#newestadditions{width:360px;margin-left:0px;min-height: 361px0;max-height: 361px;}
#twitter-widget-0{height: 361px !important;}
.updates{max-height:217.017px;}
.rightcol{width:600px;}
#timerwidgets{width:295px;}
#newestadditions{width:300px;min-height: 329px0;max-height: 329px;}
#twitter-widget-0{height:329px!important;}
#aboutgame,#aboutwiki{width:600px;}
}
#aboutgame,#aboutwiki, #newestadditions{
padding:0.5em;
background-color: #3f3f3f;
border-style: solid;
box-shadow: 0px 0px 10px #000;
background-image:url("//en.gfwiki.com/images/1/10/Aboutgame.png");
background-repeat: no-repeat;
background-position: -1.5em -0.2em,left top;
display:inline-block;
box-sizing:border-box;
}
 
#newestadditions {
width:100%;
overflow:auto;
white-space:nowrap;
}
 
#newestadditions h4{
margin: 0;
padding: 0;
border-bottom: thin solid gray;
}
flex-direction: row;
position: relative;
padding-top: 2em2.3em; margin-right: 3em0; margin-bottom: 10px;
}
left: 5px;
font-size: 1.5em;
margin: 0;
padding: 0;
}
.mainpage-link-collection .mainpage-link-group {
display: inline-flex; border: thin 3px solid whitergb(150, 150, 150); padding: 0.5em; min-width: 300px; padding position: relative; background-topcolor: 1em#3f3f3f; position box-shadow: relative0px 0px 10px#000; flex background-wrapimage: wrapurl("/images/1/10/Aboutgame.png"); flex background-directionrepeat: rowno-repeat; background-colorposition: -1.5em -0.2em,left top; margin-right: #8080803010px;
}
.mainpage-link-collection .mainpage-link-group-title {
positionmargin: absolute0; toppadding: 0; leftborder-bottom: 5pxthin solid gray;
}
#mainmenu{
background-image:url("//en.gfwiki.com/images/8/86/BG_homescreen.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.GamesThumbContainer{ display:inline-block; width:230px; height:125px; padding:2px;} .GameThumb{ display:flex; position:absolute; justify-content:center; width:230px; height:125px; flex-direction:column; text-align:center; background-color: rgba(0,0,0,0.5); font-size:1.5em; text-shadow: 0px 0px 5px #000000;} .GameThumb a{ margin:2px;} #directory{ background-image:url("//en.gfwiki.com/images/e/e8/BG_main_directory.png"); background-color: #3f3f3f;
border: rgb(150,150,150);
background-repeat: no-repeat;
.updates{
background-image: url("//en.gfwiki.com/images/thumb/6/6f/BG_factory.png/395px-BG_factory.png");
background-repeat: no-repeat;
background-size: cover;
}
.testcasetable > tr >td,.testcasetable > tbody > tr >td {
width: 100%;
}
}
.mw-templatedata-doc-wrap .mw-templatedata-doc-params > tbody > tr > td.mw-templatedata-doc-param-status-required,table > tbody > tr > td.cell-yes, table > tbody > tr > td.cell-no {
color: white;
vertical-align: middle;
}
.mw-templatedata-doc-wrap .mw-templatedata-doc-params > tbody > tr > .mw-templatedata-doc-param-type + td.mw-templatedata-doc-param-status-required,
table > tbody > tr > td.cell-yes {
background-color: #AB8C63;
}
.mw-templatedata-doc-wrap .mw-templatedata-doc-params > tbody > tr > .mw-templatedata-doc-param-type + td,
table > tbody > tr > td.cell-no {
background-color: #67718A;
}
 
.mw-templatedata-doc-wrap dt {
float: left;
clear: left;
margin-right: 5px;
}
.navbox {
position: relative;
border:nonethin solid lightgray; width: 90100%; margin-left: auto; margin-right: 1em auto0;
background: rgba(0,0,0,0.5);
box-sizing: border-box;
}
 
.navbox + .navbox {
margin-top: -1px;
}
position: absolute;
z-index: 999;
font-size: 0.875em;
line-height: 1.6;
}
overflow-y:auto;
}
i
.loading .chibiAnimationClickArea,
.loading {
background-position-y: 3px;
background-position-x: 0;
}
 
/* PNC specifics =========================== */
 
/* Character index */
.pnc-index-entry {
position: relative;
display: inline-block;
height: 250px;
width: 128px;
overflow: hidden;
margin-right: 20px;
border-radius: 5px;
}
.pnc-index-entry .file {
position: absolute;
top: 0;
left: 0;
}
.pnc-index-entry .card {
position: absolute;
top: 14px;
left: 2px;
width: 124px;
}
.pnc-index-entry .back {
position: absolute;
top: 20px;
left: 0px;
}
.pnc-index-entry .hero {
position: absolute;
top: 0px;
left: 1px;
width: 126px;
}
.pnc-index-entry .front {
position: absolute;
bottom: 0px;
}
.pnc-index-entry .company {
position: absolute;
top: 12px;
left: 40px;
width: 120px;
opacity: 20%;
}
.pnc-index-entry .rarity {
position: absolute;
bottom: 32px;
left: 4px;
height: 16px;
}
.pnc-index-entry .name {
position: absolute;
bottom: 10px;
left: 8px;
width: 120px;
color: lightgray;
font-size: 17px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.pnc-index-entry .heroclass {
position: absolute;
top: 15px;
left: 4px;
width: 16px;
}
 
/* Template:hero name */
.heroname {
background-size: 9px;
background-repeat: no-repeat;
padding-left: 10px;
/*white-space:wrap;*/
}
 
.heroname.star1 {
color:#2999F3;
text-shadow: 0px 0px 3px #2999F3;
}
 
.heroname.star2 {
color:#B470E1;
text-shadow: 0px 0px 3px #B470E1;
}
 
.heroname.star3 {
color:#FC8C10;
text-shadow: 0px 0px 3px #FC8C10;
}
 
.heroname.medic {
background-image: url('/images/3/30/Icon_PNC_Hero_Class_white_Medic.png')
}
 
.heroname.guard {
background-image: url('/images/8/80/Icon_PNC_Hero_Class_white_Guard.png')
}
 
.heroname.warrior {
background-image: url('/images/f/f8/Icon_PNC_Hero_Class_white_Warrior.png')
}
 
.heroname.specialist {
background-image: url('/images/8/8a/Icon_PNC_Hero_Class_white_Specialist.png')
}
 
.heroname.sniper {
background-image: url('/images/8/87/Icon_PNC_Hero_Class_white_Sniper.png')
}
 
/* Hide tagline */
.heading-holder .tagline {
display:none;
}

Navigation menu