MediaWiki:Common.css: Difference between revisions

Revision as of 17:53, 21 August 2025

/* CSS placed here will be applied to all skins */
/* Sfondo generale */
body {
  background-color: #ffe6f0;
  color: #4a0033;
}

/* Link */
a {
  color: #ff66aa;
}
a:visited {
  color: #cc3399;
}
a:hover {
  color: #ff99cc;
}

/* Header */
#mw-page-base,
#mw-head-base,
#mw-head,
#mw-panel,
#footer {
  background-color: #ffb6c1;
}

/* Barra laterale */
#mw-panel {
  background-color: #ffccdd;
}

/* Titoli */
h1, h2, h3, h4 {
  color: #cc0066;
}

/* Caselle, tabelle, box */
table, .infobox, .toc, .mw-warning {
  background-color: #fff0f5;
  border: 2px solid #ff99cc;
}



/* Background for the whole page */
body.vector-2022 {
    background-color: #f7dce3; /* soft pink */
}

/* Background for the content area */
.mw-page-container {
    background-color: white; /* content stays white */
    margin: auto;
    max-width: 1000px;
    padding: 20px;
    box-sizing: border-box;
}

/* Desktop + Mobile */
body.vector-2022 {
    background-color: #f7dce3; /* soft pink */
}

.mw-page-container {
    background-color: white;
    margin: auto;
    max-width: 1000px;
    padding: 20px;
    box-sizing: border-box;
}

/* Mobile override */
@media screen and (max-width: 768px) {
    body.vector-2022 {
        background-color: #f7dce3;
    }

    .mw-page-container {
        max-width: 100%;
        padding: 15px;
    }
}


/* Normal link color */
a, .mw-body a {
    color: #d63384 !important;  /* dark pink */
}

/* Visited links */
a:visited, .mw-body a:visited {
    color: #a62671 !important;  /* darker pink/purple tone */
}

/* Hover effect */
a:hover, .mw-body a:hover {
    color: #ff4da6 !important;  /* brighter pink on hover */