Compare text

Find the difference between two text files

Real-time diff
Unified diff
Collapse lines
Highlight change
Syntax highlighting
Tools
Diffchecker Desktop icon
Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

Comparing sensitive data, confidential files or internal emails?

Most legal and privacy policies prohibit uploading sensitive data online. Diffchecker Desktop ensures your confidential information never leaves your computer. Work offline and compare documents securely.

Download Diffchecker DesktopLearn more

Untitled diff

Created Diff never expires
6 removals
128 lines
53 additions
175 lines
/*
/*
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%;
}

}

Saved diffs