Difference between revisions of "MediaWiki:Common.css"
From Deep Blue Robotics Wiki
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
@-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; } | ||
Line 26: | Line 24: | ||
} | } | ||
+ | .glowRedSlow { | ||
+ | -webkit-animation: glowingRed 1500ms infinite; | ||
+ | -moz-animation: glowingRed 1500ms infinite; | ||
+ | -o-animation: glowingRed 1500ms infinite; | ||
+ | animation: glowingRed 1500ms infinite; | ||
+ | } | ||
+ | |||
+ | /********************************************************************************/ | ||
@-webkit-keyframes glowingGreen { | @-webkit-keyframes glowingGreen { | ||
Line 50: | Line 56: | ||
-o-animation: glowingGreen 500ms infinite; | -o-animation: glowingGreen 500ms infinite; | ||
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; | ||
} | } |
Latest revision as of 00:09, 5 November 2016
@-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;
}