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
+468 -361
View File
@@ -2223,374 +2223,481 @@ 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 {
display: none; }
.path-webform .region-content {
.path-webform .region-content [role="contentinfo"] {
display: none; }
.path-webform .region-content .block-system-main-block h2 {
display: none; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: auto;
justify-content: flex-start; }
.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 {
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 {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document input {
width: 90%;
height: 5rem; }
.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;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s-:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- input {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution {
margin-left: 13%;
width: 27%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution input {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages {
margin-right: 20%;
width: 27%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
margin-right: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages input {
width: 100%; }
.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;
flex-direction: row;
flex-wrap: wrap;
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 {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur input {
width: 90%; }
.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;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc-:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- input {
width: 90%; }
.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;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 1rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource div {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource div textarea {
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 {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.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%; }
.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%;
height: 3rem; }
.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;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet input {
width: 90%;
height: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel {
margin-left: 13%;
width: 28%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel input {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone {
margin-right: 20%;
width: 29%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
margin-right: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone input {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions {
width: 60%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions input {
width: 30%;
align-self: flex-end;
background-color: #009ee3;
text-transform: uppercase;
color: white;
font-size: 1.2rem;
font-weight: 600;
float: right;
margin-top: 1rem;
border: none; }
.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>'); }
.path-webform .region-content #webform-submission-offre-de-service-add-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: auto;
justify-content: flex-start; }
.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 {
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 {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service input {
width: 90%;
height: 5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure input {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation input {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form div {
width: 100%; }
.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;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description textarea {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description {
margin-left: 13%;
margin-right: 20%;
width: 60%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description textarea {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper {
width: 100%; }
.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;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url input {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel {
margin-left: 13%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 28%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel input {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone {
margin-right: 20%;
width: 29%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
margin-right: 3rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone input {
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 {
width: 60%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions input {
width: 30%;
align-self: flex-end;
background-color: #009ee3;
text-transform: uppercase;
color: white;
font-size: 1.2rem;
font-weight: 600;
float: right;
margin-top: 1rem;
border: none; }
.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>'); }
.path-webform .region-content #webform-submission-question-add-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: auto;
justify-content: flex-start;
margin-top: 10vh;
width: 60%;
margin-left: 13%;
margin-right: 20%;
width: 60%; }
.path-webform .region-content [role="contentinfo"] {
display: none; }
.path-webform .region-content .block-system-main-block h2 {
display: none; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form {
margin-right: 20%; }
.path-webform .region-content #webform-submission-question-add-form .form-item-couriel {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: auto;
justify-content: flex-start;
margin-top: 10vh; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-processed-text {
margin-top: 2rem;
width: 100%; }
.path-webform .region-content #webform-submission-question-add-form .form-item-couriel:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-question-add-form .form-item-couriel label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
.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 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 100%; }
.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%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-titre-du-document input {
width: 90%;
.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-deposer-une-contribution-add-form .form-item-auteur-s- {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s-:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-auteur-s- input {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 45%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-date-de-parution input {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 45%;
margin-right: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nombre-de-pages input {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
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 {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-nom-de-la-revue-et-de-l-editeur input {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- {
display: flex;
flex-direction: row;
flex-wrap: wrap;
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 {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-type-de-document-revue-article-etc- input {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin-top: 2rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 1rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource div {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-resume-de-la-ressource div textarea {
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 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
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 {
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 {
width: 90%;
height: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet {
display: flex;
flex-direction: row;
flex-wrap: wrap;
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 {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-url-vers-une-video-ou-un-site-internet input {
width: 90%;
height: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 47%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-courriel input {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 47%;
margin-right: 3rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone label {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form .form-item-telephone input {
width: 90%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions {
width: 100%; }
.path-webform .region-content #webform-submission-deposer-une-contribution-add-form #edit-actions input {
width: 30%;
align-self: flex-end;
background-color: #009ee3;
text-transform: uppercase;
color: white;
font-size: 1.2rem;
font-weight: 600;
float: right;
margin-top: 1rem;
border: none; }
.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>'); }
.path-webform .region-content #webform-submission-offre-de-service-add-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: auto;
justify-content: flex-start;
margin-top: 10vh; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-processed-text {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service {
display: flex;
flex-direction: row;
flex-wrap: wrap;
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 {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-intitule-de-l-offre-de-service input {
width: 90%;
height: 5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-structure input {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-localisation input {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form div {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form div .form-item-description textarea {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-description textarea {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-lien--wrapper .form-item-lien-url input {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 47%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-courriel input {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 2rem;
width: 47%;
margin-right: 3rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone:after {
content: "*";
color: red;
font-size: 2rem;
padding-left: 0.5rem; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone label {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form .form-item-telephone input {
width: 90%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions {
width: 100%; }
.path-webform .region-content #webform-submission-offre-de-service-add-form #edit-actions input {
width: 30%;
align-self: flex-end;
background-color: #009ee3;
text-transform: uppercase;
color: white;
font-size: 1.2rem;
font-weight: 600;
float: right;
margin-top: 1rem;
border: none; }
.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>'); }
.path-webform .region-content #webform-submission-question-add-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-basis: auto;
justify-content: space-between;
margin-top: 10vh; }
.path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper {
width: 100%; }
.path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-1 {
margin-top: 2rem;
width: 100%; }
.path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-1 input {
width: 100%; }
.path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-2 {
margin-top: 2rem;
width: 100%; }
.path-webform .region-content #webform-submission-question-add-form #edit-couriel--wrapper .form-item-couriel-mail-2 input {
width: 100%; }
.path-webform .region-content #webform-submission-question-add-form .form-item-question {
margin-top: 2rem;
width: 100%; }
.path-webform .region-content #webform-submission-question-add-form .form-item-question textarea {
width: 100%; }
.path-webform .region-content #webform-submission-question-add-form #edit-actions {
width: 100%; }
.path-webform .region-content #webform-submission-question-add-form #edit-actions input {
width: 30%;
align-self: flex-end;
background-color: #009ee3;
text-transform: uppercase;
color: white;
font-size: 1.2rem;
font-weight: 600;
float: right;
margin-top: 1rem;
border: none; }
.path-webform .region-content #webform-submission-question-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>'); }
.path-webform .region-content #webform-submission-question-add-form #edit-actions {
width: 90%; }
.path-webform .region-content #webform-submission-question-add-form #edit-actions input {
width: 30%;
align-self: flex-end;
background-color: #009ee3;
text-transform: uppercase;
color: white;
font-size: 1.2rem;
font-weight: 600;
float: right;
margin-top: 1rem;
border: none; }
.path-webform .region-content #webform-submission-question-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>'); }
/*partials*/
.layout-container {
web/themes/custom/eql/scss/pages/_webform.scss
+162 -77
View File
@@ -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;