Untitled diff
188 Zeilen
/*
* 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 --*/
/* -- Connected & not-connected --*/
#module-connect .horizontal-fieldset {
#module-connect .horizontal-fieldset {
margin: 0;
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-register a > i,
.connect-element a > i,
.connect-element a > i,
.forget-pass-container a > i {
.forget-pass-container a > i {
vertical-align: 0;
vertical-align: 0;
}
}
#module-connect a > span {
#module-connect a > span {
margin: 0 0 0 5px;
margin: 0 0 0 0.309em;
}
}
.js-menu-button {
.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 {
.js-menu-button {
display: inline-block;
display: none;
padding: 5px 10px 5px 12px;
}
.js-menu-button span {
padding: 0 0 0 7px;
}
}
}
}
/* -- not-connected --*/
/* -- 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) {
@media (max-width: 768px) {
.connect-input-container label,
.connect-input-container label,
.connect-input-container label > span,
.connect-input-container label > span,
.connect-input-container button {
.connect-input-container button {
display: block;
display: block;
}
}
.connect-register-container {
.connect-register-container {
margin: 0.5em 0.6em 0.5em 0.6em;
margin: 0 0 0.618em 0;
}
}
.forget-pass-container {
.forget-pass-container {
margin: 0 0.6em 0.5em 0.6em;
margin: 0 0.6em 0.5em 0.6em;
}
}
.connect-input-container button {
.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,
.module-mini-contents.connect-contents,
.connect-contents label,
.connect-contents label,
.connect-contents button {
.connect-contents button {
text-align: center;
text-align: center;
margin: 0 0 5px 0;
}
}
.connect-contents button {
.connect-contents button {
display: inline-block;
display: inline-block;
margin: 10px 0 10px 0;
}
}
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
.connect-input-container,
.connect-input-container,
.connect-register-container,
.connect-register-container,
.forget-pass-container {
.forget-pass-container {
display: inline-block;
display: inline-block;
}
}
.horizontal-fieldset.connect-input-container label > span {
.horizontal-fieldset.connect-input-container label > span {
display: none;
display: none;
}
}
.vertical-fieldset form label {
.vertical-fieldset form label {
margin-bottom: 10px;
margin-bottom: 0.618em;
}
}
.module-mini-contents .connect-register-container a {
.module-mini-contents .connect-register-container a {
display: inline-block;
display: inline-block;
}
}
.module-mini-contents .connect-register {
.module-mini-contents .connect-register {
padding: 5px 0 0 0;
padding: 0.309em 0 0 0;
}
}
.module-mini-contents .forget-pass-container {
.module-mini-contents .forget-pass-container {
display: block;
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 -- */
/* -- connected -- */
.connect-elements-container {
.connect-elements-container {
margin: 0;
margin: 0;
padding: 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 {
.connect-element {
list-style-type: none;
list-style-type: none;
}
}
.connect-element a {
.connect-element a {
display: block;
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) {
@media (min-width: 769px) {
.horizontal .connect-contents {
.horizontal .connect-contents {
text-align: center;
text-align: center;
}
}
.connected .vertical .connect-contents {
.connected .vertical .connect-contents {
text-align: left;
text-align: left;
}
}
.horizontal .connect-element {
.horizontal .connect-element {
display: inline-block;
display: inline-block;
}
}
}
}
@media (max-width: 768px) {
@media (max-width: 768px) {
.horizontal .connect-containers,
.horizontal .connect-containers,
.horizontal .connect-containers label {
.horizontal .connect-containers label {
text-align: center;
text-align: center;
}
}
.horizontal .connect-containers label {
.horizontal .connect-containers label {
display: block;
display: block;
}
}
.horizontal .connect-elements-container,
.horizontal .connect-elements-container,
.horizontal .connect-containers {
.horizontal .connect-containers {
height: 0;
height: 0;
overflow: hidden;
overflow: hidden;
transition: height 0.3s;
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;
position: relative;
z-index: 200;
z-index: 200;
width: 100%;
width: 100%;
transition: height 0.3s;
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;
}
}
}
}