bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css aside

Browse Source
This commit is contained in:
ouidade
2023-11-27 15:31:29 +01:00
parent 99d2f7a054
commit d6bd976a4c
12 changed files with 452 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+65 -13
View File
@@ -2,7 +2,7 @@
/*reha*/
/*global*/
/* Colors used for REHA */
.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link {
.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link, .views-field-edit-node, .views-field-edit-user, .layout-sidebar-first #block-reha-phase1 footer {
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
@@ -20,6 +20,15 @@
.create-account-link {
width: 80%; }
.views-field-edit-node {
width: fit-content; }
.views-field-edit-user {
width: fit-content; }
#edit-unlock {
display: none; }
.mailto {
text-decoration: underline; }
@@ -110,7 +119,6 @@
font-family: 'Marianne';
font-weight: 400;
font-style: normal;
margin: none;
top: 0%;
left: 0%;
width: 100%;
@@ -119,19 +127,27 @@
flex-flow: row wrap; }
.layout-container header {
flex: 0 0 100%; }
.layout-container main {
position: relative; }
.layout-container footer {
flex: 0 0 100%; }
.layout-content {
order: 2;
padding-top: 3rem;
padding-bottom: 6rem;
width: 60%;
width: 70%;
margin: auto; }
aside {
width: 20%;
order: 1;
margin-top: 5rem;
margin-left: 10rem; }
main {
width: 100%; }
width: 100%;
display: flex;
flex-direction: row;
position: relative; }
.main-content {
margin-top: 7rem; }
@@ -148,6 +164,12 @@ a {
:visited {
color: black; }
html.js body {
margin: 0 !important; }
html.js body div.dialog-off-canvas-main-canvas div.layout-container {
margin: 0 !important; }
/*partials*/
header {
display: block;
@@ -282,6 +304,12 @@ header {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 45%; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul {
width: 70%;
display: flex;
flex-direction: column; }
header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul li {
margin-bottom: 3rem; }
header .bouton {
align-self: flex-end;
width: fit-content; }
@@ -351,7 +379,8 @@ label {
padding-bottom: 0.5rem; }
input {
height: 2rem; }
height: 2rem;
width: 50%; }
.form-submit {
background-color: white;
@@ -361,7 +390,8 @@ input {
height: 5rem !important;
margin-bottom: 1rem;
font-size: 1.3rem;
font-weight: 300; }
font-weight: 300;
width: fit-content; }
#user-login-form .form-item {
flex-direction: row;
@@ -369,6 +399,25 @@ input {
#user-login-form .form-item label {
padding-right: 0.5rem; }
.layout-sidebar-first #block-reha-phase1 {
border: solid #fdc300 1px;
font-weight: 800;
padding: 1rem;
width: 80%; }
.layout-sidebar-first #block-reha-phase1 h2 {
margin-top: 0;
margin-bottom: 0;
text-transform: lowercase;
font-weight: 1000;
line-height: 1rem;
font-size: 1.5rem; }
.layout-sidebar-first #block-reha-phase1 p {
font-size: 1.5rem;
line-height: 1.8rem;
margin-top: 0.8rem; }
.layout-sidebar-first #block-reha-phase1 footer {
width: fit-content; }
/*pages*/
.home-page-layout-content .layout--onecol {
margin: auto;
@@ -452,11 +501,14 @@ input {
font-size: 3rem !important;
font-weight: 600; }
.layout-content footer {
background-color: none; }
.node-type-operation footer {
display: none; }
html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-a0244ead401fde300c9a64579f8ed0aa9edefe33021041a9393441d1bd0be0e2 footer {
background-color: none; }
.node-type-operation .views-field-edit-node {
background-color: rgba(153, 147, 174, 0) !important; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper {
width: fit-content; }
#block-reha-contenudelapageprincipale #node-operation-form #edit-field-dossier-de-candidature-wrapper {
width: 40%; }