MediaWiki:Common.css

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: Clear the cache in Tools → Preferences

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