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á 10 anos
O diff nunca expira
Limpar
Exportar
Compartilhar
Explicar
5 remoções
Linhas
Total
Removido
Caracteres
Total
Removido
Para continuar usando este recurso, atualize para
Diff
checker
Pro
Ver preços
128 linhas
Copiar tudo
55 adições
Linhas
Total
Adicionado
Caracteres
Total
Adicionado
Para continuar usando este recurso, atualize para
Diff
checker
Pro
Ver preços
175 linhas
Copiar tudo
/*
/*
COLORS:
COLORS:
28aadc - lighblue
28aadc - lighblue
646464 - menu/gray
646464 - menu/gray
dcdcdc - lightgray
dcdcdc - lightgray
282828 - dark grey
282828 - dark grey
*/
*/
Copiar
Copiado
Copiar
Copiado
* {
box-sizing: border-box;
}
body {
body {
Copiar
Copiado
Copiar
Copiado
margin: 0px;
font-family: 'Lato', sans-serif;
font-family: 'Lato', sans-serif;
font-size: 16px; /* Making sure */
font-size: 16px; /* Making sure */
}
}
h1 {
h1 {
font-weight: 700;
font-weight: 700;
margin: 1em 0;
margin: 1em 0;
}
}
p {
p {
/* text-indent: 1.5em; ciu check*/
/* text-indent: 1.5em; ciu check*/
}
}
a {
a {
color: #646464;
color: #646464;
text-decoration: none;
text-decoration: none;
}
}
a:hover {
a:hover {
color: #28aadc;
color: #28aadc;
}
}
p a {
p a {
border-bottom: 1px solid #28aadc;
border-bottom: 1px solid #28aadc;
}
}
.logo-img {
.logo-img {
display: block;
display: block;
Copiar
Copiado
Copiar
Copiado
margin:
auto;
margin:
50px
auto;
height:100px;
width: 50%;
width: 50%;
Copiar
Copiado
Copiar
Copiado
padding: 3em 0.9em;
}
}
ul {
ul {
list-style-type: none;
list-style-type: none;
padding: 0;
padding: 0;
margin: 0;
margin: 0;
}
}
input {
input {
padding: 0.75em;
padding: 0.75em;
border: solid 2px #dcdcdc;
border: solid 2px #dcdcdc;
border-radius: 0.75em;
border-radius: 0.75em;
outline: none; /* fixing chrome error */
outline: none; /* fixing chrome error */
}
}
input[type="text"]:focus {
input[type="text"]:focus {
border: solid 2px #28aadc;
border: solid 2px #28aadc;
}
}
.side-nav {
.side-nav {
width: 10em;
width: 10em;
margin: auto;
margin: auto;
}
}
.side-nav li {
.side-nav li {
color: #646464;
color: #646464;
padding: 0.4em;
padding: 0.4em;
padding-left: 25px;
padding-left: 25px;
background-image: url('../img/icon.png');
background-image: url('../img/icon.png');
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: left;
background-position: left;
}
}
#user-side-menu {
#user-side-menu {
position: fixed;
position: fixed;
top: 0;
top: 0;
width: 18em;
width: 18em;
height: 100vh;
height: 100vh;
background-color: #282828;
background-color: #282828;
}
}
#user-top-menu {
#user-top-menu {
position: fixed;
position: fixed;
top: 0;
top: 0;
Copiar
Copiado
Copiar
Copiado
width:
100
%
;
width:
calc(
100
vw - 18em)
;
max-width:
1150px
;
max-width:
100%
;
height: 4.125em;
height: 4.125em;
padding-top: 1em;
padding-top: 1em;
padding-left: 2em;
padding-left: 2em;
background-color: #fff;
background-color: #fff;
border-bottom: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
}
Copiar
Copiado
Copiar
Copiado
.search-form {
max-width:100%;
}
.search-form,
.search-form,
.search-form input {
.search-form input {
display: inline-block;
display: inline-block;
Copiar
Copiado
Copiar
Copiado
width: 60%;
float: left;
float: left;
}
}
Copiar
Copiado
Copiar
Copiado
.search-form input {
width: 100%;
}
.notifi {
.notifi {
Copiar
Copiado
Copiar
Copiado
margin-top: -8px;
height: 50px;
height: 50px;
width: 50px;
width: 50px;
float: right;
float: right;
Copiar
Copiado
Copiar
Copiado
margin-right: 30px;
}
}
.site {
.site {
padding: 0 2em;
padding: 0 2em;
line-height: 1.75em;
line-height: 1.75em;
Copiar
Copiado
Copiar
Copiado
width: calc(100vw - 18em);
max-width: 100%;
}
}
.wrapper {
.wrapper {
padding-top: 5.1875em;
padding-top: 5.1875em;
padding-left: 18em;
padding-left: 18em;
Copiar
Copiado
Copiar
Copiado
max-width: 1
200px
;
max-width: 1
00%
;
}
}
footer {
footer {
padding-left: 20em;
padding-left: 20em;
}
}
.clearit:after {
.clearit:after {
content: "";
content: "";
display: table;
display: table;
clear: both;
clear: both;
}
}
Copiar
Copiado
Copiar
Copiado
.site {
width: 100%;
}
/*Make sidebar smaller on break point for better UI */
@media (max-width: 579px) {
#user-side-menu {
width:10em;
}
.site {
width: calc(100vw - 10em);
}
#user-top-menu {
width: calc(100vw - 10em);
}
.wrapper {
padding-top: 5.1875em;
padding-left: 10em;
max-width: 100%;
}
}
Diferenças salvas
Texto original
Abrir arquivo
/* COLORS: 28aadc - lighblue 646464 - menu/gray dcdcdc - lightgray 282828 - dark grey */ body { font-family: 'Lato', sans-serif; font-size: 16px; /* Making sure */ } h1 { font-weight: 700; margin: 1em 0; } p { /* text-indent: 1.5em; ciu check*/ } a { color: #646464; text-decoration: none; } a:hover { color: #28aadc; } p a { border-bottom: 1px solid #28aadc; } .logo-img { display: block; margin: auto; width: 50%; padding: 3em 0.9em; } ul { list-style-type: none; padding: 0; margin: 0; } input { padding: 0.75em; border: solid 2px #dcdcdc; border-radius: 0.75em; outline: none; /* fixing chrome error */ } input[type="text"]:focus { border: solid 2px #28aadc; } .side-nav { width: 10em; margin: auto; } .side-nav li { color: #646464; padding: 0.4em; padding-left: 25px; background-image: url('../img/icon.png'); background-repeat: no-repeat; background-position: left; } #user-side-menu { position: fixed; top: 0; width: 18em; height: 100vh; background-color: #282828; } #user-top-menu { position: fixed; top: 0; width: 100%; max-width: 1150px; height: 4.125em; padding-top: 1em; padding-left: 2em; background-color: #fff; border-bottom: 1px solid #dcdcdc; } .search-form, .search-form input { display: inline-block; width: 60%; float: left; } .notifi { height: 50px; width: 50px; float: right; } .site { padding: 0 2em; line-height: 1.75em; } .wrapper { padding-top: 5.1875em; padding-left: 18em; max-width: 1200px; } footer { padding-left: 20em; } .clearit:after { content: ""; display: table; clear: both; }
Texto alterado
Abrir arquivo
/* COLORS: 28aadc - lighblue 646464 - menu/gray dcdcdc - lightgray 282828 - dark grey */ * { box-sizing: border-box; } body { margin: 0px; font-family: 'Lato', sans-serif; font-size: 16px; /* Making sure */ } h1 { font-weight: 700; margin: 1em 0; } p { /* text-indent: 1.5em; ciu check*/ } a { color: #646464; text-decoration: none; } a:hover { color: #28aadc; } p a { border-bottom: 1px solid #28aadc; } .logo-img { display: block; margin: 50px auto; height:100px; width: 50%; } ul { list-style-type: none; padding: 0; margin: 0; } input { padding: 0.75em; border: solid 2px #dcdcdc; border-radius: 0.75em; outline: none; /* fixing chrome error */ } input[type="text"]:focus { border: solid 2px #28aadc; } .side-nav { width: 10em; margin: auto; } .side-nav li { color: #646464; padding: 0.4em; padding-left: 25px; background-image: url('../img/icon.png'); background-repeat: no-repeat; background-position: left; } #user-side-menu { position: fixed; top: 0; width: 18em; height: 100vh; background-color: #282828; } #user-top-menu { position: fixed; top: 0; width: calc(100vw - 18em); max-width: 100%; height: 4.125em; padding-top: 1em; padding-left: 2em; background-color: #fff; border-bottom: 1px solid #dcdcdc; } .search-form { max-width:100%; } .search-form, .search-form input { display: inline-block; float: left; } .search-form input { width: 100%; } .notifi { margin-top: -8px; height: 50px; width: 50px; float: right; margin-right: 30px; } .site { padding: 0 2em; line-height: 1.75em; width: calc(100vw - 18em); max-width: 100%; } .wrapper { padding-top: 5.1875em; padding-left: 18em; max-width: 100%; } footer { padding-left: 20em; } .clearit:after { content: ""; display: table; clear: both; } .site { width: 100%; } /*Make sidebar smaller on break point for better UI */ @media (max-width: 579px) { #user-side-menu { width:10em; } .site { width: calc(100vw - 10em); } #user-top-menu { width: calc(100vw - 10em); } .wrapper { padding-top: 5.1875em; padding-left: 10em; max-width: 100%; } }
Encontrar Diferença