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.
/*Personalización de tabber para la nueva apariencia de Fandom by Sasukeuzumaki*/
.wds-tabber,
.pi-image-collection .wds-tabber {
font: bold 12px Verdana,sans-serif;
margin:auto;
padding: 0px;
text-align: center;
}
.pi-image-collection .wds-tabber {
text-align: center;
}
.pi-image-collection .wds-tabs__wrapper,
.pi-image-collection ul.wds-tabs {
--wds-tab-color: white !important;
--wds-tab-color--active: white !important;
--wds-tab-color--hover: white !important;
--wds-tab-color:white !important
--wds-tab-border-color: rgba(var(--theme-page-dynamic-color-1--rgb),0.25);
}
.pi-image-collection ul.wds-tabs {
justify-content: center;
flex-wrap: wrap;
}
ul.wds-tabs li.wds-tabs__tab {
background: Orange !important;
transition-timing-function: ease-out !important;
-webkit-transition-duration: 0.4s !important;
-moz-transition-duration: 0.4s !important;
-ms-transition-duration: 0.4s !important;
-o-transition-duration: 0.4s !important;
transition-duration: 0.4s !important;
-webkit-transition-duration: 0.4s !important;
-moz-transition-duration: 0.4s !important;
-ms-transition-duration: 0.4s !important;
-o-transition-duration: 0.4s !important;
transition-duration: 0.4s !important;
}
ul.wds-tabs li.wds-is-current {
background-image: -moz-linear-gradient(top, DarkOrange 75%, Orange 80%) !important;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%,DarkOrange), color-stop(80%, Orange)) !important;
background-image: -o-linear-gradient(top, DarkOrange 75%, Orange 80%) !important;
background-image: -ms-linear-gradient(top, DarkOrange 75%, Orange 80%) !important;
border-radius: 10px 10px 0 0 !important;
-moz-border-radius: 10px 10px 0 0 !important;
-webkit-border-radius:10px 10px 0 0 !important;
box-shadow:0 0 5px white inset !important;
-moz-box-shadow:0 0 5px white inset !important;
-webkit-box-shadow:0 0 5px white inset !important;
}
ul.wds-tabs li.wds-is-current:hover{
background-image: -moz-linear-gradient(top, DarkOrange 75%, Orange 80%) !important;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%,DarkOrange), color-stop(80%, Orange)) !important;
background-image: -o-linear-gradient(top, DarkOrange 75%, Orange 80%) !important;
background-image: -ms-linear-gradient(top, DarkOrange 75%, Orange 80%) !important;
border-radius: 10px 10px 0 0 !important;
-moz-border-radius: 10px 10px 0 0 !important;
-webkit-border-radius:10px 10px 0 0 !important;
box-shadow:0 0 10px white inset !important;
-moz-box-shadow:0 0 10px white inset !important;
-webkit-box-shadow:0 0 10px white inset !important;
}
ul.wds-tabs li.wds-tabs__tab:hover {
background: DarkOrange !important;
-moz-box-shadow:0 0 10px Orange inset !important;
-webkit-box-shadow:0 0 10px Orange inset !important;
box-shadow:0 0 10px Orange inset !important;
}
.wds-tabs__tab-label {
height:auto !important;
}