De Whack a Hack Wiki!

Revisión del 01:03 8 abr 2019 de Whack a Hack (discusión | contribuciones) (Página creada con «Los estilos CSS colocados aquí se aplicarán a todas las apariencias: .column { float: left; margin-top: .75em; width: 50%; } .column:not(:last-child) { padd…»)
(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)

Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.

  • Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
  • Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar, o presiona Ctrl+F5
  • Opera: dirígete a Menú → Configuración (Opera → Preferencias en Mac) y luego a Privacidad y seguridad → Borrar datos de navegación → Imágenes y archivos en caché.
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
.column {
  float: left;
  margin-top: .75em;
  width: 50%;
}

.column:not(:last-child) {
  padding-right: 14px;
}

.column--wide {
  width: 70%;
}

.column--small {
  width: 30%;
}

@media screen and (max-width: 768px) {
  .column:not(:last-child) {
    padding: 0;
  }
  .column--wide,
  .column--small {
    width: 100%;
  }
}

.alert {
  border: 1px solid #EDEDED;
  border-radius: var(--border-radius);
  padding: 8px 14px;
}

.alert img {
  float: left;
  margin-right: 14px;
}

.alert p {
  margin: 0;
}

.alert--dev {
  background-color: #D8DFE3;
  border-color: #BAC2C6;
}

.alert--warn {
  background-color: #FFD7DB;
  border-color: #E4B7BB;
}

.alert--notice {
  background-color: #FFFACF;
  border-color: #E4DEAF;
}

.box {
  border-radius: var(--border-radius);
  border: 1px solid #EDEDED;
  margin-bottom: .75rem;
}

.box--info {
  float: right;
  margin-left: 14px;
  width: 290px;
}

.box__header,
.box__content {
  padding: 12px 14px;
}

.box__header {
  background-color: #F3F3F3;
  color: var(--text-color-light);
}

@media screen and (max-width: 768px) {
  .box--info {
    margin-left: 0;
    width: 100%;
  }
}

.help,
.help li {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.help li:not(:last-child) {
  margin-bottom: .35em !important;
}

.table--nostyle {
  margin: 0 !important;
}

.table--nostyle tr {
  border: none !important;
}

.table--nostyle td {
  padding: 8px 0 !important;
}