fix design form demande devis
This commit is contained in:
parent
9dce5f34fb
commit
761ebf2eb3
@ -1709,64 +1709,77 @@ header nav.dropmenu > ul {
|
|||||||
margin-top: 0; }
|
margin-top: 0; }
|
||||||
|
|
||||||
.start#form .body-wrapper {
|
.start#form .body-wrapper {
|
||||||
width: 100%;
|
width: 100% !important;
|
||||||
min-width: 250px;
|
min-width: 250px;
|
||||||
margin: auto auto 140px auto; }
|
margin-bottom: 0 !important; }
|
||||||
.start#form .body-wrapper form {
|
.start#form .body-wrapper form {
|
||||||
width: calc( (100% / 2));
|
width: 100% !important;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
margin: auto; }
|
margin: auto; }
|
||||||
.start#form .body-wrapper form > .form-columns {
|
.start#form .body-wrapper form > .form-group {
|
||||||
width: 100%;
|
width: calc( (100% / 2)) !important;
|
||||||
margin: 20px 0; }
|
margin-left: 25%;
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group {
|
margin-right: 25%;
|
||||||
width: 100%; }
|
margin-top: 20px;
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data {
|
padding-bottom: 20px; }
|
||||||
width: 100%; }
|
.start#form .body-wrapper form > .form-group .form-data {
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper {
|
display: -webkit-inline-box;
|
||||||
width: 100%; }
|
display: -ms-inline-flexbox;
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper textarea {
|
display: inline-flex;
|
||||||
width: 100%;
|
-ms-flex-wrap: wrap;
|
||||||
resize: none;
|
flex-wrap: wrap;
|
||||||
border: none; }
|
margin: 20px 0px; }
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column {
|
.start#form .body-wrapper form > .form-group .form-data > div {
|
||||||
padding: 20px 0;
|
overflow: hidden;
|
||||||
display: flex;
|
margin: 10px 10px;
|
||||||
width: 100%; }
|
min-width: 100px;
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column:not(:nth-last-child(1)) {
|
border: 2px solid #9e0027;
|
||||||
border-bottom: 1px solid #9e0027; }
|
border-radius: 30px;
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group {
|
padding: 10px 20px; }
|
||||||
width: auto; }
|
.start#form .body-wrapper form > .form-group .form-data > div.check {
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data {
|
background: #9e0027;
|
||||||
display: -webkit-inline-box;
|
color: white; }
|
||||||
display: -ms-inline-flexbox;
|
.start#form .body-wrapper form > .form-group .form-data > div input {
|
||||||
display: inline-flex;
|
border: none; }
|
||||||
-ms-flex-wrap: wrap;
|
.start#form .body-wrapper form > .form-group .form-data > div input[type='radio'] {
|
||||||
flex-wrap: wrap;
|
visibility: hidden;
|
||||||
margin: 0px 0px; }
|
position: absolute; }
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div {
|
.start#form .body-wrapper form > .form-group .form-data > div label {
|
||||||
overflow: hidden;
|
cursor: pointer; }
|
||||||
margin: 10px 10px;
|
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(n+5):not(:nth-of-type(n+11)) {
|
||||||
min-width: 100px;
|
width: 25% !important;
|
||||||
border: 2px solid #9e0027;
|
margin-top: 0;
|
||||||
border-radius: 30px;
|
margin-bottom: 0; }
|
||||||
padding: 10px 20px; }
|
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(5) {
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div.check {
|
margin-left: 25%;
|
||||||
background: #9e0027;
|
margin-right: 0; }
|
||||||
color: white; }
|
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(6) {
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input {
|
margin-left: 0;
|
||||||
border: none; }
|
margin-right: 25%; }
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input[type='radio'] {
|
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(7) {
|
||||||
visibility: hidden;
|
margin-left: 25%;
|
||||||
position: absolute; }
|
margin-right: 0; }
|
||||||
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div label {
|
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(8) {
|
||||||
cursor: pointer; }
|
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 {
|
.start#form .body-wrapper form .button-wrapper {
|
||||||
|
order: 12 !important;
|
||||||
background: #9e0027;
|
background: #9e0027;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
position: absolute;
|
position: relative !important;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%; }
|
width: 100% !important;
|
||||||
|
bottom: 0;
|
||||||
|
margin-bottom: 0; }
|
||||||
.start#form .body-wrapper form .button-wrapper button {
|
.start#form .body-wrapper form .button-wrapper button {
|
||||||
margin-right: 25%;
|
margin-right: 25%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
4591
user/themes/lecampus/package-lock.json
generated
Normal file
4591
user/themes/lecampus/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -19,6 +19,6 @@
|
|||||||
"author": "",
|
"author": "",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"node-sass": "*"
|
"node-sass": "^7.0.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -15,7 +15,8 @@
|
|||||||
@import 'theme/cookies';
|
@import 'theme/cookies';
|
||||||
@import 'theme/thumbnails/thumbnails';
|
@import 'theme/thumbnails/thumbnails';
|
||||||
@import 'theme/custom';
|
@import 'theme/custom';
|
||||||
@import 'theme/form';
|
// @import 'theme/form';
|
||||||
|
@import 'theme/_form2.scss';
|
||||||
|
|
||||||
|
|
||||||
// Extra Skeleton Styling
|
// Extra Skeleton Styling
|
||||||
|
|||||||
139
user/themes/lecampus/scss/theme/_form2.scss
Normal file
139
user/themes/lecampus/scss/theme/_form2.scss
Normal file
@ -0,0 +1,139 @@
|
|||||||
|
.start#form{
|
||||||
|
.entete{
|
||||||
|
border-top: 1px solid $light-blue;
|
||||||
|
}
|
||||||
|
h2{
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
.body-wrapper{
|
||||||
|
width: 100% !important;
|
||||||
|
min-width: 250px;
|
||||||
|
// margin: auto auto 140px auto;
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
form{
|
||||||
|
width: 100% !important;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin-top: 20px;
|
||||||
|
margin: auto;
|
||||||
|
|
||||||
|
& > .form-group{
|
||||||
|
// width: 100% !important;
|
||||||
|
width: calc( (100% / 2)) !important;
|
||||||
|
// margin: auto;
|
||||||
|
margin-left: 25%;
|
||||||
|
margin-right: 25%;
|
||||||
|
margin-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
|
||||||
|
.form-data{
|
||||||
|
@include inlineflex();
|
||||||
|
margin: 20px 0px;
|
||||||
|
&> div{
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 10px 10px;
|
||||||
|
min-width: 100px;
|
||||||
|
border: 2px solid $red;
|
||||||
|
border-radius: 30px;
|
||||||
|
padding: 10px 20px;
|
||||||
|
&.check{
|
||||||
|
background: $red;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
input{
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
input[type='radio'] {
|
||||||
|
visibility: hidden;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
label{
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
& > .form-field.form-group{
|
||||||
|
&:nth-of-type(n+5):not(:nth-of-type(n+11)){
|
||||||
|
width: 25% !important;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
&:nth-of-type(5){
|
||||||
|
margin-left: 25%;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
&:nth-of-type(6){
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 25%;
|
||||||
|
}
|
||||||
|
&:nth-of-type(7){
|
||||||
|
margin-left: 25%;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
&:nth-of-type(8){
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 25%;
|
||||||
|
}
|
||||||
|
&:nth-of-type(9){
|
||||||
|
margin-left: 25%;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
&:nth-of-type(10){
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-wrapper{
|
||||||
|
order: 12 !important;
|
||||||
|
background: $red;
|
||||||
|
height: 100px;
|
||||||
|
position: relative !important;
|
||||||
|
left: 0;
|
||||||
|
width: 100% !important;
|
||||||
|
bottom: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#send-valide{
|
||||||
|
-webkit-transform: translate(-50%, -50%);
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
background: $red;
|
||||||
|
border-radius: 20px;
|
||||||
|
position: fixed;
|
||||||
|
width: 30%;
|
||||||
|
min-height: 30%;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
padding: 50px;
|
||||||
|
.toast{
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.ok{
|
||||||
|
color: white;
|
||||||
|
position: absolute;
|
||||||
|
right: 20px;
|
||||||
|
bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -62,7 +62,7 @@
|
|||||||
]
|
]
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<script type="text/javascript" src="https://checkoutpage.co/js/overlay.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user