MediaWiki:Citizen.css

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.

#siteSub { 
	display: none !important; 
}

.citizen-body .image:hover > img {
  transform: scale(1) !important;
}

.mw-wiki-title{
   font-family: "ct_font_swung_note";
}

#footer-desc{
	font-family: "ct_font_starbright";
}

.mw-header{
	font-family: "ct_font_starbright";
}

.mw-logo-wordmark {
	font-family: "ct_font_swung_note";
}

.oo-ui-popupWidget-popup{
	font-family: "ct_font_starbright";
}

.oo-ui-inputWidget-input {
	font-family: "ct_font_starbright";
}

.page-actions{
	font-family: "ct_font_starbright";
}

.citizen-section-heading{
	font-family: "ct_font_starbright";
}

.citizen-search__form{
	font-family: 'Roboto';
	font-size: var(--font-size-large) !important;
}

.citizen-typeahead__text{
		font-size: var(--font-size-large) !important;
}

.mw-editsection-visualeditor{
	display:none !important;
}

:root {
    --width-layout: 1080px; /* Set main content width */
    --width-toc: 240px; /* Set TOC width */
}

.citizen-body-container {
    display: grid;
    grid-template-areas:
        'header header'
        'sidebar content'
        'footer footer' !important;
    grid-template-columns: var(--width-toc) var(--width-layout) !important;
    gap: var(--space-md) var(--space-xl);
    padding: 0 var(--padding-page);
    margin: var(--space-xl) auto;
    justify-content: start;
}

@media screen and (max-width: 1120px) {
    .citizen-body-container {
        grid-template-columns: 1fr; /* Change to a single column layout on smaller screens */
    }
}
:root {
    --background-image-url: url('https://epitheterasedonline.com/wp-content/uploads/2024/03/Epithet-Erased-silhouettes.png') !important;
}

body {
    background-image: var(--background-image-url);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
}
:root:not(.skin-theme-clientpref-night) {
    --background-image-url: url('https://epitheterasedonline.com/wp-content/uploads/2024/03/Epithet-Erased-silhouettes.png') !important;
}
    
  :root.skin-theme-clientpref-night {
    --background-image-url: url('https://epitheterasedonline.com/wp-content/uploads/2024/03/Epithet-Erased-silhouettes.png') !important;
}

@font-face {
    font-family: ct_font_swung_note;
    font-style: normal;
    font-weight: 400;
    src: url("https://epitheterasedwiki.com/SwungNote.otf") format("opentype");
}

 @font-face{
 	font-family: ct_font_starbright;
    font-style: normal;
    font-weight: normal;
	src: url(https://epitheterasedwiki.com/StarBrightMoonLight-Regular.ttf) format("truetype");
 }