MediaWiki:Wikia.css

/* Plantilla default */
.portable-infobox {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 3px transparent !important;
    -moz-box-shadow: 0 0 3px !important;
    -webkit-box-shadow: 0 0 3px transparent !important;
    width:280px !important;
}
.portable-infobox .pi-image-thumbnail {
    max-width:280px !important;
}
.portable-infobox .pi-secondary-background {
    text-align: center; 
    border-radius:0px 0px 0px 0px
}
.portable-infobox .pi-header {
    color: black;
}
.portable-infobox .pi-border-color {
    border-color: #FFFFFF;
}
.portable-infobox .pi-item-spacing {
    padding: 0px;
    border-top: 1px solid #999;
}
.portable-infobox .pi-font {
    font-size: 12px;
}
.portable-infobox .pi-secondary-font {
    font-size: 12px; background-color: #C26E00;
}
.portable-infobox .pi-title {
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-topright: 3px !important;
    font-size: 16px; background-color: #C26E00; text-align: center;
    color: black;
    border-radius:10px 10px 0px 0px
}
.portable-infobox .pi-data-label {
    background: #F58B00;
    flex-basis: 125px;
    text-align: left
}
.portable-infobox .pi-data {
    text-align: center;
}
.portable-infobox .pi {
    color: blue;   
}
.portable-infobox .pi-caption {
   font-size: 16px;
}
/* Plantilla héroe */
.portable-infobox.pi-theme-heroe {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 3px transparent !important;
    -moz-box-shadow: 0 0 3px !important;
    -webkit-box-shadow: 0 0 3px transparent !important;
    width:280px !important;
}
.portable-infobox.pi-theme-heroe .pi-image-thumbnail {
    max-width:280px !important;
}
.portable-infobox.pi-theme-heroe .pi-secondary-background {
    text-align: center; 
    border-radius:0px 0px 0px 0px
}
.portable-infobox.pi-theme-heroe .pi-header {
    color: black;
}
.portable-infobox.pi-theme-heroe .pi-border-color {
    border-color: #FFFFFF;
}
.portable-infobox.pi-theme-heroe .pi-item-spacing {
    padding: 0px;
    border-top: 1px solid #999;
}
.portable-infobox.pi-theme-heroe .pi-font {
    font-size: 12px;
}
.portable-infobox.pi-theme-heroe .pi-secondary-font {
    font-size: 12px; background-color: #4683EC;
}
.portable-infobox.pi-theme-heroe .pi-title {
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-topright: 3px !important;
    font-size: 16px; background-color: #4683EC; text-align: center;
    color: black;
    border-radius:10px 10px 0px 0px
}
.portable-infobox.pi-theme-heroe .pi-data-label {
    background: #83C8ED;
    flex-basis: 125px;
    text-align: left
}
.portable-infobox.pi-theme-heroe .pi-data {
    text-align: center;
}
.portable-infobox.pi-theme-heroe .pi {
    color: blue;   
}
.portable-infobox.pi-theme-heroe .pi-caption {
   font-size: 16px;
}
/* Plantilla villano */
.portable-infobox.pi-theme-villano {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 3px transparent !important;
    -moz-box-shadow: 0 0 3px !important;
    -webkit-box-shadow: 0 0 3px transparent !important;
    width:280px !important;
}
.portable-infobox.pi-theme-villano .pi-image-thumbnail {
    max-width:280px !important;
}
.portable-infobox.pi-theme-villano .pi-secondary-background {
    text-align: center; 
    border-radius:0px 0px 0px 0px
}
.portable-infobox.pi-theme-villano .pi-header {
    color: #F2F2F2;
}
.portable-infobox.pi-theme-villano .pi-border-color {
    border-color: #FFFFFF;
}
.portable-infobox.pi-theme-villano .pi-item-spacing {
    padding: 0px;
    border-top: 1px solid #999;
}
.portable-infobox.pi-theme-villano .pi-font {
    font-size: 12px;
}
.portable-infobox.pi-theme-villano .pi-secondary-font {
    font-size: 12px; background-color: #311955;
}
.portable-infobox.pi-theme-villano .pi-title {
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-topright: 3px !important;
    font-size: 16px; background-color: #311955; text-align: center;
    color: #F2F2F2;
    border-radius:10px 10px 0px 0px
}
.portable-infobox.pi-theme-villano .pi-data-label {
    background: #242344;
    color: #F2F2F2;
    flex-basis: 125px;
    text-align: left
}
.portable-infobox.pi-theme-villano .pi-data {
    text-align: center;
}
.portable-infobox.pi-theme-villano .pi {
    color: blue;   
}
.portable-infobox.pi-theme-villano .pi-caption {
   font-size: 16px;
}
/* Plantilla quirk */
.portable-infobox.pi-theme-quirk {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 3px transparent !important;
    -moz-box-shadow: 0 0 3px !important;
    -webkit-box-shadow: 0 0 3px transparent !important;
    width:280px !important;
}
.portable-infobox.pi-theme-quirk .pi-image-thumbnail {
    max-width:280px !important;
}
.portable-infobox.pi-theme-quirk .pi-secondary-background {
    text-align: center; 
    border-radius:0px 0px 0px 0px
}
.portable-infobox.pi-theme-quirk .pi-header {
    color: black;
}
.portable-infobox.pi-theme-quirk .pi-border-color {
    border-color: #FFFFFF;
}
.portable-infobox.pi-theme-quirk .pi-item-spacing {
    padding: 0px;
    border-top: 1px solid #999;
}
.portable-infobox.pi-theme-quirk .pi-font {
    font-size: 12px;
}
.portable-infobox.pi-theme-quirk .pi-secondary-font {
    font-size: 12px; background-color: #F58B00;
}
.portable-infobox.pi-theme-quirk .pi-title {
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-topright: 3px !important;
    font-size: 16px; background-color: #F58B00; text-align: center;
    color: black;
    border-radius:10px 10px 0px 0px
}
.portable-infobox.pi-theme-quirk .pi-data-label {
    background: #C26E00;
    flex-basis: 125px;
    text-align: left
}
.portable-infobox.pi-theme-quirk .pi-data {
    text-align: center;
}
.portable-infobox.pi-theme-quirk .pi {
    color: blue;   
}
.portable-infobox.pi-theme-quirk .pi-caption {
   font-size: 16px;
}
/* Plantilla estudiante */
.portable-infobox.pi-theme-estudiante {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 3px transparent !important;
    -moz-box-shadow: 0 0 3px !important;
    -webkit-box-shadow: 0 0 3px transparent !important;
    width:280px !important;
}
.portable-infobox.pi-theme-estudiante .pi-image-thumbnail {
    max-width:280px !important;
}
.portable-infobox.pi-theme-estudiante .pi-secondary-background {
    text-align: center; 
    border-radius:0px 0px 0px 0px
}
.portable-infobox.pi-theme-estudiante .pi-header {
    color: #F2F2F2;
}
.portable-infobox.pi-theme-estudiante .pi-border-color {
    border-color: #FFFFFF;
}
.portable-infobox.pi-theme-estudiante .pi-item-spacing {
    padding: 0px;
    border-top: 1px solid #999;
}
.portable-infobox.pi-theme-estudiante .pi-font {
    font-size: 12px;
}
.portable-infobox.pi-theme-estudiante .pi-secondary-font {
    font-size: 12px; background-color: #800000;
}
.portable-infobox.pi-theme-estudiante .pi-title {
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-topright: 3px !important;
    font-size: 16px; background-color: #800000; text-align: center;
    color: #F2F2F2;
    border-radius:10px 10px 0px 0px
}
.portable-infobox.pi-theme-estudiante .pi-data-label {
    background: #B22222;
    color: #F2F2F2;
    flex-basis: 125px;
    text-align: left
}
.portable-infobox.pi-theme-estudiante .pi-data {
    text-align: center;
}
.portable-infobox.pi-theme-estudiante .pi {
    color: blue;   
}
.portable-infobox.pi-theme-estudiante  .pi-caption {
   font-size: 16px;
}
/* Marcos de las imágenes */
.WikiaArticle .article-thumb {
    background: orange;
    border: 2px solid orange;
    padding: 3px;
}
/**Cambia el color de la descripción de la imagen**/
.WikiaArticle .article-thumb .caption {
    color: #fff;
}
/*Color en los Administradores */
 
  a[href="/wiki/Usuario:Mei_Terumi_Senju"],
.diff a[title="Usuario:Mei_Terumi_Senju"],
.special li a[title="Usuario:Mei_Terumi_Senju"],
.changedby a[title="Usuario:Mei_Terumi_Senju"],
#pagehistory li a[title="Usuario:Mei_Terumi_Senju"]
{
	color: #800080 ; 
        font-weight: #800080;
        font-family:'Comic Sans MS';  
	text-shadow: 0 0 4px #FFA07A, 0 0 5px #008F4C, 0 0 7px #FFC0CB, 0 0 10px #CD5C5C, 0 0 15px #CD5C5C;
 
}

/* Módulos */
.WikiaRail .module {
	background-color: rgba(245,245,245,0.7);
	border-left: 4px solid #F09503;
	border-radius: 5px 5px 20px 20px;
	border-right: 4px solid #F09503;
	left: 3px;
	top: 3px;
}
 
#mw-content-text .module,
.WikiaRail .module,
.WikiaRail #RIGHT_SKYSCRAPER {
	border-color: #F09503;
	padding: 20px 15px 15px;
}
 
#mw-content-text .module .module-header,
.WikiaRail .module>h1,
.WikiaRail #RIGHT_SKYSCRAPER h1,
.WikiaRail .module h2,
.WikiaRail #RIGHT_SKYSCRAPER h2,
.WikiaRail .module h1.chat-headline {
	background: #F09503 !important;
	color: white;
	margin-left: -20px;
	margin-right: -20px;
	margin: -20px -15px 15px;
	padding: 5px;
	text-align: center !important;
}
 
.ChatModule .chat-join {
	position: absolute;
	right: 0;
	top: 5px;
}

/*Wiki Nav */
 
#WikiHeader h1.wordmark img {
    opacity:0.75;
    filter:alpha(opacity=75); /* For IE8 and earlier */
    transition: opacity 1s;
}
#WikiHeader h1.wordmark img:hover {
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
.board .description {
	display: none;
}
.board:hover,
li.thread:hover {
	background: #C27802 !important;
	border-left: 10px solid #C27802;
	padding-left: 10px !important;
	transition: 0.7s;
}
.thread .last-post {
	color: #000 !important;
}
.board .last-post,
.thread .last-post {
	padding-left: 30px;
}
.WikiNav .nav-item:not(.marked) {
	background: rgba(240,178,53,0.4);
	height: 25px;
	margin-top: 8px;
}
.WikiNav .nav-item,
.WikiNav .nav-item a {
	border: none !important;
}
.WikiNav .nav-item {
	transition: 0.3s;
}
.WikiNav .marked {
	background: linear-gradient(to top, #C27802 0, #F09503 100%);
	height: 30px;
	margin-top: 1px;
	padding-top: 4px;
}
.WikiNav .navbackground {
	background:  linear-gradient(to top,#F09503, #C27802 100%);
    border-radius:0 7px 7px 5px;
}
.subnav-3a img,
.subnav-4a img {
	border-left-color: #C27802 !important;
}
.WikiaPage {
	animation: shadow 1s linear 1s infinite alternate;
	-webkit-animation: shadow 1s linear 1s infinite alternate;
	border: 3px solid #C27802;
    border-radius: 3px;
}
 
.WikiaArticle {
	overflow: visible;
}
@-webkit-keyframes shadow {
	from {
		box-shadow: 0 0 1px #C27802;
	}
	to {
		box-shadow: 0 0 30px #C27802;
	}
}
@keyframes shadow {
	from {
		box-shadow: 0 0 1px #C27802;
	}
	to {
		box-shadow: 0 0 30px #C27802;
	}
}

/* GRAYSCALE */
.grayscale img {
    opacity: 0.6;
	-khtml-opacity: 0.60;
	-moz-opacity: .60;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
    transition: opacity 0.5s;
}
 
.grayscale img:hover {
	opacity: 1;
	-khtml-opacity: 1;
	-moz-opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

/* Bigscale V */
.bigscalev img {
    -webkit-transition: width 2s, height 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 2s;
}
 
.bigscalev img:hover {
	width: 169px;
    height: 275px;
}

/* Logo */
.WikiHeader .wordmark {
    -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -moz-transition: All 0.6863s ease;
    -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -o-transition: All 0.6863s ease;
    -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px);
    -webkit-transition: All 0.6863s ease;
    color: #708090;
    font-weight: bold;
    margin-bottom: 10px;
    width: 250px;
    word-wrap: break-word;
}
 
.WikiHeader .wordmark:hover {
-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

/* Masthead-info background banner */
.UserProfileMasthead .masthead-info {
    background:Transparent url('https://vignette.wikia.nocookie.net/bokunoheroacademia/images/d/d5/Poster_HeroAca2.jpg/revision/latest?cb=20180223000716&path-prefix=es') no-repeat top right;
    overflow:hidden;
    color:white;
}