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.

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

html {

background-color: black !important;

}

html, body {

font-family: 'Crimson Text', serif;


    height: 100%;
    margin: 0;
    padding: 0;
    color: white;
}

.mw-headline, .sidebar-heading {

font-family: 'Crimson Text', serif;

}

p {

font-family: 'EB Garamond', serif;

}

input {
font-family: 'EB Garamond', serif;
background-color: white;
}


.mediawiki.ltr.sitedir-ltr.mw-hide-empty-elt.ns-0.ns-subject.mw-editable.page-Skinemax.rootpage-Skinemax.skin-nostalgia.action-view {

}


body.skin-nostalgia {

    background-color: black !important;
    color: white !important;

}

body.skin-nostalgia a {

    color: rgba(212, 119, 157)!important;
    text-decoration: underline !important;

}

body.skin-nostalgia a:not(:has(img)):not(:has(video)):hover {



    background-color: rgba(212, 119, 157, .4) !important;

}

body {

    display: flex;
    justify-content: center;
}


#content {

    background-color: black;
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-template-areas: 
        "sidebar main"
        "sidebar main";
    width: 70%;
    max-width: 1200px;
    height: 100%;

}


#top, #article, #footer {

    border: 2px solid rgba(116, 158, 166);
    box-shadow: 0px 0px 50px 5px rgba(116, 158, 166, 0.25) inset;

}

#top, #footer, #article {

margin: 10px 5px;

}

#top {
display: flex;
flex-direction: column;

    grid-area: sidebar;
overflow-y: hidden;

}

#article {
    overflow-y: auto; /* Enable vertical scrolling */


    position: relative;
    grid-area: main;
    padding: 20px;
    padding: 36px;
    order: 1;

}

#footer {

    height: 20px;
    grid-area: footer;
    padding: 20px;
    padding-left: 36px;
    padding-right: 36px;
    text-align: center;
    order: -1;


}

.printfooter {

    display: none;

}

/* MEDIA */

.mw-halign-center {

  display: block; /* Ensures the image behaves as a block-level element */
  margin-left: auto; /* Pushes the image to the center horizontally */
  margin-right: auto; /* Pushes the image to the center horizontally */

}

.mw-halign-center {

    width: 100%; /* Makes the image fill the container's width */
    height: auto; /* Maintains the aspect ratio of the image */
    object-fit: cover

}

.mw-tmh-player.video {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%; /* Container takes the full width */
    max-width: 500px;
    height: auto;
    position: relative;
    overflow: hidden; /* Prevent overflow if video exceeds bounds */
    box-shadow: 5px 5px rgba(116, 158, 166);
    border: 1px solid rgba(116, 158, 166);



}


img {

    display: block;
    width: 100%;
    max-width: 500px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}


img:not(.top-image) {

    box-shadow: 5px 5px rgba(116, 158, 166);
    border: 1px solid rgba(116, 158, 166, 0.25);


}

/* TEXT */

div#t {

margin: 20px auto 20px auto;
width: 150px;
}

#topbar {
position: relative;
overflow-y: auto;
height: 100%;
padding: 0px 20px;
}

.sidebar-heading {
cursor: pointer;
background-color: black;
  padding: 0.5em 0;
margin: 0 0 0.5em 0;
  position: sticky;
  border-bottom: 1px solid white;
    font-weight: bold;
    font-style: italic;
}

.sidebar-heading.one {
top: 0px

}

.sidebar-heading.two {
top: 37.81px

}

.sidebar-heading.three {
top: 75.62px

}


.trademark {

    font-family: 'EB Garamond', serif;
}

* {

  scrollbar-width: thin;  /* "auto" or "thin" */
  scrollbar-color: #ffffff transparent;  /* thumb and track color */

}

.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement {

    background: white;
    box-shadow: 5px 5px rgba(116, 158, 166);

}

.wikitable {
    width: 100%;        /* Makes table fill the container */
    table-layout: fixed; /* Ensures equal column widths */
}

.wikitable td, 
.wikitable th {
    width: 33%;          /* Adjust based on the number of columns */
    word-wrap: break-word; /* Ensures text wraps inside cells */
    text-align: left;   /* Centers content */
    vertical-align: top;  /* Aligns content to the top */
}

table td {

padding: 10px

}

.all-pages-list {
overflow: hidden;
margin-bottom: 100px

}

.audio-ref, .audio-text {

border: 1px solid grey;
padding: 5px 15px;
color: white;
opacity: 1;
cursor: pointer;
margin-bottom: 15px;

}

.audio-text:hover {

opacity: 0.5;

}

.audio-ref:hover {

opacity: 0.5;

}

#footer {

display: none;

}

@media (max-width: 540px) {

#content {
display: flex;
flex-direction: column-reverse;
width: 100%;
}

body {
height: auto
}

#article {
height: auto
}

}


/* Style all ▶ symbols to white when they appear in links */
a {
  color: inherit; /* Maintain original link color */
}

/* Target just the symbol itself */
a .symbol-container {
  display: inline;
  color: white;
}


dd {

margin-inline-start: 0px;

}

.mw-tmh-player.audio {

width: 100% !important;
border: 1px solid white;
height: 50px;

}

.main-page i {

font-size: 1.75em;

}

.main-page h2 {

text-align: center;

}

.main-page .mw-headline {

display: flex;
flex-direction: column;

}


.main-page .mw-editsection {

display: none;

}

.main-page img {

border: none;
box-shadow: none;


}