Server : Apache System : Linux webd348.cluster026.gra.hosting.ovh.net 5.15.148-ovh-vps-grsec-zfs-classid #1 SMP Thu Feb 8 09:41:04 UTC 2024 x86_64 User : hednacluml ( 122243) PHP Version : 8.3.9 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl Directory : /home/hednacluml/godchild/local/cache-css/ |
/* Voir minipage.vars.css pour la définition des variables */
*, *:after, *:before { box-sizing: border-box; }
h1 {font-size: 1.5em; line-height: 1.1; font-weight: bold}
h2 {font-size: 1.25em; line-height: 1}
b, strong { font-weight: bold}
i, em {font-style: italic}
a { text-decoration: underline; color:var(--minipage-color-theme-dark);}
a:hover, a:focus, a:active {text-decoration: none; background: var(--minipage-color-theme-dark); color:#fff;}
.btn,
input.submit,
input.reset,
button {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
vertical-align: middle;
padding: var(--minipage-btn-padding-y) var(--minipage-btn-padding-x);
margin-bottom: var(--minipage-btn-margin);
background-color: var(--minipage-btn-color-main-bg);
color: var(--minipage-btn-color-main-text);
border: 1px solid var(--minipage-btn-color-main-border);
border-bottom-color: var(--minipage-btn-color-border-accent);
border-radius: var(--minipage-btn-border-radius);
text-decoration: none;
font-size: var(--minipage-btn-font-size);
font-family: inherit;
font-weight: 400;
line-height: var(--minipage-line-height);
user-select: none;
transition: all 0.1s;
}
a.btn,
#wysiwyg a.btn, #wysiwyg a.btn:hover,
input.submit,
input.reset,
button {
text-decoration: none;
cursor: pointer;
}
/* Survol */
.btn:hover,
.btn:focus,
input.submit:hover,
input.submit:focus,
input.reset:hover,
input.reset:focus,
button:hover {
background-color: var(--minipage-btn-color-main-hover-bg);
border-color: var(--minipage-btn-color-main-hover-border);
border-bottom-color: var(--minipage-btn-color-border-accent);
color: var(--minipage-btn-color-main-hover-text);
text-decoration: none;
transition: all 0.2s;
}
/* Focus : outline */
.btn:focus,
input.submit:focus,
input.reset:focus,
button:focus {
box-shadow: 0 0 0 0.2rem var(--minipage-btn-color-focus);
}
/* Actif */
.btn:active,
input.submit:active,
input.reset:active,
button:active {
background-color: var(--minipage-btn-color-main-active-bg);
border-color: var(--minipage-btn-color-main-active-border);
border-bottom-color: var(--minipage-btn-color-border-accent);
color: var(--minipage-btn-color-main-active-text);
}
/* Alertes */
.msg-alert,
.notice, .error, .success,
.formulaire_spip .reponse_formulaire {
position: relative;
padding: var(--minipage-alert-spacing-y) var(--minipage-alert-spacing-x);
/* gouttière + taille icone + espacement arbitraire avec le texte */
padding-left: calc(var(--minipage-alert-spacing-x) + var(--minipage-alert-iconsize) + 0.75rem);
margin: calc(var(--minipage-margin-bottom) * 1.5) 0; /* Idem boîtes */
background-repeat: no-repeat;
/* Aligner icône au niveau de la 1ère ligne de texte */
background-position: left var(--minipage-alert-spacing-x) top calc(var(--minipage-alert-spacing-y) - ((var(--minipage-alert-iconsize) - var(--minipage-line-height)) / 2));
background-size: var(--minipage-alert-iconsize);
font-weight: normal;
border-radius: var(--minipage-border-radius);
box-shadow: inset 0 0 1.5em hsla(0, 0%, 0%, 0.02);
background-color: var(--minipage-color-gray-lighter);
border-left: 0.5rem solid var(--minipage-color-gray-light);
}
.msg-alert a {
color: var(--minipage-color-black);
text-decoration: underline;
}
/* Code */
.msg-alert tt,
.msg-alert code {
color: var(--minipage-color-black);
}
/* Notice */
.msg-alert.notice,
.notice {
color: hsl(var(--minipage-color-notice--h), var(--minipage-color-notice--s), 18%);
background-color: hsl(var(--minipage-color-notice--h), 90%, 88%);
border-color: hsl(var(--minipage-color-notice--h), 100%, 48%);
}
/* Erreur */
.msg-alert.error,
.formulaire_spip .reponse_formulaire_erreur,
.error {
color: hsl(var(--minipage-color-error--h), var(--minipage-color-error--s), 18%);
background-color: hsl(var(--minipage-color-error--h), 60%, 95%);
border-color: hsl(var(--minipage-color-error--h), var(--minipage-color-error--s), 50%);
}
/* Succès */
.msg-alert.success,
.formulaire_spip .reponse_formulaire_ok,
.success {
color: hsl(var(--minipage-color-success--h), var(--minipage-color-success--s), 15%);
background-color: hsl(var(--minipage-color-success--h), 55%, 90%);
border-color: hsl(var(--minipage-color-success--h), var(--minipage-color-success--s), 45%);
}
/* Information */
.msg-alert.info,
.information {
color: hsl(var(--minipage-color-info--h), var(--minipage-color-info--s), 25%);
background-color: hsl(var(--minipage-color-info--h), 45%, 93%);
border-color: hsl(var(--minipage-color-info--h), var(--minipage-color-info--s), 60%);
}
.minipage {
margin:0;
font-size: 1em;
color: #333;
border:0;
padding: 0;
font-family: arial, helvetica, sans-serif;
line-height: var(--minipage-line-height);
background-size: cover;
background-position: center;
background: var(--minipage-color-theme);
background: radial-gradient(circle, var(--minipage-color-theme) 20%, var(--minipage-color-theme-dark) 100%);
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.minipage-bloc {
border-radius: var(--minipage-border-radius);
box-shadow: var(--minipage-box-shadow);
margin: 5rem auto;
width: 30em;
max-width: 100vw;
display: flex;
flex-direction: column;
align-items: stretch;
text-align: center;
min-height: 20em;
}
.minipage-bloc header {
background: rgba(255,255,255,85%);
padding: 1.5em;
text-align: center;
border-top-left-radius: var(--minipage-border-radius);
border-top-right-radius: var(--minipage-border-radius);
}
.minipage-bloc header h1+h2 {
margin-top: 0.75rem;
}
.minipage-bloc .corps {
background: rgba(255,255,255,100%);
padding: 1.5em;
overflow: auto;
flex-grow: 1;
}
.minipage-bloc footer {
background: rgba(255,255,255,85%);
padding: 1.5em;
text-align: center;
border-bottom-left-radius: var(--minipage-border-radius);
border-bottom-right-radius: var(--minipage-border-radius);
}