MediaWiki:Common.css

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 */
/* Added & removed bytes coloring in Special:RecentChanges */
.mw-plusminus-pos { color: #006400; } 
.mw-plusminus-neg { color: #FF0000; }
 
/* Redirects on Special:AllPages and Special:Watchlist */
.allpagesredirect, .watchlistredir {
	font-style: italic;
}

@font-face {
    font-family: 'dfghsgothic-w7regular';
    src: url('skins/Vector/fonts/heiseigothic.woff2') format('woff2'),
         url('skins/Vector/fonts/heiseigothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dfgsogei-w7regular';
    src: url('skins/Vector/fonts/sougei.woff2') format('woff2'),
         url('skins/Vector/fonts/sougei.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* PSO2 window template */

#divtop {
	background-color: #2b333b;
	background-image: url('skins/Vector/images/db_frame_1.png');
}

#divcontent {
	background-color:#2b333b;
	background-image: url('skins/Vector/images/db_frame_sides_1.png');
	height: 16px;
}

#divbottom {
	background-color:#2b333b;
	background-image: url('skins/Vector/images/db_frame_2.png');
	height: 13px;
}

#mw-body {
background-color: rgb(153, 153, 153);
}
 
/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]] & [[mw:Manual:NavFrame]]. */
div.Boxmerge,
div.NavFrame {
	margin: 0px;
	padding: 4px;
	border: 1px solid #aaa;
	text-align: center;
	border-collapse: collapse;
	font-size: 95%;
}
div.Boxmerge div.NavFrame {
	border-style: none;
	border-style: hidden;
}
div.NavFrame + div.NavFrame {
	border-top-style: none;
	border-top-style: hidden;
}
div.NavPic {
	background-color: #fff;
	margin: 0px;
	padding: 2px;
	float: left;
}
div.NavFrame div.NavHead {
	height: 1.6em;
	font-weight: bold;
	background-color: #ccf;
	position: relative;
}
div.NavFrame p {
	font-size: 100%;
}
div.NavFrame div.NavContent {
	font-size: 100%;
}
div.NavFrame div.NavContent p {
	font-size: 100%;
}
div.NavEnd {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	clear: both;
}
a.NavToggle {
	position: absolute;
	top: 0px;
	right: 3px;
	font-weight: normal;
	font-size: smaller;
}
 
/* make list of references smaller */
.references-small { font-size: 0.85em; }
 
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaa solid;
	border-collapse: collapse;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
	border: 1px #aaa solid;
	padding: 0.2em;
}
 
table.wikitable th,
table.prettytable th {
	background: #f2f2f2;
	text-align: center;
}
 
table.wikitable caption,
table.prettytable caption {
	margin-left: inherit;
	margin-right: inherit;
	font-weight: bold;
}
 
/* Ambox CSS styles - see http://en.wikipedia.org/wiki/Wikipedia:Ambox_CSS_classes */
/* Article message box styles */
table.ambox {            /* 10% = Will not overlap with other elements */
	margin: -1px 10%;    /* -1px = Single border between stacked boxes in all browsers */
	border: 1px solid #AAA; 
	border-left: 10px solid #1E90FF;    /* Default "notice" blue */
	background: #FBFBFB; 
}
th.ambox-text, td.ambox-text {     /* The message body cell(s) */
	border: none; 
	padding: 0.25em 0.5em;         /* 0.5em left/right */
	width: 100%;                   /* Make all templates the same width regardless of text length */
}
td.ambox-image {                   /* The left image cell */
	border: none; 
	padding: 2px 0 2px 0.5em;      /* 0.5em left, 0px right */
	text-align: center; 
}
td.ambox-imageright {              /* The right image cell */
	border: none; 
	padding: 2px 0.5em 2px 0;      /* 0px left, 0.5em right */
	text-align: center; 
}
 
table.ambox-notice {
	border-left: 10px solid #1E90FF;    /* Blue */
}
table.ambox-speedy {
	border-left: 10px solid #B22222;    /* Red */
	background: #FEE;                   /* Pink */
}
table.ambox-delete,
table.ambox-serious {
	border-left: 10px solid #B22222;    /* Red */
}
table.ambox-content {
	border-left: 10px solid #F28500;    /* Orange */
}
table.ambox-style {
	border-left: 10px solid #F4C430;    /* Yellow */
}
table.ambox-move,
table.ambox-merge {
	border-left: 10px solid #9932CC;    /* Purple */
}
table.ambox-protection {
	border-left: 10px solid #BBA;       /* Gray-gold */
}
table.ambox-green {                         /* Green */
	border-left: 10px solid #228b22;
}
table.ambox.ambox-mini {    /* Small floating box variant */
	float: right;
	clear: right;
	margin: 0 0 0 1em;
	width: 25%;
}
@media print {              /* Do not print article message boxes */
	.ambox {
		display: none;
	}
}

/* For the EQ alert. Makes the iframe responsive don't remove it!  */
iframe {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.eq-container {
    width: 100%;
    height: 207px;
}

/* For the weapon form. Makes the class name stay with the checkbox! */

#WeaponFormLeft {
   float:left;
}

#WeaponFormClasses {
   display:inline-block; 
   width:50%;
}

#WeaponFormClasses .checkboxLabel {
    display:inline-block;
}

#WeaponFormPoem {
    padding-bottem:30px; 
    text-decoration:underline;
}

/* prevent ugly horizontal page expansion */
/* pre { overflow: auto; } */

#visilogo {
background-image: url('images/logo.png');
}

.btn-primary {
background-color: #AEAEAE;
}

.panel {
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    background-color: #fdfdfd;
    border-radius: 4px;
    border-width: 1px;
    padding: 0;
}
.radius {
    border-radius: 5px;
}

.panel h3, .panel .heading {
    font-size: 16px!important;
    font-weight: normal;
    background-color: #f0f0f0;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin-top: 0;
    margin-bottom: 0;
}
p.panel-body {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    margin: 0!important;
}
ul.content-table {
    list-style-position: inside;
    margin: 0!important;
    padding: 0!important;
    list-style-type: disc!important;
}
ul.content-table li.list-item {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
}
.panel ul li {
    margin-bottom: 0!important;
}


.center {
    text-align: center;
}
.center > div, .center > table /* insert any other block-level elements here */ {
	display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
#cent{
    margin: 0 auto;
}

.WeaponForm {
	background-color:#146987;
	border-radius: 10px;
	color:white;
}

.template-documentation {
    clear: both;
    background-color: #eaf3ff;
    border: 1px solid #a3caff;
    margin-top: 1em;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.bg-melee{
   background-color: #fcc!important;
   color: #000!important;
}

.bg-ranged {
   background-color: #ccf!important;
   color: #000!important;
}

.bg-tech {
   background-color: #ffb!important;
   color: #000!important;
}

.spoilerblur {
  filter: blur(2px);
  -webkit-filter: blur(2px);
  opacity: .40;
  display: inline-block;
  -webkit-transition: all 1s 0 linear;
  -moz-transition: all 1s 0 linear;
  -o-transition: all 1s 0 linear;
  -ms-transition: all 1s 0 linear;
  transition: all 1s 0 linear;
}
 
.spoilerblur:hover {
  filter: blur(0px);
  -webkit-filter: blur(0px);
  opacity: 1;
  text-shadow: 0 0 0 transparent;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

/* Navbox CSS stuff */
/* Navbox */
.navbox{
    width:100%;
    font-size:88%;
    margin:auto;
    clear:both;
    text-align:center;
}
.navbox-inner,.navbox-subgroup{
    width:100%;
}
.navbox-group,.navbox-title,.navbox-abovebelow{
    padding:0.25em 1em;
    line-height:1.5em;
    text-align:center;
}
th.navbox-group{
    white-space:nowrap;
    text-align:right;
}
.navbox,.navbox-subgroup{
    background:#fdfdfd;
}
.navbox-list{
    line-height:1.5em;
    border-color:#fdfdfd;
}

/* make individual entries not wrap */
.navbox .navbox-list li {
    display: inline-block;
}

.navbox .navbox-list li + li::before {
    white-space: nowrap;
}
.navbox th,.navbox-title{
    background:#ccf;
}
.navbox-abovebelow,th.navbox-group,.navbox-subgroup .navbox-title{
    background:#ddf;
}
.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow{
    background:#ddf;
}

/* Navbox table adjustments */
table.navbox{
    margin-top:1em;
    border: 1px solid #aaa;
    padding: 2px 
}
table.navbox table.navbox{
    margin-top:0;
}
table.navbox + table.navbox{
    margin-top:-1px;
}
.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;
}

/* Horizontal List */
.hlist dl,.hlist ol,.hlist ul{
    margin:0;
    padding:0;
}
.hlist dd,.hlist dt,.hlist li{
    display:inline;
}
.hlist .inline,.hlist .inline dl,.hlist .inline ol,.hlist .inline ul,.hlist dl dl,.hlist dl ol,.hlist dl ul,.hlist ol dl,.hlist ol ol,.hlist ol ul,.hlist ul dl,.hlist ul ol,.hlist ul ul{
    display:inline;
}
.hlist dt:after{
    content:":";
}
.hlist dd:after,.hlist li:after{
    content:" · ";
    font-weight:bold;
}
.hlist dd:last-child:after,.hlist dt:last-child:after,.hlist li:last-child:after{
    content:none;
}
.hlist dd.hlist-last-child:after,.hlist dt.hlist-last-child:after,.hlist li.hlist-last-child:after{
    content:none;
}
.hlist dd dd:first-child:before,.hlist dd dt:first-child:before,.hlist dd li:first-child:before,.hlist dt dd:first-child:before,.hlist dt dt:first-child:before,.hlist dt li:first-child:before,.hlist li dd:first-child:before,.hlist li dt:first-child:before,.hlist li li:first-child:before{
    content:" (";
    font-weight:normal;
}
.hlist dd dd:last-child:after,.hlist dd dt:last-child:after,.hlist dd li:last-child:after,.hlist dt dd:last-child:after,.hlist dt dt:last-child:after,.hlist dt li:last-child:after,.hlist li dd:last-child:after,.hlist li dt:last-child:after,.hlist li li:last-child:after{
    content:") ";
    font-weight:normal;
}
.hlist dd dd.hlist-last-child:after,.hlist dd dt.hlist-last-child:after,.hlist dd li.hlist-last-child:after,.hlist dt dd.hlist-last-child:after,.hlist dt dt.hlist-last-child:after,.hlist dt li.hlist-last-child:after,.hlist li dd.hlist-last-child:after,.hlist li dt.hlist-last-child:after,.hlist li li.hlist-last-child:after{
    content:") ";
    font-weight:normal;
}
.hlist ol{
    counter-reset:listitem;
}
.hlist ol > li{
    counter-increment:listitem;
}
.hlist ol > li:before{
    content:" " counter(listitem) " ";
    white-space:nowrap;
}
.hlist dd ol > li:first-child:before,.hlist dt ol > li:first-child:before,.hlist li ol > li:first-child:before{
    content:" (" counter(listitem) " ";
}