ellipsographe/SVGAnimation.css

   1 .message {
   2   background    : #6e6e6e;
   3   color         : white;
   4   font-size     : 90%;
   5   margin-top    : 5px;
   6   padding       : 6px;
   7   border-radius : 4px;
   8 }
   9
  10 .SVGbutton{
  11   text-align:center;
  12   margin-top:5px;
  13 }
  14
  15 button.SVGplay {
  16   -webkit-box-shadow: 0px 1px 3px #666666;
  17   -moz-box-shadow: 0px 1px 3px #666666;
  18   box-shadow: 0px 1px 3px #666666;
  19   color: #ffffff;
  20   font-size:1.1em;
  21   background: #6e6e6e;
  22   padding: 5px 10px 5px 10px;
  23   border: solid #575757 0.1px;
  24   text-decoration: none;
  25 }
  26
  27 button.SVGplay:hover {
  28   background: #2c5b78;
  29   text-decoration: none;
  30   transition:0.4s;
  31   color:white;
  32 }
  33
  34 button.playBtn{
  35   background-image: url(player-1.svg);
  36   background-size: 20px 20px;
  37   color: transparent;
  38   background-repeat: no-repeat;
  39   background-position: center;
  40 }
  41
  42
  43 button.stopBtn{
  44   background-image: url(player-2.svg);
  45   background-size: 20px 20px;
  46   color: transparent;
  47   background-repeat: no-repeat;
  48   background-position: center;
  49 }