.path-webform{ .region-content{ margin-left: 13%; margin-right: 20%; width: 60%; // #block-contenudelapageprincipale{ .block-system-main-block{ h2{ display:none} } // } #webform-submission-deposer-une-contribution-add-form{ display: flex; flex-direction: row; flex-wrap: wrap; flex-basis: auto; justify-content: space-between; margin-top: 10vh; // input:focus ~ label, // input:not(:placeholder-shown) ~ label { // z-index: -1; // } input.required::after{ content: " - Remember this"; background-color: yellow; color: red; font-weight: bold; } #edit-processed-text{ width: 100%; } .form-item-titre-du-document{ margin-top: 2rem; width: 100%; input{ width: 100%; height: 5rem; } } .form-item-auteur-s-{ margin-top: 2rem; width: 100%; input{ width: 100%; } } .form-item-date-de-parution{ margin-top: 2rem; width: 45%; input{ width: 100%; } } .form-item-nombre-de-pages{ margin-top: 2rem; width: 45%; input{ width: 100%; } } .form-item-nom-de-la-revue-et-de-l-editeur{ width: 100%; margin-top: 2rem; input{ width: 100%; } } .form-item-type-de-document-revue-article-etc-{ margin-top: 2rem; width: 100%; input{ width: 100%; } } .form-item-resume-de-la-ressource{ width: 100%; margin-top: 2rem; textarea{width: 100%;} } .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet{ margin-top: 2rem; input{ width: 100%; } } .form-item-url-vers-une-video-ou-un-site-internet{ margin-top: 2rem; input{ width: 100%; } } .form-item-courriel{ margin-top: 2rem; width: 45%; input{width: 100%;} } .form-item-telephone{ margin-top: 2rem; width: 45%; input{width: 100%;} } #edit-actions{ // display: inline-flex; width: 100%; input{ width: 30%; align-self: flex-end; background-color: $blue-light; text-transform: uppercase; color: $white; font-size: 1.2rem; font-weight: 600; float: right; margin-top: 1rem; border: none; } #edit-actions-submit:after{ content: url('data:image/svg+xml,'); } } } #webform-submission-offre-de-service-add-form{ display: flex; flex-direction: row; flex-wrap: wrap; flex-basis: auto; justify-content: space-between; margin-top: 10vh; // input:focus ~ label, // input:not(:placeholder-shown) ~ label { // z-index: -1; // } #edit-processed-text{ width: 100%; } .form-item-intitule-de-l-offre-de-service{ margin-top: 2rem; width: 100%; input{ width: 100%; height: 5rem; } } .form-item-structure{ margin-top: 2rem; width: 100%; input{ width: 100%; } } .form-item-localisation{ margin-top: 2rem; width: 100%; input{ width: 100%; } } .form-item-description{ margin-top: 2rem; width: 100%; textarea{ width: 100%; } } #edit-lien--wrapper{ width: 100%; .form-item-lien-url{ margin-top: 2rem; width: 100%; input{ width: 100%; } } } .form-item-courriel{ margin-top: 2rem; width: 45%; input{width: 100%;} } .form-item-telephone{ margin-top: 2rem; width: 45%; input{width: 100%;} } #edit-actions{ // display: inline-flex; width: 100%; input{ width: 30%; align-self: flex-end; background-color: $blue-light; text-transform: uppercase; color: $white; font-size: 1.2rem; font-weight: 600; float: right; margin-top: 1rem; border: none; } #edit-actions-submit:after{ content: url('data:image/svg+xml,'); } } } #webform-submission-question-add-form{ display: flex; flex-direction: row; flex-wrap: wrap; flex-basis: auto; justify-content: space-between; margin-top: 10vh; #edit-couriel--wrapper{ width: 100%; .form-item-couriel-mail-1{ margin-top: 2rem; width: 100%; input{ width: 100%; } } .form-item-couriel-mail-2{ margin-top: 2rem; width: 100%; input{ width: 100%; } } } .form-item-question{ margin-top: 2rem; width: 100%; textarea{ width: 100%; } } #edit-actions{ // display: inline-flex; width: 100%; input{ width: 30%; align-self: flex-end; background-color: $blue-light; text-transform: uppercase; color: $white; font-size: 1.2rem; font-weight: 600; float: right; margin-top: 1rem; border: none; } #edit-actions-submit:after{ content: url('data:image/svg+xml,'); } } } } }