MediaWiki:Common.css

From Lumenpedia
Revision as of 02:06, 27 June 2024 by Gaeto (talk | contribs)
Jump to navigation Jump to search

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* General page background */
body {
    background-color: #e6f7ff; /* Very light blue background */
}

/* Header background */
#content h1, #content h2 {
    background-color: #4682b4; /* Steel blue for headers */
    color: white;
    padding: 10px;
    border-radius: 5px;
}

/* Link colors */
a {
    color: #1e90ff; /* Dodger blue for links */
}

a:visited {
    color: #104e8b; /* Darker blue for visited links */
}

/* Box styling for the images */
div[style*="display: inline-block; margin: 10px;"] {
    background-color: #87cefa; /* Light sky blue for boxes */
    border: 2px solid #4682b4; /* Steel blue border */
    border-radius: 10px;
    padding: 10px;
}

/* Text styling within boxes */
div[style*="display: inline-block; margin: 10px;"] p {
    color: #000080; /* Navy for text */
    font-weight: bold;
}

/* Sidebar Styles */
#mw-panel {
    background-color: #e6f7ff !important; /* Very light blue background */
    color: #000 !important; /* Black text color */
    padding: 10px;
    font-family: Arial, sans-serif;
    font-size: 1.2em; /* Increase font size */
}

#p-logo {
    background-color: #e6f7ff !important; /* Background color for the logo */
    padding: 10px;
    text-align: center;
    margin-left: -20px; /* Move the logo slightly to the left */
    font-size: 1.2em; /* Increase font size */
}

#p-logo a {
    color: #000 !important; /* Black text color */
    text-decoration: none;
}

#p-navigation .body ul {
    list-style-type: none;
    padding: 0;
}

#p-navigation .body ul li {
    margin: 5px 0;
    font-size: 1.2em; /* Increase font size */
}

#p-navigation .body ul li a {
    color: #000 !important; /* Black text color */
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    font-size: 1.2em; /* Increase font size */
}

#p-navigation .body ul li a:hover {
    background-color: #b0e0e6 !important; /* Hover background color */
}

#p-tb, #p-lang {
    color: #000 !important; /* Black text color */
    padding: 10px;
    font-size: 1.2em; /* Increase font size */
}

#p-tb .body ul, #p-lang .body ul {
    list-style-type: none;
    padding: 0;
}

#p-tb .body ul li, #p-lang .body ul li {
    margin: 5px 0;
    font-size: 1.2em; /* Increase font size */
}

#p-tb .body ul li a, #p-lang .body ul li a {
    color: #000 !important; /* Black text color */
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    font-size: 1.2em; /* Increase font size */
}

#p-tb .body ul li a:hover, #p-lang .body ul li a:hover {
    background-color: #b0e0e6 !important; /* Hover background color */
}