Difference between revisions of "MediaWiki:Common.css"
From Deep Blue Robotics Wiki
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | @-webkit-keyframes | + | @-webkit-keyframes glowingRed { |
0% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; } | 0% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; } | ||
50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; } | 50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; } | ||
100% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; } | 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: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; } | ||
| + | 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: #FF0000; box-shadow: 0 0 40px #FF0000; } | ||
| + | 100% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; } | ||
} | } | ||
.glow { | .glow { | ||
| − | -webkit-animation: | + | -webkit-animation: glowingRed 1500ms infinite; |
| − | -moz-animation: | + | -moz-animation: glowingRed 1500ms infinite; |
| − | -o-animation: | + | -o-animation: glowingRed 1500ms infinite; |
| − | animation: | + | animation: glowingRed 1500ms infinite; |
} | } | ||
Revision as of 22:06, 3 November 2016
/* 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: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
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: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
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: #FF0000; box-shadow: 0 0 40px #FF0000; }
100% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; }
}
.glow {
-webkit-animation: glowingRed 1500ms infinite;
-moz-animation: glowingRed 1500ms infinite;
-o-animation: glowingRed 1500ms infinite;
animation: glowingRed 1500ms infinite;
}
