Diferencia entre revisiones de «MediaWiki:Common.css»

Sin resumen de edición
Sin resumen de edición
 
(No se muestran 14 ediciones intermedias del mismo usuario)
Línea 39: Línea 39:




/* TABLAS ESTILO CEBRA*/
/* Indicadores de bytes en Cambios recientes */
// Initialises stripes on all zebra tables after page load
.mw-plusminus-pos { color: #2aa933; }
$(document).ready(function() {
.mw-plusminus-neg { color: #e3636d; }
$('table.zebra tbody tr:nth-child(even)').addClass('even');
.mw-plusminus-null { color: #aaaaaa; }
$('table.zebra tbody tr:nth-child(odd)').addClass('odd');
 
});


// Re do stripes on a table after sort finishes
/*CSS Sacado de Wikipedia.es (https://es.wikipedia.org/wiki/MediaWiki:Common.css)
$(document).on('sortEnd.tablesorter', function(event) {
/* Arregla problemas interlineado para <sup> y <sub> */
var table = $(event.target);
sup, sub {
if(table.hasClass('zebra')) {
    line-height: 1em;
$('tbody tr:nth-child(even)',table).addClass('even').removeClass('odd');
}
$('tbody tr:nth-child(odd)',table).addClass('odd').removeClass('even');
}
});


table.zebra tr.odd {
/* Margen inferior en encabezados de nivel 3 en adelante (ya presente en h2) */
background-color: #aad7fd;
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
    margin-bottom:.25em;
}
}


/* Indicadores de bytes en Cambios recientes */
/* TABLAS */
.mw-plusminus-pos { color: #2aa933; }
/* Estilo visual para tablas con estilo zebra */
.mw-plusminus-neg { color: #e3636d; }
 
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #e1caac;
    color: #000;
    text-align: center;
  }
}
 
table {
  table-layout: fixed;
  width: 80%;
  min-width: 600px;
  margin: 0 auto;
  border-collapse: collapse;
  background-color: #ffffff;
  text-align:center;
  vertical-align: top;
  padding: 0.6em;
}
 
 
th {
  background-color: #e1caac;
  color: black;
}
 
thead {
  background-color: #e1caac;
  color: black;
}
 
tbody tr:nth-child(odd) {
  background-color: #f9f5ef;
}
 
tbody tr:nth-child(even) {
  background-color: #ffffff;
}