lien fichiers scss
This commit is contained in:
@@ -1702,6 +1702,104 @@ header nav.dropmenu > ul {
|
||||
margin-right: 1rem;
|
||||
margin-bottom: 1rem; } }
|
||||
|
||||
.start#form .entete {
|
||||
border-top: 1px solid #0093a3; }
|
||||
|
||||
.start#form h2 {
|
||||
margin-top: 0; }
|
||||
|
||||
.start#form .body-wrapper {
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
margin: auto auto 140px auto; }
|
||||
.start#form .body-wrapper form {
|
||||
width: calc( (100% / 2));
|
||||
margin-top: 20px;
|
||||
margin: auto; }
|
||||
.start#form .body-wrapper form > .form-columns {
|
||||
width: 100%;
|
||||
margin: 20px 0; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group {
|
||||
width: 100%; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data {
|
||||
width: 100%; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper {
|
||||
width: 100%; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper textarea {
|
||||
width: 100%;
|
||||
resize: none;
|
||||
border: none; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column {
|
||||
padding: 20px 0;
|
||||
display: flex;
|
||||
width: 100%; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column:not(:nth-last-child(1)) {
|
||||
border-bottom: 1px solid #9e0027; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group {
|
||||
width: auto; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
margin: 0px 0px; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div {
|
||||
overflow: hidden;
|
||||
margin: 10px 10px;
|
||||
min-width: 100px;
|
||||
border: 2px solid #9e0027;
|
||||
border-radius: 30px;
|
||||
padding: 10px 20px; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div.check {
|
||||
background: #9e0027;
|
||||
color: white; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input {
|
||||
border: none; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input[type='radio'] {
|
||||
visibility: hidden;
|
||||
position: absolute; }
|
||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div label {
|
||||
cursor: pointer; }
|
||||
.start#form .body-wrapper form .button-wrapper {
|
||||
background: #9e0027;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%; }
|
||||
.start#form .body-wrapper form .button-wrapper button {
|
||||
margin-right: 25%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
background: white;
|
||||
border-radius: 30px;
|
||||
padding: 10px 35px;
|
||||
box-shadow: none;
|
||||
border: 0; }
|
||||
.start#form .body-wrapper #send-valide {
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
background: #9e0027;
|
||||
border-radius: 20px;
|
||||
position: fixed;
|
||||
width: 30%;
|
||||
min-height: 30%;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
padding: 50px; }
|
||||
.start#form .body-wrapper #send-valide .toast {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
color: white; }
|
||||
.start#form .body-wrapper #send-valide .ok {
|
||||
color: white;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
bottom: 20px; }
|
||||
|
||||
.gal {
|
||||
margin-left: 15%; }
|
||||
.gal .content_gal {
|
||||
|
Reference in New Issue
Block a user