bachir/grav-lecampus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix design form demande devis

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2022-03-04 15:19:10 +01:00
parent 9dce5f34fb
commit 761ebf2eb3
7 changed files with 5708 additions and 639 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
user/themes/lecampus/css-compiled/theme.css
View File

@@ -1709,64 +1709,77 @@ header nav.dropmenu > ul {
margin-top: 0; }
.start#form .body-wrapper {
width: 100%;
width: 100% !important;
min-width: 250px;
margin: auto auto 140px auto; }
margin-bottom: 0 !important; }
.start#form .body-wrapper form {
width: calc( (100% / 2));
width: 100% !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
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 > .form-group {
width: calc( (100% / 2)) !important;
margin-left: 25%;
margin-right: 25%;
margin-top: 20px;
padding-bottom: 20px; }
.start#form .body-wrapper form > .form-group .form-data {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px 0px; }
.start#form .body-wrapper form > .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-group .form-data > div.check {
background: #9e0027;
color: white; }
.start#form .body-wrapper form > .form-group .form-data > div input {
border: none; }
.start#form .body-wrapper form > .form-group .form-data > div input[type='radio'] {
visibility: hidden;
position: absolute; }
.start#form .body-wrapper form > .form-group .form-data > div label {
cursor: pointer; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(n+5):not(:nth-of-type(n+11)) {
width: 25% !important;
margin-top: 0;
margin-bottom: 0; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(5) {
margin-left: 25%;
margin-right: 0; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(6) {
margin-left: 0;
margin-right: 25%; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(7) {
margin-left: 25%;
margin-right: 0; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(8) {
margin-left: 0;
margin-right: 25%; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(9) {
margin-left: 25%;
margin-right: 0; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(10) {
margin-left: 0;
margin-right: 25%; }
.start#form .body-wrapper form .button-wrapper {
order: 12 !important;
background: #9e0027;
height: 100px;
position: absolute;
position: relative !important;
left: 0;
width: 100%; }
width: 100% !important;
bottom: 0;
margin-bottom: 0; }
.start#form .body-wrapper form .button-wrapper button {
margin-right: 25%;
position: absolute;