MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
(Created page with "→‎Adjust primary color: :root { --color-primary__h: 205; } →‎Adjust contrast since we changed primary color: :root.skin-citizen-dark { --color-primary__l: 56%; } →‎Align icon opacity with skin default: .mw-logo-icon { opacity: var( --opacity-icon-base ); } →‎* Footer icons * We use custom footer icons so we need to fine tune it: #footer-icons a { opacity: var( --opacity-icon-base ); transition: opacity 250ms ease; } #footer-icons a:hover { opacity...")
 
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 12: Line 12:
.mw-logo-icon {
.mw-logo-icon {
opacity: var( --opacity-icon-base );
opacity: var( --opacity-icon-base );
}
/* Hide title and edit tools on main page */
.page-Isuzu_Vehicross_Wiki .mw-side,
.page-Isuzu_Vehicross_Wiki .firstHeading,
.page-Isuzu_Vehicross_Wiki #siteSub
.page-Isuzu_Vehicross_Wiki #contentSub {
display: none!important;
}
/* Force override until skin is updated */
.skin-citizen blockquote {
margin: 0.8rem 20px;
padding: 0;
}
}


Line 53: Line 67:


/* Hide main page header */
/* Hide main page header */
.page-Star_Citizen_Wiki .mw-body-header {
.page-Isuzu_Vehicross_Wiki .mw-body-header {
display: none;
display: none;
}
}
Line 72: Line 86:
     height: 1em;
     height: 1em;
     display: block;
     display: block;
     background-image: url( https://media.starcitizen.tools/5/5f/SCW-Verified.svg );
     background-image: url( https://media.myvehicross.com/5/5f/SCW-Verified.svg );
}
 
#mw-allmessagestable .am_default {
    background-color: var(--color-surface-1);
}
 
#mw-allmessagestable .am_actual {
    background-color: var(--color-surface-1);
}
}

Latest revision as of 04:48, 3 July 2023

/* Adjust primary color */
:root {
	--color-primary__h: 205;
}

/* Adjust contrast since we changed primary color */
:root.skin-citizen-dark {
	--color-primary__l: 56%;
}

/* Align icon opacity with skin default */
.mw-logo-icon {
	opacity: var( --opacity-icon-base );
}

/* Hide title and edit tools on main page */
.page-Isuzu_Vehicross_Wiki .mw-side,
.page-Isuzu_Vehicross_Wiki .firstHeading,
.page-Isuzu_Vehicross_Wiki #siteSub
.page-Isuzu_Vehicross_Wiki #contentSub {
	display: none!important;
}

/* Force override until skin is updated */
.skin-citizen blockquote {
	margin: 0.8rem 20px;
	padding: 0;
}

/*
 * Footer icons
 * We use custom footer icons so we need to fine tune it
*/
#footer-icons a {
	opacity: var( --opacity-icon-base );
	transition: opacity 250ms ease;
}

#footer-icons a:hover {
	opacity: var( --opacity-icon-base--hover );
}

#footer-icons a:active {
	opacity: var( --opacity-icon-base--active );
}

/* More space between icons */
#footer-icons ul,
#footer-icons li {
	gap: var( --space-md );
}

/* Divide footer links into two columns */
#footer-places {
	column-count: 2;
}

/* Darken the footer icon in light mode */
.skin-citizen-light #footer-icons a {
	filter: invert( 1 ) hue-rotate( 180deg );
}

/* Lighten the icon in dark mode */
.skin-citizen-dark .mw-logo-icon {
	filter: invert( 1 ) hue-rotate( 180deg );
}

/* Hide main page header */
.page-Isuzu_Vehicross_Wiki .mw-body-header {
	display: none;
}

/*
 * Very important checkmark
 * Blue checkmark near wordmark
*/
.mw-logo-wordmark {
    display: flex;
    align-items: center;
    gap: var( --space-sm );
}

.mw-logo-wordmark:after {
	content: "";
    width: 1em;
    height: 1em;
    display: block;
    background-image: url( https://media.myvehicross.com/5/5f/SCW-Verified.svg );
}

#mw-allmessagestable .am_default {
    background-color: var(--color-surface-1);
}

#mw-allmessagestable .am_actual {
    background-color: var(--color-surface-1);
}