Compare text

Find the difference between two text files
Real-time diff
Unified diff
Collapse lines
Highlight change
Syntax highlighting
Tools

Untitled diff

Created Diff never expires
148 removals
207 lines
129 additions
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;
margin: 0;
}
}
#connect-menu div.vertical-fieldset form {
#sub-header #module-connect {
margin-bottom: 10px;
min-height: 35px;
}
#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;
}
}
#connect-menu ul.connect-content li {
.connect-register a > i,
list-style-type: none;
.connect-element a > i,
}
.forget-pass-container a > i {
vertical-align: 0;
#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 {
#module-connect a > span {
width: 18px;
margin: 0 0 0 5px;
text-align: center;
}
}
#connect-menu div.horizontal-fieldset ul li,
.js-menu-button {
#connect-menu div.horizontal-fieldset ul li a {
display: none;
color: #FFFFFF;
}
}
#connect-menu div.horizontal-fieldset ul li > i {
@media (max-width: 768px) {
vertical-align: 0;
.js-menu-button {
}
display: inline-block;
padding: 5px 10px 5px 12px;
}
#connect-menu div.vertical-fieldset label {
.js-menu-button span {
padding-right: 0;
padding: 0 0 0 7px;
text-align: center;
}
}
}
#connect-menu div.vertical-fieldset ul.connect-content {
/* -- not-connected --*/
text-align: left;
.connect-register-container form {
display: inline-block;
}
}
#connect-menu div.horizontal-fieldset ul.connect-content {
.connect-register a.fb {
text-align: center;
padding: 6px 0 0 4px;
}
}
div.connect-register i {
a.social-connect {
vertical-align: -1px;
margin: -2px 0;
vertical-align: middle;
}
}
#connect-menu input#login,
@media (max-width: 768px) {
#connect-menu input#password {
.connect-input-container label,
padding: 4px 6px;
.connect-input-container label > span,
}
.connect-input-container button {
display: block;
}
#connect-menu div.horizontal-fieldset input#login,
.connect-register-container {
#connect-menu div.horizontal-fieldset input#password {
margin: 0.5em 0.6em 0.5em 0.6em;
margin: 0;
}
}
@media (max-width: 768px) {
.forget-pass-container {
#connect-menu div.horizontal-fieldset input#login,
margin: 0 0.6em 0.5em 0.6em;
#connect-menu div.horizontal-fieldset input#password {
margin: 5px 0;
}
}
}
#connect-menu div.vertical-fieldset input#login,
.connect-input-container button {
#connect-menu div.vertical-fieldset input#password {
margin: 5px 0 0 0;
width: 120px;
}
}
#connect-menu div.vertical-fieldset button {
.active.not-connected.horizontal .connect-containers {
margin: 5px 0;
height: 300px;
}
}
#connect-menu div.horizontal-fieldset button {
.module-mini-contents.connect-contents,
margin: 0;
.connect-contents label,
}
.connect-contents button {
text-align: center;
margin: 0 0 5px 0;
}
/* Mot de passe oublie */
.connect-contents button {
#connect-menu .vertical-fieldset .forgot-pass {
display: inline-block;
color: #999999;
margin: 10px 0 10px 0;
}
}
#connect-menu .vertical-fieldset .forgot-pass:hover {
color: #555555;
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
#connect-menu .forgot-pass {
.connect-input-container,
.connect-register-container,
.forget-pass-container {
display: inline-block;
display: inline-block;
padding: 0 0 0 5px;
vertical-align: middle;
color: #E0F3FF;
}
}
#connect-menu .forgot-pass:hover {
color: #F1F1F1;
}
}
@media (max-width: 768px) {
.horizontal-fieldset.connect-input-container label > span {
#connect-menu .forgot-pass {
display: none;
padding: 20px;
display: block;
}
}
#connect-menu .forgot-pass:hover {
text-decoration: underline;
}
}
.js-menu-button {
.vertical-fieldset form label {
display: none;
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.module-mini-contents .connect-register-container a {
.js-menu-button {
display: inline-block;
display: inline-block;
padding: 5px 10px 5px 10px;
}
}
.module-mini-contents .connect-register {
#connect-menu div.horizontal-fieldset div.connect-content,
padding: 5px 0 0 0;
#connect-menu div.horizontal-fieldset form {
width: 100%;
text-align: center;
}
}
#connect-menu .horizontal-fieldset li {
.module-mini-contents .forget-pass-container {
padding: 8px 0 8px 2px;
display: block;
margin: 10px;
}
}
#connect-menu .horizontal-fieldset a {
.connect-register a.fb {
color: #DEDEDE;
padding: 7px 0 0 4px;
text-decoration: none;
}
}
#connect-menu div.horizontal-fieldset span {
}
display: inline-block;
}
.horizontal-fieldset ul.connect-content,
/* -- connected -- */
.horizontal-fieldset div.connect-content {
.connect-elements-container {
position: absolute;
margin: 0;
padding: 10px;
padding: 0;
left: -100%;
}
background-color: #353535;
transition: left 0.5s;
}
#connect-menu.active ul.connect-content,
.connect-element {
#connect-menu.active div.connect-content {
list-style-type: none;
z-index: 200;
}
left: 0%;
width: auto;
.connect-element a {
transition: left 0.5s;
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;
}
}
#connect-menu div.horizontal-fieldset ul.connect-content li {
.connected .vertical .connect-contents {
display: block;
text-align: left;
text-align: left;
}
}
#connect-menu.active div.horizontal-fieldset div.connect-content input {
.horizontal .connect-element {
display: block;
margin-bottom: 10px;
padding: 10px 20px;
width: 100%;
}
#connect-menu.active div.horizontal-fieldset div.connect-content button.submit {
display: inline-block;
display: inline-block;
margin-bottom: 10px;
padding: 10px 20px;
width: 100%;
}
}
}
}
@media (max-width: 768px) {
.horizontal .connect-containers,
.horizontal .connect-containers label {
text-align: center;
}
/* Partie Sociale */
.horizontal .connect-containers label {
#connect-menu .horizontal-fieldset a.fb {
display: block;
padding: 6px 0 0 4px;
}
}
@media (min-width: 769px) {
.horizontal .connect-elements-container,
#connect-menu a.fb {
.horizontal .connect-containers {
padding: 7px 0 0 4px;
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