Comparar texto

Encuentra la diferencia entre dos archivos de texto

Editor live
Ocultar sin cambios
Sin ajuste de línea
Vista
Nivel de detalle
Resaltado de sintaxis

Untitled diff

Creado El diff nunca expira
5 eliminaciones
128 líneas
55 adiciones
175 líneas
/*
/*
COLORS:
COLORS:
28aadc - lighblue
28aadc - lighblue
646464 - menu/gray
646464 - menu/gray
dcdcdc - lightgray
dcdcdc - lightgray
282828 - dark grey
282828 - dark grey


*/
*/


* {
box-sizing: border-box;
}

body {
body {
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;
margin: auto;
margin: 50px auto;
height:100px;
width: 50%;
width: 50%;
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;
width: 100%;
width: calc(100vw - 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;
}
}


.search-form {
max-width:100%;
}

.search-form,
.search-form,
.search-form input {
.search-form input {
display: inline-block;
display: inline-block;
width: 60%;
float: left;
float: left;
}
}


.search-form input {
width: 100%;
}

.notifi {
.notifi {
margin-top: -8px;
height: 50px;
height: 50px;
width: 50px;
width: 50px;
float: right;
float: right;
margin-right: 30px;
}
}


.site {
.site {
padding: 0 2em;
padding: 0 2em;
line-height: 1.75em;
line-height: 1.75em;
width: calc(100vw - 18em);
max-width: 100%;
}
}


.wrapper {
.wrapper {
padding-top: 5.1875em;
padding-top: 5.1875em;
padding-left: 18em;
padding-left: 18em;
max-width: 1200px;
max-width: 100%;
}
}


footer {
footer {
padding-left: 20em;
padding-left: 20em;
}
}


.clearit:after {
.clearit:after {
content: "";
content: "";
display: table;
display: table;
clear: both;
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%;
}

}

Diferencias guardadas