.catListTitle{
display:none;
}
#github-link {
    width:149px;
    height:149px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 111;
    background:url('https://images.cnblogs.com/cnblogs_com/xwwin/878278/o_181013271777365.png') no-repeat;
    -webkit-transition:transform 0.4s;
    transition:transform 0.4s;
}
#github-link:hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    background:url('https://images.cnblogs.com/cnblogs_com/xwwin/878278/o_o_linkGithub.png') no-repeat;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
#Header1_HeaderTitle{
display:inline-block;
 -webkit-animation:swing 0.8s infinite 0s alternate;
 animation:swing 0.8s infinite 0s alternate;
}
blogTitle: hover #Header1_HeaderTitle{
-webkit-animation:swing 0.8s infinite 0s alternate;
 animation:swing 0.4s infinite 0s alternate;
}
#navList a{
-webkit-transition:transform 0.4s;
transition:transform 0.4s;
}
#navList a:hover {
    background-color: #fff;
    color: #169fe6;
    text-decoration: none;
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
.topicListFooter .pager a:hover{
  margin: 0 2px;
    padding: 2px 5px;
height:20px;
line-height:20px;
border:1px solid #9ab26b;
display:inline;
}
#blogTitle h2{
padding:5px 10px;
background: -webkit-radial-gradient(circle at 10px -7px, transparent 8px, green 8px, green 9px, transparent 9px) repeat-x,
        radial-gradient(circle at 10px 27px, transparent 8px, green 8px, green 9px, transparent 9px) repeat-x;
  background: radial-gradient(circle at 10px -7px, transparent 8px, green 8px, green 9px, transparent 9px) repeat-x,
        radial-gradient(circle at 10px 27px, transparent 8px, green 8px, green 9px, transparent 9px) repeat-x;
    background-size: 20px 20px;
    background-position: -10px calc(100% + 16px), 0 calc(100% - 4px);
  -webkit-animation: waveFlow 1s infinite linear;
  animation: waveFlow 1s infinite linear;
}
#blogTitle:hover h2 {
  -webkit-animation: waveFlow 0.5s infinite linear;
  animation: waveFlow 0.5s infinite linear;
}
@keyframes waveFlow {
    from { background-position-x: -10px, 0; }
    to { background-position-x: -30px, -20px; }
}