Update pour le plugin Persona
Hey !
Le Blank Theme a bénéficié de quelques améliorations en vu du plugin
Persona. Ces améliorations concernent essentiellement la partie CSS qui gère les champs/input et le template
posting_bodyVoici la partie de CSS qui a été amélioré :
- Code:
/*** --------------------------------------- ***/
/*** BOUTONS D'INTERACTION ET BARRE DE TEXTE ***/
/* CHAMPS DE TEXTE ---*/
input:is([type="text"],[type="password"], .inputbox), textarea {
border: none;
border-radius: 5px;
background: var(--neutralDark);
font-size: var(--normal-size);
color: var(--contrastLight)!important;
padding: 8px 10px;
}
/* Au focus */
:focus:is(input:is([type="text"],[type="password"], .inputbox), textarea) {
outline: none;
border: 1px solid var(--accentClr);
}
/* BOUTONS D'INTERACTION --- *
* Envoyer, prévisualiser, sauvegarder, aller,... */
input:is([type="submit"], [type="button"], [type="hidden"], [type="reset"]),
.button {
font-size: var(--normal-size);
padding: 10px 15px !important;
border-radius: 5px;
background: var(--neutralDarker);
color: var(--contrastLight);
font-weight: 600;
border: none;
}
/* Au survol */
:hover:is(input:is([type="submit"], [type="button"], [type="hidden"], [type="reset"]), .button){
color: var(--accentClr);
}
/* Boutons désactivés */
:disabled:is(input:is([type="submit"], [type="button"], [type="hidden"], [type="reset"]), .button) {
opacity: .5;
filter: saturate(1);
cursor: not-allowed;
}
:disabled:hover:is(input:is([type="submit"], [type="button"], [type="hidden"], [type="reset"]), .button) {
color: inherit;
}
.submit-buttons {
text-align: center;
}
.quickmod {
margin-bottom: 20px;
}
/* MENUS DEROULANTS --- */
select {
background: transparent;
border: var(--border);
border-radius: 5px;
font-size: var(--normal-size);
padding: 8px 10px;
color: var(--textColor);
}
select:focus-visible { outline: 1px solid var(--accentClr);}
Et vous pouvez retrouver le
template posting_body toujours sur github !