MediaWiki:Citizen.css: differenze tra le versioni

Versione attuale delle 13:47, 4 ago 2026

/* Gli stili CSS inseriti qui vengono caricati dagli utenti che usano il tema Citizen */
.citizen-header {
    background-color: #0077b6;
}

.avviso {
  padding: 0.9rem 1.15rem;
  margin: 1rem 0;
  border: 1px solid;
  border-radius: 10px;
  line-height: 1.55;
}
.avviso-success { background: #eaf7ef; border-color: #b7e4c7; color: #1b6e3d; }
.avviso-warning { background: #fff8e1; border-color: #ffe08a; color: #8a6100; }
.avviso-danger  { background: #fdecee; border-color: #f3b8bd; color: #a32630; }
.avviso-info    { background: #eef4fb; border-color: #bcd7f5; color: #1c4a7a; }

.pulsante {
  display: inline-block;
  padding: 0.65rem 1.4rem;
  margin: 0.3rem 0.3rem 0.3rem 0;
  border-radius: 8px;
  border: 1px solid transparent;
  line-height: 1.4;
}
.pulsante:hover,
.pulsante:focus-within {
  opacity: 0.88;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}
.pulsante a,
.pulsante a:link,
.pulsante a:visited,
.pulsante a:hover,
.pulsante a:active {
  font-weight: bold;
  text-decoration: none !important;
  background: none !important;
  padding: 0 !important;
}

/* Varianti piene, colore testo bianco (coerenti con i colori di Template:Avviso) */
.pulsante-primary { background: #0077b6; border-color: #0077b6; }
.pulsante-success { background: #1b6e3d; border-color: #1b6e3d; }
.pulsante-warning { background: #c98a00; border-color: #c98a00; }
.pulsante-danger  { background: #a32630; border-color: #a32630; }
.pulsante-primary a, .pulsante-primary a:link, .pulsante-primary a:visited,
.pulsante-success a, .pulsante-success a:link, .pulsante-success a:visited,
.pulsante-warning a, .pulsante-warning a:link, .pulsante-warning a:visited,
.pulsante-danger a,  .pulsante-danger a:link,  .pulsante-danger a:visited {
  color: #fff !important;
}

/* Variante "nav" — pillola bianca/outline in stile Corso/FinePagina (.course-pagination span) */
.pulsante-nav { background: #fff; border-color: #e3e0d6; border-radius: 10px; }
.pulsante-nav a, .pulsante-nav a:link, .pulsante-nav a:visited {
  color: #2e2c9c !important;
}
.pulsante-nav:hover, .pulsante-nav:focus-within {
  opacity: 1;
  border-color: #00a5c4;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}