MediaWiki:Inciskin/CSS/Inciclopedia:20 años de Inciclopedia.css

De Inciclopedia
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
}