MediaWiki:Common.css: Difference between revisions

Revision as of 21:01, 12 April 2024

@font-face {font-family: 'Raleway';src: url('/fonts/Raleway/Raleway-VariableFont_wght.ttf') format("truetype-variations");font-weight: 1 999;font-style:normal;}
@font-face {font-family: 'Raleway';src: url('/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf') format("truetype-variations");font-weight: 1 999;font-style:italic;}
@font-face {font-family: 'AntiqueBookCover';src: url(fonts/AntiqueBookCover/Antique_Book_Cover.otf);font-weight: normal;font-style: normal;}
@font-face {font-family: 'CaslonAntique';src: url(fonts/CaslonAntique/CaslonAntique.ttf);font-weight: normal;font-style: normal;}
@font-face {font-family: 'CaslonAntique';src: url(fonts/CaslonAntique/CaslonAntique-Bold.ttf);font-weight: bold;}
@font-face {font-family: 'CaslonAntique';src: url(fonts/CaslonAntique/CaslonAntique-Italic.ttf);font-style: italic;}
@font-face {font-family: 'CaslonAntique';src: url(fonts/CaslonAntique/CaslonAntique-BoldItalic.ttf);font-weight: bold;font-style: italic;}
@font-face {font-family: 'Noto Serif';src: url(fonts/NotoSerif/NotoSerif-Regular.ttf);font-weight: normal;font-style: normal;}
@font-face {font-family: 'Noto Serif';src: url(fonts/NotoSerif/NotoSerif-Bold.ttf);font-weight: bold;font-style: normal;}
@font-face {font-family: 'Noto Serif';src: url(fonts/NotoSerif/NotoSerif-Italic.ttf);font-weight: normal;font-style: italic;}
@font-face {font-family: 'Noto Serif';src: url(fonts/NotoSerif/NotoSerif-BoldItalic.ttf);font-weight: bold;font-style: italic;}
@font-face {font-family: 'Noto Sans';src: url(/fonts/NotoSans/NotoSans-Regular.ttf);font-weight: normal;font-style: normal;}
@font-face {font-family: 'Noto Sans';src: url(fonts/NotoSans/NotoSans-Bold.ttf);font-weight: bold;font-style: normal;}
@font-face {font-family: 'Noto Sans';src: url(fonts/NotoSans/NotoSans-Italic.ttf);font-weight: normal;font-style: italic;}
@font-face {font-family: 'Noto Sans';src: url(fonts/NotoSans/NotoSans-BoldItalic.ttf);font-weight: bold;font-style: italic;}
@font-face {font-family: 'RPG Awesome';src: url(fonts/Rpg-Awesome-master/rpgawesome-webfont.ttf);font-weight: normal;font-style: normal;}

/* CSS placed here will be applied to all skins */
/**********************************************************************
***********************************************************************
	Lighthouse Argentum Styling
	Search for the classes as you need by CTRL+F
***********************************************************************
***********************************************************************/

/***************
	Root Variables
****************/
:root {
	--bg: #0e191b;
	--hl: #303030;
	--text: #aaa;
	--text-2: var(--accent);
	--accent: #caa864;
	--accent-2: #18858e;
	--light-on-dark: #ccc;
	--black-color: #000000;
    --white-color: #FFFFFF;
	--lhcolor2: #191919;
	--transparent: rgba(13, 13, 13, 0.8);
	--title-color: var(--white-color);
	--gradient: linear-gradient(to bottom right,var(--accent) 0%,var(--accent-2) 100%);
	/* Fonts */
    --font-main: 'Raleway';
	--font-main-2: 'Noto Serif';
	--font-antique-2: 'AntiqueBookCover';
	/* Images */
	--sidebar-header-image: url("/images/bgs_banners/andre-benz-ZoWPMjUZsBs-unsplash.webp");
	--thead-image: url("/images/bgs_banners/jake-weirick-Q_RBVFFXR_g-unsplash.webp");
	--background-image: url("/images/bgs_banners/annie-spratt-wuc-KEIBrdE-unsplash.webp");
	--lh-blend-mode: multiply;
		/* Group Colors */
	--human: #0074b7;
	--half-blood: #0099aa;
	--shifter: #597645;
	--undying: darkred;
	--spirit: #87a3b3;
	--admin: #ACB0D2;
	/*Group Images*/
	--stars: url("/images/bgs_banners/engin-akyurt-Hlkuojv_P6I-unsplash.webp");
	--fog: url("/images/bgs_banners/scott-webb-VkbYS2piOuU-unsplash.webp");
	--smoke: url("/images/bgs_banners/pascal-meier-1uVCTVSn-2o-unsplash.webp");
	--flower: url("/images/bgs_banners/scott-webb-TOmVNJZN1AA-unsplash.webp"); 
	--trees: url("/images/bgs_banners/prosha-amiri-J-eAZWqkVB8-unsplash.webp");
	--clouds: url("/images/bgs_banners/davies-designs-studio-f5_lfi2S-d4-unsplash.webp");
	--black-stars: url("/images/bgs_banners/jake-weirick-Q_RBVFFXR_g-unsplash.webp");
	--forum-image: url("/images/bgs_banners/easthaven-forum-background.webp");
	/*Other Effects*/
	--text-shadow: -1px -1px 0 var(--black-color),1px -1px 0 var(--black-color),-1px 1px 0 var(--black-color),1px 1px 0 var(--black-color);
	--fade-in: fadeInAnimation ease 2s;
	
	--heather: #BAB8D3;
}

.vector-feature-zebra-design-disabled body {
	background-color: var(--bg);
}


.vector-feature-zebra-design-disabled .mw-page-container, .mw-page-container {
background-color: var(--bg);
color: var(--text);
}

.vector-feature-zebra-design-disabled .mw-page-container-inner, .mw-page-container-inner {
background: var(--transparent);
}

.vector-feature-zebra-design-disabled .vector-toc, .vector-toc {
background: var(--sidebar-header-image);
    background-size: cover;
    background-position: center;
}
/*header*/

.vector-feature-zebra-design-disabled .vector-header-container {
    max-width: 99.75em;
    min-width: 31.25em;
    margin: 0 auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
    background-color: var(--bg);
    box-sizing: border-box;
}

/*headers*/
h1, h2, h3, h4, h5, h6 {
color: var(--title-color);
padding: 20px !important;
font-family: var(--font-main) !important;
}

h1 {
    border-top: 1px solid var(--hl);
    border-bottom: 1px solid var(--hl);
    /*background: linear-gradient(90deg, var(--lhcolor2) 10%, var(--white-color) 90%), var(--black-stars) center / cover;
    background-blend-mode: multiply;*/
    padding-left: 20px;
    color: var(--title-color);
    margin-bottom: 0;
}

h2 {
    border-top: 1px solid var(--hl);
    border-bottom: 1px solid var(--hl);
    /*background: linear-gradient(90deg, var(--lhcolor2) 10%, var(--white-color) 90%), var(--black-stars) center / cover;
    background-blend-mode: multiply;*/
    padding-left: 20px;
    color: var(--title-color);
    margin-bottom: 0;
}

/*table of contents*/

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-link, .vector-toc-link {
color: var(--text);
}

.vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after, .vector-toc::after {
display:none;
}

.vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools::after {
display:none;
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-contents, vector-toc-contents {
padding: 10px;
    background-color: var(--transparent);
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active > .vector-toc-link, .vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, .vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
    color: var(--text);
    font-weight: bold;
}


.vector-feature-zebra-design-disabled .vector-pinnable-header-label, .vector-pinnable-header-label {
    color: var(--text);
}

a {
color: var(--accent);
}


#ca-talk {
    display: none !important;
}

.catlinks {
    background-color: var(--transparent);
    margin-top: 1em;
    border: 1px solid var(--hl);
    padding: 5px;
    clear: both;
}

.wikitable {
    background-color: var(--transparent);
color: var(--text);
margin: 1em 0;
border: 1px solid var(--hl);
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: var(--lhcolor2);
    text-align: center;
color: var(--accent);
text-transform: uppercase;
}

pre, code, .mw-code {
    background-color: var(--lhcolor2);
    color: var(--text);
    border: 1px solid var(--hl);
}

.vector-body blockquote {
    border-left: 2px solid var(--hl);
    padding: 8px 32px;
}

.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
    color: var(--text);
    border-bottom: 2px solid;
}

.vector-sticky-header-visible .vector-sticky-header-container {
    color: var(--title-color);
}