De Whack a Hack Wiki!

(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…»)
(Sin diferencias)

Revisión del 01:03 8 abr 2019

/* 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;
}