MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* JUSTIFY ALL TEXT IN CONTENT AREA */
#mw-content-text {
    text-align: justify;
}

/* SET BACKGROUND COLOR TO WHITE */
:root {
    --background-color-base: white;
}

/* CITATIONS CUSTOMIZATIONS */
/* Remove brackets around superscript citation numbers */
.reference .cite-bracket { font-size: 0; }

/* TARGET THE CARET (^) IN SINGLE CITATION BACKLINKS AND MAKE IT BOLD */
.mw-cite-backlink > a {
    font-weight: bold;   /* Make caret bold */
    font-style: normal;  /* Ensure caret is not italicized */
}

/* TARGET THE LOWERCASE LETTERS (a, b, c, ...) IN MANY CITATION BACKLINKS */
.mw-cite-backlink > sup > a {
    font-weight: bold;    /* Make letters bold */
    font-style: italic;   /* Make letters italic */
}

/* NOTICES DEFAULT APPEARANCE */
div.notice {
 text-align: center;
 margin: auto;
 width: 65%;
 padding: 0.5em;
}

div.notice.quality {
 font-style: italic;
}

img.notice {
 width: 1em;
}

/* curved */
.curved {
  border-radius: 10px;
}

.dismiss-button {
  font-size: 1.5em; /* Adjust the size as needed */
  color: #000000; /* Initial color */
}

.dismiss-button:hover {
  color: #666666; /* Color on hover */
}

/* NAVIGATION */
.navigation {
  display: block;
  margin: 1em 40px;
  font-style: italic;
}

/* Center the outer container of the {{notice}} template */
.vector-sitenotice-container .notice.hide-for-print.curved.dismissible-notice {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 65%; /* Adjust this width as needed */
}

/* Ensure the dismissable notice has relative positioning */
.vector-sitenotice-container .mw-dismissable-notice {
    position: relative;
    display: inline-block;
}

/* Position the close button */
.vector-sitenotice-container .mw-dismissable-notice-close {
    position: absolute;
    top: 0.5em; /* Adjust as needed */
    right: 0.5em; /* Adjust as needed */
    cursor: pointer;
}

/* Center the mw-dismissable-notice within its container */
.vector-sitenotice-container {
    text-align: center;
}