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
inside out project STEP-104 to STEP-105 CSS Code Changes
Criado
há 8 anos
O diff nunca expira
Limpar
Exportar
Compartilhar
Explicar
0 remoções
Linhas
Total
Removido
Caracteres
Total
Removido
Para continuar usando este recurso, atualize para
Diff
checker
Pro
Ver preços
91 linhas
Copiar tudo
69 adições
Linhas
Total
Adicionado
Caracteres
Total
Adicionado
Para continuar usando este recurso, atualize para
Diff
checker
Pro
Ver preços
158 linhas
Copiar tudo
Copiar
Copiado
Copiar
Copiado
/*
CSS Document */
/*
inside out project STEP-105
CSS Document */
#logo {
cursor: pointer;
}
#logo:hover {
color: #EEE;
}
nav {
nav {
right: 250px;
right: 250px;
display: inline;
display: inline;
position: fixed;
position: fixed;
background: #FFF;
background: #FFF;
z-index: 1000;
z-index: 1000;
border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
padding-right: 20px;
padding-right: 20px;
}
}
nav ul {
nav ul {
list-style: none;
list-style: none;
position: relative;
position: relative;
float: left;
float: left;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}
nav ul a {
nav ul a {
display: block;
display: block;
text-decoration: none;
text-decoration: none;
font-weight: 700;
font-weight: 700;
line-height: 32px;
line-height: 32px;
padding: 0 15px;
padding: 0 15px;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
color: #333;
font-size: 16px;
font-size: 16px;
}
}
nav ul li {
nav ul li {
position: relative;
position: relative;
float: left;
float: left;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}
nav ul li.current-menu-item {
nav ul li.current-menu-item {
background: #ddd;
background: #ddd;
}
}
nav ul li:hover {
nav ul li:hover {
background: #DDD;
background: #DDD;
}
}
nav ul ul {
nav ul ul {
display: none;
display: none;
position: absolute;
position: absolute;
top: 100%;
top: 100%;
left: 0;
left: 0;
background: #f6f6f6;
background: #f6f6f6;
border: thin #225AA7 solid;
border: thin #225AA7 solid;
padding: 0;
padding: 0;
border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
}
nav ul ul li {
nav ul ul li {
float: none;
float: none;
width: 200px;
width: 200px;
}
}
nav ul ul a {
nav ul ul a {
line-height: 120%;
line-height: 120%;
padding: 10px 15px;
padding: 10px 15px;
}
}
nav ul ul ul {
nav ul ul ul {
top: 0;
top: 0;
left: 100%;
left: 100%;
}
}
nav ul li:hover > ul {
nav ul li:hover > ul {
display: block;
display: block;
}
}
#loaderDiv {
#loaderDiv {
background: url("https://90northgroup.com/wp-content/uploads/2017/02/cogs-1.gif") no-repeat center center fixed;
background: url("https://90northgroup.com/wp-content/uploads/2017/02/cogs-1.gif") no-repeat center center fixed;
position: fixed;
position: fixed;
z-index: 9999;
z-index: 9999;
top: 0;
top: 0;
left: 0;
left: 0;
bottom: 0;
bottom: 0;
right: 0;
right: 0;
opacity: 0.025;
opacity: 0.025;
background-size: 120%;
background-size: 120%;
background-color: #FFFFFF;
background-color: #FFFFFF;
display: none;
display: none;
}
}
Copiar
Copiado
Copiar
Copiado
section {
min-height: 450px;
}
.circle {
position: absolute;
top: 150px;
left: 50%;
transform: translate(-50%,-50%);
width: 350px;
height: 350px;
border: 5px solid #fff;
box-shadow: 0 0 0 5px #4973ff;
border-radius: 50%;
overflow: hidden;
}
.wave {
position: relative;
width: 100%;
height: 100%;
background: #4973ff;
border-radius: 50%;
box-shadow: inset 0 0 50px rgba(0,0,0,.5);
}
.wave:before,.wave:after {
content: '';
position: absolute;
width: 200%;
height: 200%;
top: 0;
left: 50%;
transform: translate(-50%,-75%);
background: #000;
}
.wave:before {
border-radius: 45%;
background: rgba(255,255,255,1);
animation: animate 5s linear infinite;
}
.wave:after {
border-radius: 40%;
background: rgba(255,255,255,.5);
animation: animate 10s linear infinite;
}
@keyframes animate {
0% {
transform: translate(-50%,-75%) rotate(0deg);
}
100% {
transform: translate(-50%,-75%) rotate(360deg);
}
}
Diferenças salvas
Texto original
Abrir arquivo
/* CSS Document */ nav { right: 250px; display: inline; position: fixed; background: #FFF; z-index: 1000; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-right: 20px; } nav ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; } nav ul a { display: block; text-decoration: none; font-weight: 700; line-height: 32px; padding: 0 15px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-size: 16px; } nav ul li { position: relative; float: left; margin: 0; padding: 0; } nav ul li.current-menu-item { background: #ddd; } nav ul li:hover { background: #DDD; } nav ul ul { display: none; position: absolute; top: 100%; left: 0; background: #f6f6f6; border: thin #225AA7 solid; padding: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; } nav ul ul li { float: none; width: 200px; } nav ul ul a { line-height: 120%; padding: 10px 15px; } nav ul ul ul { top: 0; left: 100%; } nav ul li:hover > ul { display: block; } #loaderDiv { background: url("https://90northgroup.com/wp-content/uploads/2017/02/cogs-1.gif") no-repeat center center fixed; position: fixed; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.025; background-size: 120%; background-color: #FFFFFF; display: none; }
Texto alterado
Abrir arquivo
/* inside out project STEP-105 CSS Document */ #logo { cursor: pointer; } #logo:hover { color: #EEE; } nav { right: 250px; display: inline; position: fixed; background: #FFF; z-index: 1000; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-right: 20px; } nav ul { list-style: none; position: relative; float: left; margin: 0; padding: 0; } nav ul a { display: block; text-decoration: none; font-weight: 700; line-height: 32px; padding: 0 15px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-size: 16px; } nav ul li { position: relative; float: left; margin: 0; padding: 0; } nav ul li.current-menu-item { background: #ddd; } nav ul li:hover { background: #DDD; } nav ul ul { display: none; position: absolute; top: 100%; left: 0; background: #f6f6f6; border: thin #225AA7 solid; padding: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; } nav ul ul li { float: none; width: 200px; } nav ul ul a { line-height: 120%; padding: 10px 15px; } nav ul ul ul { top: 0; left: 100%; } nav ul li:hover > ul { display: block; } #loaderDiv { background: url("https://90northgroup.com/wp-content/uploads/2017/02/cogs-1.gif") no-repeat center center fixed; position: fixed; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.025; background-size: 120%; background-color: #FFFFFF; display: none; } section { min-height: 450px; } .circle { position: absolute; top: 150px; left: 50%; transform: translate(-50%,-50%); width: 350px; height: 350px; border: 5px solid #fff; box-shadow: 0 0 0 5px #4973ff; border-radius: 50%; overflow: hidden; } .wave { position: relative; width: 100%; height: 100%; background: #4973ff; border-radius: 50%; box-shadow: inset 0 0 50px rgba(0,0,0,.5); } .wave:before,.wave:after { content: ''; position: absolute; width: 200%; height: 200%; top: 0; left: 50%; transform: translate(-50%,-75%); background: #000; } .wave:before { border-radius: 45%; background: rgba(255,255,255,1); animation: animate 5s linear infinite; } .wave:after { border-radius: 40%; background: rgba(255,255,255,.5); animation: animate 10s linear infinite; } @keyframes animate { 0% { transform: translate(-50%,-75%) rotate(0deg); } 100% { transform: translate(-50%,-75%) rotate(360deg); } }
Encontrar Diferença