Difference between revisions of "MediaWiki:Common.css"
From Deep Blue Robotics Wiki
Line 24: | Line 24: | ||
-o-animation: glowingRed 500ms infinite; | -o-animation: glowingRed 500ms infinite; | ||
animation: glowingRed 500ms infinite; | animation: glowingRed 500ms infinite; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Revision as of 22:52, 4 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; }
}
.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;
}