css form connexion

This commit is contained in:
2023-11-28 12:25:39 +01:00
parent 4add353075
commit 3c2090cbf0
4 changed files with 41 additions and 18 deletions
+17 -7
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, .views-field-edit-node, .views-field-edit-user, .form-submit, .layout-sidebar-first #block-reha-phase1 footer {
.field--type-link, .field--type-file, .links, .views-field-edit-node, .views-field-edit-user, .form-submit, .layout-sidebar-first #block-reha-phase1 footer {
text-transform: uppercase;
padding: 1rem;
border: solid black 1px;
@@ -245,9 +245,16 @@ header {
font-size: 1.2rem;
width: 70%;
display: flex;
flex-direction: column; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li {
margin-bottom: 3rem; }
flex-direction: column;
margin-top: 0;
margin-bottom: 4rem;
padding-bottom: 4rem; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .create-account-link {
display: none; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link {
margin-bottom: 4rem; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:first-of-type {
border-bottom: 1px solid black; }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
text-transform: uppercase;
padding: 1rem;
@@ -334,8 +341,8 @@ header {
header .titre {
display: inline-flex;
font-weight: 800;
position: relative;
margin-top: 2rem; }
font-size: 1.8rem;
position: relative; }
header .titre ::after {
content: url(../images/noun-cross-1151731.svg);
float: right;
@@ -398,7 +405,7 @@ input {
width: 50%; }
.form-submit {
height: 5rem !important;
height: 4rem !important;
margin-bottom: 1rem;
font-size: 1.2rem;
font-weight: 300;
@@ -415,6 +422,9 @@ input {
padding-right: 0.5rem;
flex: 1 1 auto; }
#edit-persistent-login {
height: 1.5rem; }
.layout-sidebar-first #block-reha-phase1 {
border: solid #fdc300 1px;
font-weight: 800;
@@ -30,13 +30,8 @@
@extend %buttonwithborder;
}
.create-account-link{
@extend %buttonwithborder;
// width: 80%
}
.request-password-link{
@extend %buttonwithborder;
}
.views-field-edit-node{
@extend %buttonwithborder;
width: fit-content;
@@ -14,7 +14,7 @@ input{
// border: solid black 1px;
// text-transform: uppercase;
// padding: 1rem;
height: 5rem !important;
height: 4rem !important;
margin-bottom: 1rem;
font-size: 1.2rem;
font-weight: 300;
@@ -38,3 +38,6 @@ input{
}
}
#edit-persistent-login{
height: 1.5rem;
}
@@ -87,15 +87,27 @@ header{
}
ul{
font-size: 1.2rem;
width: 70%;
display: flex;
flex-direction: column;
margin-top: 0;
margin-bottom: 4rem;
padding-bottom: 4rem;
li{
margin-bottom: 3rem;
// margin-bottom: 3rem;
}
.create-account-link{
display: none;
}
.request-password-link{
margin-bottom: 4rem;
}
}
ul:first-of-type{
border-bottom: 1px solid black;
}
ul:last-of-type{
a{
text-transform: uppercase;
@@ -106,6 +118,8 @@ header{
}
}
}
}
@@ -213,8 +227,9 @@ header{
.titre{
display: inline-flex;
font-weight: 800;
font-size: 1.8rem;
position: relative;
margin-top: 2rem;
// margin-top: 2rem;
::after{
content: url(../images/noun-cross-1151731.svg);
float: right;