Difference between revisions of "MediaWiki:Common.css"

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

@-webkit-keyframes glowingRed {
  0% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; }
  50% { background-color: red; -webkit-box-shadow: 0 0 40px red; }
  100% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; }
}

@-moz-keyframes glowingRed {
  0% { background-color: #f9f9f9; -moz-box-shadow: 0 0 3px #f9f9f9; }
  50% { background-color: red; -moz-box-shadow: 0 0 40px red; }
  100% { background-color: #f9f9f9; -moz-box-shadow: 0 0 3px #f9f9f9; }
}

@-o-keyframes glowingRed {
  0% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; }
  50% { background-color: red; box-shadow: 0 0 40px red; }
  100% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; }
}

.glowRed {
  -webkit-animation: glowingRed 500ms infinite;
  -moz-animation: glowingRed 500ms infinite;
  -o-animation: glowingRed 500ms infinite;
  animation: glowingRed 500ms infinite;
}


@-webkit-keyframes glowingRed {
  0% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; }
  50% { background-color: red; -webkit-box-shadow: 0 0 40px red; }
  100% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; }
}

@-moz-keyframes glowingRed {
  0% { background-color: #f9f9f9; -moz-box-shadow: 0 0 3px #f9f9f9; }
  50% { background-color: red; -moz-box-shadow: 0 0 40px red; }
  100% { background-color: #f9f9f9; -moz-box-shadow: 0 0 3px #f9f9f9; }
}

@-o-keyframes glowingRed {
  0% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; }
  50% { background-color: red; box-shadow: 0 0 40px red; }
  100% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; }
}

.glowRedSlow {
  -webkit-animation: glowingRed 1500ms infinite;
  -moz-animation: glowingRed 1500ms infinite;
  -o-animation: glowingRed 1500ms infinite;
  animation: glowingRed 1500ms infinite;
}


@-webkit-keyframes glowingGreen {
  0% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; }
  50% { background-color: green; -webkit-box-shadow: 0 0 40px green; }
  100% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; }
}

@-moz-keyframes glowingGreen {
  0% { background-color: #f9f9f9; -moz-box-shadow: 0 0 3px #f9f9f9; }
  50% { background-color: green; -moz-box-shadow: 0 0 40px green; }
  100% { background-color: #f9f9f9; -moz-box-shadow: 0 0 3px #f9f9f9; }
}

@-o-keyframes glowingGreen {
  0% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; }
  50% { background-color: green; box-shadow: 0 0 40px green; }
  100% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; }
}

.glowGreen {
  -webkit-animation: glowingGreen 500ms infinite;
  -moz-animation: glowingGreen 500ms infinite;
  -o-animation: glowingGreen 500ms infinite;
  animation: glowingGreen 500ms infinite;
}