MediaWiki:Common.css: Difference between revisions

Revision as of 04:33, 23 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 */

/* Pending review popup */
.pending-review-popup {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: hotpink;  /* pink color */
  color: white;
  font-weight: bold;
  font-size: 18px;
  padding: 20px;
  border-radius: 12px;
  z-index: 9999;
  text-align: center;
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
}