MediaWiki:Common.css: Difference between revisions

From Roat Pkz
Jump to navigation Jump to search
No edit summary
No edit summary
Line 70: Line 70:


/* Add a background image to the main content area */
/* Add a background image to the main content area */
#content {
 
 
#content, #mw-panel, #mw-head {
     background-image: url('https://oldschool.runescape.wiki/images/Old_School_RuneScape_Wiki_background_darkmode.jpg'); /* URL of your content background image */
     background-image: url('https://oldschool.runescape.wiki/images/Old_School_RuneScape_Wiki_background_darkmode.jpg'); /* URL of your content background image */
     background-position: center center; /* Center the background image */
     background-position: center center; /* Center the background image */
Line 78: Line 80:
     padding: 20px;
     padding: 20px;
}
}


}
}

Revision as of 22:58, 21 March 2024

/* General body styles */
body {
    background-color: #002132; /* Light grey background */
    color: #ffc93c; /* Dark grey text */
}

/* Content area styles */
#content {
    background-color: #002132; /* White background */
    border: 1px solid #cccccc; /* Light grey border */
    padding: 20px; /* Spacing inside the content area */
}

/* Header styles */
#firstHeading {
    color: #ffc93c; /* Custom color for the first heading */
    margin-bottom: 10px; /* Space below the heading */
}

/* Link styles */
a {
    color: #ffc93c; /* Blue links */
}

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

/* Table styles */
table.wikitable {
    border-collapse: collapse; /* Collapse borders between table cells */
}

table.wikitable, table.wikitable th, table.wikitable td {
    border: 1px solid #aaaaaa; /* Light grey borders */
}

table.wikitable th {
    background-color: #ffc93c; /* Light grey background for table headers */
    text-align: left; /* Align text to the left in headers */
}

/* Infobox styles */
.infobox {
    border: 1px solid #aaaaaa; /* Light grey border */
    background-color: #ffc93c; /* Slightly grey background */
    padding: 10px; /* Spacing inside the infobox */
    width: 300px; /* Fixed width */
}

/* Custom classes for text styling */
.text-bold {
    font-weight: bold; /* Bold text */
}

.text-italic {
    font-style: italic; /* Italic text */
}

/* Adjustments for mobile view */
@media screen and (max-width: 768px) {
    #content {
        padding: 10px; /* Smaller padding on mobile devices */
    }

    .infobox {
        width: 100%; /* Full width on mobile devices */
    }
}

/* Add a background image to the main content area */


#content, #mw-panel, #mw-head {
    background-image: url('https://oldschool.runescape.wiki/images/Old_School_RuneScape_Wiki_background_darkmode.jpg'); /* URL of your content background image */
    background-position: center center; /* Center the background image */
    background-repeat: no-repeat; /* Prevent the background image from repeating */
    background-size: cover; /* Ensure the image covers the content area */
    /* Optional: add padding to ensure the text doesn't overlap the image borders */
    padding: 20px;
}

}