MediaWiki:Common.css

From Fiend Folio 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.
@import url(https://fiendfolio.wiki.gg/index.php?title=MediaWiki:PageColors.css&action=raw&ctype=text/css);

/* Style the watch and unwatch tab */
.vector-menu-tabs #ca-watch.icon a,
.vector-menu-tabs #ca-unwatch.icon a {
	padding-top: 36px;
	width: 28px;
}
.vector-menu-tabs #ca-watch.icon a:before,
.vector-menu-tabs #ca-watch.icon a:focus:before {
	background-image: linear-gradient(transparent,transparent),url(https://fiendfolio.wiki.gg/images/thumb/4/43/FiendCoopIcon.png/32px-FiendCoopIcon.png);
	left: 0.5em;
	top: 1.2em;
}
.vector-menu-tabs #ca-watch.icon a:hover:before {
	background-image: linear-gradient(transparent,transparent),url(https://fiendfolio.wiki.gg/images/thumb/6/67/GolemCoopIcon.png/32px-GolemCoopIcon.png);
	left: 0.5em;
	top: 1.2em;
}
.vector-menu-tabs #ca-unwatch.icon a:before,
.vector-menu-tabs #ca-unwatch.icon a:focus:before {
	background-image: linear-gradient(transparent,transparent),url(https://fiendfolio.wiki.gg/images/thumb/6/67/GolemCoopIcon.png/32px-GolemCoopIcon.png);
	left: 0.5em;
	top: 1.2em;
}
.vector-menu-tabs #ca-unwatch.icon a:hover:before {
	background-image: linear-gradient(transparent,transparent),url(https://fiendfolio.wiki.gg/images/thumb/4/43/FiendCoopIcon.png/32px-FiendCoopIcon.png);
	left: 0.5em;
	top: 1.2em;
}




/* CSS placed here will be applied to all skins */

/* Removes the discussion header at the top of a page */
#ca-talk {
    display: none !important;
}

/********************
/* Portable infobox *
/********************/
.portable-infobox {
	border      : 30px solid;
	border-image: url( https://fiendfolio.wiki.gg/images/4/4a/CSS_Border_Infobox.png ) 30 fill round;
	text-align  : center;
	background  : none;
	border-bottom-color: #6F5B6E;
    border-color: #BB97BF;
}
/* changes the bg color of the infobox without bleeding out*/
.portable-infobox .pi-secondary-background, .vector-search-box-input {
   background-color: #DDB3E2;
}

/*should center the monster infobox stats*/
table {
    display: table;
    white-space: normal;
}

/*Not from the Isaac wiki*/
/*changes color*/
.portable-infobox.type-middletext {
   text-align: center;
   color:#000000;
}

.portable-infobox.type-accent-color-text-source {
   color:#000000;
}

/*changes infobox caption color*/
.portable-infobox .pi-caption {
    color:#000000;
}

/*supposed to make infobox text centered*/
.portable-infobox .pi-data {
    align-items: center; /* vertically align items or text */
    justify-content: center ; /* horizontally aligns items or text */
}

/*i dont know*/
.portable-infobox.type-middletext .pi-data-label ~ .pi-data-value {
    padding: 0;
}

/* table section end */

/* automatic line breaks for tables */
.table, .wikitable, .article-table
{
  display: inline-table;
  overflow-x: auto;
  white-space: normal;
}

/* Force all images to have crisp edges when scaled up */
img { 
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
  image-rendering:pixelated;                 /* Chrome         */
}

/* Site background */
body {
	background: url(/images/8/80/Site-background.jpg) no-repeat center center fixed;
	background-size: cover;
}
#mw-page-base {
	background: none;
}

/* Sidebar link colors */
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited { 
    color: #AA8ED6; 
}
/* adds the words naviagtion to the top of the sidebar */
#mw-panel #p-logo+.portal .vector-menu-heading{
	display:block;
}


/********************
/*      Sidebar     *
/********************/
/* Changes the colors of code preview */
.mw-highlight > pre .p { color: #DDB3E2 } /* Punctuation */
.mw-highlight > pre .nc { color: #DDB3E2 } /* Name.Class */
.mw-highlight > pre .nf { color: #FFA500 } /* Name.Function */
.mw-highlight > pre .nn { color: #DDB3E2 } /* Name.Namespace */
.mw-highlight > pre .nv { color: #FFA500 } /* Name.Variable */

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
	box-shadow: inset 2.75em 0 0 #0A0A0A;
}

/********************
/*       MISC       *
/********************/
.text-rainbow-animation {
  background-image: 
	linear-gradient(to left, #E40303, #FF8C00, #FFED00, #008026, #24408E, #732982, #E40303); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;  
	animation: rainbow-animation 70s linear infinite;
}
@keyframes rainbow-animation {
    to {
        background-position: 4500vh;
    }
}
Retrieved from "https://fiendfolio.wiki.gg/index.php?title=MediaWiki:Common.css&oldid=50867"