Diff
checker
Texto
Texto
Imagens
Documentos
Excel
Pastas
Legal
Enterprise
Aplicativo para desktop
Preços
Fazer login
Baixar o Diffchecker Desktop
Comparar texto
Encontre a diferença entre dois arquivos de texto
Ferramentas
Histórico
Editor live
Recolher inalteradas
Sem quebra de linha
Layout
Dividido
Unificado
Nível de detalhe
Inteligente
Palavra
Caractere
Realce de sintaxe
Escolher sintaxe
Ignorar
Transformar texto
Ir à primeira mudança
Editar entrada
Diffchecker Desktop
A maneira mais segura de usar o Diffchecker. Obtenha o aplicativo Diffchecker Desktop: seus diffs nunca saem do seu computador!
Obter Desktop
Untitled diff
Criado
há 7 anos
O diff nunca expira
Limpar
Exportar
Compartilhar
Explicar
128 remoções
Linhas
Total
Removido
Caracteres
Total
Removido
Para continuar usando este recurso, atualize para
Diff
checker
Pro
Ver preços
232 linhas
Copiar tudo
44 adições
Linhas
Total
Adicionado
Caracteres
Total
Adicionado
Para continuar usando este recurso, atualize para
Diff
checker
Pro
Ver preços
144 linhas
Copiar tudo
/* --------------------------------------
/* --------------------------------------
table.css
table.css
Contient les elements pour l'affichage des tableaux HTML et responsive.
Contient les elements pour l'affichage des tableaux HTML et responsive.
- Affichage des tableaux basic
- Affichage des tableaux basic
- Table responsive basictable.js
- Table responsive basictable.js
Copiar
Copiado
Copiar
Copiado
--------------------------------------
*/
--------------------------------------
*/
/* -- Affichage des tableaux basic -- */
/* -- Affichage des tableaux basic -- */
Copiar
Copiado
Copiar
Copiado
/* ---------------------------------
*/
/* ---------------------------------
-
*/
table {
table {
Copiar
Copiado
Copiar
Copiado
margin:
8px
0;
margin:
0.618em
0;
padding: 0;
padding: 0;
width: 100%;
width: 100%;
border-spacing: 0;
border-spacing: 0;
Copiar
Copiado
Copiar
Copiado
border-width: 1px;
border-style: solid;
border-color: transparent;
}
}
/* --- Entete du tableau --- */
/* --- Entete du tableau --- */
table caption {
table caption {
Copiar
Copiado
Copiar
Copiado
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;
text-align: left;
}
}
table thead th,
table thead th,
.table-head {
.table-head {
Copiar
Copiado
Copiar
Copiado
padding:
8px;
padding:
0.228em
;
background-color: #366493;
font-size:
0.9
em;
color: #F1F1F1
;
font-size:
1.1
em;
text-align: center;
text-align: center;
font-weight: normal;
font-weight: normal;
}
}
Copiar
Copiado
Copiar
Copiado
table thead th a { color: #EEEEEE; }
table thead th a:hover { color: #FFFFFF; }
/* --- Contenu du tableau --- */
/* --- Contenu du tableau --- */
table tbody td,
table tbody td,
.table-element-container {
.table-element-container {
Copiar
Copiado
Copiar
Copiado
padding:
8px
;
padding:
0.228em;
background-color: #F1F1F1
;
font-size: 0.9em;
text-align: center
;
border-width: 0 0 1px
;
border-style: solid;
border-style: solid;
Copiar
Copiado
Copiar
Copiado
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;
}
}
Copiar
Copiado
Copiar
Copiado
table
tbody tr td
.no-separator
{
table
.bt
tbody tr td
{
border-
left: none
;
border-
bottom-width: 0
;
}
}
Copiar
Copiado
Copiar
Copiado
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 --- */
/* --- Pied de tableau --- */
Copiar
Copiado
Copiar
Copiado
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;
}
}
Copiar
Copiado
Copiar
Copiado
table tfoot tr
th
:only-child {
table tfoot tr
td
:only-child {
text-align: right;
text-align: right;
}
}
Copiar
Copiado
Copiar
Copiado
table tfoot tr
th
* {
table tfoot tr
td
* {
vertical-align: middle;
vertical-align: middle;
}
}
Copiar
Copiado
Copiar
Copiado
table tfoot tr
th a
{
table tfoot tr
td select
{
color: #676A74
;
padding: 0.1618 0.309em
;
}
}
Copiar
Copiado
Copiar
Copiado
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 --- */
/* --- Patch thead tableaux formates --- */
table.formatter-table th.formatter-table-head {
table.formatter-table th.formatter-table-head {
Copiar
Copiado
Copiar
Copiado
padding:
8px;
padding:
0.618em
;
background-color: #444444;
font-size: 1.4
82
em;
color: #F1F1F1
;
font-size: 1.4
em;
text-align: center;
text-align: center;
font-weight: normal;
font-weight: normal;
}
}
Copiar
Copiado
Copiar
Copiado
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 {
table.formatter-table th.formatter-table-head p {
margin-bottom: 0;
margin-bottom: 0;
}
}
/* --- Taille des colonnes --- */
/* --- Taille des colonnes --- */
.col-smaller { width: 3em; }
.col-smaller { width: 3em; }
.col-small { width: 6em; }
.col-small { width: 6em; }
.col-large { width: 9em; }
.col-large { width: 9em; }
.col-larger { width: 12em; }
.col-larger { width: 12em; }
.col-xlarge { width: 15em; }
.col-xlarge { width: 15em; }
Copiar
Copiado
Copiar
Copiado
/* --- 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 responsive basictable.js -- */
/* ------------------------------------ */
/* ------------------------------------ */
table.bt thead th {
table.bt thead th {
display: none;
display: none;
}
}
table.bt thead th:first-child{
table.bt thead th:first-child{
display: block;
display: block;
}
}
table.bt tbody td {
table.bt tbody td {
display: block;
display: block;
width: 100%;
width: 100%;
Copiar
Copiado
Copiar
Copiado
border-right: 1px solid #DDDDDD;
text-align: left;
text-align: left;
vertical-align: top;
vertical-align: top;
}
}
Copiar
Copiado
Copiar
Copiado
table.bt tbody td.no-separator {
border-left: 1px solid #DDDDDD;
}
table.bt tbody td:before {
table.bt tbody td:before {
display: inline-block;
display: inline-block;
width: 35%;
width: 35%;
content: attr(data-th) " ";
content: attr(data-th) " ";
font-weight: bold;
font-weight: bold;
}
}
table.bt tbody td.bt-hide {
table.bt tbody td.bt-hide {
display: none;
display: none;
}
}
table.bt tbody td .bt-content {
table.bt tbody td .bt-content {
display: inline-block;
display: inline-block;
Copiar
Copiado
Copiar
Copiado
padding-left:
6px
;
padding-left:
0.309em
;
max-width: 100%;
max-width: 100%;
vertical-align: top;
vertical-align: top;
}
}
.bt-wrapper.active {
.bt-wrapper.active {
max-height: 310px;
max-height: 310px;
overflow: auto;
overflow: auto;
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
}
}
Diferenças salvas
Texto original
Abrir arquivo
/* -------------------------------------- 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 alterado
Abrir arquivo
/* -------------------------------------- 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: 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; }
Encontrar Diferença