Difference between revisions of "MediaWiki:Common.css"
From Deep Blue Robotics Wiki
Line 3: | Line 3: | ||
@-webkit-keyframes glowingRed { | @-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: | + | 50% { background-color: red; -webkit-box-shadow: 0 0 40px red; } |
100% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; } | 100% { background-color: #f9f9f9; -webkit-box-shadow: 0 0 3px #f9f9f9; } | ||
} | } | ||
Line 9: | Line 9: | ||
@-moz-keyframes glowingRed { | @-moz-keyframes glowingRed { | ||
0% { background-color: #f9f9f9; -moz-box-shadow: 0 0 3px #f9f9f9; } | 0% { background-color: #f9f9f9; -moz-box-shadow: 0 0 3px #f9f9f9; } | ||
− | 50% { background-color: | + | 50% { background-color: red; -moz-box-shadow: 0 0 40px red; } |
100% { background-color: #f9f9f9; -moz-box-shadow: 0 0 3px #f9f9f9; } | 100% { background-color: #f9f9f9; -moz-box-shadow: 0 0 3px #f9f9f9; } | ||
} | } | ||
Line 15: | Line 15: | ||
@-o-keyframes glowingRed { | @-o-keyframes glowingRed { | ||
0% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; } | 0% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; } | ||
− | 50% { background-color: | + | 50% { background-color: red; box-shadow: 0 0 40px red; } |
100% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; } | 100% { background-color: #f9f9f9; box-shadow: 0 0 3px #f9f9f9; } | ||
} | } |
Revision as of 22:10, 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: 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; }
}
.glow {
-webkit-animation: glowingRed 500ms infinite;
-moz-animation: glowingRed 500ms infinite;
-o-animation: glowingRed 500ms infinite;
animation: glowingRed 500ms infinite;
}