User:WEEABXTCH/common.css

.WikiaPage .page-header__title, .WikiaRail .rail-module h2 {  font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; letter-spacing: 0.5px; }  .WikiaPage .page-header__title:before { content:'☰ '; } /******** ********/ .noarticletext {	background-image: url(https://static.wikia.nocookie.net/weeabxtchpersonal/images/6/61/Wide_blood_2000_x_1660.png/revision/latest); background-repeat: no-repeat; background-position: center; background-size: 18em; }	.noarticle { margin:1.4em; } .noarticle dl { margin:0.5em 0; } /******** ********/ .WikiaArticle h2 {  display: table; white-space: nowrap; padding: 0; border: 0; }  .WikiaArticle h2:before, .WikiaArticle h2:after {  content: ''; display: table-cell; position: relative; top: 0.5em; border-top: 1px solid #b2b2b2; }  .WikiaArticle h2:before { right:1.5%; width:5%; } .WikiaArticle h2:after { left:1.5%; width:90%; } /******** ********/ .octagon-container {  border: 1px solid #3a3a3a; max-width: 100%; margin-bottom: 18px; }  .octagon {  position: relative; left: 1em; width: calc(100% - 2em); padding: 1em 0; background: #dfdede; }  .octagon:before, .octagon:after {  content: ''; position: absolute; top: 0; bottom: 0; border-top: 1em solid #3a3a3a; border-bottom: 1em solid #3a3a3a; }       .octagon:before { left:-1em; border-right:1em solid #dfdede; } .octagon:after { right:-1em; border-left:1em solid #dfdede; } /******** ********/ .jcarousel-wrapper	{ max-width:100%; margin:0; position:relative; } .jcarousel-wrapper:hover .jcarousel-control-prev, .jcarousel-wrapper:hover .jcarousel-control-next	{ opacity:1 !important; } .jcarousel	{ position:relative; overflow:hidden; } .jcarousel .jcarousel-list	{ position:relative; margin:0; padding:0; } .jcarousel .jcarousel-item	{ float:left; } .jcarousel-list .jcarousel-item-flat {	position: relative; overflow: hidden; height: auto; margin-bottom: .6em; }	.jcarousel-list .jcarousel-item-flat h2			{	font-size: 2em; line-height: 1.2em; white-space: nowrap; padding: 0; margin: 0; border: 0; overflow: visible; }			.jcarousel-list .jcarousel-item-flat h3			{	font-size: 1.5em; line-height: 1.2em; margin: 0; overflow: visible; }			.jcarousel-list .jcarousel-item-flat span {	display: block; font-size: 1em; line-height: 1.2em; overflow: visible; }			.jcarousel-list .jcarousel-item-flat p	{ margin:0; } .jcarousel-list .jcarousel-item-flat a	{ color:#fff; } .jcarousel-list .jcarousel-item-flat a:hover	{ color:lightblue; } .jcarousel-list .inner-box-right	{ right:5%; text-align:right; } .jcarousel-list .inner-box-left		{ left:5%; text-align:left; } .jcarousel-list .inner-box-right, .jcarousel-list .inner-box-left {	position: absolute; z-index: 20; margin-top: 2.5em; background: rgba(0,0,0,0.4); padding: 10px; width: 50%; min-width: 20em; color: #fff; font-weight: bold; text-shadow: #000 0.3em 0.3em 1em, #000 -0.1em -0.1em 1em; }		.jcarousel-item img	{ display:block; max-width:100%; height:auto !important; } .jcarousel-pagination {	position: absolute; bottom: 5px; left: 50%; margin: 0; margin-left: -22px; }  .jcarousel-pagination a			{	text-decoration: none; display: inline-block; height: 7px; width: 7px; line-height: 7px; background: #eee; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-indent: -9999px; margin-right: 7px; opacity: 0.7; }  .jcarousel-pagination a.active {	background: #fff; -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0.9; }		.jcarousel-control-prev, .jcarousel-control-next {	position: absolute; top: 50%; margin-top: -15px; width: 40px; height: 40px; text-align: center; text-decoration: none; font: 40px Arial, sans-serif; opacity: 0; }		.jcarousel-control-prev	{ left:0; } .jcarousel-control-next	{ right:0; } .jcarousel-control-prev:hover span, .jcarousel-control-next:hover span	{ display:block; } i.arrow {	border: solid #eee; border-width: 0 3px 3px 0; display: inline-block; padding: 8px; opacity: 0.8; }	i.arrow:hover	{ opacity:1; } i.arrow.right	{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } i.arrow.left	{ -webkit-transform:rotate(135deg); transform:rotate(135deg); } /******** ********/