Compare text

Find the difference between two text files

Real-time editor

Hide unchanged lines

Disable line wrap

Layout

Diff precision

Syntax highlighting

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 agoDiff never expires

170 removals

Lines
Total
Removed

Characters
Total
Removed

To continue using this feature, upgrade to Diffchecker Pro View Pricing

208 lines

144 additions

Lines
Total
Added

Characters
Total
Added

To continue using this feature, upgrade to Diffchecker Pro View Pricing

188 lines

#connect-menu div.horizontal-fieldset {

/* -- Connected & not-connected --*/

padding: 2px 8px 2px 2px;

#module-connect .horizontal-fieldset {

}

#connect-menu div.vertical-fieldset,

#connect-menu div.horizontal-fieldset {

margin: 0;

}

#connect-menu div.vertical-fieldset form {

#sub-header #module-connect {

margin-bottom: 10px;

min-height: 35px;

}

Text moved with changes to lines 40-45 (84.3% similarity)

#connect-menu div.horizontal-fieldset form {

display: inline-block;

}

#connect-menu div.horizontal-fieldset span {

display: none;

}

ul.connect-content {

#sub-header #module-connect .connect-contents {

margin: auto;

padding-top: 3px;

}

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-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 {

#module-connect a > span {

padding-right: 0;

margin: 0 0 0 5px;

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 {

Text moved with changes to lines 50-55 (84.6% similarity)

margin: 0;

}

@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 (94.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;

Text moved with changes to lines 87-91 (87.1% similarity)

}

@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;

padding: 5px 10px 5px 12px;

}

#connect-menu div.horizontal-fieldset div.connect-content,

.js-menu-button span {

Text moved with changes from lines 82-85 (94.9% similarity)

#connect-menu div.horizontal-fieldset form {

padding: 0 0 0 7px;

width: 100%;

}

text-align: center;

}

/* -- not-connected --*/

Text moved with changes from lines 13-18 (84.3% similarity)

.connect-register-container form {

display: inline-block;

}

.connect-register a.fb {

padding: 6px 0 0 4px;

}

a.social-connect {

margin: -2px 0;

Text moved with changes from lines 76-81 (84.6% similarity)

vertical-align: middle;

}

@media (max-width: 768px) {

.connect-input-container label,

.connect-input-container label > span,

.connect-input-container button {

display: block;

}

#connect-menu .horizontal-fieldset li {

.connect-register-container {

padding: 8px 0 8px 2px;

margin: 0.5em 0.6em 0.5em 0.6em;

}

#connect-menu .horizontal-fieldset a {

.forget-pass-container {

color: #DEDEDE;

margin: 0 0.6em 0.5em 0.6em;

text-decoration: none;

}

#connect-menu div.horizontal-fieldset span {

.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;

}

Text moved with changes from lines 105-109 (87.1% similarity)

}

@media (min-width: 769px) {

.connect-input-container,

.connect-register-container,

.forget-pass-container {

display: inline-block;

}

.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;

}

#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;

}

#connect-menu div.horizontal-fieldset ul.connect-content li {

.module-mini-contents .connect-register-container a {

display: block;

display: inline-block;

text-align: left;

}

.module-mini-contents .connect-register {

#connect-menu.active div.horizontal-fieldset div.connect-content input {

padding: 5px 0 0 0;

}

.module-mini-contents .forget-pass-container {

display: block;

margin-bottom: 10px;

margin: 10px;

padding: 10px 20px;

width: 100%;

}

#connect-menu.active div.horizontal-fieldset div.connect-content button.submit {

.connect-register a.fb {

display: inline-block;

padding: 7px 0 0 4px;

margin-bottom: 10px;

padding: 10px 20px;

width: 100%;

}

/* -- connected -- */

.connect-elements-container {

margin: 0;

padding: 0;

}

Text moved with changes from lines 26-29 (91.7% similarity)

/* Partie Sociale */

.connect-element {

#connect-menu .horizontal-fieldset a.fb {

list-style-type: none;

padding: 6px 0 0 4px;

}

.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) {

#connect-menu a.fb {

.horizontal .connect-contents {

padding: 7px 0 0 4px;

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;

}

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;
	}
}