Untitled diff
208 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;
	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;
	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;
	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 {
.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;
		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;
		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;
		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) {
@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;
	}
}