MediaWiki:Common.css

From The Reed and Rite
Revision as of 02:48, 21 March 2025 by TheRoman (talk | contribs)

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;
}

body {
    background-color: white !important;
}

/* Cite 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;
}

/* navigation */
.navigation {
  display: block;
  margin: 1em 40px;
  font-style: italic;
}
/* notices */
/* Style for the notice */
.notice {
    position: relative;
    padding: 0.5em 2em 0.5em 0.5em;
    margin: 1em auto;
    border: 1px solid black;
    background-color: #fffbdd;
    font-size: 1.2em;
    line-height: 1.4;
    text-align: center;
    width: 50%;
    max-width: 90%;
}

/* Close button */
.notice-close {
    position: absolute;
    top: 0.2em;
    right: 0.5em;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1;
    color: black;
    background-color: transparent;
    border: none;
}

/* Main text styling for bolded section (optional) */
.notice-main-text {
    font-weight: bold;
}