bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css form

Browse Source
This commit is contained in:
ouidade
2022-01-07 16:28:34 +01:00
parent f394ace228
commit 7116f38693
3 changed files with 631 additions and 439 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/profiles/d8-starterkit-profile
+1 -1
Submodule web/profiles/d8-starterkit-profile updated: 9b46db9c56...6fe8986494
web/themes/custom/eql/css-compiled/styles.css
+164 -57
View File
@@ -2223,29 +2223,54 @@ a {
.path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg { .path-ressources.annuairederecherche .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-region-second .node-type-partenaires_logo_footer_ div .field--name-field-lien a svg {
display: none; } display: none; }
.path-webform .region-content {
margin-left: 13%;
margin-right: 20%;
width: 60%; }
.path-webform .region-content [role="contentinfo"] { .path-webform .region-content [role="contentinfo"] {
display: none; } display: none; }
.path-webform .region-content .block-system-main-block h2 { .path-webform .region-content .block-system-main-block h2 {
display: none; } display: none; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
flex-basis: auto; flex-basis: auto;
justify-content: flex-start; justify-content: flex-start; }
margin-top: 10vh; } .path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-titre {
width: 100%;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase;
padding-left: 13%;
padding-top: 2rem;
padding-bottom: 2rem;
vertical-align: middle; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-sous-titre {
width: 100%;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase;
width: fit-content;
margin-left: 13%;
margin-top: 8rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-processed-text { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-processed-text {
width: 100%; } margin-top: 10vh;
margin-left: 13%;
margin-right: 20%;
width: 60%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document:after { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document:after {
content: "*"; content: "*";
color: red; color: red;
@@ -2257,11 +2282,13 @@ a {
width: 90%; width: 90%;
height: 5rem; } height: 5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s-:after { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s-:after {
content: "*"; content: "*";
color: red; color: red;
@@ -2272,11 +2299,12 @@ a {
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- input { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- input {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution {
margin-left: 13%;
width: 27%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 45%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution:after { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution:after {
content: "*"; content: "*";
color: red; color: red;
@@ -2287,21 +2315,24 @@ a {
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution input { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution input {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages {
margin-right: 20%;
width: 27%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 45%;
margin-right: 3rem; } margin-right: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages label { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages label {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages input { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages input {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%;
margin-top: 2rem; } margin-top: 2rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur:after { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur:after {
content: "*"; content: "*";
@@ -2313,11 +2344,13 @@ a {
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur input { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur input {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc-:after { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc-:after {
content: "*"; content: "*";
color: red; color: red;
@@ -2328,10 +2361,12 @@ a {
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- input { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- input {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%;
margin-top: 2rem; } margin-top: 2rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource:after { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource:after {
content: "*"; content: "*";
@@ -2345,33 +2380,38 @@ a {
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource div textarea { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource div textarea {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet label { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet label {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet input { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet input {
width: 90%; width: 90%;
height: 3rem; } height: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet label { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet label {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet input { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet input {
width: 90%; width: 90%;
height: 3rem; } height: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel {
margin-left: 13%;
width: 28%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 47%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel:after { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel:after {
content: "*"; content: "*";
color: red; color: red;
@@ -2382,11 +2422,12 @@ a {
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel input { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel input {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone {
margin-right: 20%;
width: 29%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 47%;
margin-right: 3rem; } margin-right: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone:after { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone:after {
content: "*"; content: "*";
@@ -2398,7 +2439,7 @@ a {
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone input { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone input {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions {
width: 100%; } width: 60%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions input { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions input {
width: 30%; width: 30%;
align-self: flex-end; align-self: flex-end;
@@ -2412,21 +2453,49 @@ a {
border: none; } border: none; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions #edit-actions-submit:after { .path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions #edit-actions-submit:after {
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>'); } content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>'); }
.path-webform .region-content #webform-submission-offre-de-service-add-form { .path-webform .region-content #webform-submission-offre-de-service-add-form {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
flex-basis: auto; flex-basis: auto;
justify-content: flex-start; justify-content: flex-start; }
margin-top: 10vh; } .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-title {
width: 100%;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase;
padding-left: 13%;
padding-top: 2rem;
padding-bottom: 2rem;
vertical-align: middle; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-sous-titre {
width: 100%;
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: white;
background-color: #009ee3;
text-transform: uppercase;
width: fit-content;
margin-left: 13%;
margin-top: 8rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-processed-text { .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-processed-text {
width: 100%; } margin-top: 10vh;
margin-left: 13%;
margin-right: 20%;
width: 60%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service:after { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service:after {
content: "*"; content: "*";
color: red; color: red;
@@ -2438,11 +2507,13 @@ a {
width: 90%; width: 90%;
height: 5rem; } height: 5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure:after { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure:after {
content: "*"; content: "*";
color: red; color: red;
@@ -2453,11 +2524,13 @@ a {
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure input { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure input {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation:after { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation:after {
content: "*"; content: "*";
color: red; color: red;
@@ -2470,21 +2543,25 @@ a {
.path-webform .region-content #webform-submission-offre-de-service-add-form div { .path-webform .region-content #webform-submission-offre-de-service-add-form div {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description { .path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description label { .path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description label {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description textarea { .path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description textarea {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description label { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description label {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description textarea { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description textarea {
@@ -2492,11 +2569,13 @@ a {
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper { .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url { .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem; }
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url:after { .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url:after {
content: "*"; content: "*";
color: red; color: red;
@@ -2507,11 +2586,12 @@ a {
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url input { .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url input {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel {
margin-left: 13%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 47%; } width: 28%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel:after { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel:after {
content: "*"; content: "*";
color: red; color: red;
@@ -2522,11 +2602,12 @@ a {
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel input { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel input {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone {
margin-right: 20%;
width: 29%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 47%;
margin-right: 3rem; } margin-right: 3rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone:after { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone:after {
content: "*"; content: "*";
@@ -2537,8 +2618,14 @@ a {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone input { .path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone input {
width: 90%; } width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .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%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions { .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions {
width: 100%; } width: 60%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions input { .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions input {
width: 30%; width: 30%;
align-self: flex-end; align-self: flex-end;
@@ -2552,32 +2639,52 @@ a {
border: none; } border: none; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions #edit-actions-submit:after { .path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions #edit-actions-submit:after {
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>'); } content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>'); }
.path-webform .region-content #webform-submission-question-add-form { .path-webform .region-content #webform-submission-question-add-form {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
flex-basis: auto; flex-basis: auto;
justify-content: space-between; justify-content: flex-start;
margin-top: 10vh; } margin-top: 10vh;
.path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper { width: 60%;
width: 100%; } margin-left: 13%;
.path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-1 { margin-right: 20%; }
.path-webform .region-content #webform-submission-question-add-form .form-item-couriel {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-1 input { .path-webform .region-content #webform-submission-question-add-form .form-item-couriel:after {
width: 100%; } content: "*";
.path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-2 { color: red;
margin-top: 2rem; font-size: 2rem;
width: 100%; } padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-2 input { .path-webform .region-content #webform-submission-question-add-form .form-item-couriel label {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-question-add-form .form-item-couriel input {
width: 90%; }
.path-webform .region-content #webform-submission-question-add-form .form-item-question { .path-webform .region-content #webform-submission-question-add-form .form-item-question {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-question-add-form .form-item-question textarea { .path-webform .region-content #webform-submission-question-add-form .form-item-question:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.9rem; }
.path-webform .region-content #webform-submission-question-add-form .form-item-question label {
width: 100%; } width: 100%; }
.path-webform .region-content #webform-submission-question-add-form .form-item-question div {
width: 90%; }
.path-webform .region-content #webform-submission-question-add-form .form-item-question div textarea {
width: 100%;
height: 5rem; }
.path-webform .region-content #webform-submission-question-add-form #edit-actions { .path-webform .region-content #webform-submission-question-add-form #edit-actions {
width: 100%; } width: 90%; }
.path-webform .region-content #webform-submission-question-add-form #edit-actions input { .path-webform .region-content #webform-submission-question-add-form #edit-actions input {
width: 30%; width: 30%;
align-self: flex-end; align-self: flex-end;
web/themes/custom/eql/scss/pages/_webform.scss
+159 -74
View File
@@ -1,8 +1,6 @@
.path-webform{ .path-webform{
.region-content{ .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){ // 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; // display: none;
// } // }
@@ -22,33 +20,49 @@
flex-wrap: wrap; flex-wrap: wrap;
flex-basis: auto; flex-basis: auto;
justify-content: flex-start; justify-content: flex-start;
margin-top: 10vh;
// input:focus ~ label,
// input:not(:placeholder-shown) ~ label {
// z-index: -1;
// }
// overflow: visible; #edit-titre{
// .required{
// border-color: red !important;
// display: block;
// content: " ";
// }
// .required::after{
// content: " * ";
// }
#edit-processed-text{
width: 100%; 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{ .form-item-titre-du-document{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
&:after{ &:after{
content: "*"; content: "*";
color: red; color: red;
@@ -57,31 +71,19 @@
} }
label{width: 100%;} label{width: 100%;}
input{ input{
// overflow: visible;
width: 90%; width: 90%;
height: 5rem; 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-{ .form-item-auteur-s-{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
&:after{ &:after{
content: "*"; content: "*";
color: red; color: red;
@@ -95,11 +97,12 @@
} }
.form-item-date-de-parution{ .form-item-date-de-parution{
margin-left: 13%;
width: 27%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 45%;
&:after{ &:after{
content: "*"; content: "*";
color: red; color: red;
@@ -112,11 +115,12 @@
} }
} }
.form-item-nombre-de-pages{ .form-item-nombre-de-pages{
margin-right: 20%;
width: 27%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 45%;
margin-right: 3rem; margin-right: 3rem;
label{width: 100%;} label{width: 100%;}
input{ input{
@@ -125,10 +129,12 @@
} }
} }
.form-item-nom-de-la-revue-et-de-l-editeur{ .form-item-nom-de-la-revue-et-de-l-editeur{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%;
margin-top: 2rem; margin-top: 2rem;
&:after{ &:after{
content: "*"; content: "*";
@@ -142,11 +148,13 @@
} }
} }
.form-item-type-de-document-revue-article-etc-{ .form-item-type-de-document-revue-article-etc-{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
&:after{ &:after{
content: "*"; content: "*";
color: red; color: red;
@@ -159,10 +167,12 @@
} }
} }
.form-item-resume-de-la-ressource{ .form-item-resume-de-la-ressource{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%;
margin-top: 2rem; margin-top: 2rem;
&:after{ &:after{
content: "*"; content: "*";
@@ -178,12 +188,13 @@
} }
.form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet{ .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
label{width: 100%;} label{width: 100%;}
input{ input{
width: 90%; width: 90%;
@@ -191,11 +202,13 @@
} }
} }
.form-item-url-vers-une-video-ou-un-site-internet{ .form-item-url-vers-une-video-ou-un-site-internet{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
label{width: 100%;} label{width: 100%;}
input{ input{
width: 90%; width: 90%;
@@ -203,11 +216,12 @@
} }
} }
.form-item-courriel{ .form-item-courriel{
margin-left: 13%;
width: 28%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 47%;
&:after{ &:after{
content: "*"; content: "*";
color: red; color: red;
@@ -218,11 +232,12 @@
input{width: 90%;} input{width: 90%;}
} }
.form-item-telephone{ .form-item-telephone{
margin-right: 20%;
width: 29%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 47%;
margin-right: 3rem; margin-right: 3rem;
&:after{ &:after{
content: "*"; content: "*";
@@ -235,7 +250,7 @@
} }
#edit-actions{ #edit-actions{
// display: inline-flex; // display: inline-flex;
width: 100%; width: 60%;
input{ input{
width: 30%; width: 30%;
align-self: flex-end; align-self: flex-end;
@@ -260,22 +275,52 @@
flex-wrap: wrap; flex-wrap: wrap;
flex-basis: auto; flex-basis: auto;
justify-content: flex-start; justify-content: flex-start;
margin-top: 10vh;
// input:focus ~ label, // input:focus ~ label,
// input:not(:placeholder-shown) ~ label { // input:not(:placeholder-shown) ~ label {
// z-index: -1; // z-index: -1;
// } // }
#edit-title{
#edit-processed-text{
width: 100%; 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{ .form-item-intitule-de-l-offre-de-service{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
&:after{ &:after{
content: "*"; content: "*";
color: red; color: red;
@@ -291,11 +336,13 @@
} }
.form-item-structure{ .form-item-structure{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
&:after{ &:after{
content: "*"; content: "*";
color: red; color: red;
@@ -309,11 +356,13 @@
} }
.form-item-localisation{ .form-item-localisation{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
&:after{ &:after{
content: "*"; content: "*";
color: red; color: red;
@@ -326,13 +375,16 @@
} }
} }
div{ div{
width: 100%; width: 100%;
.form-item-description{ .form-item-description{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
label{width: 100%;} label{width: 100%;}
textarea{ textarea{
width: 90%; width: 90%;
@@ -340,11 +392,13 @@
} }
} }
.form-item-description{ .form-item-description{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
label{width: 100%;} label{width: 100%;}
textarea{ textarea{
width: 90%; width: 90%;
@@ -353,11 +407,13 @@
#edit-lien--wrapper{ #edit-lien--wrapper{
width: 100%; width: 100%;
.form-item-lien-url{ .form-item-lien-url{
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%;
&:after{ &:after{
content: "*"; content: "*";
color: red; color: red;
@@ -371,11 +427,12 @@
} }
} }
.form-item-courriel{ .form-item-courriel{
margin-left: 13%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 47%; width: 28%;
&:after{ &:after{
content: "*"; content: "*";
color: red; color: red;
@@ -386,11 +443,12 @@
input{width: 90%;} input{width: 90%;}
} }
.form-item-telephone{ .form-item-telephone{
margin-right: 20%;
width: 29%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 47%;
margin-right: 3rem; margin-right: 3rem;
&:after{ &:after{
content: "*"; content: "*";
@@ -401,9 +459,18 @@
label{width: 100%;} label{width: 100%;}
input{width: 90%;} 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{ #edit-actions{
// display: inline-flex; // display: inline-flex;
width: 100%; width: 60%;
input{ input{
width: 30%; width: 30%;
align-self: flex-end; align-self: flex-end;
@@ -428,42 +495,60 @@
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
flex-basis: auto; flex-basis: auto;
justify-content: space-between; justify-content: flex-start;
margin-top: 10vh; margin-top: 10vh;
width: 60%;
margin-left: 13%;
margin-right: 20%;
.form-item-couriel{
#edit-couriel--wrapper{ display: flex;
width: 100%; flex-direction: row;
.form-item-couriel-mail-1{ flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%; width: 100%;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem;
}
label{width: 100%;}
input{ input{
width: 100%; width: 90%;
} }
} }
.form-item-couriel-mail-2{
margin-top: 2rem;
width: 100%;
input{
width: 100%;
}
}
}
.form-item-question{ .form-item-question{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; margin-top: 2rem;
width: 100%; width: 100%;
&:after{
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.9rem;
}
label{width: 100%;}
div{
width: 90%;
textarea{ textarea{
width: 100%; width: 100%;
height: 5rem;
} }
}
} }
#edit-actions{ #edit-actions{
// display: inline-flex; // display: inline-flex;
width: 100%; width: 90%;
input{ input{
width: 30%; width: 30%;
align-self: flex-end; align-self: flex-end;