MediaWiki:Common.css: Difference between revisions

Revision as of 22:54, 6 October 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);
@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:#2C3E50;
  --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
}
@keyframes gradient-animation {
  0% {
    background-position:0% 50%
  }
  100% {
    background-position:100% 50%
  }
}

#mw-content-container {
  background-image: url(https://static.miraheze.org/kaijuparadiseofficialwiki/thumb/0/0f/Site-background-dark.webp/300px-Site-background-dark.webp.png?20241005211945);
  background-position: center;
  background-repeat: repeat;
  background-attachment: fixed;
}

#mw-content{
color: var(--theme-page-text-color);
background-color: var(--theme-page-background-color);
}

/* Clickable Text stuff and visited */
a:visited:hover, a:visited, a:hover, .mw-collapsible-toggle-default .mw-collapsible-text, .toctogglelabel, a > span:hover{
    color: var(--theme-link-color--hover);
}

a, 
a > span, 
#p-logo-text a,
.pi-section-navigation .pi-section-tab.pi-section-active, 
.pi-section-navigation .pi-section-tab.current, 
.pi-media-collection .pi-tab-link.current{
  color: var(--theme-link-color);
}

/* Text Color */
body, p, h1, h2, h3, h4, h5, h6, 
ul, ol, li, blockquote, 
button, input, textarea, 
label, th, td, caption, 
pre, code, figcaption, 
span, strong, em, b, i, u, small, .tocnumber, .mw-editform #editpage-copywarn{
  color: var(--theme-page-text-color);
}

/* Background stuff */
div.editOptions, 
.mw-editform .editButtons, 
textarea, 
#mw-site-navigation .sidebar-chunk, .toc, 
#mw-header-container, #mw-related-navigation .sidebar-chunk, 
code, 
pre, 
.mw-code, 
#personal .dropdown, 
figure[typeof~="mw:File/Thumb"] > figcaption, 
figure[typeof~="mw:File/Frame"] > figcaption, 
.mw-content-ltr figure[typeof~="mw:File/Thumb"], 
.mw-content-ltr figure[typeof~="mw:File/Frame"],
.skin-timeless #mw-content-text .pi-title.skin-timeless #mw-content-text .pi-title, 
.mw-body-content a > img, 
.pi-data-value, .pi-data
  background-color: #2C3E50;
}

#searchInput, .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label, .oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label, .wikiEditor-ui-toolbar .page-table td > span, .wikiEditor-ui-toolbar .booklet > .index > div{
  color: #000;
}

.tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited, .tabber__tab:hover{
  color: var(--theme-link-color--hover);
  box-shadow: 0 -2px 0 var(--theme-link-color--hover) inset;
}