MediaWiki:Common.css

Revision as of 22:54, 9 May 2021 by Stick (talk | contribs)

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 */
@import url("skin.css");

/* Ambox styles */
.ambox { margin: 0px 10%; border: 1px solid #aaa; background: #fbfbfb; }
.ambox td.notice  { border-left: 10px solid #1e90ff; }
.ambox td.style   { border-left: 10px solid #ffcc00; }
.ambox td.content { border-left: 10px solid #0a53e7; }
.ambox td.delete  { border-left: 10px solid #b22222; }
.ambox td.default { border-left: 10px solid #000000; }
.ambox td.image   { padding: 0 0.5em }
.ambox td.message { width: 100%; }
.ambox .smalltext { font-size: 95%; }

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #79542B;
  background-color:#FFFCF7;
  width: 100%;
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #FFFCF7;     /* Background color */
}
.navbox-list {
  border-color: #FFFCF7;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #F3A957;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #F9D483;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #FEF5E0;     /* Level 3 color */
}
.navbox tr {
   background-color:#FFFCF7;  /* Sandard cell background */
}
.navbox-even {
  background: #FEF5E0;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}

/* Code for div-based collapsing
 * From [[wikipedia:MediaWiki:Common.css]] */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #79542B;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #F3A957; /* Level 1 color */
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
/* End */

.collapsibleDiv {
    overflow: hidden;
}
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */

.mw-wiki-logo {
    background-size:contain;
}
.infobox-stars > a {
    padding: 2.5px;
}

.infobox-stars > a > img:hover {
    transform: scale(1.5,1.5);
}

.infobox-stars > a > img {
	transition: all 100ms ease-in-out;
}

.infobox-stars > * > a {
    padding: 2.5px;
}

.infobox-stars > * > a > img:hover {
    transform: scale(1.5,1.5);
}

.infobox-stars > * > a > img {
	transition: all 100ms ease-in-out;
}