MediaWiki:Common.css: Difference between revisions

From Lumenpedia
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 37: Line 37:
/* Sidebar Styles */
/* Sidebar Styles */
#mw-panel {
#mw-panel {
     background-color: #4682b4; /* Light blue background color */
     background-color: #001f3f; /* Dark background color */
     color: #fff; /* White text color */
     color: #fff; /* White text color */
     padding: 10px;
     padding: 10px;
     font-family: Arial, sans-serif;
     font-family: Arial, sans-serif;
    font-size: 16px; /* Larger font size */
}
}


#p-logo {
#p-logo {
     background-color: #4682b4; /* Background color for the logo */
     background-color: #001f3f; /* Background color for the logo */
     padding: 10px;
     padding: 10px;
     text-align: center;
     text-align: center;
Line 74: Line 75:


#p-navigation .body ul li a:hover {
#p-navigation .body ul li a:hover {
     background-color: #1e90ff; /* Hover background color */
     background-color: #0074D9; /* Hover background color */
}
}


/* Style for the search box */
/* Style for the search box */
#p-search {
#p-search {
     background-color: #4682b4; /* Background color for search box */
     background-color: #001f3f; /* Background color for search box */
     padding: 10px;
     padding: 10px;
     border-radius: 5px;
     border-radius: 5px;
Line 91: Line 92:
     border: 1px solid #4682b4; /* Border color for search input */
     border: 1px solid #4682b4; /* Border color for search input */
     margin-bottom: 5px;
     margin-bottom: 5px;
    font-size: 16px; /* Larger font size */
}
}


#searchButton {
#searchButton {
     background-color: #1e90ff; /* Background color for search button */
     background-color: #4682b4; /* Background color for search button */
     color: white;
     color: white;
     padding: 5px 10px;
     padding: 5px 10px;
Line 101: Line 101:
     border-radius: 5px;
     border-radius: 5px;
     cursor: pointer;
     cursor: pointer;
    font-size: 16px; /* Larger font size */
}
}


#searchButton:hover {
#searchButton:hover {
     background-color: #104e8b; /* Hover background color for search button */
     background-color: #1e90ff; /* Hover background color for search button */
}
}


/* Style for the menu headings */
/* Style for the menu headings */
#mw-panel .portal .body h3 {
#mw-panel .portal .body h3 {
     background-color: #4682b4; /* Background color for menu heading */
     background-color: #001f3f; /* Background color for menu heading */
     color: white;
     color: white;
     padding: 5px;
     padding: 5px;
Line 117: Line 116:
     border-radius: 5px;
     border-radius: 5px;
     margin: 0;
     margin: 0;
    font-size: 18px; /* Larger font size */
}
}

Revision as of 00:09, 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: #001f3f; /* Dark background color */
    color: #fff; /* White text color */
    padding: 10px;
    font-family: Arial, sans-serif;
    font-size: 16px; /* Larger font size */
}

#p-logo {
    background-color: #001f3f; /* Background color for the logo */
    padding: 10px;
    text-align: center;
}

#p-logo a {
    color: #fff;
    text-decoration: none;
}

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

#p-navigation .body ul li {
    margin: 5px 0;
}

#p-navigation .body ul li a {
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    display: block;
    border-radius: 5px; /* Rounded corners for links */
    font-size: 16px; /* Larger font size */
}

#p-navigation .body ul li a:hover {
    background-color: #0074D9; /* Hover background color */
}

/* Style for the search box */
#p-search {
    background-color: #001f3f; /* Background color for search box */
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

#searchInput {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #4682b4; /* Border color for search input */
    margin-bottom: 5px;
}

#searchButton {
    background-color: #4682b4; /* Background color for search button */
    color: white;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#searchButton:hover {
    background-color: #1e90ff; /* Hover background color for search button */
}

/* Style for the menu headings */
#mw-panel .portal .body h3 {
    background-color: #001f3f; /* Background color for menu heading */
    color: white;
    padding: 5px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    margin: 0;
}