MediaWiki:Citizen.css: Difference between revisions

Latest revision as of 20:58, 25 November 2024

#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 {
    --background-image-url: url('https://epitheterasedwiki.com/CITY%20ZOOM%20BG.jpg');
    --light-background-image-url: url('https://epitheterasedwiki.com/BG_Beach.png');
    --background-gradient-light: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75));
    --background-gradient-dark: linear-gradient(rgba(44, 9, 64, 0.92), rgba(44, 9, 64, 0.92));
    --color-primary__h: 249 !important;
    --color-primary__s: 76% !important; 
    --color-primary__l: 64% !important;
}

body {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

/* Dark theme */
:root.skin-theme-clientpref-night body {
    background-image: var(--background-gradient-dark), var(--background-image-url) !important;
}

:root.skin-theme-clientpref-day body {
    background-image: var(--background-gradient-light), var(--light-background-image-url) !important;
}

@media screen and (prefers-color-scheme: dark) {
    :root.skin-theme-clientpref-os.citizen-feature-pure-black-clientpref-1 body{
    --color-surface-0: black;
    background: var(--color-surface-0) !important;
    background-image: none !important;
    }
}
    
:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 body{
    background: var(--color-surface-0) !important;
    background-image: none !important;
}

@media (prefers-color-scheme: light) {
    body {
    background-image: var(--background-gradient-light), var(--light-background-image-url) !important;
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background-image: var(--background-gradient-dark), var(--background-image-url) !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");
 }
 
 @media (min-width: 640px) {
    .mw-content-ltr figure[typeof~='mw:File/Thumb'], .mw-content-ltr figure[typeof~='mw:File/Frame']
    {
    margin: 5px;
    }
 }
 
 @media (max-width: 640px) {
   .main-page-tag-rcs {
    display: none;
    }
    
    .lcs-container {
    margin-right: 0px !important;
    }
   
 }
 
  @media (max-width: 720px) {
  	
  	.portable-infobox{
    	width: 100% !important;
    	margin-bottom: 5% !important;
    	margin-top: 5% !important;
  	}
  	
  }
    
 .citizen-sections-enabled .citizen-section-heading .mw-headline, .citizen-sections-enabled .citizen-section > h3 .mw-headline, .citizen-sections-enabled .citizen-section > h4 .mw-headline, .citizen-sections-enabled .citizen-section > h5 .mw-headline, .citizen-sections-enabled .citizen-section > h6 .mw-headline {
    font-family: 'ct_font_starbright';
}

.pi-title{
	text-align: center;
}

.portable-infobox .pi-title {
	font-family: 'ct_font_swung_note';
	font-size: x-large;
}
.pi-data-label {
font-family: 'ct_font_starbright';
}

.portable-infobox .pi-header {
    font-family: 'ct_font_starbright';
    text-align: center;
}

.pi-title .pi-data-label{
	font-family: "ct_font_swung_note";
	font-size: x-large;
}

.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link {
font-family: 'ct_font_starbright';
max-width: 75% !important;
}

.mw-portlet .mw-portlet-skin-client-prefs-citizen-feature-custom-width .mw-portlet-js .citizen-menu{
	display: none;
}
 /* from https://epithet.fandom.com/wiki/MediaWiki:Infobox.css */
 .portable-infobox {
	float: right;
    border-radius: 12px 12px 0 0;
    border: 2px solid #301728;
    overflow: hidden;
}

.pi-europa .pi-item-spacing {
   border-bottom: 1px solid #4d2167;
}

.pi-europa .pi-data-value li {
    line-height: 15px;
    padding-bottom: 3px;
}

.pi-europa.pi-background {
    background-color: rgba(53, 35, 75, 0.75);
}

.pi-europa .pi-horizontal-group-item:nth-child(even) {
    background-color: rgba(226, 212, 227, 0);
}

.pi-europa .pi-title {
    border-radius: 10px 10px 0 0;
    font-size: 16px;
}

.pi-europa .pi-header {
    font-size: 13px;
}

.pi-europa .pi-horizontal-group .pi-horizontal-group-item {
    text-align: center;
}

.pi-europa.portable-infobox {
    width:100%;
}
 
.portable-infobox .pi-data-label {
   flex-basis: 100px;
}
 
.portable-infobox .pi-item-spacing {
   padding: 5px 10px;
}
 
.portable-infobox .pi-header {
  padding: 5px 5px;
}

.portable-infobox:first-of-type .pi-image-thumbnail {
    height: auto;
    width: 100%;
}

.pi-theme-character .pi-title, 
.pi-theme-character .pi-header {
   background-color: #DC143C;
}

.pi-theme-episode .pi-title, 
.pi-theme-episode .pi-header {
   background-color: #3ac9c5;
}

.pi-theme-event .pi-title, 
.pi-theme-event .pi-header {
   background-color: #d6ba06;
}

.pi-theme-game .pi-title,
.pi-theme-game .pi-header {
   background-color: #8cb510;
}

.pi-theme-group .pi-title, 
.pi-theme-group .pi-header {
   background-color: #de9104;
}

.pi-theme-location .pi-title, 
.pi-theme-location .pi-header {
   background-color: #0f50db;
}

.pi-theme-merchandise .pi-title, 
.pi-theme-merchandise .pi-header {
   background-color: #b00772;
}

.pi-theme-music .pi-title, 
.pi-theme-music .pi-header {
   background-color: #d41fde;
}

.pi-theme-object .pi-title, 
.pi-theme-object .pi-header {
   background-color: #54b88d;
}

.pi-theme-show .pi-title, 
.pi-theme-show .pi-header {
   background-color: #250482;
}

.pi-theme-staff .pi-title, 
.pi-theme-staff .pi-header {
   background-color: #0d98ba;
}

.pi-theme-character .pi-item-spacing {
   border-bottom: 1px solid #4d2167;
}