MediaWiki:Common.css: Difference between revisions

Revision as of 02:21, 24 August 2024

@import url("/MediaWiki:Gootraxians_and_Weapons_skins.css?ctype=text/css&action=raw");
@import url("/MediaWiki:NonBestiary.css?ctype=text/css&action=raw");
@import url("/MediaWiki:Bestiary.css?ctype=text/css&action=raw");
/* Use this CSS as reference*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:[email protected]&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

*{
	margin: 0px;
    padding: 0px;
}

:root {
	/* --theme-body-background-image-full: url(); */
    --theme-body-gradiant: #000;
    --theme-body-gradiant--secondary: #111;
	--theme-page-background-color: #000716;
	--theme-page-background-color--secondary: #262c39;
	--theme-page-text-color: #e6e6e6;
	--theme-page-text-color--hover: #b3b3b3;
	--theme-link-color: #00cdd0;
	--theme-link-color--hover: #37fcff;
	--theme-link-label-color: #000;
	--theme-border-color: #3a3f4a;
	--theme-link-decoration: none;
	--theme-page-headings-font: 'Roboto Slab';
}

body{
    background: repeating-linear-gradient(45deg, var(--theme-body-gradiant), var(--theme-body-gradiant) 10px, var(--theme-body-gradiant--secondary) 10px, var(--theme-body-gradiant--secondary) 20px);    
    background-size: 200% 200%;
    animation: gradient-animation 30s linear infinite;
}

@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

.mw-page-container{
	background-color: var(--theme-page-background-color);
	color: var(--theme-body-text-color);
}

a, .vector-menu-tabs .mw-list-item a, .vector-dropdown .vector-dropdown-checkbox{
	color: var(--theme-link-color);
	text-decoration: var(--theme-link-decoration);
}

a:hover {
	color: var(--theme-link-color--hover);
}

 .vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited{
	color: var(--theme-link-color--hover);
}


h1, h2, h3, h4, h5, h6 {
	font-family: var(--theme-page-headings-font);
	color: var(--theme-page-text-color);
}

p{
	color: var(--theme-page-text-color);
}