MediaWiki:Common.css: Difference between revisions

From Lumenpedia
Jump to navigation Jump to search
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 37: Line 37:
/* Sidebar Styles */
/* Sidebar Styles */
#mw-panel {
#mw-panel {
     background-color: #e6f7ff !important; /* Very light blue background */
     background-color: #e6f2ff !important; /* Light blue background */
     color: #000 !important; /* Black text color */
     color: #003366 !important; /* Dark blue text color */
     padding: 10px;
     padding: 10px;
     font-family: Arial, sans-serif;
     font-family: Arial, sans-serif;
Line 44: Line 44:


#p-logo {
#p-logo {
     background-color: #e6f7ff !important; /* Background color for the logo */
     background-color: #e6f2ff !important; /* Background color for the logo */
     padding: 10px;
     padding: 10px;
     text-align: center;
     text-align: center;
Line 51: Line 51:


#p-logo a {
#p-logo a {
     color: #000 !important; /* Black text color */
     color: #003366 !important; /* Dark blue text color */
     text-decoration: none;
     text-decoration: none;
}
}
Line 57: Line 57:
/* Increase font size for main sidebar items */
/* Increase font size for main sidebar items */
#mw-panel .portal h5 {
#mw-panel .portal h5 {
     font-size: 2em; /* Increase font size for section titles */
     font-size: 1.8em; /* Reduce font size for section titles */
}
}


#mw-panel .portal ul {
#mw-panel .portal ul {
     font-size: 1.5em; /* Increase font size for list items */
     font-size: 1.3em; /* Reduce font size for list items */
     padding: 0;
     padding: 0;
}
}
Line 67: Line 67:
#mw-panel .portal ul li {
#mw-panel .portal ul li {
     margin: 2px 0; /* Reduce spacing between items */
     margin: 2px 0; /* Reduce spacing between items */
     border: 1px solid #b0e0e6; /* Add border with light tone */
    background-color: #ffffff; /* White background */
     border: 1px solid #b0e0e6; /* Light blue border */
     border-radius: 5px; /* Optional: add border radius for rounded corners */
     border-radius: 5px; /* Optional: add border radius for rounded corners */
    padding: 5px;
}
}


#mw-panel .portal ul li a {
#mw-panel .portal ul li a {
     color: #000 !important; /* Black text color */
     color: #003366 !important; /* Dark blue text color */
     text-decoration: none;
     text-decoration: none;
    padding: 5px 10px;
     display: block;
     display: block;
}
}
Line 80: Line 81:
#mw-panel .portal ul li a:hover {
#mw-panel .portal ul li a:hover {
     background-color: #b0e0e6 !important; /* Hover background color */
     background-color: #b0e0e6 !important; /* Hover background color */
}
/* Center text within the boxes under guides */
div[style*="display: grid;"] {
    text-align: center;
}
div[style*="display: grid;"] ul {
    text-align: left; /* Align the text of list items to the left */
    padding-left: 0;
    list-style: none;
}
div[style*="display: grid;"] ul li {
    display: block;
    padding: 5px;
    margin: 5px 0;
    background-color: #ffffff; /* White background */
    border: 1px solid #b0e0e6; /* Light blue border */
    border-radius: 5px; /* Optional: add border radius for rounded corners */
}
div[style*="display: grid;"] ul li a {
    color: #003366; /* Dark blue text color */
    text-decoration: none;
}
div[style*="display: grid;"] ul li a:hover {
    background-color: #b0e0e6; /* Hover background color */
}
}

Latest revision as of 02:22, 27 June 2024

/* 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: #e6f2ff !important; /* Light blue background */
    color: #003366 !important; /* Dark blue text color */
    padding: 10px;
    font-family: Arial, sans-serif;
}

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

#p-logo a {
    color: #003366 !important; /* Dark blue text color */
    text-decoration: none;
}

/* Increase font size for main sidebar items */
#mw-panel .portal h5 {
    font-size: 1.8em; /* Reduce font size for section titles */
}

#mw-panel .portal ul {
    font-size: 1.3em; /* Reduce font size for list items */
    padding: 0;
}

#mw-panel .portal ul li {
    margin: 2px 0; /* Reduce spacing between items */
    background-color: #ffffff; /* White background */
    border: 1px solid #b0e0e6; /* Light blue border */
    border-radius: 5px; /* Optional: add border radius for rounded corners */
    padding: 5px;
}

#mw-panel .portal ul li a {
    color: #003366 !important; /* Dark blue text color */
    text-decoration: none;
    display: block;
}

#mw-panel .portal ul li a:hover {
    background-color: #b0e0e6 !important; /* Hover background color */
}

/* Center text within the boxes under guides */
div[style*="display: grid;"] {
    text-align: center;
}

div[style*="display: grid;"] ul {
    text-align: left; /* Align the text of list items to the left */
    padding-left: 0;
    list-style: none;
}

div[style*="display: grid;"] ul li {
    display: block;
    padding: 5px;
    margin: 5px 0;
    background-color: #ffffff; /* White background */
    border: 1px solid #b0e0e6; /* Light blue border */
    border-radius: 5px; /* Optional: add border radius for rounded corners */
}

div[style*="display: grid;"] ul li a {
    color: #003366; /* Dark blue text color */
    text-decoration: none;
}

div[style*="display: grid;"] ul li a:hover {
    background-color: #b0e0e6; /* Hover background color */
}