Comparar texto

Encuentra la diferencia entre dos archivos de texto

Editor live

Ocultar sin cambios

Sin ajuste de línea

Vista

Nivel de detalle

Resaltado de sintaxis

Diffchecker Desktop La forma más segura de usar Diffchecker. ¡Obtén la app de Diffchecker Desktop: tus diffs nunca salen de tu computadora!Obtener Desktop

Untitled diff

Creado hace 7 añosEl diff nunca expira

128 eliminaciones

Líneas
Total
Eliminado

Caracteres
Total
Eliminado

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

232 líneas

44 adiciones

Líneas
Total
Añadido

Caracteres
Total
Añadido

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

144 líneas

/* --------------------------------------

table.css

Contient les elements pour l'affichage des tableaux HTML et responsive.

- Affichage des tableaux basic

- Table responsive basictable.js

--------------------------------------*/

-------------------------------------- */

/* -- Affichage des tableaux basic -- */

/* --------------------------------- */

/* ---------------------------------- */

table {

margin: 8px 0;

margin: 0.618em 0;

padding: 0;

width: 100%;

border-spacing: 0;

border-width: 1px;

border-style: solid;

border-color: transparent;

}

/* --- Entete du tableau --- */

table caption {

margin: 5px 0 5px 20px;

margin: 0.456em 0 0.456em 1.482em;

border-bottom: 1px solid #DDDDDD;

border-width: 0 0 1px;

color: #777777;

border-style: solid;

font-size: 13px;

border-color: transparent;

font-size: 0.8em;

text-align: left;

}

table thead th,

.table-head {

padding: 8px;

padding: 0.228em;

background-color: #366493;

font-size: 0.9em;

color: #F1F1F1;

font-size: 1.1em;

text-align: center;

font-weight: normal;

}

table thead th a { color: #EEEEEE; }

table thead th a:hover { color: #FFFFFF; }

/* --- Contenu du tableau --- */

table tbody td,

.table-element-container {

padding: 8px;

padding: 0.228em;

background-color: #F1F1F1;

font-size: 0.9em;

text-align: center;

border-width: 0 0 1px;

border-style: solid;

border-color: #DDDDDD;

border-color: transparent;

border-width: 1px 0 0 1px;

color: #777777;

text-align: center;

}

.table-element-container a {

color: #777777;

}

tr:nth-child(even) td {

background-color: #FAFAFA;

}

table tbody tr:last-child td {

border-bottom: 1px solid #DDDDDD;

}

table.bt tbody tr:last-child td {

border-bottom: none;

}

table.bt tbody tr:last-child td:last-child {

border-bottom: 1px solid #DDDDDD;

}

table tbody tr td:last-child {

border-right: 1px solid #DDDDDD;

}

table tbody tr.no-separator td {

border-top: none;

}

table tbody tr td.no-separator {

table.bt tbody tr td {

border-left: none;

border-bottom-width: 0;

}

table tbody tr td.no-separator:first-child {

table.bt tbody tr td:last-child {

border-left: 1px solid #DDDDDD;

border-width: 0 0 1px;

}

/* --- Pied de tableau --- */

table tfoot tr th {

table tfoot tr td {

padding: 8px;

padding: 0.228em;

background-color: #F0F0F0;

font-size: 0.9em;

border-bottom: 1px solid #DDDDDD;

color: #AAAAAA;

}

table tfoot tr th:first-child {

border-left: 1px solid #DDDDDD;

}

table tfoot tr th:last-child {

border-right: 1px solid #DDDDDD;

}

table tfoot tr th:only-child {

table tfoot tr td:only-child {

text-align: right;

}

table tfoot tr th * {

table tfoot tr td * {

vertical-align: middle;

}

table tfoot tr th a {

table tfoot tr td select {

color: #676A74;

padding: 0.1618 0.309em;

}

table tfoot tr th select {

@media (min-width: 769px) {

padding: 2px 5px;

table thead th,

table tbody td,

table tfoot tr td {

padding: 0.309em;

font-size: 1em;

}

/* --- Patch thead tableaux formates --- */

table.formatter-table th.formatter-table-head {

padding: 8px;

padding: 0.618em;

background-color: #444444;

font-size: 1.482em;

color: #F1F1F1;

font-size: 1.4em;

text-align: center;

font-weight: normal;

}

table.formatter-table th.formatter-table-head a { color: #F1F1F1; }

table.formatter-table th.formatter-table-head a:hover { color: #FAFAFA; }

table.formatter-table th.formatter-table-head p {

margin-bottom: 0;

}

/* --- Taille des colonnes --- */

.col-smaller { width: 3em; }

.col-small { width: 6em; }

.col-large { width: 9em; }

.col-larger { width: 12em; }

.col-xlarge { width: 15em; }

/* --- mini tableaux --- */

table.mini th,

table.mini td {

padding: 3px 1px;

font-size: 11px;

}

@media (max-width: 768px) {

table.mini th,

table.mini td {

padding: 7px 1px;

}

table.mini th a,

table.mini td a {

font-size: 11px;

}

/* --- Pagination footer tableaux --- */

table tfoot nav.pagination a {

color: #777777;

text-decoration: none;

padding: 3px 3px;

}

table tfoot nav.pagination a span.current-page {

color: #555555;

text-decoration: none;

}

/* --- Affichage des tableaux responsive sur les petits ecrans --- */

@media (max-width: 768px) {

table thead th,

table tbody td,

table tfoot tr th {

padding: 4px;

font-size: 0.9em;

}

/* -- Table responsive basictable.js -- */

/* ------------------------------------ */

table.bt thead th {

display: none;

}

table.bt thead th:first-child{

display: block;

}

table.bt tbody td {

display: block;

width: 100%;

border-right: 1px solid #DDDDDD;

text-align: left;

vertical-align: top;

}

table.bt tbody td.no-separator {

border-left: 1px solid #DDDDDD;

}

table.bt tbody td:before {

display: inline-block;

width: 35%;

content: attr(data-th) " ";

font-weight: bold;

}

table.bt tbody td.bt-hide {

display: none;

}

table.bt tbody td .bt-content {

display: inline-block;

padding-left: 6px;

padding-left: 0.309em;

max-width: 100%;

vertical-align: top;

}

.bt-wrapper.active {

max-height: 310px;

overflow: auto;

-webkit-overflow-scrolling: touch;

}

Diferencias guardadas

Texto original

Abrir archivo

/* --------------------------------------
		table.css
Contient les elements pour l'affichage des tableaux HTML et responsive.
 - Affichage des tableaux basic
 - Table responsive basictable.js
--------------------------------------*/

/* -- Affichage des tableaux basic -- */
/* --------------------------------- */
table {
	margin: 8px 0;
	padding: 0;
	width: 100%;
	border-spacing: 0;
}

/* --- Entete du tableau --- */
table caption {
	margin: 5px 0 5px 20px;
	border-bottom: 1px solid #DDDDDD;
	color: #777777;
	font-size: 13px;
	text-align: left;
}

table thead th,
.table-head {
	padding: 8px;
	background-color: #366493;
	color: #F1F1F1;
	font-size: 1.1em;
	text-align: center;
	font-weight: normal;
}

table thead th a 		{ color: #EEEEEE; }
table thead th a:hover 	{ color: #FFFFFF; }

/* --- Contenu du tableau --- */
table tbody td,
.table-element-container {
	padding: 8px;
	background-color: #F1F1F1;
	border-style: solid;
	border-color: #DDDDDD;
	border-width: 1px 0 0 1px;
	color: #777777;
	text-align: center;
}

.table-element-container a {
	color: #777777;
}

tr:nth-child(even) td {
	background-color: #FAFAFA;
}

table tbody tr:last-child td {
	border-bottom: 1px solid #DDDDDD;
}

table.bt tbody tr:last-child td {
	border-bottom: none;
}

table.bt tbody tr:last-child td:last-child {
	border-bottom: 1px solid #DDDDDD;
}

table tbody tr td:last-child {
	border-right: 1px solid #DDDDDD;
}

table tbody tr.no-separator td {
	border-top: none;
}

table tbody tr td.no-separator {
	border-left: none;
}

table tbody tr td.no-separator:first-child {
	border-left: 1px solid #DDDDDD;
}

/* --- Pied de tableau --- */
table tfoot tr th {
	padding: 8px;
	background-color: #F0F0F0;
	border-bottom: 1px solid #DDDDDD;
	color: #AAAAAA;
}

table tfoot tr th:first-child {
	border-left: 1px solid #DDDDDD;
}

table tfoot tr th:last-child {
	border-right: 1px solid #DDDDDD;
}

table tfoot tr th:only-child {
	text-align: right;
}

table tfoot tr th * {
	vertical-align: middle;
}

table tfoot tr th a {
	color: #676A74;
}

table tfoot tr th select {
	padding: 2px 5px;
}

/* --- Patch thead tableaux formates --- */
table.formatter-table th.formatter-table-head {
	padding: 8px;
	background-color: #444444;
	color: #F1F1F1;
	font-size: 1.4em;
	text-align: center;
	font-weight: normal;
}

table.formatter-table th.formatter-table-head a 	  {	color: #F1F1F1; }
table.formatter-table th.formatter-table-head a:hover {	color: #FAFAFA; }

table.formatter-table th.formatter-table-head p {
	margin-bottom: 0;
}

/* --- Taille des colonnes --- */
.col-smaller { width: 3em;  }
.col-small   { width: 6em;  }
.col-large   { width: 9em;  }
.col-larger  { width: 12em; }
.col-xlarge  { width: 15em; }

/* --- mini tableaux --- */
table.mini th,
table.mini td {
	padding: 3px 1px;
	font-size: 11px;
}

@media (max-width: 768px) {
	table.mini th,
	table.mini td {
		padding: 7px 1px;
	}
}

table.mini th a,
table.mini td a {
	font-size: 11px;
}

/* --- Pagination footer tableaux --- */
table tfoot nav.pagination a {
	color: #777777;
	text-decoration: none;
	padding: 3px 3px;

}

table tfoot nav.pagination a span.current-page {
	color: #555555;
	text-decoration: none;
}

/* --- Affichage des tableaux responsive sur les petits ecrans --- */
@media (max-width: 768px) {
	table thead th,
	table tbody td,
	table tfoot tr th {
		padding: 4px;
		font-size: 0.9em;
	}
}

/* -- Table responsive basictable.js -- */
/* ------------------------------------ */
table.bt thead th {
	display: none;
}

table.bt thead th:first-child{
	display: block;
}

table.bt tbody td {
	display: block;
	width: 100%;
	border-right: 1px solid #DDDDDD;
	text-align: left;
	vertical-align: top;
}

table.bt tbody td.no-separator {
	border-left: 1px solid #DDDDDD;
}

table.bt tbody td:before {
	display: inline-block;
	width: 35%;
	content: attr(data-th) " ";
	font-weight: bold;
}

table.bt tbody td.bt-hide {
	display: none;
}

table.bt tbody td .bt-content {
	display: inline-block;
	padding-left: 6px;
	max-width: 100%;
	vertical-align: top;
}

.bt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

Texto modificado

Abrir archivo

/* -- Affichage des tableaux basic -- */
/* ---------------------------------- */
table {
	margin: 0.618em 0;
	padding: 0;
	width: 100%;
	border-spacing: 0;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

/* --- Entete du tableau --- */
table caption {
	margin: 0.456em 0 0.456em 1.482em;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: transparent;
	font-size: 0.8em;
	text-align: left;
}

table thead th,
.table-head {
	padding: 0.228em;
	font-size: 0.9em;
	text-align: center;
	font-weight: normal;
}

/* --- Contenu du tableau --- */
table tbody td,
.table-element-container {
	padding: 0.228em;
	font-size: 0.9em;
	text-align: center;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: transparent;
}

table.bt tbody tr td {
	border-bottom-width: 0;
}

table.bt tbody tr td:last-child {
	border-width: 0 0 1px;
}

/* --- Pied de tableau --- */
table tfoot tr td {
	padding: 0.228em;
	font-size: 0.9em;
}

table tfoot tr td:only-child {
	text-align: right;
}

table tfoot tr td * {
	vertical-align: middle;
}

table tfoot tr td select {
	padding: 0.1618 0.309em;
}

@media (min-width: 769px) {
	table thead th,
	table tbody td,
	table tfoot tr td {
		padding: 0.309em;
		font-size: 1em;
	}
}

/* --- Patch thead tableaux formates --- */
table.formatter-table th.formatter-table-head {
	padding: 0.618em;
	font-size: 1.482em;
	text-align: center;
	font-weight: normal;
}

table.formatter-table th.formatter-table-head p {
	margin-bottom: 0;
}

/* --- Taille des colonnes --- */
.col-smaller { width: 3em;  }
.col-small   { width: 6em;  }
.col-large   { width: 9em;  }
.col-larger  { width: 12em; }
.col-xlarge  { width: 15em; }

/* -- Table responsive basictable.js -- */
/* ------------------------------------ */
table.bt thead th {
	display: none;
}

table.bt thead th:first-child{
	display: block;
}

table.bt tbody td {
	display: block;
	width: 100%;
	text-align: left;
	vertical-align: top;
}

table.bt tbody td:before {
	display: inline-block;
	width: 35%;
	content: attr(data-th) " ";
	font-weight: bold;
}

table.bt tbody td.bt-hide {
	display: none;
}

table.bt tbody td .bt-content {
	display: inline-block;
	padding-left: 0.309em;
	max-width: 100%;
	vertical-align: top;
}

.bt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}