Wikia.css

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
Opera: Presiona Ctrl+F5.
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700);
 
body {
    font-family: 'Quicksand', serif;
}
 
h1,h2,h3 {
    font-family: 'Century Gothic', serif;
}
/* TOC en los artículos */
.WikiaArticle .toc { 
      -moz-border-radius: 2.4em 2.4em 0.4em 2.4em;
    -webkit-border-radius: 2.4em 2.4em 0.4em 2.4em;
    border-radius: 2.4em 2.4em 0.4em 2.4em;
    }
 
#toc {
	border:1px solid #c40960
}
 
/* Encabezados */
.WikiaArticle h2 {
    border-bottom: 2px double #d61770;
    font-family: Century Gothic;
    font-style: Normal;
    color: #000;
    font-size: 22px;
}
 
.WikiaArticle .editsection {
    float: right;
    font-size: 12px;
    border-bottom: 3px double #d61770;
    margin-bottom:-3px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    border-radius: 15px 15px 0 0;
    background: #d61770;
}
 
.WikiaArticle .editsection a {
    color: White;
    font-weight: bold;
}
.WikiaArticle h3 {
    font-family: century gothic;
    font-style: Normal;
    border-bottom: 1px double #d61770;
    color: #000;
}
 
.WikiaArticle h4 {
    font-family: century gothic;
    font-style: Normal;
    border-bottom: 1px double #d61770;
}
 
.WikiaArticle h5 {
    font-family: century gothic;
    font-style: Normal;
}
 
.WikiaArticle h6 {
    font-family: century gothic;
    font-style: Normal;
}
 
/* Subtítulo 1*/
.WikiaArticle h2 {
    border-bottom: 2px double #d61770;
    font-family: century gothic;
    font-style: Normal;
    color: #000;
    font-size: 22px;
}
 
.WikiaArticle .editsection {
    float: right;
    font-size: 12px;
    border-bottom: 3px double #d61770;
    margin-bottom:-3px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    border-radius: 15px 15px 0 0;
    background: #d61770;
}
 
.WikiaArticle .editsection a {
    color: White;
    font-weight: bold;
}
.WikiaArticle h3 {
    font-family: century gothic;
    font-style: Normal;
    border-bottom: 1px double #d61770;
    color: #000;
}
 
.WikiaArticle h4 {
    font-family: century gothic;
    font-style: Normal;
    border-bottom: 1px double #d61770;
}
 
.WikiaArticle h5 {
    font-family: century gothic;
    font-style: Normal;
}
 
.WikiaArticle h6 {
    font-family: century gothic;
    font-style: Normal;
}
 
/* Hover Classes */
.opacity img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	}	
 
.opacity img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}
 
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
 
.shadow img {
  -webkit-transition: all 0,2s ease;
     -moz-transition: all 0,2s ease;
       -o-transition: all 0,2s ease;
      -ms-transition: all 0,2s ease;
          transition: all 0,2s ease;
}
 
.shadow img:hover {
  -webkit-filter: drop-shadow(10px 7px 1px grey)
}
/* Hover Template */
.imgUnder {
    overflow: visible;
    display: inline-block;
    position: relative
}
 
.imgOver {
    display: block;
    visibility: hidden;
    width: inherit;
    height: inherit;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
 
.imgUnder:hover .imgOver {
    visibility: visible;
}
 
/* popup image */
.popup_link {
    display: inline;
    position: relative;
    width: 0;
}
 
.popup_image {
    z-index: 1000000;
    position: absolute;
    bottom: 1.5em;
    right: -21.5px;
    backdrop-filter: blur(2px);
    -webkit-box-shadow:0 0 5px white;
    background: rgba(0,0,0,0.6);
    border: 1px solid white;
}
 
@keyframes fade {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes fade {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fade {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fade {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
/* Botón de Editar */
 
.button, button,
.wikia-menu-button a {
   background: HotRed;
   color:White ;
   box-shadow:0 0 0.5em 0.2em Black;
   border-radius:12px;
}
 
.wikia-menu-button {
   border: none;
   background: LightRed;
   color:White ;
   box-shadow:0 0 0.5em 0.2em Black;
   border-radius:12px;
}
 
button:hover,
.wikia-menu-button a:hover {
   background-color: LightRed;
   color:White ;
   box-shadow:0 0 0.5em 0.2em Black;
   border-radius:12px;
}
 
/* BORDES */
.WikiaArticleInterlang,
.WikiaRail .module {
   -moz-border-radius: 0.4em 0.4em 0.4em 0.4em;
   -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
   border-radius: 0.5em 1.5em 0.5em 1.5em;
   border:1px solid #d61770;
   background:  transparent;
}

/* Link hover */
a:hover {
	text-shadow: #7f0840 0 0 3px;
    color: #000000 !important;
	text-decoration:none;
	-webkit-transition: all .4s linear 0s;
	-moz-transition: all .4s linear 0s;
	-ms-transition: all .4s linear 0s;
	-o-transition: all .4s linear 0s;
	transition: all .4s linear 0s;
}
/* Hover Template */
.imgUnder {
    overflow: visible;
    display: inline-block;
    position: relative
}
 
.imgOver {
    display: block;
    visibility: hidden;
    width: inherit;
    height: inherit;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
 
.imgUnder:hover .imgOver {
    visibility: visible;
}

/* Rounded Avatars */
.avatar {
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-width: 2px solid #c1c1c1;
}