Difference between revisions of "MediaWiki:Common.css"

From Deep Blue Robotics Wiki
Jump to: navigation, search
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/* CSS placed here will be applied to all skins */
 
−
 
 
@-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 24: Line 22:
 
   -o-animation: glowingRed 500ms infinite;
 
   -o-animation: glowingRed 500ms infinite;
 
   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;
 
}
 
}

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;
}
Retrieved from "http://wiki.carlmontrobotics.org/index.php?title=MediaWiki:Common.css&oldid=1907"