De Whack a Hack Wiki!

 
Línea 31: Línea 31:
 
   border: 1px solid #EDEDED;
 
   border: 1px solid #EDEDED;
 
   border-radius: var(--border-radius);
 
   border-radius: var(--border-radius);
 +
  margin-bottom: .75rem;
 
   padding: 8px 14px;
 
   padding: 8px 14px;
 
}
 
}

Revisión actual del 11:35 18 jun 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);
  margin-bottom: .75rem;
  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: 320px;
}

.box--info img {
  height: auto;
  max-width: 100%;
}

.box--info tr td {
  vertical-align: baseline;
}

.box--info tr td:first-child {
  color: var(--text-color-light);
}

.box--info tr td:not(:first-child) {
  padding-left: 14px !important;
}

.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%;
  }
}

.button-wrapper > a {
  background: var(--color) !important;
  border-radius: 20px;
  color: #FFF !important;
  display: block;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  padding-right: 20px !important;
  text-align: center;
  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;
}

.inline-icon {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 24px;
}

.inline-icon--spanish {
  background-image: url('https://image.flaticon.com/icons/svg/197/197593.svg');
}

.inline-icon--english {
  background-image: url('https://image.flaticon.com/icons/svg/197/197374.svg');
}

.inline-icon--github {
  background-image: url('https://image.flaticon.com/icons/svg/25/25231.svg');
}