MediaWiki:Common.css: Difference between revisions

Revision as of 18:05, 2 January 2024

/* CSS placed here will be applied to all skins */
@import url(https://tools-static.wmflabs.org/fontcdn/css?family=Merriweather);
@import url(https://fonts.googleapis.com/css2?family=Special+Elite&display=swap);
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400&family=Open+Sans:wght@400;500&family=PT+Sans&family=PT+Sans+Narrow&family=Roboto+Condensed:wght@300;400&family=Roboto:wght@300;400&family=Special+Elite&display=swap');

a {
	color: #9E917D;
}
a:hover, a:visited {
	color: #9E917D;
}


h1 {
	font-family: 'Special Elite' !important;
	border: 0px !important;
	color: #78B39D;
	text-shadow: 1px 1px 1px #000;
}

h2 {
	color: #78B39D;
	font-family: 'Special Elite', san serif !important;
	font-size: 25px;
	padding: 10px;
	text-shadow: 1px 1px 1px #000;
}

h3, h4, h5, h6 {
	color: #78B39D;
	padding: 5px;
	font-family: 'Special Elite', san serif !important;
}


:root.skin-citizen-dark {
    --color-surface-0: #1A2622;
    --color-surface-1: #1A2622;
    --color-surface-2: #1A2622;
    --color-surface-3: #1A2622;
    --color-surface-4: aqua;
    --color-base: #B2CF68;
    --color-base--emphasized: #6C8C80;
    --color-base--subtle: #6C8C80;
    --font-family-base: 'PT Sans';
    --color-link--hover: #F9F871;
    --color-link--active: #F9F871;
    --background-color-quiet--active: #D7D9D8;
    --color-primary: #9E917D;
    --font-family-monospace: 'PT Sans'; 
    --font-family-monospace-size: 30px;
}

div.editOptions {
	border: #222;
	background: #255946;

/* header styling buttons for the main page */

.styledHeaders {
    display: grid;
    grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
    grid-auto-rows: minmax( 3rem, auto );
    grid-gap: var( --space-xs ); 
}

.styledHeaders h2 {
    margin-top: 0.25rem;
}

.styledHeaders > h2 a {
    display: block;
    position: relative;
    padding: var(--space-md );
    background: var(--color-surface-1 );
    border: 1px solid var(--border-color-base );
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 );
    font-size: 0.875rem;
    background-color: lightblue;
}

.styledHeaders > h2 a::after {
    display: none !important;
}


/* end of header styling buttons for the main page */

.template { width: 500px; background-color: #151515; padding: 10px; text-align: justify; }
.bigtitle { background-color: #263d40; padding: 5px; text-align: center; text-shadow: #000 1px 1px 1px; color: #8f923c; font-family: terminal dosis; font-size: 20px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase;}