User:LuvOf99Th/common.css

/**************/ /* Link hover */ /**************/ a:hover { text-shadow: Red 0 0 5px; color: Violet !important; text-decoration:none; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; }

/* Background image and color */ section#wikia-recent-activity { background-image: linear-gradient(to top right, #9C1615 33%, White 67%); background-color: #27D8FE; } /* Heading color */ section#wikia-recent-activity h2 { color: violet; text-shadow:0 0 7px White; }

/* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } section#wikia-recent-activity { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 10px White; } section#wikia-recent-activity:hover, section#wikia-recent-activity:focus, section#wikia-recent-activity:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

/* Background image and color */ section#recirculation-rail { background-image: linear-gradient(to top right, white 33%, #9C1615 67%); background-color: #27D8FE; } /* Heading color */ section#recirculation-rail h2 { color: #F10FFF; text-shadow:0 0 7px White; }

/* Buzz */ @-webkit-keyframes hvr-buzz { 50% {   -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% {    -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% {   -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% {    -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } section#recirculation-rail { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 10px White; } section#recirculation-rail:hover, section#recirculation-rail:focus, section#recirculation-rail:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }