MediaWiki:Common.css

From BPM Wiki
Jump to navigation Jump to search

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins #ca0312 */
#p-logo { background: linear-gradient(#5d0312, 80%, #000) }


/* Logo. */
.mw-wiki-logo {
  background-size: contain;
}
.mw-wiki-logo:hover {
  animation: beat 0.666s ease-out infinite;
}
@keyframes beat {
  from { transform: scale(1.05, 1.05) }
  to { transform: scale(1, 1) }
}

/* Steam login. */
#pt-login {
  background: url('/mediawiki/resources/assets/sits_small.png') no-repeat;
  height: 23px;
  width: 154px;
}
#pt-login > a {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-indent: -99999em; /* Hack to replace text (good for screen readers). */
  overflow: hidden;
}

/* Enemy attack template. */
.enemy-attack-container {
  max-width: 70vw;
  border: 1px solid black;
  padding: 0;
  margin: 0.333em 0 0.5em;
}
.enemy-attack-head {
  background: #5d0312;
  color: white;
  padding: 0.1em 1em;
}
.enemy-attack-body {
  padding: 0.1em 1em;
}

/* kbd HTML5 tag */
kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
  color: #333;
  display: inline-block;
  font-size: .85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap;
}

/* Badge */
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}