Mise à jour du CSS d'affichage de shipmember.php, administration.php et bateaux.php pour les pages de connexion et pour les pages d'affectation de droits su run bateau

This commit is contained in:
2026-10-05 15:08:54 +00:00
parent b7cb39bbe6
commit b36e00a559
5 changed files with 1032 additions and 749 deletions
+63
View File
@@ -131,6 +131,69 @@ Fichier shipmembers.php
text-align: justify;
}
/* Mes invitations (synthèse §48) : une carte par invitation (texte, Accepter, Refuser), puis la saisie d'un code */
#Shipmembers #accueil .invitations .aucune {
text-align: left;
font-style: italic;
color: var(--gris_pale);
}
#Shipmembers #accueil .invitations form.invitation {
display: grid;
grid-template-columns: 1fr auto auto;
column-gap: 10px;
align-items: center;
margin-bottom: 10px;
padding: 10px 15px;
border: 1px solid var(--bleu_koriolan);
border-radius: 10px;
background-color: var(--bleu_koriolan_transparent);
}
#Shipmembers #accueil .invitations form.invitation p {
margin: 0px;
text-align: left;
}
#Shipmembers #accueil .invitations button {
padding: 2px 16px;
line-height: 1.8em;
border-radius: 0.8em;
white-space: nowrap;
}
#Shipmembers #accueil .invitations button.refuser {
background-color: var(--blanc);
border-color: var(--rouge);
color: var(--rouge);
}
#Shipmembers #accueil .invitations button.refuser:hover {
background-color: var(--rouge);
color: var(--blanc);
}
#Shipmembers #accueil .invitations form.saisie_code {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-top: 25px;
}
#Shipmembers #accueil .invitations form.saisie_code input {
width: 12em;
text-transform: uppercase;
letter-spacing: 0.15em;
text-align: center;
}
#Shipmembers #accueil .invitations form.saisie_code input::placeholder {
text-transform: none;
letter-spacing: normal;
}
@media only screen and (max-width: 580px) {
#Shipmembers #accueil .invitations form.invitation {
grid-template-columns: 1fr 1fr;
row-gap: 10px;
}
#Shipmembers #accueil .invitations form.invitation p {
grid-column: span 2;
}
}
/*--------------------------------------------------*/
#Shipmembers #profil form {