Wikia.css

/***Fondo ocupador de pantalla lol***/
 
 .mediawiki { 
     background:#FF8C00 url(https://vignette.wikia.nocookie.net/las-chicas-superpoderosas-reboot/images/1/1a/NovemberPPGWiki2016.png/revision/latest?cb=20161101221410&path-prefix=es) fixed center top !important; 
}
    body.mediawiki { 
    background-size: 100% auto !important; 
}

a.wikia-photogallery-add.wikia-button.noprint {
    display: none;
}
 
/* User profile masterhead info */
.UserProfileMasthead .masthead-info {
   border: 1px dashed #0099FF ;
}
 
.avatar {
	border-radius: 3px;
}
.WikiHeader .WikiNav li.nav-item:not(.marked) {
	background: rgba(0, 0, 0, 0.4);
}
.WikiHeader .WikiNav li.nav-item:not(.marked) a {
	color: #D1A3FF;
}
.WikiHeader .WikiNav li.nav-item: first-child,
.WikiHeader .WikiNav li.nav-item:first-child a {
	border-radius: 10px 0 0;
}
.WikiHeader .WikiNav li.nav-item: last-child,
.WikiHeader .WikiNav li.nav-item:last-child a {
	border-radius: 0 10px 0 0;
}
.WikiHeader .WikiNav li.marked {
	background: #8B0000;
	transition: background 0.5s;
}
 
/* Configuración del fondo del Chat*/
 
.ChatWindow .Chat .inline-alert { background:url('https://68.media.tumblr.com/9d5fbfcb6fc55f7007d938d1fb44a16a/tumblr_og3hqa6ngF1rfkbx9o2_1280.jpg'); 
    color: white; 
    text-shadow: 0 0 4px #00CCFF, 0 0 5px #00CCFF, 0 0 7px #00CCFF, 0 0 10px #00CCFF, 0 0 5px pink;
}
 
/* Cursor modificado */
body {
    cursor: url('https://vignette.wikia.nocookie.net/powerpuff/images/1/11/Favicon_wikia.png/revision/latest?cb=20160604190358'), auto;
}
a:link{
  cursor: url('https://vignette.wikia.nocookie.net/las-chicas-superpoderosas-reboot/images/6/6c/Blossom_16.png/revision/latest?cb=20160603215011&path-prefix=es'), pointer }
  
 /* Administradores, links personalizados */
 a[href$="NomNom1910"] {
 color: #BF0040 !important;
     font-weight: bold !important;
     background: -webkit-linear-gradient(left, #df2c0b, #3333FF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
 }
 
 /* Administradores comentarios */
.comments li[data-user="Guillaume Alexandre Glachant Anthème"] blockquote{
    background: gold url(https://vignette.wikia.nocookie.net/las-chicas-superpoderosas-reboot/images/b/b0/AdminWiki.png/revision/latest?cb=20171009060034&path-prefix=es) center right no-repeat !important;
    border: 1.5px solid #D4AF37 !important;
    color: #000000 !important;
}

.comments li[data-user="Guillaume Alexandre Glachant Anthème"] blockquote:after{
    border-color: transparent gold gold transparent !important;
}
 
.comments li[data-user="Guillaume Alexandre Glachant Anthème"] blockquote div
{    background: transparent navy !important;}
    
    /*** Etiqueta de cargo en hilos ***/
  .Wall .edited-by a.subtle[href$="NomNom1910"]:after, .Wall .edited-by a.subtle[href$="Muro:Guillaume_Alexandre_Glachant_Anthème"]:after {
      content: "Administrador";
      background-color: #df2c0b;
      border: solid 1.5px #F2F2F2;
      font-variant: small-caps;
      padding: 3.3px;
      box-shadow: 0.0em 0.0em 9px #921192 inset;
      border-radius: 9px;
      font-family: none;
      text-shadow: none;
      font-size: 100%;
      color: #F2F2F2 !important;
  }
    
/* Portadas */
/** Blossom **/
.blossom tr {
    transition: background .2s;
    border-radius: .3em;
    border-top: 2px solid #FF63FF;
    border-bottom: 2px solid #FF63FF;
    padding: 5px;
    background: #FFFFE0;
}
 
.blossom tr:hover {
    background: #FFCFFF;
}
 
/** Bubbles **/
.bubbles tr {
    transition: background .2s;
    border-radius: .3em;
    border-top: 2px solid #63D0FF;
    border-bottom: 2px solid #63D0FF;
    padding: 5px;
    background: #FFFFE0;
}
 
.bubbles tr:hover {
    background: #D6F1FF;
}
 
/** Buttercup **/
.buttercup tr {
    transition: background .2s;
    border-radius: .3em;
    border-top: 2px solid #69FF5E;
    border-bottom: 2px solid #69FF5E;
    padding: 5px;
    background: #FFFFE0;
}
 
.buttercup tr:hover {
    background: #CFFFCC;
}
 
/* Top Header parameters */

.WikiHeader .WikiNav li.nav-item:not(.marked) {
	background: rgba(0, 0, 0, 0.4);
}
.WikiHeader .WikiNav li.nav-item:not(.marked) a {
	color: #fff;
}
.WikiHeader .WikiNav li.nav-item: first-child,
.WikiHeader .WikiNav li.nav-item:first-child a {
	border-radius: 10px 0 0;
}
.WikiHeader .WikiNav li.nav-item: last-child,
.WikiHeader .WikiNav li.nav-item:last-child a {
	border-radius: 0 10px 0 0;
}
.WikiHeader .WikiNav li.marked {
	background: #8B0000;
	transition: background 0.5s;
}
 
/*Acercamiento al 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: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
    -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
    -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
    -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
}
 
a.wikia-photogallery-add.wikia-button.noprint {
    display: none;
}
 
/*cabecera de perfil*/
 
.UserProfileMasthead .masthead-info,
.UserProfileMasthead .masthead-info a {
	color: #fff;
}
.UserProfileMasthead .masthead-info span {
	color: #fff;
	font-weight: bold;
}
.WikiaActivityModule a,
.WikiaActivityModule .edited-by,
.WikiaActivityModule h1 {
	background: rgba(0, 0, 0, 0.4);
}

/** Fondo personalizado para las navegaciones de Temporadas **/
.temporada1 {
    background-image: url('https://68.media.tumblr.com/b9917e3f72527f7e635f292b262e7328/tumblr_o5l83hHq371rfkbx9o4_1280.jpg') !important;
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-size: contain
    
}

.temporada2 {
    background-image: url('https://68.media.tumblr.com/6c7e157ee4b13ba0decfe63bd126332b/tumblr_orcmx2ZjXE1vrn12wo1_540.png') !important;
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-size: contain

}

/* Logo girante */
 
.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: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
  -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
  -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
  -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px);
}

/***** ----- 1 - Códigos que afectan a la portada (Códigos de Star vs. las Fuerzas del Mal Wiki ----- *****/

/*** Bienvenida de la portada ***/
.mainpage-box {
    font-size: 1.3em;
    color: white;
    padding: 0;
    background-size: auto 100%;
    border: 1px solid #02D890;
    margin: 0.5em 0;
}
.mainpage-box-inside {
    background-color: rgba(0, 0, 0, 0.75);
    padding: 50px 25px;
}
.mainpage-box-title {
    font-size: 2.1em;
    margin-bottom: 1em;
    text-transform: uppercase;
    text-align: center;
    font-family: "Trebuchet MS";
}
 
.mainpage-box-1 {
    text-align: center;
    background: url(https://vignette.wikia.nocookie.net/las-chicas-superpoderosas-reboot/images/a/a3/Asfghjk.png/revision/latest?cb=20171007214337&path-prefix=es) no-repeat center center / cover;

}
.WikiaHeader,
.UserProfileMasthead .masthead-info {
	background: url(https://68.media.tumblr.com/4a1e05e7c5b66b0e33012e6fbc509b03/tumblr_ob8vk5A6OM1rw7bqro4_1280.png) center;
}
.UserProfileMasthead .masthead-info,
.UserProfileMasthead .masthead-info a {
	color: #000000;
}
.UserProfileMasthead .masthead-info span {
	color: #000000;
	font-weight: bold;
}
.WikiaActivityModule a,
.WikiaActivityModule .edited-by,
.WikiaActivityModule h1 {
	background: rgba(0, 0, 0, 0.4);
}

/** Fondo personalizado para las navegaciones de Temporadas (Atribuciones a Un Show Más Wiki) **/
.ArtículosHader {
    background-image: url('https://68.media.tumblr.com/b9917e3f72527f7e635f292b262e7328/tumblr_o5l83hHq371rfkbx9o4_1280.jpg') !important;
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-size: contain
 
}
 
.wiki-portada {
    background-image: url('https://vignette.wikia.nocookie.net/las-chicas-superpoderosas-reboot/images/e/e5/PPGINTRO.png/revision/latest?cb=20170902081503&path-prefix=es') !important;
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
    background-size: contain
}

/* Image slider (From "The Amazing World of Gumball Wiki") */
 
.cslider {
  background-color: #000;
  color: #fff;
  display: flex;
  height: 415px;
  margin: auto;
  overflow: hidden;
  position: relative;
  transition: background-color 400ms ease;
  width: 670px;
}
 
.cslider ul {
  display: inline-flex;
  padding: 0;
  margin: 0;
  position: relative;
  top: 0;
  left: 0;
}
 
.cslider ul li {
  list-style: none;
  margin: 0 !important;
}
 
.cslider ul li img {
  width: 670px;
}
 
.cslider figure {
  height: 406px;
  overflow: hidden;
  margin: 0 !important;
}
 
.cslider figcaption {
  background: rgba(0, 0, 0, .5);
  box-sizing: border-box;
  height: 31px;
  padding: 3px 12px;
}
 
.cslider-prev,
.cslider-next {
  cursor: pointer;
  font-size: 30px;
  position: absolute;
  transform: scaleX(2);
}
 
.cslider-prev {
  left: 15px;
}
 
.cslider-next {
  right: 15px;
}
 
.cslider-caption {
  background: rgba(0, 0, 0, .5);
  bottom: 0;
  box-sizing: border-box;
  height: 90px;
  padding: 10px 15px;
  position: absolute;
  width: 670px;
  z-index: 10;
}
 
.cslider-caption h2 {
  border: none;
  font-size: 16px !important;
  font-weight: 700;
}
 
.cslider-caption p {
  font-size: 12px;
}
 
.cslider-caption a {
  background-color: #013668;
  background-image: -moz-linear-gradient(top, #014381 35%, #013668 65%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #014381), color-stop(65%, #013668));
  background-image: -o-linear-gradient(top, #014381 35%, #013668 65%);
  background-image: -ms-linear-gradient(top, #014381 35%, #013668 65%);
  border: 1px solid #02488b;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  text-decoration: none !important;
  line-height: 20px;
  padding: 0 10px;
  margin-top: 5px;
}
 
.cslider-caption p,
.cslider-caption h2 {
  line-height: 20px;
  margin: 0 !important;
  padding: 0 !important;
}
 
.cslider-nav {
  display: flex;
  height: 40px;
  justify-content: center;
  margin: auto;
  padding: 5px 0;
  position: relative;
  width: 670px;
  z-index: 50;
}
 
.cslider-nav .active {
  border: 1px solid #fff;
}
 
.cslider-thumbs {
  height: 40px;
}
 
.cslider-thumbs img {
  border: 1px solid #444;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 3px;
  height: 40px;
}

/* Portada - Administración. Créditos a: DRAGON BALL FANON WIKI */
 
#portada-administracion {
  height: 230px;
  overflow: hidden;
  ;
  border-radius: 5px;
  margin: 10px auto;
  position: relative;
}
 
#portada-administracion .seccion {
  width: 100%;
  max-height: 100%;
  position: absolute;
}
 
#portada-administracion .SeccionAct {
  left: 0;
}
 
 
/** Fondo de las imagenes **/
 
#portada-administracion .seccion:nth-of-type(1) img {
  background: #12aedb;
}
 
#portada-administracion .seccion:nth-of-type(2) img {
  background: #db4646;
}
 
#portada-administracion .seccion:nth-of-type(3) img {
  background: #96c465;
}
 
 
/** Final de extracción **/
 
#portada-administracion .seccion p {
  float: left;
  width: 420px;
  clear: right;
  text-align: justify;
  margin: 25px 0 10px 0;
  font-size: 14px;
  color: #aaa;
  line-height: 1.2em
}
 
#portada-administracion .seccion h7 {
  float: left;
  width: 200px;
  font-size: 14px;
  color: #999;
  font-weight: bold;
  font-style: italic;
}
 
#portada-administracion .control {
  position: absolute;
  bottom: -10px;
  right: 10px;
}
 
#portada-administracion .control span {
  background-color: #555;
  padding: 5px;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s ease-in
}
 
#portada-administracion .ContActive {
  background-color: #bbb !important;
}