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.
/************Estos códigos fueron creados especialmente para esta wiki. Si deseas copiarlos, no cuesta nada consultar en el muro de algún administrador para solicitar permiso************/
/**** Listado
0- Fonts
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
23- Gategorías diseñados
24- Diseño de Tabber
25- Enlaces interlenguaje
26- Oscurecer imágenes
27- Wordmark
28- Sprites de WikiActivity
29- WikiActivity
/////////////////////*/
/*** 0 - Fonts ***/
@import url("/load.php?mode=articles&only=styles&articles=u:dev:InterlanguageFlags/code.css");
@import url('https://fonts.googleapis.com/css?family=Federo');
h1, h2, h3 {
font-family: 'Federo', cursive !important;
}
/*** 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;
}
.UserProfileMasthead .details span {
color: gray;
font-size: 12px;
border-bottom: 2px solid #650021;
font-weight: bold;
text-transform: uppercase;
}
.UserProfileMasthead .discussion-details {
border-top: 2px solid #650021;
padding-top: 10px;
}
/****************************************************************/
/*** 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" ***/
body.ns-2 .wikia-menu-button {
border-radius: 0;
border: 1px solid #CCC;
background: #650021;
padding: 8px;
box-shadow: 0 1.4px 5px -1px rgba(0,0,0,.25);
}
body.ns-2 .wikia-menu-button #ca-edit {
padding-right: 10px;
color: #FAFAFA;
background: transparent;
}
body.ns-2 .wikia-menu-button #ca-edit:hover {
padding-right: 10px;
color: #dcbc55;
background: transparent;
}
body.ns-2 .wikia-menu-button #ca-edit .sprite {
display: none;
}
body.ns-2 .wikia-menu-button .chevron {
border-top-color: #ffffff;
}
body.ns-2 .wikia-menu-button .drop {
margin-left: 0;
background: transparent;
}
body.ns-2 .wikia-menu-button ul {
background: #650021;
box-shadow: none;
border: 1px solid #CCC;
top: 34px;
left: -1px;
}
body.ns-2 .wikia-menu-button ul li {
border: none;
}
body.ns-2 .wikia-menu-button ul li:hover {
background: transparent ;
}
body.ns-2 .wikia-menu-button ul li a:hover {
background: transparent ;
color: #dcbc55;
}
/****************************************************************/
/*** 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$="Colorado_Coloradus"] {
color: #00FF7F !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;
}
/****************************************************************/
/*** 20 - Sección de editar ***/
.WikiaArticle h2 {
border-bottom: solid 2px #650021;
font-size: 18px;
margin-top: 20px;
overflow: hidden;
padding-bottom: 3px;
padding-left: 5px;
}
.WikiaArticle .editsection {
float: none;
background-color: #650021;
padding: 5px 10px 10px 5px;
border-radius: 4px;
font-size: 13px;
margin-left: 10px;
vertical-align: baseline;
}
/****************************************************************/
/*** 21 - Cuadro de contenido en artículos ***/
#mixed-content-footer {
background-color: rgb(0, 0, 0);
margin: 0 -20px -30px;
padding: 20px;
}
.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;
}
/****************************************************************/
/*** 22 - Globo de comentarios ***/
.WikiaArticleComments h1 {
font-size: 24px;
background-color: #650021;
padding: 4px 10px 4px 9px;
border-radius: 12px;
margin-left: 5px;
}
.WikiaArticleComments .controls li {
float: left;
padding: 4px 10px 4px 9px;
margin-left: 5px;
}
.WikiaArticleComments {
border-top: 1px solid #650021;
padding-top: 10px;
}
.WikiaArticleComments .article-comments {
border-top: 1px solid #650021;
margin-top: 10px;
padding-top: 15px;
}
.avatar {
border: 2px solid #650021;
border-radius: 55px;
}
.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 transparent transparent;
}
.SpeechBubble .speech-bubble-message:before {
border-color: transparent #20000a transparent 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 transparent transparent;
}
.SpeechBubble .speech-bubble-message:after {
border-color: transparent #20000a transparent transparent;
border-style: solid;
border-width: 10px;
content: "";
height: 0;
position: absolute;
top: 15px;
left: -20px;
width: 0;
}
/****************************************************************/
/*** 23 - Gategorías diseñados ***/
.article-categories {
background-color: black;
background-image: -moz-linear-gradient(top,#000000 50%,black 100%);
background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(50%,#000000),color-stop(100%,black));
background-image: -o-linear-gradient(top,#000000 50%,black 100%);
background-image: -ms-linear-gradient(top,#000000 50%,black 100%);
border: 1px solid #650021;
border-radius: 55px;
clear: both;
line-height: 1.8em;
padding: 10px;
margin: 10px;
}
.CategorySelect.articlePage .special-categories {
background-color: #2b000e;
width: 61px;
float: left;
margin-left: -20px;
margin-top: -10px;
margin-bottom: -10px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
padding: 12px 4px 13px 7px;
margin-right: 6px;
}
/****************************************************************/
/*** 24 - Diseño de Tabber ***/
ul.pi-image-collection-tabs li.current {
background: #bae902;
Color: #fff;
text-shadow: #000 0px 0px 1px, #000 0px 0px 2px;
font-weight: bold;
}
/****************************************************************/
/*** 25 - Enlaces interlenguaje ***/
.WikiaArticleInterlang ul li a:before {
vertical-align: middle;
}
/****************************************************************/
/*** 26 - Oscurecer imágenes ***/
/* Oscurecer imagen usando class="hovernav" */
.hovernav img {
opacity:0.55;
filter:alpha(opacity=55);
}
.hovernav img:hover {
opacity:1.0;
filter:alpha(opacity=100);
}
/****************************************************************/
/*** 27 - Wordmark ***/
.wds-community-header__wordmark img:hover {
content: url(https://vignette.wikia.nocookie.net/villainous/images/8/89/Wiki-wordmark.png/revision/20171111162338?path-prefix=es);
/* cuida que no haya un error en el tamaño al cargar la imagen */
width: 250px;
height: 65px;
}
/****************************************************************/
/*** 28 - Sprites de WikiActivity ***/
.skin-oasis .sprite.edit-pencil {
background-image: url(http://vignette3.wikia.nocookie.net/itsuki-world/images/3/3d/Edit-IconIW.png/revision/latest?cb=20160917142122&path-prefix=es);
background-position: inherit;
}
img.sprite.edit {
background-image: url(http://vignette3.wikia.nocookie.net/itsuki-world/images/c/ce/Document-EditIW.png/revision/latest?cb=20160917143401&path-prefix=es);
background-position: inherit !important;
background-size: 100%;
}
img.new.sprite {
background-image: url(http://vignette1.wikia.nocookie.net/itsuki-world/images/7/78/Document-AddIW.png/revision/latest?cb=20160917143401&path-prefix=es);
background-position: inherit !important;
background-size: contain;
}
img.talk.sprite {
background-image: url(http://vignette3.wikia.nocookie.net/itsuki-world/images/7/7a/TalkIW.png/revision/latest?cb=20160917143402&path-prefix=es);
background-position: inherit !important;
background-size: 100%;
}
img.sprite.contribute {
background-image: url(http://vignette2.wikia.nocookie.net/itsuki-world/images/b/b4/Document-01IW.png/revision/latest?cb=20160917143402&path-prefix=es);
background-position: inherit !important;
}
.activityfeed-diff:before {
content: url(http://vignette1.wikia.nocookie.net/itsuki-world/images/7/7e/Document-FindIW.png/revision/latest?cb=20160917144319&path-prefix=es) !important;
padding: 5px !important;
position: absolute;
}
.activityfeed-diff img {
display: none;
}
img.categorization.sprite {
background-image: url(http://vignette4.wikia.nocookie.net/itsuki-world/images/9/93/Document-CategoryConnectIW.png/revision/latest?cb=20160917144917&path-prefix=es);
background-position: inherit !important;
background-size: contain;
}
/*** 29 - WikiActivity ***/
.activityfeed > li {
padding-left: 40px;
transition: .12s border;
}
.activityfeed > li:not(:first-child) {
border-top: 0;
}
li.activity-type-new {
border-left: 2px solid #22a0e6;
}
li.activity-type-edit {
border-left: 2px solid #e0b900;
}
li.activity-type-talk {
border-left: 2px solid #a7a7a7;
}
li.activity-type-categorization {
border-left: 2px solid #e28000;
}
.activity-feed-more {
border-top: 2px solid #461f78;
border-bottom: 2px solid #461f78;
}
.activity-nav ul li.watchlist {
border-right: solid 2px #461f78;
}
.activityfeed li:hover {
border-left-width: 5px;
}