Confronta il testo

Trova la differenza tra due file di testo

Editor live

Comprimi invariate

Senza a capo

Layout

Livello di dettaglio

Evidenziazione sintassi

Diffchecker Desktop Il modo più sicuro per usare Diffchecker. Ottieni l'app Diffchecker Desktop: i tuoi diff non lasciano mai il tuo computer!Ottieni Desktop

Untitled diff

Creato 7 anni faIl diff non scade mai

128 rimozioni

Linee
Totale
Rimosso

Caratteri
Totale
Rimosso

Per continuare a utilizzare questa funzione, aggiorna a Diffchecker Pro Visualizza prezzi

232 linee

44 aggiunte

Linee
Totale
Aggiunto

Caratteri
Totale
Aggiunto

Per continuare a utilizzare questa funzione, aggiorna a Diffchecker Pro Visualizza prezzi

144 linee

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

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;

}

Diff salvati

Testo originale

Apri 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;
}

Testo modificato

Apri 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;
}