Diff
checker
Texto
Texto
Imágenes
Documentos
Excel
Carpetas
Legal
Enterprise
Aplicación de escritorio
Precios
Iniciar sesión
Descargar Diffchecker Desktop
Comparar texto
Encuentra la diferencia entre dos archivos de texto
Herramientas
Historial
Editor live
Ocultar sin cambios
Sin ajuste de línea
Vista
Dividido
Unificado
Nivel de detalle
Inteligente
Palabra
Letra
Resaltado de sintaxis
Elegir sintaxis
Ignorar
Transformar texto
Ir al primer cambio
Editar entrada
Diffchecker Desktop
La forma más segura de usar Diffchecker. ¡Obtén la app de Diffchecker Desktop: tus diffs nunca salen de tu computadora!
Obtener Desktop
inside out project STEP-104 to STEP-105 CSS Code Changes
Creado
hace 8 años
El diff nunca expira
Borrar
Exportar
Compartir
Explicar
0 eliminaciones
Líneas
Total
Eliminado
Caracteres
Total
Eliminado
Para continuar usando esta función, actualice a
Diff
checker
Pro
Ver precios
91 líneas
Copiar todo
69 adiciones
Líneas
Total
Añadido
Caracteres
Total
Añadido
Para continuar usando esta función, actualice a
Diff
checker
Pro
Ver precios
158 líneas
Copiar todo
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);
}
}
Diferencias guardadas
Texto original
Abrir archivo
/* 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 modificado
Abrir archivo
/* 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 la diferencia