Compare text

Find the difference between two text files

Real-time editor

Hide unchanged lines

Disable line wrap

Layout

Diff precision

Syntax highlighting

Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

Untitled diff

Created 7 years agoDiff never expires

128 removals

Lines
Total
Removed

Characters
Total
Removed

To continue using this feature, upgrade to Diffchecker Pro View Pricing

232 lines

44 additions

Lines
Total
Added

Characters
Total
Added

To continue using this feature, upgrade to Diffchecker Pro View Pricing

144 lines

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

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;

}

Saved diffs

Original text

Open file

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

Changed text

Open file

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