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

.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;
}

.glowGreenSlow {
  -webkit-animation: glowingGreen 1500ms infinite;
  -moz-animation: glowingGreen 1500ms infinite;
  -o-animation: glowingGreen 1500ms infinite;
  animation: glowingGreen 1500ms infinite;
}


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

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

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

.glowYellow {
  -webkit-animation: glowingYellow 500ms infinite;
  -moz-animation: glowingYellow 500ms infinite;
  -o-animation: glowingYellow 500ms infinite;
  animation: glowingYellow 500ms infinite;
}

.glowYellowSlow {
  -webkit-animation: glowingYellow 1500ms infinite;
  -moz-animation: glowingYellow 1500ms infinite;
  -o-animation: glowingYellow 1500ms infinite;
  animation: glowingYellow 1500ms infinite;
}

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

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

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

.glowOrange {
  -webkit-animation: glowingOrange 500ms infinite;
  -moz-animation: glowingOrange 500ms infinite;
  -o-animation: glowingOrange 500ms infinite;
  animation: glowingOrange 500ms infinite;
}

.glowOrangeSlow {
  -webkit-animation: glowingOrange 1500ms infinite;
  -moz-animation: glowingOrange 1500ms infinite;
  -o-animation: glowingOrange 1500ms infinite;
  animation: glowingOrange 1500ms infinite;
}