This is a mirror host of the KP Official Wiki on Miraheze. We dont actually mirror we host the same content
MediaWiki:Common.css: Difference between revisions
From Kaiju Paradise Official Wiki
miraheze-user->Zhugo83 No edit summary |
miraheze-user->Zhugo83 No edit summary |
||
Line 3: | Line 3: | ||
@import url("/MediaWiki:Bestiary.css?ctype=text/css&action=raw"); | @import url("/MediaWiki:Bestiary.css?ctype=text/css&action=raw"); | ||
/* Use this CSS as reference*/ | /* 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); | |||
} |
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); }