MediaWiki:Common.css

From Chippy Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/*Border Background*/
body {
  background-image: url(http://chippy.wiki.gg/images/9/9a/Site-background.webp);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

/*Footer*/
#mw-panel,  #p-navigation, #footer-info, #footer-info-lastmod, #footer-info-copyright{
	background-color: rgba(0,0,0,0);
	color:white;
}

/*Out-of-Body Links
a:link {color: white}
a:link.new {color: white}
a:visited {color: white}
a:visited.new {color: white}
a:active {color: white}*/

/*Body Links
.mw-body-content a:link, .mw-normal-catlinks a:link, .mw-collapsible-text a:link {color: #0645ad}
.mw-body-content a:link.new, .mw-normal-catlinks a:link.new {color: #ba0000}
.mw-body-content a:visited, .mw-normal-catlinks a:visited {color: #0b0080}
.mw-body-content a:visited.new, .mw-normal-catlinks a:visited.new {color: #a55858}
.mw-parser-output a.external:visited {color: #663366}
/*.mw-body-content a:hover {color: #00ff00}
.mw-body-content a:active, .mw-normal-catlinks a:active {color: #faa700}*/
.mw-footer a:link {color: #ffffff}
.mw-footer a:visited {color: #ffffff}
.mw-footer a:hover {color: #ababab}
.mw-footer a:active {color: #ababab}

/*Top Bar Background*/
#mw-head, #mw-head-base, .vector-menu-tabs-legacy.selected.mw-list-item, .vector-menu-tabs-legacy li, .vector-menu-tabs, .vector-menu-tabs a, #mw-head.vector-menu-dropdown.vector-menu-heading, #mw-head.vector-menu-content-list.menu {
	background-color: rgba(0,0,0,100);
	background-image: none;
	color: white;
}

/*Sidebar
.vector-menu-content-list id="pcactions" {
	background-color: rgba(0,0,0,0);
	background-image: none;
	color: black;
}*/
#p-Contents-label, #p-tb-label {color: #ffffff; font-weight:bold;}
#p-navigation a:link, #p-Contents a:link, #p-tb a:link{color: #ffffff}
#p-navigation a:visited, #p-Contents a:visited, #p-tb a:visited {color: #ffffff}
#p-navigation a:hover, #p-Contents a:hover, #p-tb a:hover {color: #ffffff}
#p-navigation a:active, #p-Contents a:active, #p-tb a:active {color: #ababab}

/*Top and Side Bar Links*/
#ca-nstab-main a:link, #ca-nstab-category a:link, #ca-nstab-template a:link, #ca-nstab-user a:link, #ca-nstab-project a:link, #ca-talk a:link, #ca-view a:link, #ca-viewsource a:link, #ca-edit a:link, #ca-addsection a:link, #ca-history a:link, /*#ca-delete a:link, #ca-move a:link, #ca-protect a:link, #ca-purge a:link,*/ #ca-unwatch a:link, #ca-nstab-mediawiki a:link, #ca-nstab-special a:link {color: #ffffff}
#ca-nstab-main a:visited, #ca-nstab-category a:visited, #ca-nstab-template a:visited, #ca-nstab-user a:visited, #ca-nstab-project a:visited, #ca-talk a:visited, #ca-view a:visited,  #ca-viewsource a:visited, #ca-edit a:visited, #ca-addsection a:visited, #ca-history a:visited, /*#ca-delete a:visited, #ca-move a:visited, #ca-protect a:visited, #ca-purge a:visited,*/ #ca-unwatch a:visited, #ca-nstab-mediawiki a:visited, #ca-nstab-special a:visited {color: #ffffff}
#ca-nstab-main a:hover, #ca-nstab-category a:hover, #ca-nstab-template a:hover, #ca-nstab-user a:hover, #ca-nstab-project a:hover, #ca-talk a:hover, #ca-view a:hover,  #ca-viewsource a:hover, #ca-edit a:hover, #ca-addsection a:hover, #ca-history a:hover, /*#ca-delete a:hover, #ca-move a:hover, #ca-protect a:hover, #ca-purge a:hover,*/ #ca-unwatch a:hover, #ca-nstab-mediawiki a:hover, #ca-nstab-special a:hover {color: #ffffff}
#ca-nstab-main a:active, #ca-nstab-category a:active, #ca-nstab-template a:active, #ca-nstab-user a:active, #ca-nstab-project a:active, #ca-talk a:active, #ca-view a:active,  #ca-viewsource a:active, #ca-edit a:active, #ca-addsection a:active, #ca-history a:active, /*#ca-delete a:active, #ca-move a:active, #ca-protect a:active, #ca-purge a:active,*/ #ca-unwatch a:active, #ca-nstab-mediawiki a:active, #ca-nstab-special a:active {color: #ababab}

/*Header Fonts*/
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-page-title-main, .mw-first-heading, .mw-page-title-namespace {font-family: Arial, Helvetica, sans-serif;}

/*Light Mode Background Colors*/
/*.mw-parser-output .mw-headline .thumbinner, .wikitable, .mw-datatable td, #content, #toc, #catlinks {
  background-color:  rgba(204,214,255,100);
}
.wikitable tr th, .mw-changeslist-legend.mw-collapsible.mw-made-collapsible, .mw-datatable th, #pagehistory li.selected, .thumbinner, #filetoc {
  background-color: rgba(188,198,235,100);
}
/*Infobox colors
.portable-infobox {
  background-color: rgba(196,206,245,100);
}
.pi-secondary-background {
  background-color: rgba(188,198,235,100);
}*/

/*Crusade Theme Pages*/
.page-Crusade, .page-The_Oracle, .page-Neophyte, .page-Kraken, .page-Guardian, .page-Execution, .page-Overgrowth, .page-Anomaly, .page-Phobia {
  background-image: url(http://chippy.wiki.gg/images/2/26/Crusade-background.jpg);
    /*.mw-parser-output .mw-headline .thumbinner, .wikitable, .mw-datatable td, #content, #toc, #catlinks {
      background-color:  rgba(204,204,255,200);
    }
    /*.wikitable tr th, .mw-changeslist-legend.mw-collapsible.mw-made-collapsible, .mw-datatable th, #pagehistory li.selected, .thumbinner, #filetoc {
	  background-color: rgba(188,188,235,100);
    }*/
    /*Infobox colors
    .portable-infobox {
   	  background-color: rgba(196,196,245,100);
    }
    .pi-secondary-background {
  	  background-color: rgba(188,188,235,100);
    }*/
}

/*Invasion Theme Pages*/
.page-Invasion, .page-Xulgons_Minions, .page-Medusa, .page-Hermit, .page-Goliath, .page-Monarch, .page-Prospector, .page-Storm, .page-Xulgon {
  background-image: url(https://chippy.wiki.gg/images/a/a9/Invasion-background.webp);
    /*.mw-parser-output .mw-headline .thumbinner, .wikitable, .mw-datatable td, #content, #toc, #catlinks {
      background-color:  rgba(255,204,204,100);
    }
    /*.wikitable tr th, .mw-changeslist-legend.mw-collapsible.mw-made-collapsible, .mw-datatable th, #pagehistory li.selected, .thumbinner, #filetoc {
	  background-color: rgba(235,188,188,100);
    }*/
    /*Infobox colors
    .portable-infobox {
   	  background-color: rgba(245,196,196,100);
    }
    .pi-secondary-background {
  	  background-color: rgba(235,188,188,100);
    }*/
}

/*Dark Theme*/
.theme-dark{
  /*Body Links*/
  .mw-body-content a:link, .mw-normal-catlinks a:link, .toctogglelabel, .mw-collapsible-text {color: #0066ff}
  .mw-body-content a:link.new, .mw-normal-catlinks a:link.new {color: #ff0000}
  .mw-body-content a:visited, .mw-normal-catlinks a:visited {color: #0066ff}
  .mw-body-content a:visited.new, .mw-normal-catlinks a:visited.new {color: #ff0000}
  /*.mw-parser-output a.external:visited {color: #0066ff}*/
  .mw-body-content a:hover, .mw-normal-catlinks a:hover, .mw-toc-heading a:hover {color: #cc55ff}
  .mw-body-content a:active, .mw-normal-catlinks a:active, .toctogglelabel a:active, .mw-toc-heading a:active {color: #cc55ff}
  body {
	color: white;
  }
  /*White Numbers and Bullet Points*/
  .tocnumber, .toc a{
	background-color: rgba(0,0,0,0);
	color: white;
  }
  ul {
    list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  }
  /*Dark textboxes, white text*/
  #content {
	background: rgb(32 0 66 / 80%);
	color:white;
  }
  .mw-parser-output .mw-headline .thumbinner, .wikitable, .mw-datatable td, #toc, #catlinks {
	background: rgb(36 0 66 / 80%);
	color:white;
  }
  .wikitable tr th, .mw-changeslist-legend.mw-collapsible.mw-made-collapsible, .mw-datatable th, #pagehistory li.selected, .thumbinner, #filetoc {
	background-color: rgba(60,0,110,100);
	color:white;
  }
  /*Dark infoboxes, white headings*/
  .portable-infobox {
	background-color: rgba(48,0,88,100);
	color:white;
  }
  .pi-secondary-background {
	background-color: rgba(60,0,110,100);
  }
  h1,h2,h3,h4 {
	color: white;
  }
  .page-Crusade, .page-The_Oracle, .page-Neophyte, .page-Kraken, .page-Guardian, .page-Execution, .page-Overgrowth, .page-Anomaly, .page-Phobia {
    /*Crusade textbox colors*/
    .mw-parser-output .mw-headline .thumbinner, .wikitable, .mw-datatable td, #content, #toc, #catlinks {
      background: rgb(30 0 66 / 80%);
    }
    .wikitable tr th, .mw-changeslist-legend.mw-collapsible.mw-made-collapsible, .mw-datatable th, #pagehistory li.selected, .thumbinner, #filetoc {
	  background-color: rgba(50,0,110,100);
    }
    /*Infobox colors*/
    .portable-infobox {
   	  background-color: rgba(40,0,88,100);
    }
    .pi-secondary-background {
  	  background-color: rgba(50,0,110,100);
    }
  }
  .page-Invasion, .page-Xulgons_Minions, .page-Medusa, .page-Hermit, .page-Goliath, .page-Monarch, .page-Prospector, .page-Storm, .page-Xulgon {
    /*Invasion textbox colors*/
    .mw-parser-output .mw-headline .thumbinner, .wikitable, .mw-datatable td, #content, #toc, #catlinks {
      background: rgb(36 0 54 / 80%);
    }
    .wikitable tr th, .mw-changeslist-legend.mw-collapsible.mw-made-collapsible, .mw-datatable th, #pagehistory li.selected, .thumbinner, #filetoc {
	  background-color: rgba(60,0,95,100);
    }
    /*Infobox colors*/
    .portable-infobox {
   	  background-color: rgba(48,0,76,100);
    }
    .pi-secondary-background {
  	  background-color: rgba(60,0,95,100);
    }
  }
}

/*High-Contrast Theme*/
.theme-High_Contrast{
  /*Body Links*/
  /*ToC Show/Hide Button*/
  .mw-body-content a:link, .mw-normal-catlinks a:link, .toctogglelabel, .mw-collapsible-text {color: #00ccff}
  .mw-body-content a:link.new, .mw-normal-catlinks a:link.new {color: #ff6600}
  .mw-body-content a:visited, .mw-normal-catlinks a:visited {color: #00ccff}
  .mw-body-content a:visited.new, .mw-normal-catlinks a:visited.new {color: #ff6600}
  /*.mw-parser-output a.external:visited {color: #00ccff}*/
  .mw-body-content a:hover, .mw-normal-catlinks a:hover, .mw-toc-heading a:hover {color: #ffff00}
  .mw-body-content a:active, .mw-normal-catlinks a:active, .toctogglelabel a:active, .mw-toc-heading a:active {color: #00ff00}
  /*Pitch-black background*/
  body {
	background: #000000;
	color: white;
  }
  /*White Numbers and Bullet Points*/
  .tocnumber, .toc a{
	background-color: rgba(0,0,0,0);
	color: white;
  }
  ul {
    list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  }
  /*Black textboxes, white text*/
  .mw-parser-output .mw-headline .thumbinner, .wikitable, .mw-datatable td, #content, #toc, #catlinks {
	background-color:  rgba(0,0,0,100);
	color:white;
  }
  .wikitable tr th, .mw-changeslist-legend.mw-collapsible.mw-made-collapsible, .mw-datatable th, #pagehistory li.selected, .thumbinner, #filetoc {
	background-color: rgba(0,0,0,100);
	color:white;
  }
  /*Dark infoboxes, white headings*/
  .portable-infobox, .pi-secondary-background {
	background-color: rgba(0,0,0,100);
	color:white;
  }
  h1,h2,h3,h4 {
	color: white;
  }
}

  /*#p-navigation {
    list-style-type: disc;
    list-style-image: url();
  }*/