MediaWiki:Common.css

/*In case someone is reading this, be careful when copying this code. We are not web developers, this is a Frankestein mess. Use at your own risk!*/
/* CSS placed here will be applied to all skins */

#mw-content-block.ts-inner {
max-width: 125em;
}

#mw-content {
  margin-left: 11%; /* Adjust this value to match the width of #mw-site-navigation */
  margin-right: 12.6%; /* Adjust this value to match the width of #mw-site-navigation */
}

#mw-content-container {
  /* Background image (default cat) */
  background-image: url(none);
  background-attachment: fixed;
/*    -webkit-animation: animate_background 6s linear 0s infinite;
    -moz-animation: animate_background 6s linear 0s infinite;
    -o-animation: animate_background 6s linear 0s infinite;
    animation: animate_background 6s linear 0s infinite;*/
  border: none;
  background-color: transparent;
  background-position: left top;
  background-repeat: repeat;
  margin-top:0.475em;
}

/* import lifesavers font */
@font-face {
  font-family: LifeSavers-Regular;
  src: url(https://static.miraheze.org/emmytherobotwiki/f/fa/LifeSavers-Regular.ttf);
}
@font-face {
  font-family: LifeSavers-Bold;
  src: url(https://static.miraheze.org/emmytherobotwiki/c/c7/LifeSavers-Bold.ttf);
}

/* apply lifesavers font to headers*/
.mw-body h1 {
	font-family: LifeSavers-Bold;
}
.mw-body h2 {
	font-family: LifeSavers-Bold;
}
.mw-body h3 {
	font-family: LifeSavers-Bold;
}
.mw-body h4 {
	font-family: LifeSavers-Bold;
}
.mw-body h5 {
	font-family: LifeSavers-Bold;
}
.mw-body h6 {
	font-family: LifeSavers-Bold;
}

#mw-site-navigation {
  position: fixed; /* Change from static to fixed */
  top: 0; /* Ensures it sticks to the top of the viewport */
  max-height: 100vh; /* Limit the maximum height to viewport height */
  overflow-y: auto; /* Add a vertical scrollbar if needed */
}

div#mw-related-navigation {
  position: fixed; /* Change from static to fixed */
  top: 200; /* Ensures it sticks to the top of the viewport */
  max-height: calc(100vh - 200px); /* Adjust max-height to accommodate the change */
  overflow-y: auto; /* Add a vertical scrollbar if needed */
  right: 0; /*right side */
}

/* navigation left sidebar transparent */
#site-navigation.sidebar-chunk {
  border: none;
  background-color: transparent;
}
/* navigation left sidebar yellow text */
#site-navigation a {
    color: #FFCC00;
    font-weight: bold;
}
#site-navigation a:hover {
    color: #FFE375;
}

/* OLIVIANON'S CSS EXPERIMENT SECTION START */
/*THIS STANZA BELOW IS THE ONE THAT GETS THE H1 TITLE FONT TO CHANGE, BUT IT APPEARS TO REQUIRE @FONT-FACE ABOVE TO WORK, UNSURE WHY YET*/
/*BOLD DOESN'T WORK BECAUSE @FONT-FACE IS LS-STANDARD, NOT LS-BOLD*/
/*.mw-body h1 {
    font-family: LifeSavers-Regular;
    src: url(https://static.miraheze.org/emmytherobotwiki/f/fa/LifeSavers-Regular.ttf);
    font-size: 20px;
}*/
/*tr {
    line-height: 1
*/
/*THIS IS A TEST LINE FOR INTERNET PERFORMANCE TESTING*/
/*SAVING THIS CSS FILE USUALLY FAILS SO IT IS A GOOD TEST*/
/*THE FOLLOWING IS NONSENSE TEXT TO REPEATEDLY SAVE THE FILE*/
/*DFGJHDNGIJHEFIGSEG*/
/* OLIVIANON'S CSS EXPERIMENT SECTION END */

/* category right sidebar transparent */
#catlinks-sidebar.sidebar-chunk {
  border: none;
  background-color: transparent;
}
/* category right sidebar yellow text */
#catlinks-sidebar a {
    color: #FFCC00;
    font-weight: bold;
}
#site-navigation a:hover {
    color: #FFE375;
}
/* tools left sidebar transparent */
#site-tools.sidebar-chunk {
  border: none;
  background-color: transparent;
}
/* tools sidebar yellow text */
#site-tools a {
    color: #FFCC00;
    font-weight: bold;
}
#site-tools a:hover {
    color: #FFE375;
}
/* page tools right sidebar transparent */
#page-tools.sidebar-chunk {
  border: none;
  background-color: transparent;
}
/* page tools right sidebar yellow text */
#page-tools a {
    color: #FFCC00;
    font-weight: bold;
}
#page-tools a:hover {
    color: #FFE375;
}
/* Something else */
.mw-footer-container {
    height: 20px;
    border-top: none;
	box-shadow: none;
}
div#footer-list {
    height: 20px;
}
div#mw-footer.mw-footer.ts-inner {
    height: 20px;
}
/* Hide Emmy The Robot Fan Wiki words in top right */
a#p-banner.mw-wiki-title.long {
    visibility: hidden;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 140%;
  height: 140%;
  background: url(https://static.miraheze.org/emmytherobotwiki/0/06/Bgtile.png) 0 0 repeat;
  animation: animate_background 6s linear infinite;
  z-index: -1;
}

@keyframes animate_background {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(-257px, -257px);
  }
  }

.mw-page-container
{
	background-color: transparent;
	border: none !important;
}
.mw-sidebar
{
	background: none;
}
.mw-header
{
	background-color: transparent; !important;
}

/* patrolled notification */
.mw-notification
{
    background-color: rgba(0, 0, 0, 0.93) !important;
    border: solid 1px #000000 !important;
    color: #000000 !important;
}

a.feedlink 
{
    padding-left: 16px !important;
}

/* left menu COMMENTED OUT TO TEST COLOR OF LEFT PANEL*/
/* #mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link
{
    padding: 0.45em;
    display: block;
    background-color: rgba(255,255,255,0) !important;
}
#mw-panel div.portal div.body ul li a:hover, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus {
    background-color: rgba(255,255,255,0.05) !important;
}*/

/* revision stuff */
#pagehistory li.selected {
    background-color: rgba(0, 0, 0, 0.34) !important;
    border: 1px dashed rgba(0, 0, 0, 0.59) !important;
}
#pagehistory li {
    border: none !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
#footer ul li {
    color: rgba(255, 255, 255, 0.33) !important;
}
#mw-head div.vectorMenu h3
{
	height: 1.75em !important;
	background-image: none !important;
}
#simpleSearch
{
/* originally margin-top: -0.95em !important; */
    margin-top: 0.25em !important;
    border: solid 1px #2c2938 !important;
    background-image: none !important;
    background-color: none !important;
}
#simpleSearch input
{
    background-color: none !important;
    color: black !important;
}


/* tab background */
div.vectorTabs
{
	background-image: none;
}

/* active tab */
div.vectorTabs li.selected
{
	background-image: none;
    background: linear-gradient(to bottom,rgba(168,177,255,0.05) 0%,rgba(168,177,255,0.18) 100%);
    border-radius: 10px 10px 0 0;
    border: 1px solid rgba(165, 192, 255, 0.3);
    border-bottom-width: 0;
    border-top-width: 0;
}

/* removing white line on top of the page */
#mw-page-base
{
	background-image: none;
	background-color: transparent;
}

#mp-topbanner {
    margin-top:0em;
}

.vector-menu-tabs li
{
	background-image: linear-gradient(to top,#9a9cab 0,#6595CA 1px,#fff0 100%) !important;
	background-color: transparent !important;
}
.vector-menu-tabs .selected
{
	background-image: linear-gradient(to top,#9a9cab 0,#85B5E6 1px,#fff0 100%) !important;
	background-color: transparent !important;
}

.vector-menu-dropdown
{
	background-image: linear-gradient(to top,#9a9cab 0,#6595CA 1px,#fff0 100%) !important;
	background-color: transparent !important;
}
/* something related to tab, was adding line on right */
div.vectorTabs ul
{
	background-image: none;
}
/* another thing that adds white line on right of tab */
div.vectorTabs span
{
	background-image: none;
}


/* separator line on left */
#mw-panel div.portal
{
	background-image: none !important;
	border: 0 none #000;
	border-top: 1px solid rgba(255,255,255,0.2);
}

/* top tabs (over wiki content) */
div.vectorTabs ul li
{
	background-image: none;
	background-color: transparent;
}

/* spacing for left menu */
#mw-panel div.portal div.body ul li
{
	/*padding: 0.45em 0 !important;*/
	padding: 0 !important;
	line-height: normal !important;
}
/* left menu COMMENTED OUT TO TEST LINK ON LEFT PANEL */
/* #mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link
{
    padding: 0.45em;
    display: block;
    background-color: rgba(255,255,255,0) !important;
}
#mw-panel div.portal div.body ul li a:hover, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus {
    background-color: rgba(255,255,255,0.05) !important;
}

/*a:visited, a:link, a, #mw-panel div.portal div.body ul li a:visited, #mw-panel div.portal div.body ul li a
{
	color: #FFCC00 !important;
	font-weight: bold;
}
a:hover, #mw-panel div.portal div.body ul li a:hover
{
	color: #FFE375 !important;
	text-decoration: none !important;
}
a:active, a:focus, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus
{
	color: #000000 !important;
	text-decoration: none !important;
} */
/* missing links */
a.new, #p-personal a.new
{
	color: #ff3333 !important;
}*/
.cnotice-message {
    padding: 15px 50px 11px 30px !important;
}
.cnotice-logo-container {
    width: unset !important;
    padding-left: 30px !important;
    padding-right: 10px !important;
    filter: drop-shadow(0px 0px 15px rgb(28, 28, 28));
}

.warningbox {
    background-color: #f0ad344f !important;
    color: black !important;
    border: 2px dotted #fc3 !important;
}
.cnotice
{
	background-color: #72956d !important;
	border-color: #b1d9ac !important;
}
.cnotice-message p
{
	color: #CFFBC9 !important;
}

.oo-ui-windowManager-modal > .oo-ui-dialog
{
	background-color: rgba(0, 0, 0, 0.5) !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame
{
    background-color: #000 !important;
    color: white !important;
}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame
{
	border: 1px solid #000 !important;
}
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot
{
	outline: unset !important;
}
/*TESTING BELOW*/
/* Color bars */

.color-bar {
	width: 0%;
}
#mw-header-container {
	background: none;
    position: static;
}
#mw-header-container.ts-inner {
	background: none;
    position: static;
}
/* #mw-header controls size of search box along top of page*/
#mw-header {
	width: 97.5%;
	max-width: 97.5%;
	padding: 0;
	position: static;
}
#simpleSearch {
	box-shadow: inset 0 2px 4px 0 rgba( 0, 0, 0, 0.05 );
	background: ;
	position: relative;
	border: solid 1px @base70;
}
#simpleSearch #searchInput::placeholder {
    color: ;
}

/* Wikitable */
table.wikitable, table.wikitable caption, table.wikitable th, table.wikitable td {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

/* ================= *
 * Template: Spoiler *
 * ================= */

.spoiler {
	background-color: black;
	color: black;
}

.spoiler:focus,
.spoiler:active,
.spoiler:hover {
	color: #ccc;
}

.spoiler a {
    color: black;
}

.spoiler:focus a,
.spoiler:active a,
.spoiler:hover a {
    color: var(--color-link);
}