Wikia.css

/************Estos códigos fueron creados especialmente para esta wiki. Si deseas copiarlos, no cuesta nada consultar en el muro de Bloodhorn para solicitar permiso************/
/*- Listado
 1- Header
 2- Borde del wiki
 3- Flecha del globo de perfiles
 4- Profile
 5- Tag en perfiles
 6- Modulos
 7- Botón de "editar"
 8- Linea separadora
 9- Botón de "Comentarios"
10- Botón de "Share"
11- Botón de "Crear nueva página"
12- Botón de "Contribuir"
13- Botón de "Móviles"
14- ScrollBar
15- Diseño de Infoboxes
16- Categorías del encabezado
17- Colores de la administración
18- Nuevo mensaje del muro
19- Separador
20- Sección de editar
21- Cuadro de contenido en artículos
22- Globo de comentarios
/////////////////////*/

/*** 1 - Header ***/
#WikiHeader {
    background: #000000;
    width: 105.0%;
    right: 2.9%;
    border-right: 4px solid #650021;
    border-left: 4px solid #650021;
    box-shadow: 0 3px 0px #650021,0 -4px 0px rgb(101, 0, 33);
}
/****************************************************************/
/*** 2 - Borde del wiki ***/
.WikiaPage {
    border: 1px solid #000000;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}
/****************************************************************/
/*** 3 - Flecha del globo de perfiles ***/
.UserProfileMasthead .masthead-info-lower:before {
    border-color: rgb(86, 0, 29) rgb(86, 0, 29) transparent transparent;
    border-style: solid;
    border-width: 22px;
    content: ' ';
    display: block;
    height: 118px;
    left: -44px;
    position: absolute;
    top: -78px;
    width: 0px;
}
/****************************************************************/
/*** 4 - Profile ***/
.UserProfileMasthead .masthead-info hgroup {
    background-image: none;
    border-radius: 0;
}
.UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower {
    padding-left: 200px !important;
}
.UserProfileMasthead .masthead-info {
    margin-left: -36px !important;
    margin-right: -36px !important;
}
.UserProfileMasthead {
    clear: both;
    padding: -1px 15px;
    position: relative;
    min-height: 150px;
}
.UserProfileMasthead .masthead-info {
    box-shadow: 0px 2px 10px 0 rgba(0,0,0,0.25);
    zoom: 1;
    background: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-left: 165px;
    margin-bottom: 20px;
    position: relative;
}
.UserProfileMasthead .masthead-info-lower:before {
    border-color: rgba(86, 0, 29, 0) rgba(86, 0, 29, 0) transparent transparent;
    border-style: solid;
    border-width: 22px;
    content: ' ';
    display: block;
    height: 118px;
    left: -44px;
    position: absolute;
    top: -78px;
    width: 0px;
}
.UserProfileMasthead .masthead-info-lower:before {
    border-color: rgba(40, 0, 13, 0) rgba(40, 0, 13, 0) transparent transparent;
    border-style: solid;
    border-width: 14px;
    content: ' ';
    display: block;
    height: 1px;
    left: -28px;
    position: absolute;
    top: 0px;
    width: 1px;
}
.UserProfileMasthead .masthead-avatar {
    z-index: 1;
    left: 0px;
}
.WikiaUserPagesHeader {
    background-color: rgba(17, 20, 7, 0);
    background-image: -moz-linear-gradient(top,#000000 0%,#111407 100%);
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(0%,rgba(0, 0, 0, 0)),color-stop(100%,rgba(17, 20, 7, 0)));
    background-image: -o-linear-gradient(top,#000000 0%,#111407 100%);
    background-image: -ms-linear-gradient(top,#000000 0%,#111407 100%);
    padding-top: 20px;
    width: 100%;
}
.UserProfileMasthead .masthead-avatar .avatar {
    border: 8px solid #650021;
    display: inline-block;
    border-radius: 100px;
    max-height: 155px;
    max-width: 155px;
}
.tabs li a {
    border: 2px solid #650021;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    padding: 0px 12px 3px;
    position: relative;
    top: 1px;
}
.tabs {
    zoom: 1;
    border-bottom: 4px solid #650021;
    overflow: visible;
    padding-left: 5px;
}
.tabs .selected a {
    border-bottom: 1px solid #650021;
    border-left: 2px solid #650021;
    background-color: #FFF;
    border-right: 2px solid #650021;
    border-top: 2px solid #650021;
    background: #20000a;
    color: #D5D4D4;
    cursor: text;
    font-weight: bold;
    text-decoration: none;
}
/****************************************************************/
/*** 5 - Tag en perfiles ***/
.UserProfileMasthead .masthead-info .tag {
    border-radius: 20px;
    background: #DC0048;
    display: inline-block;
    margin-left: 10px;
    padding: 2px 8px;
    position: relative;
    text-transform: uppercase;
    top: -4px;
}
/****************************************************************/
/*** 6 - Modulos ***/
.WikiaRail .module, .WikiaRail .ChatModule, .WikiaRail .HotSpotsModule, .WikiaRail .CommunityCornerModule, .WikiaBlogListingBox {
    background: #000000;
    border: none;
    border-top: 4px solid #650021;
    border-bottom: 4px solid #650021;
    box-shadow: 0px 0px 5px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.7);
    margin-left: 5px;
    padding: 20px 15px 15px;
    box-sizing: border-box;
}
.WikiaRail .rail-module {
    margin: 0px 4px 24px;
    border-top: 4px solid #650021;
    border-bottom: 4px solid #650021;
    background: #000000;
    width: 296px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.7);
    padding: 20px 15px 15px;
    box-sizing: border-box;
}
.WikiaRail .rail-module h2.has-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-bottom: 4px solid #650021;
    border-top: 4px solid #650021;
    background: #650021;
    border-radius: 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
/****************************************************************/
/*** 7 - Botón de "Editar" ***/
#WikiaPageHeader nav.wikia-menu-button {
    margin-top: -7px;
    background-image: none;
    border-radius: 0 0 1px 0px;
}
#WikiaPageHeader .wikia-menu-button span.drop {
    display: inline-block;
    position: absolute;
    top: -1px;
    margin-left: -1px;
    height: 21px;
    border-radius: 0 0 0px 0 !important;
    background: #650021;
}
.wikia-menu-button .drop {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    margin-left: -4px;
    padding-left: 5px;
    background: #650021 !important;
}
/****************************************************************/
/*** 8 - Linea separadora ***/
.wikia-page-header .header-container {
    border-bottom: 2px solid #650021;
}
/****************************************************************/
/*** 9 - Botón de "Comentarios" ***/
#WikiaPageHeader a.wikia-button.comments.secondary {
    margin-left: 26px;
    margin-top: -7px;
    background-image: none;
    background: #650021;
    border: 0 !important;
    height: 21px;
    padding: 0 8px 0 6px;
    border-radius: 0 0 0px 0px;
}
/****************************************************************/
/*** 10 - Botón de "Share" ***/
#WikiaPageHeader a#ShareEntryPoint {
    background-image: none;
    margin-top: -7px;
    border: 0;
    border-radius: 0 0 0px 0px;
    padding: 0 8px 0 6px;
    background: #630020;
}
/****************************************************************/
/*** 11 - Botón de "Crear nueva página" ***/
#WikiaPageHeader a.wikia-button.createpage {
    background-image: none;
    border: 0;
    border-radius: 0px 0px 0 0;
    padding: 0 8px 0 6px;
    background: #62001F;
    margin-top: 10px;
}
/****************************************************************/
/*** 12 - Botón de "Contribuir" ***/
nav.wikia-menu-button.contribute.secondary.combined {
    background-image: none;
    border: 0;
    background: #650021;
    border-bottom: 2px #650021;
    border-radius: 0 !important;
    margin-top: -40px;
}
/****************************************************************/
/*** 13 - Botón de "Móviles" ***/
.WikiaPageHeader .wikia-button, .WikiaPageHeader .wikia-menu-button {
    margin-top: -7px;
    vertical-align: top;
    z-index: 3;
    margin-right: 34px;
    background-color: #650021;
    border-radius: 0 0 0px 0px;
}
a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button {
    background-color: #650021;
    background-image: -moz-linear-gradient(top,#650021 35%,#650021 65%);
    background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,rgba(152, 0, 50, 0)),color-stop(65%,rgba(101, 0, 33, 0)));
    background-image: -o-linear-gradient(top,#650021 35%,#650021 65%);
    background-image: -ms-linear-gradient(top,#650021 35%,#650021 65%);
    border: 1px solid #650021;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 19px;
    line-height: 20px;
    margin: 0;
    padding: 0 8px 0 6px;
    padding: 0 0px;
    text-decoration: none;
    white-space: nowrap;
}
/****************************************************************/
/*** 14 - ScrollBar ***/
::-webkit-scrollbar-thumb {
    background: #650021;
    border-radius: 0px;
    width: 9px;
    height: 9px;
}
::-webkit-scrollbar {
    background: rgba(169, 14, 14, 0);
    width: 12px;
    height: 9px;
}
/****************************************************************/

/****************************************************************/
/*** 15 - Diseño de Infoboxes ***/
/* Infoboxes portátiles */
/* Infoboxes portátiles */
.portable-infobox {
	border-radius: 1px;
        border: solid 2px #650021;
        text-align:center;
        background:#000
}
 
.portable-infobox .pi-title {
	background: #650021;
	border-radius: 0px 0px 0 0;
	font-size: 18px;
	margin: 1px;
	padding: 0px;
}
.portable-infobox .pi-item-spacing {
	padding: 4px;
}
 
.portable-infobox .pi-header {
    background: #650021;
}
 
.portable-infobox .pi-image-collection-tabs {
    text-align: center;
}
 
/****************************************************************/
/*** 16 - Categorías del encabezado ***/
.WikiaPage .page-header__categories-links {
    color: white !important;
}
/****************************************************************/
/*** 17 - Colores de la administración ***/
a[href$="Aokmine"] {
    color: #03A9F4 !important;
}

a[href$="Bloodhorn"] {
    color: #03A9F4 !important;
}

a[href$="Water_Pearl"] {
    color: #FFC800 !important;
}

a[href$="Kashirib"] {
    color: #FF847C !important;
}

a[href$="Nightmare_Amethyst"] {
    color: #7B68EE !important;
}

a[href$="Spaicy"] {
    color: #70F41F !important;
}
/****************************************************************/
/*** 18 - Mensaje del muro ***/
.Wall .SpeechBubble.new-message .speech-bubble-message:after {
    border-top-color: transparent;
}
.Wall .new-message textarea, .cke_skin_wikia .cke_browser_webkit iframe {
    border-radius: 5px !important;
    transition: .25s
}

.Wall ul.comments > li.message > .speech-bubble-message:after {
    border-top-color: transparent;
    margin-left: -4px;
}
/****************************************************************/
/*** 19 - Separador ***/
.WikiaPage .page-header__separator {
    background-color: #620020;
    height: 4px;
}
/****************************************************************/
/*** Sección de editar ***/
.WikiaArticle h2 {
    border-bottom: solid 2px #650021;
    font-size: 18px;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 3px;
}
.WikiaArticle .editsection {
    float: none;
    background-color: #650021;
    padding: 5px 10px 10px 5px;
    border-radius: 4px;
    font-size: 13px;
    margin-left: 10px;
    vertical-align: baseline;
}
/****************************************************************/
/*** Cuadro de contenido en artículos ***/
.WikiaArticle .toc {
    background-color: transparent;
    border: 2px solid #650021;
    border-collapse: separate;
    margin: 1em 0;
    padding: 5px;
}
#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
    direction: ltr;
    border-radius: 5px;
    background-color: #650021;
    padding: 2px 8px 0px 6px;
}
/****************************************************************/
/*** Globo de comentarios ***/
.SpeechBubble .speech-bubble-message.current {
    background: #9a0536;
}
.SpeechBubble .speech-bubble-message {
    background: #20000a;
    border: 1px solid #20000a;
    border-radius: 10px;
    margin: 0 0 0 75px;
    padding: 15px 10px 10px 15px;
    position: relative;
}
.SpeechBubble .speech-bubble-message.current:after {
    border-color: transparent #9a0536 #9a0536 transparent;
}
.SpeechBubble .speech-bubble-message:before {
    border-color: transparent #20000a #20000a transparent;
    border-style: solid;
    border-width: 11px;
    content: "";
    height: 0;
    position: absolute;
    top: 14px;
    left: -22px;
    width: 0;
}
.SpeechBubble.even .speech-bubble-message, .SpeechBubble.owner .speech-bubble-message {
    background: #20000a;
}
.SpeechBubble.even .speech-bubble-message:after, .SpeechBubble.owner .speech-bubble-message:after {
    border-color: transparent #20000a #20000a transparent;
}
.SpeechBubble .speech-bubble-message:after {
    border-color: transparent #20000a #20000a transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 0;
    position: absolute;
    top: 15px;
    left: -20px;
    width: 0;
}