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.

html {

background-color: black !important;

}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: black;
    color: white;

}

.mediawiki.ltr.sitedir-ltr.mw-hide-empty-elt.ns-0.ns-subject.mw-editable.page-Skinemax.rootpage-Skinemax.skin-nostalgia.action-view {
background-color: black;
}

body.skin-nostalgia,
body.skin-nostalgia #content,
body.skin-nostalgia #mw-content-text,
body.skin-nostalgia #globalWrapper {
    background-color: black !important;
    color: white !important;
}

body.skin-nostalgia a {
    color: blue !important;
    text-decoration: underline !important;
}

body.skin-nostalgia a:hover {
    color: #4444ff !important;
}

body {
    display: flex;
    justify-content: center;
}


#content {
    background-color: black;
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-template-areas: 
        "sidebar main"
        "sidebar footer";
width: 80%; /* Adjust this value to control the width */
    max-width: 1200px; /* Optional: set a maximum width */
}

#top, #article, #footer {
    border: 2px solid magenta;
    margin: 10px;
    overflow-y: auto; /* Enable vertical scrolling */
    max-height: 90vh; /* Ensure div does not exceed viewport height */

}

#top {
    grid-area: sidebar;
    padding: 20px;
min-height: 90vh;

}

#article {
    grid-area: main;
    padding: 20px;
height: 75vh;
}

#footer {
    grid-area: footer;
    padding: 20px;
    text-align: center;
}