MediaWiki:Common.css: Difference between revisions

Revision as of 12:14, 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: 0;
	padding: 0;
}

:root {
  --theme-body-dynamic-color-1--rgb: 255,255,255;
	--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', serif;
}

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;
	color: var(--theme-page-text-color);
}

@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-page-text-color) !important;
}

a, .vector-menu-tabs .mw-list-item a, .vector-dropdown .vector-dropdown-checkbox, a:visited, .mw-collapsible-toggle-default, .mw-collapsible-toggle-default .mw-collapsible-text{
	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);
}

ul{
  list-style-image: None;
}

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

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

.custom-tabs .active-tab div strong {
  color: var(--custom-tabs-active-color);
}

.inactive-tab a{
  border: dashed var(--theme-link-color--hover);
}

.inactive-tab a:hover{
  border: solid var(--theme-link-color--hover);
}

.active-tab a{
  border: solid var(--theme-link-color--hover);
  color: var(--theme-link-color--hover);
  text-decoration: underline;
}

.WikiaTable td, .WikiaTable th, .article-table td, .article-table th {
  border-bottom: 1px solid var(--theme-border-color);
  padding: 6px 12px;
}

.WikiaTable, .article-table {
  background: rgba(var(--theme-body-dynamic-color-1--rgb),.02);
  border: 0 var(--theme-border-color);
  border-collapse: collapse;
}

.article-table tr:first-child{
  background: rgba(var(--theme-body-dynamic-color-1--rgb),.05);
}

.article-table caption{
  font-weight: 700;
}

#footer {
	background-color: var(--theme-body-gradiant--secondary);
	color: var(--theme-page-text-color);
	padding: 0px;
	border-top: 1px solid var(--theme-border-color);
	text-align: center;
}

#footer-info-lastmod, #footer-info-copyright{
  color: var(--theme-page-text-color);
}