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.

MediaWiki:Common.css

Welcome to IOP Wiki. This website is maintained by the Girls' Frontline community and is free to edit by anyone.
Revision as of 06:47, 22 September 2016 by ReverseIdeology (talk | contribs)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/*Page Background*/
body {
background-image: url("http://gfwiki.com/images/c/c9/Logo.png"),url("http://gfwiki.com/images/6/6f/Proto-BG.jpg");
background-repeat: no-repeat;
background-attachment: scroll, fixed;
background-position: 1em 200px,left top;
background-size: auto, cover;
}





/* logo */
div#mw-panel {top:360px;}

#mw-panel #p-logo .mw-wiki-logo {
    background-image: none;
    background-color: transparent;
    width: 176px;
    height: 199px;
}


/* header */

div#mw-page-base {
    background: none;
    height: 200px;
    background-image: url(http://gfwiki.com/images/a/a6/Header.png), url(http://gfwiki.com/images/7/7b/Bannerbg.png);
    background-position: center,top;
    background-repeat: no-repeat,repeat-x;
    background-size: auto 200px;
}


/*For Template:DollBG on t-doll pages*/
#bg-character {
    position: fixed;
    height: 1280px;
    min-height:500px;
    top:10%;
    left:0;
    z-index: -2;
}

#bg-rarity {
    position: fixed;
    top:15%;
    right:5%;
    z-index: -3;
    width:650px;
}

/*For construction tables*/
@media only screen and (min-width: 1280px) {
	.variable-columns {
		-ms-column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

@media only screen and (min-width: 900px) and (max-width: 1279px) {
		.variable-columns {
		-ms-column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}

@media only screen and (max-width: 899px) {
	.variable-columns {
		-ms-column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}

/* For skills on T-Doll pages */
.skill {
	background-color: #f0b000;
	color:rgba(255, 255, 255, 1);
	width:60px;
	text-shadow: 2px 2px 2px black;
	text-align:center;
}
select:hover.skill select:active.skill {
	outline: #ba8900;
}

/* Navigation Tab*/
div.vectorTabs ul li, 
#p-variants, 
#p-cactions { 
    background-image: none; 
    background-color: rgba(63,63,63,0.3); } 

#p-cactions:hover { 
    background-image: none; 
    background-color: rgba(63,63,63,0.6); } 

div.vectorTabs li:hover { 
    background-image: none; 
    background-color: rgba(63,63,63,0.6); } 

div.vectorTabs li.selected { 
    background-image: none; 
    background-color: rgba(63,63,63,0.9);
} 



div.vectorMenu div.menu {
    background-color: rgba(255,255,255,0.3);
    border:none;
left:0px;
}

div.vectorMenu div.menu a:hover {
    background-color: rgba(255,255,255,0.6);
}



#p-variants-label, 
div.vectorTabs, 
div.vectorTabs span, 
div.vectorTabs ul, 
div#mw-head div.vectorMenu h3 { 
    background-image: none; 
    padding-left:0px;
}






#left-navigation,
#right-navigation {
    margin-top: 159px;
}



/*personal*/

#p-personal {
    background-color: rgba(255,255,255,0.9);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
}
#p-personal ul {padding-left: 0em;}




/*              Content               */

/* system         */
/*Editing box*/
.mw-highlight{
text-shadow:none;
}
/*Editing options*/
.editOptions {
    background-color: rgba(0,0,0,0.4);
    border: none;
    border-top: none;
}
#pagehistory li.selected {
    background-color: rgba(0,0,0,0.4);
    border:none;
}
ul#filetoc {
    background-color: rgba(0,0,0,0.4);
    border:none;
}

table.mw_metadata {
    color: black;
    text-shadow: none;
}

.catlinks {
    border: none;
    background-color: rgba(0,0,0,0.4);
}

.mw-datatable, .mw-datatable td, .mw-datatable th {
    text-shadow: none;
    color: black;
}

.mw-search-profile-tabs{text-shadow:none;}

.wikiEditor-ui .wikiEditor-ui-view {text-shadow:none;color:black;}


/* Content body*/
.mw-body {
    background-color: rgba(63,63,63,0.9);
    border:none;
    color: rgba(250,250,250,1);
    text-shadow: 2px 2px 2px black;
    margin-right:1em;
}

/* Header color*/
h1, h2, h3, h4, h5, h6 {
    color: white;
}


/* Table of Contents */
#toc, .toc, .mw-warning, .toccolours {
    border: 1px solid #aaa;
    background-color: rgba(0,0,0,0.6);
}


/* standard link colors */
.mw-body a { color: #f0b000; } /* normal unvisited links */
.mw-body a.external  { color: #f0b000; } /* normal unvisited links */
.mw-body a:visited, .mw-body a.external:visited { color: #ba8900; } /* visited links */
.mw-body a.new { color: #DD0000; } /* new links */





/* system */


table.wikitable, pre, code, tt, kbd, samp, .mw-code {
    text-shadow:none;
}

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {color: #FFFFFF;text-shadow: 2px 2px 2px black;}
div.vectorTabs li.new a, div.vectorTabs li.new a:visited {color: #4d4d4d;}
div.vectorTabs li a {color: #4d4d4d;}




/*               tabs                 */

ul.tabbernav {border-bottom:none;margin-top: 0.4em;}

/* tab body*/
.tabber .tabbertab {
    padding: 5px;
    border: none;
    /*border-top: 0;*/
    background-color: rgba(200,200,200,0.6);
}

/* active tab */
ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:link {
    background-color: rgba(200,200,200,0.6);
    border: none;
    color: white;
    font-weight: bold;
}

ul.tabbernav li.tabberactive a:hover {
    background-color: rgba(200,200,200,0.6);
    border: none;
    color: white;
    font-weight: bold;
}


/* inactive tab */
ul.tabbernav li a:link {
    color: white;
    font-weight: normal;
    font-size: 110%;
    background-color:rgba(200,200,200,0.2);
    border:none;
    padding-top: 0.5em;
}
ul.tabbernav li a:hover {background-color: rgba(200,200,200,0.3);}