MediaWiki:Common.css: Difference between revisions

From Roat Pkz
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
/* General body styles */
#mw-head {
body {
     background-color: #2c2c2c; /* Slightly lighter dark shade for the top bar */
     background-color: #002132; /* Light grey background */
     color: #ffffff;
     color: #ffc93c; /* Dark grey text */
}
}


/* Content area styles */
#mw-head {
#content {
     background-color: #2c2c2c; /* Slightly lighter dark shade for the top bar */
     background-color: #002132; /* White background */
     color: #ffffff;
     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 */
#mw-panel {
a {
     background-color: #2c2c2c; /* Synchronizing with the top bar */
     color: #ffc93c; /* Blue links */
    color: #ffffff;
}
}


a:visited {
#mw-panel {
     color: #ffc93c; /* Darker blue for visited links */
     background-color: #2c2c2c; /* Synchronizing with the top bar */
    color: #ffffff;
}
}


/* Table styles */
/* Example for the sidebar */
table.wikitable {
#mw-panel {
     border-collapse: collapse; /* Collapse borders between table cells */
     background-image: url('URL_TO_YOUR_SIDEBAR_IMAGE');
    background-size: cover;
    background-repeat: no-repeat;
}
}


table.wikitable, table.wikitable th, table.wikitable td {
/* Example for the top bar */
     border: 1px solid #aaaaaa; /* Light grey borders */
#mw-head {
     background-image: url('URL_TO_YOUR_TOPBAR_IMAGE');
    background-size: cover;
    background-repeat: no-repeat;
}
}


table.wikitable th {
#content {
     background-color: #ffc93c; /* Light grey background for table headers */
     background-color: rgba(28, 28, 28, 0.8); /* Dark with some transparency */
     text-align: left; /* Align text to the left in headers */
     border: none; /* Remove default borders if any */
}
}


/* Infobox styles */
a {
.infobox {
     color: #9cd9f0; /* A light blue color for links */
     border: 1px solid #aaaaaa; /* Light grey border */
    background-color: #ffc93c; /* Slightly grey background */
    padding: 10px; /* Spacing inside the infobox */
    width: 300px; /* Fixed width */
}
}
 
a:visited {
/* Custom classes for text styling */
     color: #829da7; /* A more subdued color for visited links */
.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;
}
 
}
}

Revision as of 23:01, 21 March 2024

#mw-head {
    background-color: #2c2c2c; /* Slightly lighter dark shade for the top bar */
    color: #ffffff;
}

#mw-head {
    background-color: #2c2c2c; /* Slightly lighter dark shade for the top bar */
    color: #ffffff;
}


#mw-panel {
    background-color: #2c2c2c; /* Synchronizing with the top bar */
    color: #ffffff;
}

#mw-panel {
    background-color: #2c2c2c; /* Synchronizing with the top bar */
    color: #ffffff;
}

/* Example for the sidebar */
#mw-panel {
    background-image: url('URL_TO_YOUR_SIDEBAR_IMAGE');
    background-size: cover;
    background-repeat: no-repeat;
}

/* Example for the top bar */
#mw-head {
    background-image: url('URL_TO_YOUR_TOPBAR_IMAGE');
    background-size: cover;
    background-repeat: no-repeat;
}

#content {
    background-color: rgba(28, 28, 28, 0.8); /* Dark with some transparency */
    border: none; /* Remove default borders if any */
}

a {
    color: #9cd9f0; /* A light blue color for links */
}
a:visited {
    color: #829da7; /* A more subdued color for visited links */
}