Compare text

Find the difference between two text files

Real-time diff

Unified diff

Collapse lines

Highlight change

Syntax highlighting

Tools

Untitled diff

Created 5 years agoDiff never expires

51 removals

188 lines

60 additions

196 lines

* Surchargez ce fichier dans votre thème pour personnaliser le module

* https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules

input#login {

cursor: help;

}

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

#module-connect .horizontal-fieldset {

margin: 0;

}

#sub-header #module-connect {

#module-connect .horizontal-fieldset label {

min-height: 35px;

padding: 0;

}

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

#module-connect .horizontal-fieldset button {

padding-top: 3px;

margin: 0.309em;

}

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

margin: 0 0 0 0.309em;

}

.js-menu-button {

display: none;

display: inline-block;

padding: 0.309em 0.809em;

}

@media (max-width: 768px) {

.js-menu-button span {

padding: 0 0 0 0.456em;

}

@media (min-width: 768px) {

.js-menu-button {

display: inline-block;

display: none;

padding: 5px 10px 5px 12px;

}

.js-menu-button span {

padding: 0 0 0 7px;

}

/* -- not-connected --*/

.connect-register-container form {

@media (min-width: 469px) {

display: inline-block;

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

margin: 0 0 0.618em 0;

}

.forget-pass-container {

margin: 0 0.6em 0.5em 0.6em;

}

.connect-input-container button {

margin: 5px 0 0 0;

margin: 0.309em 0 0 0;

}

.active.not-connected.horizontal .connect-containers {

.active-connect.not-connected.horizontal .connect-containers {

height: 300px;

height: 320px;

}

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

margin-bottom: 0.618em;

}

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

display: inline-block;

}

.module-mini-contents .connect-register {

padding: 5px 0 0 0;

padding: 0.309em 0 0 0;

}

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

display: block;

margin: 10px;

margin: 0.618em;

}

.connect-register a.fb {

.connect-register a.facebook {

padding: 7px 0 0 4px;

padding: 0.456em 0 0 0.228em;

}

/* -- connected -- */

.connect-elements-container {

margin: 0;

padding: 0;

}

.module-mini-contents.connect-contents .connect-elements-container {

text-align: left;

display: table;

margin: auto;

}

@media (min-width: 769px) {

.module-mini-contents.connect-contents .connect-elements-container {

margin: 0;

}

.connect-element {

list-style-type: none;

}

.connect-element a {

display: block;

margin: 0 10px 0 0;

font-size: 1em;

}

.horizontal .connect-element a { padding: 7px 0 7px 0; }

.horizontal .connect-element a { padding: 0.456em 0 0.456em 0.456em; }

.vertical .connect-element a { padding: 5px 0 5px 0; }

.vertical .connect-element a { padding: 0.309em 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;

padding: 0 0 0 0.809em;

}

.active.horizontal .connect-elements-container,

.active-connect.horizontal .connect-elements-container,

.active.horizontal .connect-containers {

.active-connect.horizontal .connect-containers {

position: relative;

z-index: 200;

width: 100%;

transition: height 0.3s;

}

.active.horizontal .connect-elements-container {

.active-connect.horizontal .connect-elements-container {

height: 190px;

height: 210px;

}

.vertical .connect-element a {

padding: 9px 0 9px 0;

margin: 3px 0 3px 0;

}

Saved diffs

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

Changed text

Open file

/*
* Surchargez ce fichier dans votre thème pour personnaliser le module
* https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules
*/

input#login {
	cursor: help;
}

/* -- Connected & not-connected --*/
#module-connect .horizontal-fieldset {
	margin: 0;
}

#module-connect .horizontal-fieldset label {
	padding: 0;
}

#module-connect .horizontal-fieldset button {
	margin: 0.309em;
}

.connect-register a > i,
.connect-element a > i,
.forget-pass-container a > i {
	vertical-align: 0;
}

#module-connect a > span {
	margin: 0 0 0 0.309em;
}

.js-menu-button {
	display: inline-block;
	padding: 0.309em 0.809em;
}

.js-menu-button span {
	padding: 0 0 0 0.456em;
}

@media (min-width: 768px) {
	.js-menu-button {
		display: none;
	}
}

/* -- not-connected --*/
@media (min-width: 469px) {
	.connect-register-container form {
		display: inline-block;
	}
}

@media (max-width: 768px) {
	.connect-input-container label,
	.connect-input-container label > span,
	.connect-input-container button {
		display: block;
	}

	.connect-register-container {
		margin: 0 0 0.618em 0;
	}

	.forget-pass-container {
		margin: 0 0.6em 0.5em 0.6em;
	}

	.connect-input-container button {
		margin: 0.309em 0 0 0;
	}

	.active-connect.not-connected.horizontal .connect-containers {
		height: 320px;
	}

	.module-mini-contents.connect-contents,
	.connect-contents label,
	.connect-contents button {
		text-align: center;
	}

	.connect-contents button {
		display: inline-block;
	}
}

@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: 0.618em;
	}

	.module-mini-contents .connect-register-container a {
		display: inline-block;
	}
	.module-mini-contents .connect-register {
		padding: 0.309em 0 0 0;
	}

	.module-mini-contents .forget-pass-container {
		display: block;
		margin: 0.618em;
	}

	.connect-register a.facebook {
		padding: 0.456em 0 0 0.228em;
	}

}

/* -- connected -- */
.connect-elements-container {
	margin: 0;
	padding: 0;
}

.module-mini-contents.connect-contents .connect-elements-container {
	text-align: left;
	display: table;
	margin: auto;
}

@media (min-width: 769px) {
	.module-mini-contents.connect-contents .connect-elements-container {
		margin: 0;
	}
}

.connect-element {
	list-style-type: none;
}

.connect-element a {
	display: block;
	font-size: 1em;
}

.horizontal .connect-element a 	{ padding: 0.456em 0 0.456em 0.456em; }
.vertical .connect-element a 	{ padding: 0.309em 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 0.809em;
	}

	.active-connect.horizontal .connect-elements-container,
	.active-connect.horizontal .connect-containers {
		position: relative;
		z-index: 200;
		width: 100%;
		transition: height 0.3s;
	}

	.active-connect.horizontal .connect-elements-container {
		height: 210px;
	}
}