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 / Edge: 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;
}