css form
This commit is contained in:
@@ -1,8 +1,6 @@
|
||||
.path-webform{
|
||||
.region-content{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
|
||||
// div:nth-of-type(2):not(#edit-actions):not(.form-item-couriel-mail-2):not(.form-item-titre-du-document):not(.form-item-intitule-de-l-offre-de-service){
|
||||
// display: none;
|
||||
// }
|
||||
@@ -22,33 +20,49 @@
|
||||
flex-wrap: wrap;
|
||||
flex-basis: auto;
|
||||
justify-content: flex-start;
|
||||
margin-top: 10vh;
|
||||
// input:focus ~ label,
|
||||
// input:not(:placeholder-shown) ~ label {
|
||||
// z-index: -1;
|
||||
// }
|
||||
|
||||
// overflow: visible;
|
||||
// .required{
|
||||
// border-color: red !important;
|
||||
// display: block;
|
||||
// content: " ";
|
||||
// }
|
||||
|
||||
// .required::after{
|
||||
// content: " * ";
|
||||
// }
|
||||
|
||||
#edit-processed-text{
|
||||
#edit-titre{
|
||||
width: 100%;
|
||||
font-family: 'Source Code Pro';
|
||||
font-size: 2rem;
|
||||
font-weight: 800;
|
||||
color: $white;
|
||||
background-color: $blue-light;
|
||||
text-transform: uppercase;
|
||||
padding-left: 13%;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#edit-sous-titre{
|
||||
width: 100%;
|
||||
font-family: 'Source Code Pro';
|
||||
font-size: 2rem;
|
||||
font-weight: 800;
|
||||
color: $white;
|
||||
background-color: $blue-light;
|
||||
text-transform: uppercase;
|
||||
width: fit-content;
|
||||
margin-left: 13%;
|
||||
margin-top: 8rem;
|
||||
}
|
||||
#edit-processed-text{
|
||||
margin-top: 10vh;
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.form-item-titre-du-document{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
@@ -57,31 +71,19 @@
|
||||
}
|
||||
label{width: 100%;}
|
||||
input{
|
||||
// overflow: visible;
|
||||
width: 90%;
|
||||
height: 5rem;
|
||||
|
||||
// ::placeholder{
|
||||
// content:"Titre du document";
|
||||
// }
|
||||
// &::after{
|
||||
|
||||
// display: block;
|
||||
// content: " ";
|
||||
// color: red;
|
||||
// background-image: url("../images/pictos/twitter_black.svg");
|
||||
// font-size: 10rem;
|
||||
// }
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.form-item-auteur-s-{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
@@ -95,11 +97,12 @@
|
||||
|
||||
}
|
||||
.form-item-date-de-parution{
|
||||
margin-left: 13%;
|
||||
width: 27%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 45%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
@@ -112,11 +115,12 @@
|
||||
}
|
||||
}
|
||||
.form-item-nombre-de-pages{
|
||||
margin-right: 20%;
|
||||
width: 27%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 45%;
|
||||
margin-right: 3rem;
|
||||
label{width: 100%;}
|
||||
input{
|
||||
@@ -125,10 +129,12 @@
|
||||
}
|
||||
}
|
||||
.form-item-nom-de-la-revue-et-de-l-editeur{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
margin-top: 2rem;
|
||||
&:after{
|
||||
content: "*";
|
||||
@@ -142,11 +148,13 @@
|
||||
}
|
||||
}
|
||||
.form-item-type-de-document-revue-article-etc-{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
@@ -159,10 +167,12 @@
|
||||
}
|
||||
}
|
||||
.form-item-resume-de-la-ressource{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
margin-top: 2rem;
|
||||
&:after{
|
||||
content: "*";
|
||||
@@ -178,12 +188,13 @@
|
||||
|
||||
}
|
||||
.form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
|
||||
label{width: 100%;}
|
||||
input{
|
||||
width: 90%;
|
||||
@@ -191,11 +202,13 @@
|
||||
}
|
||||
}
|
||||
.form-item-url-vers-une-video-ou-un-site-internet{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
label{width: 100%;}
|
||||
input{
|
||||
width: 90%;
|
||||
@@ -203,11 +216,12 @@
|
||||
}
|
||||
}
|
||||
.form-item-courriel{
|
||||
margin-left: 13%;
|
||||
width: 28%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 47%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
@@ -218,11 +232,12 @@
|
||||
input{width: 90%;}
|
||||
}
|
||||
.form-item-telephone{
|
||||
margin-right: 20%;
|
||||
width: 29%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 47%;
|
||||
margin-right: 3rem;
|
||||
&:after{
|
||||
content: "*";
|
||||
@@ -235,7 +250,7 @@
|
||||
}
|
||||
#edit-actions{
|
||||
// display: inline-flex;
|
||||
width: 100%;
|
||||
width: 60%;
|
||||
input{
|
||||
width: 30%;
|
||||
align-self: flex-end;
|
||||
@@ -260,22 +275,52 @@
|
||||
flex-wrap: wrap;
|
||||
flex-basis: auto;
|
||||
justify-content: flex-start;
|
||||
margin-top: 10vh;
|
||||
// input:focus ~ label,
|
||||
// input:not(:placeholder-shown) ~ label {
|
||||
// z-index: -1;
|
||||
// }
|
||||
|
||||
#edit-processed-text{
|
||||
#edit-title{
|
||||
width: 100%;
|
||||
font-family: 'Source Code Pro';
|
||||
font-size: 2rem;
|
||||
font-weight: 800;
|
||||
color: $white;
|
||||
background-color: $blue-light;
|
||||
text-transform: uppercase;
|
||||
padding-left: 13%;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#edit-sous-titre{
|
||||
width: 100%;
|
||||
font-family: 'Source Code Pro';
|
||||
font-size: 2rem;
|
||||
font-weight: 800;
|
||||
color: $white;
|
||||
background-color: $blue-light;
|
||||
text-transform: uppercase;
|
||||
width: fit-content;
|
||||
margin-left: 13%;
|
||||
margin-top: 8rem;
|
||||
}
|
||||
#edit-processed-text{
|
||||
margin-top: 10vh;
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
|
||||
.form-item-intitule-de-l-offre-de-service{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
@@ -291,11 +336,13 @@
|
||||
}
|
||||
|
||||
.form-item-structure{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
@@ -309,11 +356,13 @@
|
||||
|
||||
}
|
||||
.form-item-localisation{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
@@ -326,13 +375,16 @@
|
||||
}
|
||||
}
|
||||
div{
|
||||
|
||||
width: 100%;
|
||||
.form-item-description{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
label{width: 100%;}
|
||||
textarea{
|
||||
width: 90%;
|
||||
@@ -340,11 +392,13 @@
|
||||
}
|
||||
}
|
||||
.form-item-description{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
label{width: 100%;}
|
||||
textarea{
|
||||
width: 90%;
|
||||
@@ -353,11 +407,13 @@
|
||||
#edit-lien--wrapper{
|
||||
width: 100%;
|
||||
.form-item-lien-url{
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
@@ -371,11 +427,12 @@
|
||||
}
|
||||
}
|
||||
.form-item-courriel{
|
||||
margin-left: 13%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 47%;
|
||||
width: 28%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
@@ -386,11 +443,12 @@
|
||||
input{width: 90%;}
|
||||
}
|
||||
.form-item-telephone{
|
||||
margin-right: 20%;
|
||||
width: 29%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 47%;
|
||||
margin-right: 3rem;
|
||||
&:after{
|
||||
content: "*";
|
||||
@@ -401,9 +459,18 @@
|
||||
label{width: 100%;}
|
||||
input{width: 90%;}
|
||||
}
|
||||
|
||||
.form-item-j-accepte-que-mon-courriel-soit-diffuse-sur-la-page-de-mon-offre{
|
||||
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 3rem;
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
width: 60%;
|
||||
}
|
||||
#edit-actions{
|
||||
// display: inline-flex;
|
||||
width: 100%;
|
||||
width: 60%;
|
||||
input{
|
||||
width: 30%;
|
||||
align-self: flex-end;
|
||||
@@ -428,42 +495,60 @@
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
flex-basis: auto;
|
||||
justify-content: space-between;
|
||||
justify-content: flex-start;
|
||||
margin-top: 10vh;
|
||||
width: 60%;
|
||||
margin-left: 13%;
|
||||
margin-right: 20%;
|
||||
|
||||
|
||||
|
||||
#edit-couriel--wrapper{
|
||||
width: 100%;
|
||||
.form-item-couriel-mail-1{
|
||||
.form-item-couriel{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
font-size: 2rem;
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
label{width: 100%;}
|
||||
input{
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
}
|
||||
.form-item-couriel-mail-2{
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
input{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.form-item-question{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
textarea{
|
||||
width: 100%;
|
||||
&:after{
|
||||
content: "*";
|
||||
color: red;
|
||||
font-size: 2rem;
|
||||
padding-left: 0.9rem;
|
||||
}
|
||||
label{width: 100%;}
|
||||
div{
|
||||
width: 90%;
|
||||
textarea{
|
||||
width: 100%;
|
||||
height: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
#edit-actions{
|
||||
// display: inline-flex;
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
input{
|
||||
width: 30%;
|
||||
align-self: flex-end;
|
||||
|
||||
Reference in New Issue
Block a user