Jump to content

MediaWiki:Common.css

From Pooh’s Adventures Wiki
Revision as of 21:37, 2 February 2025 by Agjunakaauttp (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.
* { font-family: serif }
* { font-size: 13px }
/* Apply background only outside the article */
body {
    background: url('https://poohadventures.skywiki.org/images/poohadventureswiki/2/25/HCOMB02.png?20250202231956') repeat;
}

/* Remove background inside the article */
.mw-parser-output {
    background: none !important;
}

/* Apply honeycomb image to the top menu */
#p-personal, #mw-head, #mw-panel {
    background-image: url('https://poohadventures.skywiki.org/images/poohadventureswiki/2/25/HCOMB02.png?20250202231956');
    background-size: cover;
    background-repeat: repeat;
    background-size: auto; /* Ensures it does not stretch */
}

/* Change the content background to brown */
.mw-body {
    background-color: brown !important;
    color: white !important; /* Ensures text remains readable */
}

/* Change the article background color to brown */
.mw-body {
    background-color: brown !important;
}

/* Change uncreated (red) links to green */
.new {
    color: green !important;
}

/* Optional: Change the hover color to a darker green */
.new:hover {
    color: darkgreen !important;
}

/* Make the top menu brown */
#mw-header, #mw-head, #mw-panel, .mw-portlet {
    background-color: brown !important;
}

/* Change the main content background to brown */
#content, .mw-body {
    background-color: brown !important;
    color: white !important; /* Ensures readable text */
}

/* Adjust the sidebar links for visibility */
.mw-portlet a {
    color: white !important; /* Changes menu link color */
}

/* Change hover effect for better readability */
.mw-portlet a:hover {
    color: lightgray !important;
}