Skins 2017

* Azul
* Nuevo naranja
* Rojo

https://image.prntscr.com/image/NFBShvDHRcSxFTyyWvosTg.png
https://image.prntscr.com/image/AyFSp7IuSfWKe-5vv-STEQ.png
https://image.prntscr.com/image/4qSgDT5FTsq9rUQgqPhBpw.png

```
img.avatar {
 border-radius: 100px;
}
/\* Sección 2: Perfiles. \*/
/\*\* 2.1. Pestañas. \*\*/
ul.tabs {
 border-bottom: 4px #006cb0;
 border-style: solid;
}
.tabs .selected a {
 background-color: #006cb0;
 border: 1px #000;
 border-style: solid;
 color: #fff;
}
.tabs li a {
 border: 1px solid #000;
 color: #000;
 font-size: 16px;
 width: 140px;
 padding: 15px;
 text-align: center;
 text-decoration: none;
 border-radius: 0;
}
.tabs li a:hover {
 background-color: #006cb0;
 color: #fff;
 font-weight: bold;
 -webkit-transition: all .2s linear 0s;
 -moz-transition: all .2s linear 0s;
 -ms-transition: all .2s linear 0s;
 -o-transition: all .2s linear 0s;
 transition: all .2s linear 0s;
}
.tabs {
 zoom: 1;
 border-bottom: 1px solid #cccccc;
 padding-left: 70px;
}
/\*\* 2.2. Avatares. \*\*/
.UserProfileMasthead .masthead-avatar .avatar {
 -webkit-box-shadow: 0 0 0.4em 0.4em #006cb0;
 border: none;
}
.UserProfileMasthead .masthead-avatar .avatar:hover {
 -webkit-filter: grayscale(100%);
 filter: grayscale(100%);
 transition: All 0s ease;
}
.UserProfileMasthead .masthead-avatar .avatar {
 margin-right: 10px;
 margin-top: 18px;
}
.UserProfileMasthead .masthead-info-lower:before {
 border-color: transparent #006cb0 transparent transparent;
 border-style: solid;
 border-width: 20px;
 content: ' ';
 display: block;
 height: 1px;
 left: -42px;
 position: absolute;
 top: 0px;
 width: 1px;
}
/\*\* 2.3. Encabezado. \*\*/
.UserProfileMasthead .masthead-info hgroup {
 background: #006cb0;
 border-radius: 0 !important;
 border-style: solid;
 padding: 15px;
}
/\*\*\* 2.3.1. Grupos de usuario. \*\*\*/
.tag {
background: none !important;
 border: 2px #fff;
 border-style: solid;
 color: #fff;
 font-size: 14px;
 text-transform: none !important;
 padding: 5px !important;
}
/\*\* 2.4. Recuadro de datos de usuario. \*\*/
.UserProfileMasthead .masthead-info {
 background-color: #fff !important;
 background-position: right;
 background-repeat: no-repeat;
 border-radius: 0;
 border: 1px #006cb0;
 border-style: solid;
 box-shadow: none;
}
/\*\*\* 2.4.1 Cambiando posición. \*\*\*/
.UserProfileMasthead .masthead-info div {
 margin-right: -10px;
 color: #3a3a3a;
## }
.UserProfileMasthead .tally {
 font-style: italic;
 font-variant: normal;
 color: #000 !important;
}

.UserProfileMasthead .discussion-details.tally {
 border-color: #006cb0;
 border-style: solid;
}
.UserProfileMasthead ul.wikis span {
 color: #000 !important;
 font-style: normal;
 font-weight: bold;
}
.UserProfileMasthead .details span:after {
 content: ":";
}
.UserProfileMasthead .tally em {
 color: #006cb0;
}
.UserProfileMasthead ul.wikis span {
 color: gray !important;
 font-style: normal;
 font-weight: bold;
}
.UserProfileMasthead ul.wikis span:after {
 content: ":";
}

.UserProfileMasthead .wikis ul li:before {
content: "•";
 padding-right: 19px;
}

```

```
@import "http://dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css";

.mediawiki {
 background: url("http://vignette3.wikia.nocookie.net/dragonball/images/b/b8/Dragon\_Ball\_Wiki\_-\_fondo.jpg/revision/latest?cb=20161223032245&path-prefix=es") !important;
}
body.mediawiki {
 background-attachment: fixed !important;
 background-position: center top !important;
 background-size: 115% auto !important;
}
/\* 1.2. Modificando los avatares generales. \*/
img.avatar {
 border-radius: 100px;
}

.WikiaNotifications li div {
 border-bottom: 1px #000;
 border-radius: 0;
 border-style: solid;
}
ul.WikiaNotifications li div {
 font-size: 13px;
}
.WikiaNotifications li div a {
 background: none;
 color: #000;
 font-weight: bold;
}
.WikiaBarWrapper {
 background-image: none;
 box-shadow: 0 0 5px #000 !important;
}
.WikiaBarWrapper .arrow {
 border-left: 1px #000;
 border-style: solid;
}
.WikiaFooter .toolbar .tools > li,
.WikiaBarWrapper .toolbar .tools > li {
 border-right: 1px solid #000;
 padding: 0 17px;
}
.WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a {
 color: #000;
font-weight: bold;
}
span.arrow-icon.arrow-icon-single {
 border-color: transparent transparent #000 transparent !important;
}
::-webkit-scrollbar {
 width: 10px;
}
::-webkit-scrollbar-track {
 border-radius: 0;
}
::-webkit-scrollbar-button {
 background: #fca834;
}
::-webkit-scrollbar-thumb {
 background-color: #ffc000;
 border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
 border-radius: 10px;
}
h2.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
h2.pi-item.pi-item-spacing.pi-title {
 background: #fca834 !important;
 border-radius: 0;
 color: #000;
 text-align: center;
}
h2.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
h2.pi-item.pi-item-spacing.pi-title {
 background: #006cb0;
 border-radius: 0;
 color: #000;
 text-align: center;
}
/\* Sección 1: Módulos de la derecha. \*/
/\*\* 1.1. Comienzo del diseño exterior \*\*/
#mw-content-text .module .module-header,
.WikiaRail #RIGHT\_SKYSCRAPER h1,
.WikiaRail #RIGHT\_SKYSCRAPER h2,
.WikiaRail .module h1.chat-headline,
.WikiaRail .module h2,
.WikiaRail .module > h1 {
 background-color: #006cb0;
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 1px;
 line-height: 16px;
 margin: -21px -16px 10px -15px;
 max-width: 105%;
 padding: 15px;
 text-transform: uppercase;
}
.WikiaRail .rail-module h2 {
 background-color: #fca834;
 border-bottom: none;
 color: #000;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 1px;
 line-height: 16px;
 margin: -1px -16px 10px -4px;
 max-width: 96%;
 padding: 10px;
 text-transform: uppercase;
}
.WikiaRail .insights-module h2:before {
 content: "\f0ea";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .HotSpotsModule h2:before {
 content: "\f006";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .CommunityCornerModule h2:before {
 content: "\f133";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .rail-module h2 .chat-live:before {
 content: "\f086";
 font: normal 17px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .forum-activity-module h2:before {
 content: "\f0e3";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .content-review-module h2:before {
 content: "\f013";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .FollowedPagesModule h2:before {
 content: "\f007";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .rail-module h2 .chat-live {
 line-height: 30px;
}
.WikiaRail .forum-activity-module h2 {
 line-height: 30px;
}
.WikiaRail .rail-module h2.has-icon svg {
 fill: #000;
}
/\*\* 1.2. Diseño interior \*\*/
.WikiaRail .module {
 border: 1px #fca834;
 border-style: solid
}
.WikiaRail .rail-module {
 background-color: #fff;
 border: 1px #fca834;
 border-style: solid;
 margin-bottom: 10px;
 margin: 0 0 10px !important;
 padding: 0 4px 20px;
}
.WikiaRail .module .more {
 background-color: #006cb0;
 bottom: -15px;
 color: #fff;
 font-size: 9px;
 font-weight: bold;
 left: 15px;
 letter-spacing: 1px;
 padding: 8px;
 position: relative;
 text-transform: uppercase;
 transition: 0.2s;
}
.WikiaRail .module .more:hover {
 background-color: #338db0;
 text-decoration: none !important;
 transition: 0.2s;
}
.content-review-module-help a {
 background-color: #006cb0;
 bottom: -9px;
 color: #fff;
 font-size: 9px;
 font-weight: bold;
 left: 15px;
 letter-spacing: 1px;
 padding: 8px;
 position: relative;
 text-decoration: none !important;
 text-transform: uppercase;
 transition: 0.2s;
}
.content-review-module-help a:hover {
 background-color: #338db0;
 transition: 0.2s;
}
.insights-module-item {
 border-color: #006cb0 !important;
}
.HotSpotsModule li .hot-spot-severity-3 {
 background-color: #da0;
}
.HotSpotsModule li .hot-spot-severity-1 {
 background-color: #b02;
}
.HotSpotsModule li {
 border-color: #006cb0 !important;
}
.FollowedPagesModule li {
 border-color: #006cb0 !important;
}
.WikiaRail .activity-module .activity-item {
 padding: 6px 20px;
}
.WikiaRail .activity-module .page-title:before {
 content: "•";
 padding-right: 8px;
}
.WikiaRail .forum-activity-module .page-title:before {
 content: none;
}
.community-page-rail-module {
 border-color: #fca834 !important;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary {
 background-color: #fca834;
 border-color: transparent;
 color: #000;
 font-size: 11px;
 transition: 0.2s;
 margin-left: 5px !important;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary:hover {
 background-color: #338db0;
 border-color: transparent;
 color: #fff;
 transition: 0.2s;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary a {
 color: #fff;
 text-decoration: none !important;
}
.WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar {
 border-color: #006cb0;
}
.WikiaRail .forum-activity-module .wds-avatar {
 border-color: #006cb0;
}
.community-page-rail-module .wds-avatar {
 border-color: #fca834 !important;
}
div.info {
 background-color: #cce2ef !important;
 color: #000;
}
div.popover-inner {
 border: 2px #006cb0;
 border-style: solid;
}
li.profilepage.message-wall {
 border-bottom: 1px #006cb0;
 border-style: solid;
}

.WikiaRail .rail-module .wds-button.wds-is-secondary:focus:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:hover:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:active, .WikiaRail .rail-module .wds-button.wds-is-secondary.wds-is-active {
 background-color: #fca834;
 border-color: transparent;
 color: #fff;
 transition: 0.2s;
}
.Modulo\_noticias:before {
 content: "\f0f6";
 font: normal 15px FontAwesome;
 padding-right: 10px;
}
.Modulo\_noticias {
 background-color: #006cb0;
 border-bottom: none;
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 1px;
 line-height: 30px;
 margin: -1px -16px 10px -4px;
 max-width: 96%;
 padding: 10px;
 text-transform: uppercase;
}

/\* Sección 2: Módulos de spotlight. \*/
/\*\* 2.1. Imagen interior. \*\*/
footer.WikiaFooter.notoolbar {
 background: url("http://vignette2.wikia.nocookie.net/dragonball/images/e/e8/Dragon\_Ball\_Wiki\_-\_fondo\_de\_spotlights.png/revision/latest?cb=20161223032630&path-prefix=es");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
/\*\* 2.3. Cambiando color de fuente. \*\*/
.WikiaFooter .header-container h2 {
 color: #fff;
 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
/\*\* 2.3. Eliminando bordes. \*\*/
#WikiaFooter>section,
#SPOTLIGHT\_FOOTER {
 background: none;
 border: none;
}
ul.pi-image-collection-tabs {
 background: #fff;
border-color: #fca834 !important;
}
ul.pi-image-collection-tabs li.current {
 background: #fca834;
color: #000;
 border-color: #fca834;
}
ul.pi-image-collection-tabs li {
 border: 1px solid #fca834;
}
.portable-infobox {
 border: 1px solid #fff !important;
}
.pi-border-color {
 border-color: #fca834;
}

.pi-image-collection-tab-content,
ul.pi-image-collection-tabs {
border: 1px solid #fca834;
}

```

```
@import "http://dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css";

.mediawiki {
 background: url("http://vignette3.wikia.nocookie.net/dragonball/images/b/b8/Dragon\_Ball\_Wiki\_-\_fondo.jpg/revision/latest?cb=20161223032245&path-prefix=es") !important;
}
body.mediawiki {
 background-attachment: fixed !important;
 background-position: center top !important;
 background-size: 115% auto !important;
}
/\* 1.2. Modificando los avatares generales. \*/
img.avatar {
 border-radius: 100px;
}

.WikiaNotifications li div {
 border-bottom: 1px #000;
 border-radius: 0;
 border-style: solid;
}
ul.WikiaNotifications li div {
 font-size: 13px;
}
.WikiaNotifications li div a {
 background: none;
 color: #fff;
 font-weight: bold;
}
.WikiaBarWrapper {
 background-image: none;
 box-shadow: 0 0 5px #000 !important;
}
.WikiaBarWrapper .arrow {
 border-left: 1px #fff;
 border-style: solid;
}
.WikiaFooter .toolbar .tools > li,
.WikiaBarWrapper .toolbar .tools > li {
 border-right: 1px solid #fff;
 padding: 0 17px;
}
.WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a {
 color: #fff;
}
::-webkit-scrollbar {
 width: 10px;
}
::-webkit-scrollbar-track {
 border-radius: 0;
}
::-webkit-scrollbar-button {
 background: #f14800;
}
::-webkit-scrollbar-thumb {
 background-color: #FA8072;
 border-radius: 0;
}
::-webkit-scrollbar-thumb:hover {
 border-radius: 10px;
}
h2.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
h2.pi-item.pi-item-spacing.pi-title {
 background: #f14800 !important;
 border-radius: 0;
 color: #fff;
 text-align: center;
}
h2.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
h2.pi-item.pi-item-spacing.pi-title {
 background: #f14800;
 border-radius: 0;
 color: #fff;
 text-align: center;
}
/\* Sección 1: Módulos de la derecha. \*/
/\*\* 1.1. Comienzo del diseño exterior \*\*/
#mw-content-text .module .module-header,
.WikiaRail #RIGHT\_SKYSCRAPER h1,
.WikiaRail #RIGHT\_SKYSCRAPER h2,
.WikiaRail .module h1.chat-headline,
.WikiaRail .module h2,
.WikiaRail .module > h1 {
 background-color: #006cb0;
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 1px;
 line-height: 16px;
 margin: -21px -16px 10px -15px;
 max-width: 105%;
 padding: 15px;
 text-transform: uppercase;
}
.WikiaRail .rail-module h2 {
 background-color: #f14800;
 border-bottom: none;
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 1px;
 line-height: 16px;
 margin: -1px -16px 10px -4px;
 max-width: 96%;
 padding: 10px;
 text-transform: uppercase;
}
.WikiaRail .insights-module h2:before {
 content: "\f0ea";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .HotSpotsModule h2:before {
 content: "\f006";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .CommunityCornerModule h2:before {
 content: "\f133";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .rail-module h2 .chat-live:before {
 content: "\f086";
 font: normal 17px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .forum-activity-module h2:before {
 content: "\f0e3";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .content-review-module h2:before {
 content: "\f013";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .FollowedPagesModule h2:before {
 content: "\f007";
 font: normal 15px FontAwesome;
 padding-right: 5px;
}
.WikiaRail .rail-module h2 .chat-live {
 line-height: 30px;
}
.WikiaRail .forum-activity-module h2 {
 line-height: 30px;
}
.WikiaRail .rail-module h2.has-icon svg {
 fill: #fff;
}
/\*\* 1.2. Diseño interior \*\*/
.WikiaRail .module {
 border: 1px #fca834;
 border-style: solid
}
.WikiaRail .rail-module {
 background-color: #fff;
 border: 1px #f14800;
 border-style: solid;
 margin-bottom: 10px;
 margin: 0 0 10px !important;
 padding: 0 4px 20px;
}
.WikiaRail .module .more {
 background-color: #f14800;
 bottom: -15px;
 color: #fff;
 font-size: 9px;
 font-weight: bold;
 left: 15px;
 letter-spacing: 1px;
 padding: 8px;
 position: relative;
 text-transform: uppercase;
 transition: 0.2s;
}
.WikiaRail .module .more:hover {
 background-color: #338db0;
 text-decoration: none !important;
 transition: 0.2s;
}
.content-review-module-help a {
 background-color: #f14800;
 bottom: -9px;
 color: #fff;
 font-size: 9px;
 font-weight: bold;
 left: 15px;
 letter-spacing: 1px;
 padding: 8px;
 position: relative;
 text-decoration: none !important;
 text-transform: uppercase;
 transition: 0.2s;
}
.content-review-module-help a:hover {
 background-color: #338db0;
 transition: 0.2s;
}
.insights-module-item {
 border-color: #006cb0 !important;
}
.HotSpotsModule li .hot-spot-severity-3 {
 background-color: #da0;
}
.HotSpotsModule li .hot-spot-severity-1 {
 background-color: #b02;
}
.HotSpotsModule li {
 border-color: #006cb0 !important;
}
.FollowedPagesModule li {
 border-color: #006cb0 !important;
}
.WikiaRail .activity-module .activity-item {
 padding: 6px 20px;
}
.WikiaRail .activity-module .page-title:before {
 content: "•";
 padding-right: 8px;
}
.WikiaRail .forum-activity-module .page-title:before {
 content: none;
}
.community-page-rail-module {
 border-color: #f14800 !important;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary {
 background-color: #f14800;
 border-color: transparent;
 color: #fff;
 font-size: 11px;
 transition: 0.2s;
 margin-left: 5px !important;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary:hover {
 background-color: #338db0;
 border-color: transparent;
 color: #fff;
 transition: 0.2s;
}
.WikiaRail .rail-module .wds-button.wds-is-secondary a {
 color: #fff;
 text-decoration: none !important;
}
.WikiaRail .chat-module .chat-details .avatars .wds-avatar-stack .wds-avatar, .chat-module.ChatWidget .chat-details .avatars .wds-avatar-stack .wds-avatar {
 border-color: #006cb0;
}
.WikiaRail .forum-activity-module .wds-avatar {
 border-color: #006cb0;
}
.community-page-rail-module .wds-avatar {
 border-color: #f14800 !important;
}
div.info {
 background-color: #cce2ef !important;
 color: #000;
}
div.popover-inner {
 border: 2px #006cb0;
 border-style: solid;
}
li.profilepage.message-wall {
 border-bottom: 1px #006cb0;
 border-style: solid;
}

.WikiaRail .rail-module .wds-button.wds-is-secondary:focus:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:hover:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:active, .WikiaRail .rail-module .wds-button.wds-is-secondary.wds-is-active {
 background-color: #f14800;
 border-color: transparent;
 color: #fff;
 transition: 0.2s;
}
.Modulo\_noticias:before {
 content: "\f0f6";
 font: normal 15px FontAwesome;
 padding-right: 10px;
}
.Modulo\_noticias {
 background-color: #f14800;
 border-bottom: none;
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 1px;
 line-height: 30px;
 margin: -1px -16px 10px -4px;
 max-width: 96%;
 padding: 10px;
 text-transform: uppercase;
}

/\* Sección 2: Módulos de spotlight. \*/
/\*\* 2.1. Imagen interior. \*\*/
footer.WikiaFooter.notoolbar {
 background: url("http://vignette2.wikia.nocookie.net/dragonball/images/e/e8/Dragon\_Ball\_Wiki\_-\_fondo\_de\_spotlights.png/revision/latest?cb=20161223032630&path-prefix=es");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
}
/\*\* 2.3. Cambiando color de fuente. \*\*/
.WikiaFooter .header-container h2 {
 color: #fff;
 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
/\*\* 2.3. Eliminando bordes. \*\*/
#WikiaFooter>section,
#SPOTLIGHT\_FOOTER {
 background: none;
 border: none;
}
ul.pi-image-collection-tabs {
 background: #fff;
border-color: #f14800 !important;
}
ul.pi-image-collection-tabs li.current {
 background: #f14800;
color: #fff;
 border-color: #f14800;
}
ul.pi-image-collection-tabs li {
 border: 1px solid #f14800;
}
.portable-infobox {
 border: 1px solid #fff !important;
}
.pi-border-color {
 border-color: #f14800;
}

.pi-image-collection-tab-content,
ul.pi-image-collection-tabs {
border: 1px solid #f14800;
}

```