Difference between revisions of "MediaWiki:Common.css"

From BPM Wiki
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: body { background: linear-gradient(#ca0312, #f9f9f9); }")
 
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
/* CSS placed here will be applied to all skins #ca0312 */
 +
#p-logo { background: linear-gradient(#5d0312, 80%, #000) }
  
body {
+
 
background: linear-gradient(#ca0312, #f9f9f9);
+
/* 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;
 
}
 
}

Latest revision as of 04:10, 9 October 2020

/* 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;
}