MediaWiki:Inciskin/CSS/Inciclopedia:20 años de Inciclopedia.css
Ir a la navegación
Ir a la búsqueda
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.
#post-it {background: url(https://images.uncyclomedia.co/inciclopedia/es/9/9f/Banner20-2.png) no-repeat}
/* Ocultar los tabuladores de la extensión Tabber */
.tabbernav {
display: none !important;
}
/* Opcional: ajustar el contenido para que se vea limpio sin los tabs */
.tabberlive {
border: none;
padding: 0;
}
/* Ocultar bordes de las secciones de Tabber */
.tabberlive {
box-shadow: none !important;
}
.tabberlive .tabbertab {
border: none !important;
box-shadow: none !important;
padding: 0; /* opcional, para eliminar espacio extra */
}
.btn {
display: inline-block;
background: #000000;
color: #fff;
padding: 8px 16px;
margin: 5px;
border-radius: 6px;
border: 2px solid #000000;
cursor: pointer;
text-align: center;
font-size: 14px;
transition: background 0.3s, border-color 0.3s;
}
.btn:hover {
background: #E5E5E5;
border-color: #005a9e;
color: #000000;
}
.btn2 {
display: inline-block;
background: #0C57A8;
color: #fff;
padding: 8px 16px;
margin: 5px;
border-radius: 6px;
border: 2px solid #0C57A8;
cursor: pointer;
text-align: center;
font-size: 14px;
transition: background 0.3s, border-color 0.3s;
}
.btn2:hover {
background: #C0E6FF;
border-color: #0C57A8;
color: #000000;
}
.back-button {
width: 50px;
height: 50px;
border-radius: 50%; /* círculo */
background-color: #fff; /* gris claro */
border: 2px solid #F1F1F1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: border 0.2s ease; /* transición suave */
}
.arrow {
display: inline-block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 12px solid black; /* flecha negra */
}
.back-button:active {
border: 2px solid black; /* borde negro al hacer clic */
}
.arrow-left {
display: inline-block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 12px solid black; /* flecha negra hacia la izquierda */
}
.tabber1 {
display: inline-block;
background: #C0E6FF;
color: #000;
padding: 40px 55px;
margin: 5px;
cursor: pointer;
text-align: center;
font-size: 18px;
transition: background 0.3s, border-color 0.3s;
text-decoration: underline;
text-decoration-color: #0C57A8;
text-decoration-thickness: 4px; /* Soportado en navegadores modernos */
}
.tabber1:active {
background: #F2F2F2;
}
.tabber2 {
display: inline-block;
background: #F2F2F2;
color: #404040;
padding: 40px 55px;
margin: 5px;
cursor: pointer;
text-align: center;
font-size: 18px;
transition: background 0.3s, border-color 0.3s;
}
.tabber2:hover {
text-decoration: underline;
text-decoration-color: #0C57A8;
text-decoration-thickness: 4px; /* Soportado en navegadores modernos */
}
.tabber2:active {
background: #C0E6FF;
}
.btn3 {
display: inline-block;
background: #246342;
color: #fff;
padding: 8px 16px;
margin: 5px;
border-radius: 6px;
border: 2px solid #246342;
cursor: pointer;
text-align: center;
font-size: 14px;
transition: background 0.3s, border-color 0.3s;
}
.btn3:hover {
background: #DBF3EC;
border-color: #246342;
color: #246342;
text-decoration: underline;
text-decoration-color: #246342;
}
#catlinks {
border: none;
background-color: #ffffff;
padding: 0;
margin-top: 0;
clear: none;
display: none !important
}