Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/
/* See also: [[MediaWiki:Wikia.css]] and [[MediaWiki:Monobook.css]] */

/* adds a nearly transparent dark background image on an element, darkening its color. */
.darken, .darken1 { background-image:url('http://images.wikia.com/kairosoft/images/2/2d/Darkener.png'); }

/* .darken2+ don't work in IE8 and below, but instead act as .darken (1). */
.darken2 { background:rgba(0,0,0,0.08); }
.darken3 { background:rgba(0,0,0,0.12); }
.darken4 { background:rgba(0,0,0,0.16); }
.darken5 { background:rgba(0,0,0,0.20); }

/* Changes how links respond when hovered over */
#WikiaArticle a:hover, .skin-monobook a:hover, .linkBox:hover .linkBoxContent a {
    transition: color 0.35s linear, text-shadow 0.35s linear;
    color:#16A4C7 !important;
    text-shadow:0 0 .35px #17B0D6;
}

/**
 * General hide class for things that should only show on mobile
 */
.desktop-hide {
    display: none !important;
}

/* Indicates abbr tags should be moused-over */
abbr { border-bottom:1px dotted currentColor; }

/* .center is used by wikia, and makes element used on also have a width of 100% */
.ct, .centertext { text-align:center; }

/* Darkens every other row */
.oddrow tr:nth-of-type(odd)>td {
   background-image:url('http://images.wikia.com/kairosoft/images/2/2d/Darkener.png');
}

/* Adds wikipedia Template:Ambox type style to a table/div */
.messagebox {
color:black;
background:#D6D1B2;
border:1px solid #AAA;
border-left:10px solid #721410;
padding:2px 10px;
display:block;
margin:0 10%;
}

/* Changes hover effect for Template:MPEdit (✍) */
.editicon:before { content: "["; }
.editicon:after { content: " edit]"; }
.editicon:before, .editicon:after {
    vertical-align:top;
    transition: font-size 0.5s ease-in 1s;
    font-size: 0;
}
.editicon:hover:before, .editicon:hover:after {
    font-size:inherit;
    transition-delay:0s;
}

/* Format blank cells in wikitables with a question mark */
.wikitable td:empty { position:relative; text-align:center !important; font-size:90%; color:rgba(40, 40, 40, 0.20); background:rgba(255,255,255,0.10); overflow:hidden; }
.wikitable td:-moz-only-whitespace { position:relative; text-align:center !important; font-size:90%; color:rgba(40, 40, 40, 0.20); background:rgba(255,255,255,0.10); overflow:hidden; }
.wikitable td:blank { position:relative; text-align:center !important; font-size:90%; color:rgba(40, 40, 40, 0.20); background:rgba(255,255,255,0.10); overflow:hidden; }

.wikitable td:empty:before { content:"?"; position:absolute; left:0; right:0; margin-top:-10px; }
.wikitable td:-moz-only-whitespace:before { content:"?"; position:absolute; left:0; right:0; margin-top:-10px; }
.wikitable td:blank:before { content:"?"; position:absolute; left:0; right:0; margin-top:-10px; }

/* Endgame "Score Calculation" table */
.scorecalculation
{ white-space:nowrap; box-shadow:0 0 5px #CFC9A7; border-radius:5px; }
.scorecalculation tr td:last-of-type
{ white-space:normal; padding-left:5px; }

/* Character table (for "Recurring characters" page only) */
.charactertable {
    width:100%;
    border:1px outset black;
}
.charactertable th, .charactertable td {
    width:50%;
    padding:3px 5px 0;
    vertical-align:text-top;
    border:1px inset black;
}

/* Effects widgets on the front page / templates that use this class. */
.widget_title {
   padding:2px;
   margin:10px 0;
   border:1px solid #BBB;
   border-radius:3px;

   color:#DDD;
   font-size:150%;
   font-weight:bold;
   text-align:center;
   text-transform:capitalize;
}

/* Template:MPGame */
.frontpagelink:hover {
	position:   relative;
	top:        -2px;
	box-shadow: 0 2px 2px 2px #770000;
}
.frontpagelink .fplimgholder {
	transition: transform 0.3s linear;
	-webkit-transition: transform 0.3s linear;
}
.frontpagelink:hover .fplimgholder {
	position:   relative; top:1px;
	transform:  rotate(5deg);
	-webkit-transform:  rotate(5deg);
}
.frontpagelink:hover>a>span { background-image:url('http://images.wikia.com/kairosoft/images/2/2d/Darkener.png'); }

/* Template:MPLink */
.linkBox:hover { border-style:inset !important; background:rgba(0,0,0,0.20); }
.linkBox:hover .linkBoxContent { position:relative; top:1px; left:1px; }

/* Gets rid of reply sections on forum posts at the bottom of respective article (for compactness). */
#RelatedForumDiscussion .forum-replies,
#RelatedForumDiscussion .forum-total-replies
{ display:none !important; }

/* Template:ManualBox */
.manualBox {
	display:inline-block;
	vertical-align:top;
	font-size:11px;
	width:212px; /* At min width should be 3 across */
	margin:0px 4px 3px;
	background:#DDD;
}
.manualBox:target {
	outline:red dotted 5px;
	box-shadow:0 0 15px 2px red;
}
.manualBox-title {
	text-align:center;
	font-weight:bold;
	width:100%;
}
.manualBox-title:before {
	content:"\25c0";
	float:left;
	margin-left:5px;
}
.manualBox-title:after {
	content:"\25b6";
	float:right;
	margin-right:5px;
}
.manualBox-content {
	background:#FCFCFC;
	color:black;
	margin:5px;
	padding:0 5px;
	height:158px;
	border-radius:5px;
	overflow-y:auto;
}

/* Adds a color-able square */
.colorBoxCont { white-space:nowrap; }
.colorBox {
	display:inline-block;
	height:16px;
	border-left:16px solid currentColor;
	margin-right:1px;
	box-shadow:0 0 1px gray;
	vertical-align: text-bottom;
}

/* High Sea Saga Colors */
.hssColorNone { color:Snow; }
.hssColorGray { color:SlateGray; }
.hssColorGreen { color:LimeGreen; }
.hssColorBlue { color:RoyalBlue; }
.hssColorYellow { color:Yellow; }
.hssColorRed { color:Red; }
.hssColorPurple { color:Purple; }
.hssColorBlack { color:Black; }

/* Beastie Bay Colors */
.bbColorGray { color:#DBDBDB; } /*Gray*/
.bbColorGreen { color:#3AF864; } /*Green*/
.bbColorOrange { color:#FEC600; } /*Orange*/