File manager - Edit - /home/missmand/public_html/admin/sass/bootstrap/_form.scss
Back
/* Class de base pour la mise en forme des champs */ .form-elem{ width: 100%; background-color: #fff; border: 1px solid #ccc; font-size: 14px; margin-bottom: 20px; padding: 12px; color: $grisClair; } /* regroupement de champ */ .form-bloc{ padding: 20px; background-color: $grisBlanc; @include border-radius(4px); h3{ padding-bottom: 15px; } input:last-child{ margin-bottom: 0px; } } /* Design pour le placeholder */ @mixin input-placeholder { &:-moz-placeholder { @content; } &::-moz-placeholder { @content; } &:-ms-input-placeholder { @content; } &::-webkit-input-placeholder { @content; } } input, textarea, select{ @include input-placeholder { color: $grisTresClair; font-size: 14px; } &:focus{ padding-bottom: 10px; border-bottom: 3px solid $turquoise; } &.small{ max-width: 180px; } &.medium{ max-width: 300px; } &.big{ max-width: 500px; } &.disabled{ background-color: #ccc; cursor:Not-Allowed; } } textarea{ height: 150px; } /* Radio + Checkbox */ .form-radio, .form-checkbox{ margin-bottom: 20px; } .form-poid{ padding:6px; border: 1px solid #ccc; cursor: pointer; margin-right: 11px; } .form-legende-count{ font-weight: bold; &.rouge{ color: $rouge; } } /* élémen de liste */ .liste{ width: 100%; height: 190px; overflow: auto; background-color: #fff; border: 1px solid #ccc; margin-bottom: 20px; padding: 12px; input{ display: inline-block; vertical-align: middle; } p{ height: 23px; } &.small{ max-width: 180px; } &.medium{ max-width: 300px; } &.big{ max-width: 500px; } } /* Label du formulaire */ label{ color: #616161; font-size: 14px; display: block; padding-bottom: 5px; } /* Légende en dessous des champs + label + liste */ .form-legende{ width: 100%; margin: -15px 0px 15px 0px; font-style: italic; font-size: 13px; color: $grisTresClair; } /* Retour d'image dans le formulaire */ .form-image{ margin-bottom: 20px; &.small{ max-width: 180px; } &.medium{ max-width: 300px; } &.big{ max-width: 500px; } img{ max-width: 100%; } } /* Class de base pour la mise en forme des boutons */ .form-submit{ @include border-radius(3px); width: 100%; padding: 10px 0px; border: 1px solid transparent; color: #fff; cursor: pointer; background-color: $grisClair; border-color: darken($grisClair, 5%); font-size: 16px; font-weight: 300; @include transition-property(background, border-color); @include transition-duration(0.3s); @include transition-timing-function(ease); &:hover{ background-color: darken($grisClair, 5%); border-color: darken($grisClair, 11%); } &:active{ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.160)); } &.turquoise{ background-color: $turquoise; border-color: darken($turquoise, 5%); &:hover{ background-color: darken($turquoise, 5%); border-color: darken($turquoise, 11%); } &:active{ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.160)); } } &.rouge{ background-color: $rouge; border-color: darken($rouge, 5%); &:hover{ background-color: darken($rouge, 5%); border-color: darken($rouge, 11%); } &:active{ @include box-shadow(inset 0 3px 5px rgba(0,0,0,.160)); } } &.small{ max-width: 204px; } &.medium{ max-width: 324px; } &.big{ max-width: 524px; } .fa{ margin-right: 5px; } } #recherche{ width: 100%; margin-bottom: 30px; text-align: right; input, select{ margin-bottom: 0px; display: inline-block; margin-left: -5px; } select{ padding: 11px; } button{ height: 43px; width: 43px; border: none; cursor: pointer; font-size: 17px; background: none; display: inline-block; color: $grisClair; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings