Diff
checker
Text
Text
Images
Documents
Excel
Folders
Legal
Enterprise
Desktop
Pricing
Sign in
Download Diffchecker Desktop
Compare text
Find the difference between two text files
Tools
History
Real-time editor
Hide whitespace changes
Hide unchanged lines
Disable line wrap
Layout
Split
Unified
Diff precision
Smart
Word
Char
Text styles
Change appearance
Syntax highlighting
Choose syntax
Ignore
Transform text
Go to first change
Edit input
Diffchecker Desktop
The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!
Get Desktop
Untitled diff
Created
9 years ago
Diff never expires
Clear
Export
Share
Explain
179 removals
Lines
Total
Removed
Characters
Total
Removed
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
208 lines
Copy
154 additions
Lines
Total
Added
Characters
Total
Added
To continue using this feature, upgrade to
Diff
checker
Pro
View Pricing
188 lines
Copy
Copy
Copied
Copy
Copied
#connect-menu div.horizontal-fieldset {
/* -- Connected & not-
connect
ed --*/
padding: 2px 8px 2px 2px;
#
module-
connect
.horizontal-fieldset {
}
#
connect
-menu div.vertical-fieldset,
#
connect
-menu div
.horizontal-fieldset {
margin: 0;
margin: 0;
}
}
Copy
Copied
Copy
Copied
#
connect
-menu div.vertical-fieldset form
{
#
sub-header #module-
connect
{
m
argin-bottom: 10px;
m
in-height: 35px;
}
Text moved with changes to lines 40-44 (87.5% similarity)
#connect-menu div.horizontal-fieldset form {
display: inline-block;
}
#connect-menu div.horizontal-fieldset span {
display: none;
}
}
Copy
Copied
Copy
Copied
ul
.connect-content
{
#sub-header #module-connect
.connect-content
s
{
margin: auto;
padding-top: 3px;
padding-top: 3px;
}
}
Copy
Copied
Copy
Copied
Text moved with changes to lines 128-131 (91.7% similarity)
#connect-menu ul.connect-content li {
.connect-register a > i,
list-style-type: none;
.connect-element a > i,
}
.forget-pass-container a > i {
#connect-menu div.horizontal-fieldset ul.connect-content li {
display: inline-block;
margin-right: 10px;
}
#connect-menu div.horizontal-fieldset ul.connect-content li:last-child {
margin-right: 0;
}
#connect-menu ul.connect-content li > i {
width: 18px;
Text moved with changes to lines 142-145 (86.1% similarity)
text-align: center;
}
#connect-menu div.horizontal-fieldset ul li,
#connect-menu div.horizontal-fieldset ul li a {
color: #FFFFFF;
}
#connect-menu div.horizontal-fieldset ul li > i {
vertical-align: 0;
vertical-align: 0;
}
}
Copy
Copied
Copy
Copied
#connect-menu div.vertical-fieldset label {
#module-connect a > span {
padding-right: 0;
margin:
0 0 0 5px;
Text moved with changes to lines 157-160 (86.3% similarity)
text-align: center;
}
#connect-menu div.vertical-fieldset ul.connect-content {
text-align: left;
}
#connect-menu div.horizontal-fieldset ul.connect-content {
text-align: center;
}
div.connect-register i {
vertical-align: -1px;
}
#connect-menu input#login,
#connect-menu input#password {
padding: 4px 6px;
}
#connect-menu div.horizontal-fieldset input#login,
#connect-menu div.horizontal-fieldset input#password {
margin: 0;
Text moved with changes to lines 51-55 (88.3% similarity)
}
@media (max-width: 768px) {
#connect-menu div.horizontal-fieldset input#login,
#connect-menu div.horizontal-fieldset input#password {
Text moved with changes to lines 35-38 (92.9% similarity)
margin: 5px 0;
}
}
#connect-menu div.vertical-fieldset input#login,
#connect-menu div.vertical-fieldset input#password {
width: 120px;
}
#connect-menu div.vertical-fieldset button {
margin: 5px 0;
}
#connect-menu div.horizontal-fieldset button {
margin:
0;
}
/* Mot de passe oublie */
#connect-menu .vertical-fieldset .forgot-pass {
color: #999999;
}
#connect-menu .vertical-fieldset .forgot-pass:hover {
color: #555555;
}
@media (min-width: 769px) {
#connect-menu .forgot-pass {
display: inline-block;
padding:
0 0 0 5px;
vertical-align: middle;
color: #E0F3FF;
}
#connect-menu .forgot-pass:hover {
color: #F1F1F1;
Text moved with changes to lines 151-155 (92.5% similarity)
}
}
@media (max-width: 768px) {
#connect-menu .forgot-pass {
padding: 20px;
display: block;
}
#connect-menu .forgot-pass:hover {
text-decoration: underline;
}
}
}
.js-menu-button {
.js-menu-button {
display: none;
display: none;
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.js-menu-button {
.js-menu-button {
display: inline-block;
display: inline-block;
Copy
Copied
Copy
Copied
padding: 5px 10px 5px 1
0
px;
padding: 5px 10px 5px 1
2
px;
}
}
Copy
Copied
Copy
Copied
#connect-menu div.horizontal-fieldset div
.connect-content
,
.js-menu-button span {
Text moved with changes from lines 82-85 (92.9% similarity)
#
connect-
menu div.horizontal-fieldset form
{
padding: 0 0 0 7px;
width: 100%;
}
}
/* -- not-connected --*/
Text moved with changes from lines 13-17 (87.5% similarity)
.connect-register-container form {
display: inline-block;
}
.connect-register a.fb {
padding: 6px 0 0 4px;
}
a.social-connect {
margin: -2px 0;
vertical-align: middle;
Text moved with changes from lines 77-81 (88.3% similarity)
}
@media (max-width: 768px) {
.connect-input-container label,
.connect-input-container label > span,
.connect-input-container button {
display: block;
}
.connect-register-container {
margin: 0.5em 0.6em 0.5em 0.6em;
}
.forget-pass-container {
margin: 0 0.6em 0.5em 0.6em;
}
.connect-input-container button {
margin: 5px 0 0 0;
}
.active.not-connected.horizontal .connect-containers {
height: 300px;
}
.module-mini-contents
.connect-content
s
,
.
connect-
contents label,
.connect-contents button
{
text-align: center;
text-align: center;
Copy
Copied
Copy
Copied
margin: 0 0 5px 0;
}
}
Copy
Copied
Copy
Copied
#
connect-
menu .horizontal-fieldset li
{
.
connect-
contents button
{
padding: 8px
0
8px 2px
;
display: inline-block;
margin: 10px
0
10px 0
;
}
}
Copy
Copied
Copy
Copied
#connect-menu .horizontal-fieldset a {
color: #DEDEDE;
text-decoration: none;
Copy
Copied
Copy
Copied
}
}
Copy
Copied
Copy
Copied
#connect-menu div.horizontal-fieldset span {
@media (min-width: 769px) {
.connect-input-container,
.connect-register-container,
.forget-pass-container {
display: inline-block;
display: inline-block;
}
}
Copy
Copied
Copy
Copied
.horizontal-fieldset
ul.connect-content,
.horizontal-fieldset
.connect-input-container label > span {
.horizontal-fieldset div.connect-content {
display: none;
position: absolute;
padding: 10px;
left: -100%;
background-color: #353535;
transition: left 0.5s;
}
}
Copy
Copied
Copy
Copied
#connect-menu.active ul.connect-content,
.vertical-fieldset form label {
#connect-menu.active div.connect-content {
margin-bottom: 10px;
z-index: 200;
left: 0%;
width: auto;
transition: left 0.5s;
}
}
Copy
Copied
Copy
Copied
#
connect-
menu div.horizontal-fieldset ul.connect-
content
li
{
.module-mini-contents .
connect-
register-container a {
display: inline-block;
}
.module-mini-contents .connect-register {
padding: 5px 0 0 0;
}
.module-mini-
content
s .forget-pass-container
{
display: block;
display: block;
Copy
Copied
Copy
Copied
margin: 10px;
}
.connect-register a.fb {
padding: 7px 0 0 4px;
}
}
/* -- connected -- */
.connect-elements-container {
margin: 0;
padding: 0;
}
Text moved with changes from lines 26-29 (91.7% similarity)
.connect-element {
list-style-type: none;
}
.connect-element a {
display: block;
margin: 0 10px 0 0;
}
.horizontal .connect-element a { padding: 7px 0 7px 0; }
.vertical .connect-element a { padding: 5px 0 5px 0; }
@media (min-width: 769px) {
.horizontal .connect-contents {
Text moved with changes from lines 40-43 (86.1% similarity)
text-align: center;
}
.connected .vertical .connect-contents {
text-align: left;
text-align: left;
}
}
Copy
Copied
Copy
Copied
#connect-menu.active div.horizontal-fieldset div.connect-content input {
.horizontal .connect-element {
display: inline-block;
Text moved with changes from lines 116-120 (92.5% similarity)
}
}
@media (max-width: 768px) {
.horizontal .connect-containers,
.horizontal .connect-containers label {
Text moved with changes from lines 54-57 (86.3% similarity)
text-align: center;
}
.horizontal .connect-containers label {
display: block;
display: block;
Copy
Copied
Copy
Copied
margin-bottom: 10px;
padding: 10px 20px;
width: 100%;
}
}
Copy
Copied
Copy
Copied
#
connect-
menu.active div
.horizontal
-fieldset div
.connect-
content button.submit
{
.horizontal .
connect-
elements-container,
display: inline-block
;
.horizontal
.connect-
containers
{
margin-bottom: 10px
;
height: 0;
padding:
10px 20px;
overflow: hidden
;
transition: height 0.3s
;
padding:
0 0 0 12px;
}
.active.horizontal .connect-elements-container,
.active.horizontal .connect-containers {
position: relative;
z-index: 200;
width: 100%;
width: 100%;
Copy
Copied
Copy
Copied
transition: height 0.3s;
}
}
Copy
Copied
Copy
Copied
}
Copy
Copied
Copy
Copied
/* Partie Sociale */
.active
.horizontal
.connect-elements-container
{
#connect-menu
.horizontal
-fieldset a.fb
{
height: 190px
;
padding: 6px 0 0 4px
;
}
}
Copy
Copied
Copy
Copied
@media (min-width: 769px) {
.vertical .
connect-
element a
{
#
connect-
menu a.fb
{
padding:
9
px 0
9px 0;
padding:
7
px 0
0 4px
;
margin: 3px 0 3px 0
;
}
}
Copy
Copied
Copy
Copied
}
}
Copy
Copied
Copy
Copied
Saved diffs
Original text
Open file
#connect-menu div.horizontal-fieldset { padding: 2px 8px 2px 2px; } #connect-menu div.vertical-fieldset, #connect-menu div.horizontal-fieldset { margin: 0; } #connect-menu div.vertical-fieldset form { margin-bottom: 10px; } #connect-menu div.horizontal-fieldset form { display: inline-block; } #connect-menu div.horizontal-fieldset span { display: none; } ul.connect-content { margin: auto; padding-top: 3px; } #connect-menu ul.connect-content li { list-style-type: none; } #connect-menu div.horizontal-fieldset ul.connect-content li { display: inline-block; margin-right: 10px; } #connect-menu div.horizontal-fieldset ul.connect-content li:last-child { margin-right: 0; } #connect-menu ul.connect-content li > i { width: 18px; text-align: center; } #connect-menu div.horizontal-fieldset ul li, #connect-menu div.horizontal-fieldset ul li a { color: #FFFFFF; } #connect-menu div.horizontal-fieldset ul li > i { vertical-align: 0; } #connect-menu div.vertical-fieldset label { padding-right: 0; text-align: center; } #connect-menu div.vertical-fieldset ul.connect-content { text-align: left; } #connect-menu div.horizontal-fieldset ul.connect-content { text-align: center; } div.connect-register i { vertical-align: -1px; } #connect-menu input#login, #connect-menu input#password { padding: 4px 6px; } #connect-menu div.horizontal-fieldset input#login, #connect-menu div.horizontal-fieldset input#password { margin: 0; } @media (max-width: 768px) { #connect-menu div.horizontal-fieldset input#login, #connect-menu div.horizontal-fieldset input#password { margin: 5px 0; } } #connect-menu div.vertical-fieldset input#login, #connect-menu div.vertical-fieldset input#password { width: 120px; } #connect-menu div.vertical-fieldset button { margin: 5px 0; } #connect-menu div.horizontal-fieldset button { margin: 0; } /* Mot de passe oublie */ #connect-menu .vertical-fieldset .forgot-pass { color: #999999; } #connect-menu .vertical-fieldset .forgot-pass:hover { color: #555555; } @media (min-width: 769px) { #connect-menu .forgot-pass { display: inline-block; padding: 0 0 0 5px; vertical-align: middle; color: #E0F3FF; } #connect-menu .forgot-pass:hover { color: #F1F1F1; } } @media (max-width: 768px) { #connect-menu .forgot-pass { padding: 20px; display: block; } #connect-menu .forgot-pass:hover { text-decoration: underline; } } .js-menu-button { display: none; } @media (max-width: 768px) { .js-menu-button { display: inline-block; padding: 5px 10px 5px 10px; } #connect-menu div.horizontal-fieldset div.connect-content, #connect-menu div.horizontal-fieldset form { width: 100%; text-align: center; } #connect-menu .horizontal-fieldset li { padding: 8px 0 8px 2px; } #connect-menu .horizontal-fieldset a { color: #DEDEDE; text-decoration: none; } #connect-menu div.horizontal-fieldset span { display: inline-block; } .horizontal-fieldset ul.connect-content, .horizontal-fieldset div.connect-content { position: absolute; padding: 10px; left: -100%; background-color: #353535; transition: left 0.5s; } #connect-menu.active ul.connect-content, #connect-menu.active div.connect-content { z-index: 200; left: 0%; width: auto; transition: left 0.5s; } #connect-menu div.horizontal-fieldset ul.connect-content li { display: block; text-align: left; } #connect-menu.active div.horizontal-fieldset div.connect-content input { display: block; margin-bottom: 10px; padding: 10px 20px; width: 100%; } #connect-menu.active div.horizontal-fieldset div.connect-content button.submit { display: inline-block; margin-bottom: 10px; padding: 10px 20px; width: 100%; } } /* Partie Sociale */ #connect-menu .horizontal-fieldset a.fb { padding: 6px 0 0 4px; } @media (min-width: 769px) { #connect-menu a.fb { padding: 7px 0 0 4px; } }
Changed text
Open file
/* -- Connected & not-connected --*/ #module-connect .horizontal-fieldset { margin: 0; } #sub-header #module-connect { min-height: 35px; } #sub-header #module-connect .connect-contents { padding-top: 3px; } .connect-register a > i, .connect-element a > i, .forget-pass-container a > i { vertical-align: 0; } #module-connect a > span { margin: 0 0 0 5px; } .js-menu-button { display: none; } @media (max-width: 768px) { .js-menu-button { display: inline-block; padding: 5px 10px 5px 12px; } .js-menu-button span { padding: 0 0 0 7px; } } /* -- not-connected --*/ .connect-register-container form { display: inline-block; } .connect-register a.fb { padding: 6px 0 0 4px; } a.social-connect { margin: -2px 0; vertical-align: middle; } @media (max-width: 768px) { .connect-input-container label, .connect-input-container label > span, .connect-input-container button { display: block; } .connect-register-container { margin: 0.5em 0.6em 0.5em 0.6em; } .forget-pass-container { margin: 0 0.6em 0.5em 0.6em; } .connect-input-container button { margin: 5px 0 0 0; } .active.not-connected.horizontal .connect-containers { height: 300px; } .module-mini-contents.connect-contents, .connect-contents label, .connect-contents button { text-align: center; margin: 0 0 5px 0; } .connect-contents button { display: inline-block; margin: 10px 0 10px 0; } } @media (min-width: 769px) { .connect-input-container, .connect-register-container, .forget-pass-container { display: inline-block; } .horizontal-fieldset.connect-input-container label > span { display: none; } .vertical-fieldset form label { margin-bottom: 10px; } .module-mini-contents .connect-register-container a { display: inline-block; } .module-mini-contents .connect-register { padding: 5px 0 0 0; } .module-mini-contents .forget-pass-container { display: block; margin: 10px; } .connect-register a.fb { padding: 7px 0 0 4px; } } /* -- connected -- */ .connect-elements-container { margin: 0; padding: 0; } .connect-element { list-style-type: none; } .connect-element a { display: block; margin: 0 10px 0 0; } .horizontal .connect-element a { padding: 7px 0 7px 0; } .vertical .connect-element a { padding: 5px 0 5px 0; } @media (min-width: 769px) { .horizontal .connect-contents { text-align: center; } .connected .vertical .connect-contents { text-align: left; } .horizontal .connect-element { display: inline-block; } } @media (max-width: 768px) { .horizontal .connect-containers, .horizontal .connect-containers label { text-align: center; } .horizontal .connect-containers label { display: block; } .horizontal .connect-elements-container, .horizontal .connect-containers { height: 0; overflow: hidden; transition: height 0.3s; padding: 0 0 0 12px; } .active.horizontal .connect-elements-container, .active.horizontal .connect-containers { position: relative; z-index: 200; width: 100%; transition: height 0.3s; } .active.horizontal .connect-elements-container { height: 190px; } .vertical .connect-element a { padding: 9px 0 9px 0; margin: 3px 0 3px 0; } }
Find difference