MediaWiki:Common.css: Difference between revisions

Latest revision as of 18:43, 2 March 2025

@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: linear-gradient(to bottom, transparent 0%, black 50%), 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, .mw-changeslist-legend {
  color:var(--theme-page-text-color);
  background-color:var(--theme-page-background-color)
}

.mw-body table, .wikitable > * > tr > th, .mw-body li.gallerybox div.thumb, .portable-infobox .pi-header, .portable-infobox, .pi-data-value, .pi-data {
    background-color:var(--theme-page-background-color--secondary)
}
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)
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
blockquote,
button,
input,
textarea,
label,
th,
td,
caption,
pre,
code,
figcaption,
strong,
em,
b,
i,
u,
small,
.tocnumber,
.mw-editform #editpage-copywarn {
  color:var(--theme-page-text-color);
}

span > b, span {
  color: inherit;
}

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 {
  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
}