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
Test
Line 1: Line 1:
@import url("/MediaWiki:Gootraxians_and_Weapons_skins.css?ctype=text/css&action=raw");
@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:NonBestiary.css?ctype=text/css&action=raw);
@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 */
@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:[email protected]&display=swap);
@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);
@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{
  color: var(--theme-link-color);
}


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


:root {
/* Background stuff */
  --theme-body-dynamic-color-1--rgb: 255,255,255;
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"]{
--theme-body-gradiant: #000;
  background-color: #2C3E50;
--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 {
#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{
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);   
  color: #000;
background-size: 200% 200%;
animation: gradient-animation 30s linear infinite;
}
}


@keyframes gradient-animation {
.tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited, .tabber__tab:hover{
0% {
  color: var(--theme-link-color--hover);
background-position: 0% 50%;
  box-shadow: 0 -2px 0 var(--theme-link-color--hover) inset;
}
100% {
background-position: 100% 50%;
}
}
}

Revision as of 22:29, 5 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{
  color: var(--theme-link-color);
}

/* Text Color */
body, p, h1, h2, h3, h4, h5, h6, 
ul, ol, li, blockquote, 
a, button, input, textarea, 
label, th, td, caption, 
pre, code, figcaption, 
span, strong, em, b, i, u, small, #p-logo-text a, .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"]{
  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;
}