テキスト比較

2 つのテキストファイルの違いを見つける

Real-time diff

Unified diff

Collapse lines

Highlight change

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

Lines
Total
Removed

Words
Total
Removed

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

208 lines

Lines
Total
Added

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

}

保存された差分

原文

ファイルを開く

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

変更されたテキスト

ファイルを開く

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