MediaWiki:Fancy.css

.testest { font-weight: bold !important; color: transparent !important; background: linear-gradient(to left, red, orange, yellow, limegreen, cyan, blue, pink) !important; -webkit-background-clip:text !important; -webkit-text-fill-color: transparent !important } .limegreentable {border: 1px solid black} .limegreentable td {border: 1px solid transparent; background: rgb(230,255,230); font-size:89%;} .limegreentable th {background:limegreen; color:white}

.wordbubbleuselessguy { background: url(http://img1.wikia.nocookie.net/__cb20150802071855/plantsvszombies/images/7/76/UselessguyWordbubbleBackground1.png) repeat-x, url(http://img3.wikia.nocookie.net/__cb20150802071922/plantsvszombies/images/a/ae/UselessguyWordbubbleBackground2.png); border-radius:2em; } .ChatWindow [data-user="Uselessguy"] .avatar { opacity:0; } .ChatWindow [data-user="Uselessguy"] .message { background: url(http://img3.wikia.nocookie.net/__cb20150822085417/plantsvszombies/images/9/98/Useless_Chat_Background.png) no-repeat; }

.message_me-message { background: url(http://img3.wikia.nocookie.net/__cb20150822090519/plantsvszombies/images/9/98/Useless_Chat_Background.png) no-repeat; background-color:transparent; } .ChatWindow [data-user="Pepsicola45"] { background: url(http://orig15.deviantart.net/023e/f/2015/214/e/b/cantarella_grace_by_issa098wooz-d93ukbu.png); border-radius:1em; }

.speech-bubble-avatar [alt="Uselessguy"] { animation: BlueGlowing 1s linear 0s infinite; -webkit-animation: BlueGlowing 3s linear 0s infinite; -moz-animation: BlueGlowing 3s linear 0s infinite;}

.ChatWindow [data-user="Uselessguy"] .avatar, .ChatWindow [data-user="Thecoollittlepeashooter"] .avatar, .ChatWindow [data-user="The Magic Star"] .avatar, .ChatWindow [data-user="Electric Plants"] .avatar, .ChatWindow [data-user="Ervinke44"] .avatar { animation: BlueGlowing 1s linear 0s infinite; -webkit-animation: BlueGlowing 3s linear 0s infinite; -moz-animation: BlueGlowing 3s linear 0s infinite;}

.ChatWindow [data-user="Rx2MikeyWIKIA"] .avatar, .ChatWindow [data-user="Milesprower2"] .avatar, .ChatWindow [data-user="SnappyDragon"] .avatar, .ChatWindow [data-user="Piotrek1113"] .avatar { animation: GreenGlowing 1s linear 0s infinite; -webkit-animation: GreenGlowing 3s linear 0s infinite; -moz-animation: GreenGlowing 3s linear 0s infinite;}

.ChatWindow [data-user="Bubblefan123"] .avatar, .ChatWindow [data-user="Legenddemonicderpknight"] .avatar { animation: GoldGlowing 1s linear 0s infinite; -webkit-animation: GoldGlowing 3s linear 0s infinite; -moz-animation: GoldGlowing 3s linear 0s infinite;}

.ChatWindow [data-user="Pepsicola45"] .avatar { animation: GreyGlowing 1s linear 0s infinite; -webkit-animation: GreyGlowing 3s linear 0s infinite; -moz-animation: GreyGlowing 3s linear 0s infinite;}

.ChatWindow [data-user="Lover1234"] .avatar, .ChatWindow [data-user="TheHandsomePlant"] .avatar, .ChatWindow [data-user="Flame pea"] .avatar{ animation: RedGlowing 1s linear 0s infinite; -webkit-animation: RedGlowing 3s linear 0s infinite; -moz-animation: RedGlowing 3s linear 0s infinite;}

.ChatWindow [data-user="ErnestoAM"] .avatar { animation: ElectricGlowing 1s linear 0s infinite; -webkit-animation: ElectricGlowing 3s linear 0s infinite; -moz-animation: ElectricGlowing 3s linear 0s infinite;}

.ChatWindow [data-user="Ballistic Planet"] .avatar { animation: BallisticPlanetGlowing 1s linear 0s infinite; -webkit-animation: BallisticPlanetGlowing 3s linear 0s infinite; -moz-animation: BallisticPlanetGlowing 3s linear 0s infinite;}

.speech-bubble-avatar [alt="Thecoollittlepeashooter"] { animation: BlueGlowing 1s linear 0s infinite; -webkit-animation: BlueGlowing 3s linear 0s infinite; -moz-animation: BlueGlowing 3s linear 0s infinite;}

.ChatWindow [data-user="Bubblefan123"] .avatar { animation: LightBlueGlowing 1s linear 0s infinite; -webkit-animation: LightBlueGlowing 3s linear 0s infinite; -moz-animation: LightBlueGlowing 3s linear 0s infinite;}

.ChatWindow [data-user="Itsleo20"] .avatar { animation: OrangeGlowing 1s linear 0s infinite; -webkit-animation: OrangeGlowing 3s linear 0s infinite; -moz-animation: OrangeGlowing 3s linear 0s infinite;}

.ChatWindow [data-user="CitronFire3"] .avatar { animation: PurpleGlowing 1s linear 0s infinite; -webkit-animation: PurpleGlowing 3s linear 0s infinite; -moz-animation: PurpleGlowing 3s linear 0s infinite;}

@keyframes PurpleGlowing {50%{box-shadow: 0 0 15px purple}} @-webkit-keyframes PurpleGlowing {50%{box-shadow: 0 0 15px purple}} @-moz-keyframes PurpleGlowing {50%{box-shadow: 0 0 15px purple}}

@keyframes OrangeGlowing {50%{box-shadow: 0 0 15px orange}} @-webkit-keyframes OrangeGlowing {50%{box-shadow: 0 0 15px orange}} @-moz-keyframes OrangeGlowing {50%{box-shadow: 0 0 15px orange}}

@keyframes BlueGlowing {50%{box-shadow: 0 0 15px blue}} @-webkit-keyframes BlueGlowing {50%{box-shadow: 0 0 15px blue}} @-moz-keyframes BlueGlowing {50%{box-shadow: 0 0 15px blue}}

@keyframes LightBlueGlowing {50%{box-shadow: 0 0 15px lightblue}} @-webkit-keyframes LightBlueGlowing {50%{box-shadow: 0 0 15px lightblue}} @-moz-keyframes LightBlueGlowing {50%{box-shadow: 0 0 15px lightblue}}

@keyframes RedGlowing {50%{box-shadow: 0 0 15px red}} @-webkit-keyframes RedGlowing {50%{box-shadow: 0 0 15px red}} @-moz-keyframes RedGlowing {50%{box-shadow: 0 0 15px red}}

@keyframes GreyGlowing {50%{box-shadow: 0 0 15px gray}} @-webkit-keyframes GreyGlowing {50%{box-shadow: 0 0 15px gray}} @-moz-keyframes GreyGlowing {50%{box-shadow: 0 0 15px gray}}

@keyframes ElectricGlowing {50%{box-shadow: 0 0 15px cyan}} @-webkit-keyframes ElectricGlowing {50%{box-shadow: 0 0 15px cyan}} @-moz-keyframes ElectricGlowing {50%{box-shadow: 0 0 15px cyan}}

@keyframes GreenGlowing {50%{box-shadow: 0 0 15px green}} @-webkit-keyframes GreenGlowing {50%{box-shadow: 0 0 15px green}} @-moz-keyframes GreenGlowing {50%{box-shadow: 0 0 15px green}}

@keyframes GoldGlowing {50%{box-shadow: 0 0 15px gold}} @-webkit-keyframes GoldGlowing {50%{box-shadow: 0 0 15px gold}} @-moz-keyframes GoldGlowing {50%{box-shadow: 0 0 15px gold}}

@keyframes BallisticPlanetGlowing {50%{box-shadow: 0 0 15px #090c39}} @-webkit-keyframes BallisticPlanetGlowing {50%{box-shadow: 0 0 15px #090c39}} @-moz-keyframes BallisticPlanetGlowing {50%{box-shadow: 0 0 15px #090c39}}

.tabtitle { list-style-type: none; -webkit-list-style-type: none; -moz-list-style-type: none; -ms-list-style-type: none; position: relative; border: 1px solid #cccccc; border-style: solid dotted dotted solid; top:8px; z-index:1; } .tabtitle li { text-align:center; display:inline; -webkit-display:inline; -moz-display:inline; -ms-display:inline; padding: 2px; }

.tabtitle li:hover {z-index:2;background:#5F6181}

.note {display:block; position:fixed; bottom:0; left: 0} .note:target {display:none}

.tab {display:none; -webkit-display:none; -moz-display:none; -ms-display:none} .tab:target {display:block; -webkit-display:block; -moz-display:block; -ms-display:block}

.UselessguyUserpage { background: url(http://img4.wikia.nocookie.net/__cb20150330054847/plantsvszombies/images/3/37/PeaPods.png); width:100%; }

.UselessguyTalkArchive { background: linear-gradient(to top, limegreen 50%, greenyellow 150%); border-radius: 20px; }

.UselessguyTalkArchive:hover { background: linear-gradient(to top, limegreen 0%, greenyellow 100%); border-radius: 20px; filter:alpha; } .PlayersHouseTravelLog { background: url(http://vignette2.wikia.nocookie.net/uselessguy/images/b/b4/Player%27s_House_Travel_Log.png/revision/latest/scale-to-width-down/640?cb=20150806090720); }

.AncientEgyptTravelLog { background: url(http://vignette4.wikia.nocookie.net/uselessguy/images/d/d7/Ancient_Egypt_Travel_Log.png/revision/latest/scale-to-width-down/640?cb=20150806090606); }

.PirateSeasTravelLog { background: url(http://vignette3.wikia.nocookie.net/uselessguy/images/1/1c/Pirate_Seas_Travel_Log.png/revision/latest/scale-to-width-down/640?cb=20150806090744); }

.WildWestTravelLog { background: url(http://vignette3.wikia.nocookie.net/uselessguy/images/4/43/Wild_West_Travel_Log.png/revision/latest/scale-to-width-down/640?cb=20150806090813); }

.FarFutureTravelLog { background: url(http://vignette1.wikia.nocookie.net/uselessguy/images/c/c8/Far_Future_Travel_Log.png/revision/latest/scale-to-width-down/640?cb=20150806090525); }

.DarkAgesTravelLog { background: url(http://vignette3.wikia.nocookie.net/uselessguy/images/8/8e/Dark_Ages_Travel_Log.png/revision/latest/scale-to-width-down/640?cb=20150806085602); }

.FrostbiteCavesTravelLog { background: url(http://vignette2.wikia.nocookie.net/uselessguy/images/c/c2/Frostbite_Caves_Travel_Log.png/revision/latest/scale-to-width-down/640?cb=20150806090634); }

.BigWaveBeachTravelLog { background: url(http://vignette3.wikia.nocookie.net/uselessguy/images/6/6d/Big_Wave_Beach_Travel_Log.png/revision/latest/scale-to-width-down/640?cb=20150806085103); }

.LostCityTravelLog { background: url(http://vignette3.wikia.nocookie.net/uselessguy/images/a/ad/Lost_City_Travel_Log.png/revision/latest/scale-to-width-down/640?cb=20150806090844); }

.NeonMixtapeTourTravelLog { background: url(http://vignette2.wikia.nocookie.net/uselessguy/images/6/65/Neon_Mixtape_Tour_Travel_Log.png/revision/latest/scale-to-width-down/640?cb=20150806082924); }

@font-face { font-family: Cafeteria-Black; src: local('Cafeteria-Black'), url(http://img2.wikia.nocookie.net/__cb20150602133626/plantsvszombies/images/1/1d/Cafeteria-Black.otf) format('opentype'); }

.blackbackground { background: url(http://img2.wikia.nocookie.net/__cb20150602134204/plantsvszombies/images/1/16/70_percent_black_background.png); }

.NewTag { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); font-family: Cafeteria-Black; background: red; color:white; }

.UselessguyBoxTitle { background: url(http://vignette4.wikia.nocookie.net/uselessguy/images/f/f0/Uselessguy_Border_Top_Left.png/revision/latest?cb=20150622153033) top left no-repeat, url(http://vignette3.wikia.nocookie.net/uselessguy/images/b/b2/Uselessguy_Border_Bottom_Left.png/revision/latest?cb=20150622153032) bottom left no-repeat, url(http://vignette3.wikia.nocookie.net/uselessguy/images/8/84/Uselessguy_Border_Bottom_Right.png/revision/latest?cb=20150622153032) bottom right no-repeat, url(http://vignette2.wikia.nocookie.net/uselessguy/images/2/23/Uselessguy_Border_Top_Right.png/revision/latest?cb=20150622153034) top right no-repeat, url(http://vignette2.wikia.nocookie.net/uselessguy/images/0/05/Uselessguy_Border_Right.png/revision/latest?cb=20150622153033) right repeat-y, url(http://vignette2.wikia.nocookie.net/uselessguy/images/4/4b/Uselessguy_Border_Left.png/revision/latest?cb=20150622153033) left repeat-y, url(http://vignette2.wikia.nocookie.net/uselessguy/images/1/13/Uselessguy_Border_Top.png/revision/latest?cb=20150622153034) top repeat-x, url(http://vignette1.wikia.nocookie.net/uselessguy/images/d/d1/Uselessguy_Border_Bottom.png/revision/latest?cb=20150622153032) bottom repeat-x, url(http://vignette1.wikia.nocookie.net/uselessguy/images/0/00/Uselessguy_Background_Title.png/revision/latest?cb=20150622153031) ; font-size: 25px; color: white; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black; font-family: Cafeteria-Black; text-align:center; } .UselessguyBoxMain { background: url(http://vignette4.wikia.nocookie.net/uselessguy/images/f/f0/Uselessguy_Border_Top_Left.png/revision/latest?cb=20150622153033) top left no-repeat, url(http://vignette3.wikia.nocookie.net/uselessguy/images/b/b2/Uselessguy_Border_Bottom_Left.png/revision/latest?cb=20150622153032) bottom left no-repeat, url(http://vignette3.wikia.nocookie.net/uselessguy/images/8/84/Uselessguy_Border_Bottom_Right.png/revision/latest?cb=20150622153032) bottom right no-repeat, url(http://vignette2.wikia.nocookie.net/uselessguy/images/2/23/Uselessguy_Border_Top_Right.png/revision/latest?cb=20150622153034) top right no-repeat, url(http://vignette2.wikia.nocookie.net/uselessguy/images/0/05/Uselessguy_Border_Right.png/revision/latest?cb=20150622153033) right repeat-y, url(http://vignette2.wikia.nocookie.net/uselessguy/images/4/4b/Uselessguy_Border_Left.png/revision/latest?cb=20150622153033) left repeat-y, url(http://vignette2.wikia.nocookie.net/uselessguy/images/1/13/Uselessguy_Border_Top.png/revision/latest?cb=20150622153034) top repeat-x, url(http://vignette1.wikia.nocookie.net/uselessguy/images/d/d1/Uselessguy_Border_Bottom.png/revision/latest?cb=20150622153032) bottom repeat-x, url(http://vignette4.wikia.nocookie.net/uselessguy/images/6/64/Uselessguy_Background_Main.png/revision/latest?cb=20150622153031); color: white; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black; font-family: Cafeteria-Black }

@keyframes hand1 { from {background: yellow} to {background: red} }

.AnimationTest { width:100px; height:100px; animation-name: hand1; animation-duration: 100s; width:100%; height:100%; } .WikiaRail {overflow: visible} .x-pipe { background:url(http://vignette2.wikia.nocookie.net/uselessguy/images/8/8d/Uselessguy_Top_Bottom.png/revision/latest?cb=20150426030136) top repeat-x; height:7px; }

.LaserBeanAnimation .Eyebrow { background: url(http://img2.wikia.nocookie.net/__cb20150703030533/plantsvszombies/images/a/af/LaserBeanEyebrow.png) no-repeat; width:37px; height:10px; animation-name: LaserBeanEyebrow; animation-duration:1s; animation-iteration-count: infinite; animation-timing-function: linear; }

.LaserBeanAnimation .Eyebrow { background: url(http://img2.wikia.nocookie.net/__cb20150703030533/plantsvszombies/images/a/af/LaserBeanEyebrow.png) no-repeat; width:37px; height:10px; animation-name: LaserBeanEyebrow; animation-duration:1s; animation-iteration-count: infinite; animation-timing-function: linear; }

@keyframes LaserBeanEyebrow { 0% {}   50% {transform: scale(1.15,0.85); top: -202px;} 100% {} }

.LaserBeanAnimation .Eye1 { background: url(http://img4.wikia.nocookie.net/__cb20150703030552/plantsvszombies/images/f/fb/LaserBeanEyes.png) no-repeat; width:21px; height:21px; animation-name: LaserBeanEye1; animation-duration:1s; animation-iteration-count: infinite; animation-timing-function: linear; }

.LaserBeanAnimation .Eye2 { background: url(http://img4.wikia.nocookie.net/__cb20150703030552/plantsvszombies/images/f/fb/LaserBeanEyes.png) no-repeat; width:21px; height:21px; animation-name: LaserBeanEye2; animation-duration:1s; animation-iteration-count: infinite; animation-timing-function: linear; }

@keyframes LaserBeanEye1 { 0% {}   50% {transform: scale(1.15,0.85); top: -74px;} 100% {} }

@keyframes LaserBeanEye2 { 0% {}   50% {transform: scale(1.15,0.85); top: -95px;} 100% {} } .LaserBeanAnimation .Body { background: url(http://img1.wikia.nocookie.net/__cb20150703030511/plantsvszombies/images/f/f0/LaserBeanBody.png) no-repeat; width:69px; height:80px; animation-name: LaserBeanBody; animation-duration:1s; animation-iteration-count: infinite; animation-timing-function: linear; }

@keyframes LaserBeanBody { 0% {}   50% {transform: scale(1.1,0.9); top:-7px;} 100% {} } .LaserBeanAnimation .Mouth { background: url(http://img1.wikia.nocookie.net/__cb20150703030620/plantsvszombies/images/6/6b/LaserBeanMouth.png) no-repeat; width:22px; height:9px; animation-name: LaserBeanMouth; animation-duration:1s; animation-iteration-count: infinite; animation-timing-function: linear; }

@keyframes LaserBeanMouth { 0% {}   50% {transform: scale(1.1,0.9); top: -188px;} 100% {} }

.LaserBeanAnimation .Headstuff { background: url(http://img3.wikia.nocookie.net/__cb20150703030638/plantsvszombies/images/d/d3/LaserBeanHeadStuff.png) no-repeat; width:22px; height:28px; animation-name: LaserBeanAntena; animation-duration:1s; animation-iteration-count: infinite; animation-timing-function: ease-out; }

@keyframes LaserBeanAntena { 0% {}   45% {transform: rotate(1deg) translate(0px, 8px)} 75% {transform: rotate(-7deg) translate(-6px, 4px)} 100% {} }

@keyframes LaserBeanEye1Blink1 { 0% {opacity:0;} 25% {transform: scale(1.15,0.85); top: -116px;} 50% {transform: scale(1.0,1.0); top: -125px;} 49.90% {opacity:0.01} 49.99% {opacity:1.0} 54.99% {opacity:0.99} 55% {opacity:0} 59.99% {opacity:0.01} 60% {opacity:1.0} 75% {transform: scale(1.15,0.85); top: -116px;} 64.99% {opacity: 0.99} 65% {opacity:0} 84.99% {opacity: 0.01} 85% {opacity:1.0} 89.99% {opacity:0.99} 90% {opacity:0} 94.99% {opacity:0.01} 95% {opacity:1.0} 99.99% {opacity:0.99} 100% {opacity:0;} }

@keyframes LaserBeanEye2Blink1 { 0% {opacity:0;} 25% {transform: scale(1.15,0.85); top: -137px;} 50% {transform: scale(1.0,1.0); top: -146px;} 49.90% {opacity:0.01} 49.99% {opacity:1.0} 54.99% {opacity:0.99} 55% {opacity:0} 59.99% {opacity:0.01} 60% {opacity:1.0} 75% {transform: scale(1.15,0.85); top: -137px;} 64.99% {opacity: 0.99} 65% {opacity:0} 84.99% {opacity: 0.01} 85% {opacity:1.0} 89.99% {opacity:0.99} 90% {opacity:0} 94.99% {opacity:0.01} 95% {opacity:1.0} 99.99% {opacity:0.99} 100% {opacity:0;} }

@keyframes LaserBeanEye1Blink2 { 0% {opacity:0;} 25% {transform: scale(1.15,0.85); top: -158px;} 50% {transform: scale(1.0,1.0); top: -167px;} 54.99% {opacity:0.01} 55% {opacity:1.0} 59.99% {opacity:0.99} 60% {opacity:0} 75% {transform: scale(1.15,0.85); top: -158px;} 89.99% {opacity:0.01} 90% {opacity:1.0} 94.99% {opacity:0.99} 95% {opacity:0} 100% {opacity:0} }

@keyframes LaserBeanEye2Blink2 { 0% {opacity:0;} 25% {transform: scale(1.15,0.85); top: -179px;} 50% {transform: scale(1.0,1.0); top: -188px;} 54.99% {opacity:0.01} 55% {opacity:1.0} 59.99% {opacity:0.99} 60% {opacity:0} 75% {transform: scale(1.15,0.85); top: -179px;} 89.99% {opacity:0.01} 90% {opacity:1.0} 94.99% {opacity:0.99} 95% {opacity:0} 100% {opacity:0} }

.LaserBeanAnimation .Eye1Blink1 { background: url(http://img4.wikia.nocookie.net/__cb20150703125728/plantsvszombies/images/1/14/LaserBeanEyesBlink1.png) no-repeat; width:21px; height:21px; animation-name: LaserBeanEye1Blink1; animation-duration:2s; animation-iteration-count: infinite; animation-timing-function: ease-out; }

.LaserBeanAnimation .Eye1Blink2 { background: url(http://img3.wikia.nocookie.net/__cb20150703125751/plantsvszombies/images/2/27/LaserBeanEyesBlink2.png) no-repeat; width:21px; height:21px; animation-name: LaserBeanEye1Blink2; animation-duration:2s; animation-iteration-count: infinite; animation-timing-function: ease-out; }

.LaserBeanAnimation .Eye2Blink1 { background: url(http://img4.wikia.nocookie.net/__cb20150703125728/plantsvszombies/images/1/14/LaserBeanEyesBlink1.png) no-repeat; width:21px; height:21px; animation-name: LaserBeanEye2Blink1; animation-duration:2s; animation-iteration-count: infinite; animation-timing-function: ease-out; }

.LaserBeanAnimation .Eye2Blink2 { background: url(http://img3.wikia.nocookie.net/__cb20150703125751/plantsvszombies/images/2/27/LaserBeanEyesBlink2.png) no-repeat; width:21px; height:21px; animation-name: LaserBeanEye2Blink2; animation-duration:2s; animation-iteration-count: infinite; animation-timing-function: ease-out; }

@keyframes HurrikaleSmoke1 { 0% {opacity:0} 29.99% {opacity:0.01} 45% {opacity:0.7; transform: scale(1.0,1.0) translate(0px,0px)} 80% {opacity:0; transform: translate(5px,-10px)} 100% {opacity:0} }

@keyframes HurrikaleSmoke2 { 0% {opacity:0} 29.99% {opacity:0.01} 45% {opacity:0.7; transform: scale(1.0,1.0) translate(0px,0px)} 79% {opacity:0; transform: scale(1.2,1.2) translate(5px,-10px)} 100% {opacity:0} }

@keyframes HurrikaleRightEye { 0% {}   5% {transform: translate(1px,-1px)} 25% {transform: rotate(15deg) translate(18px,-1px)} 45% {transform: translate(1px,-1px)} 50% {transform: translate(0px,0px) rotate(0deg)} 55% {transform: translate(1px,-1px)} 67.99% {opacity:0.99} 68% {opacity:0} 69.99% {opacity: 0.01} 70% {opacity: 1.0} 75% {transform: rotate(15deg) translate(18px,-1px)} 95% {transform: translate(1px,-1px)} 100% {} }

@keyframes HurrikaleRightEyeBlink1 { 0% {opacity:0} 50% {transform: translate(0px,0px) rotate(0deg); opacity:0} 55% {transform: translate(1px,-1px)} 67.99% {opacity:0.01} 68% {opacity:1.0} 68.99% {opacity:0.99} 69% {opacity:0} 75% {transform: rotate(15deg) translate(18px,-1px)} 95% {transform: translate(1px,-1px)} 100% {opacity:0} }

@keyframes HurrikaleRightEyeBlink2 { 0% {opacity:0} 50% {transform: translate(0px,0px) rotate(0deg); opacity:0} 55% {transform: translate(1px,-1px)} 68.99% {opacity:0.01} 69% {opacity:1.0} 69.99% {opacity:0.99} 70% {opacity:0} 75% {transform: rotate(15deg) translate(18px,-1px)} 95% {transform: translate(1px,-1px)} 100% {opacity:0} }

@keyframes HurrikaleLeftEye { 0% {}   5% {transform: translate(1px,-1px)} 25% {transform: rotate(15deg) translate(18px,1px)} 45% {transform: translate(1px,-1px)} 50% {transform: translate(0px,0px) rotate(0deg)} 55% {transform: translate(1px,-1px)} 67.99% {opacity:0.99} 68% {opacity:0} 69.99% {opacity: 0.01} 70% {opacity: 1.0} 75% {transform: rotate(15deg) translate(18px,1px)} 95% {transform: translate(1px,-1px)} 100% {} }

@keyframes HurrikaleLeftEyeBlink1 { 0% {opacity: 0} 50% {transform: translate(0px,0px) rotate(0deg)} 55% {transform: translate(1px,-1px)} 67.99% {opacity:0.01} 68% {opacity:1.0} 68.99% {opacity:0.99} 69% {opacity:0} 75% {transform: rotate(15deg) translate(18px,1px)} 95% {transform: translate(1px,-1px)} 100% {opacity: 0} }

@keyframes HurrikaleLeftEyeBlink2 { 0% {opacity: 0} 50% {transform: translate(0px,0px) rotate(0deg)} 55% {transform: translate(1px,-1px)} 68.99% {opacity:0.01} 69% {opacity:1.0} 69.99% {opacity:0.99} 70% {opacity:0} 75% {transform: rotate(15deg) translate(18px,1px)} 95% {transform: translate(1px,-1px)} 100% {opacity: 0} }

@keyframes HurrikaleHead { 0% {}   10% {transform: translate(1px,-1px)} 50% {transform: rotate(15deg) translate(13px,0px)} 90% {transform: translate(1px,-1px)} 100% {} }

@keyframes HurrikaleLightHead { 0% {}   10% {transform: translate(1px,-1px)} 50% {transform: rotate(20deg) translate(18px,0px)} 90% {transform: translate(1px,-1px)} 100% {} }

@keyframes HurrikaleHair { 0% {}   10% {transform: rotate(0deg) translate(0px, -1px)} 50% {transform: rotate(20deg) translate(15px,-3px)} 90% {transform: rotate(0deg) translate(0px, -1px)} 100% {} }

@keyframes HurrikaleHairAbove { 0% {}   10% {transform: scale(1.0,1.0) translate(1px, -1px)} 47% {transform: rotate(25deg) translate(22px, 2px)} 50% {transform: rotate(25deg) translate(22px, 2px)} 90% {transform: scale(1.0,1.0) translate(1px, -1px)} 100% {} }

@keyframes HurrikaleHairBelow1 { 0% {}   10% {transform: scale(1.0, 0.8) translate(2px, 2px)} 50% {transform: scale(1.0,0.9) rotate(15deg) translate(11px, 1px)} 90% {transform: scale(1.0, 0.8) translate(2px, 2px)} 100% {} }

@keyframes HurrikaleHairBelow2 { 0% {}   10% {transform: translate(2px, 2px)} 50% {transform: rotate(15deg) translate(15px,2px)} 90% {transform: translate(2px, 2px)} 100% {} }

@keyframes HurrikaleLeaf1 { 0% {}   50% {transform: rotate(-45deg) translate(0px, 3px)} 100% {} }

@keyframes HurrikaleLeaf2 { 0% {}   50% {transform: rotate(-45deg) translate(4px, 14px)} 100% {} }

@keyframes HurrikaleLeaf3 { 0% {}   50% {transform: rotate(-45deg) translate(13px, 17px)} 100% {} }

@keyframes HurrikaleLeaf4 { 0% {}   50% {transform: rotate(-45deg) translate(15px, 7px)} 100% {} }

@keyframes HurrikaleLeaf5 { 0% {}   35% {transform: rotate(-35deg) translate(11px, -3px)} 50% {transform: rotate(-35deg) translate(11px, -3px)} 100% {} }

/* translate (+5px, none) */

@keyframes HurrikaleVegetable1 { 0% {}   50% {transform: rotate(45deg) translate(20px, -32px)} 100% {} }

@keyframes HurrikaleVegetable2 { 0% {}   50% {transform: rotate(45deg) translate(-9px, -24px)} 100% {} }

@keyframes HurrikaleVegetable3 { 0% {}   50% {transform: rotate(45deg) translate(-11px, 11px)} 100% {} }

@keyframes HurrikaleVegetable4 { 0% {}   50% {transform: rotate(45deg) translate(14px, 19px)} 100% {} }

@keyframes HurrikaleVegetable5 { 0% {}   50% {transform: rotate(45deg) translate(29px, 0px)} 100% {} } /***/

@keyframes HurrikaleStem1 { 0% {}   10% {transform:rotate(0deg)} 50% {transform: rotate(25deg) translate(6px, -5px)} 100% {} }

@keyframes HurrikaleStem2 { 0% {}   25% {transform: rotate(15deg) translate(0px, -2px)} 50% {transform: rotate(0deg)} 100% {} }

@keyframes HurrikaleStem3 { 0% {}   29.9% {transform: rotate(0deg)} 40% {transform: rotate(5deg) translate(0px, -1px)} 60% {transform: rotate(5deg) translate(0px, -1px)} 70% {transform: rotate(0deg)} 100% {} }

@keyframes HurrikaleStem4 { 0% {}   25% {transform: rotate(-15deg) translate(0px, -2px)} 50% {transform: rotate(0deg)} 100% {} }

@keyframes HurrikaleStem5 { 0% {}   60% {transform:rotate(0deg)} 80% {transform: rotate(-25deg) translate(0px, -1px)} 100% {} }

.HurrikaleAnimation .Smoke1 { background: url(http://img4.wikia.nocookie.net/__cb20150704062341/plantsvszombies/images/6/6e/HurrikaleSmoke.png) no-repeat; width:19px; height:13px; animation-name: HurrikaleSmoke1; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Smoke2 { background: url(http://img4.wikia.nocookie.net/__cb20150704062341/plantsvszombies/images/6/6e/HurrikaleSmoke.png) no-repeat; width:19px; height:13px; animation-name: HurrikaleSmoke2; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Head { background: url(http://img3.wikia.nocookie.net/__cb20150704062339/plantsvszombies/images/b/b5/HurrikaleHead.png) no-repeat; width:49px; height:49px; animation-name: HurrikaleHead; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .LightHead { background: url(http://img4.wikia.nocookie.net/__cb20150704094136/plantsvszombies/images/9/90/HurrikaleLightHead.png) no-repeat; width:24px; height:23px; animation-name: HurrikaleLightHead; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Hair { background: url(http://img1.wikia.nocookie.net/__cb20150704062338/plantsvszombies/images/4/42/HurrikaleHair.png) no-repeat; width:42px; height:52px; animation-name: HurrikaleHair; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .HurrikaleAnimation .HairAbove { background: url(http://img1.wikia.nocookie.net/__cb20150704062339/plantsvszombies/images/d/d8/HurrikaleHairAbove.png) no-repeat; width:34px; height:27px; animation-name: HurrikaleHairAbove; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .HairBelow1 { background: url(http://img2.wikia.nocookie.net/__cb20150704062339/plantsvszombies/images/1/1f/HurrikaleHairBelow1.png) no-repeat; width:35px; height:27px; animation-name: HurrikaleHairBelow1; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .HairBelow2 { background: url(http://img2.wikia.nocookie.net/__cb20150704062339/plantsvszombies/images/1/1a/HurrikaleHairBelow2.png) no-repeat; width:32px; height:10px; animation-name: HurrikaleHairBelow2; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Leaf1 { background: url(http://img2.wikia.nocookie.net/__cb20150704062339/plantsvszombies/images/8/87/HurrikaleLeaf1.png) no-repeat; width:26px; height:24px; animation-name: HurrikaleLeaf1; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Leaf2 { background: url(http://img3.wikia.nocookie.net/__cb20150704062340/plantsvszombies/images/e/eb/HurrikaleLeaf2.png) no-repeat; width:26px; height:23px; animation-name: HurrikaleLeaf2; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Leaf3 { background: url(http://img3.wikia.nocookie.net/__cb20150704062340/plantsvszombies/images/0/00/HurrikaleLeaf3.png) no-repeat; width:24px; height:26px; animation-name: HurrikaleLeaf3; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Leaf4 { background: url(http://img3.wikia.nocookie.net/__cb20150704062340/plantsvszombies/images/1/16/HurrikaleLeaf4.png) no-repeat; width:24px; height:27px; animation-name: HurrikaleLeaf4; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Leaf5 { background: url(http://img3.wikia.nocookie.net/__cb20150704062340/plantsvszombies/images/0/0a/HurrikaleLeaf5.png) no-repeat; width:26px; height:22px; animation-name: HurrikaleLeaf5; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Vegetable1 { background: url(http://img4.wikia.nocookie.net/__cb20150704062514/plantsvszombies/images/5/56/HurrikaleVegetable1.png) no-repeat; width:49px; height:37px; animation-name: HurrikaleVegetable1; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Vegetable2 { background: url(http://img4.wikia.nocookie.net/__cb20150704062514/plantsvszombies/images/7/7a/HurrikaleVegetable2.png) no-repeat; width:32px; height:53px; animation-name: HurrikaleVegetable2; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Vegetable3 { background: url(http://img3.wikia.nocookie.net/__cb20150704062514/plantsvszombies/images/a/ae/HurrikaleVegetable3.png) no-repeat; width:43px; height:31px; animation-name: HurrikaleVegetable3; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Vegetable4 { background: url(http://img1.wikia.nocookie.net/__cb20150704062515/plantsvszombies/images/0/03/HurrikaleVegetable4.png) no-repeat; width:35px; height:39px; animation-name: HurrikaleVegetable4; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Vegetable5 { background: url(http://img3.wikia.nocookie.net/__cb20150704062515/plantsvszombies/images/1/10/HurrikaleVegetable5.png) no-repeat; width:30px; height:43px; animation-name: HurrikaleVegetable5; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Stem1 { background: url(http://img2.wikia.nocookie.net/__cb20150704062342/plantsvszombies/images/9/95/HurrikaleStem1.png) no-repeat; width:23px; height:39px; animation-name: HurrikaleStem1; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Stem2 { background: url(http://img1.wikia.nocookie.net/__cb20150704062342/plantsvszombies/images/9/9d/HurrikaleStem2.png) no-repeat; width:14px; height:10px; animation-name: HurrikaleStem2; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Stem3 { background: url(http://img1.wikia.nocookie.net/__cb20150704062342/plantsvszombies/images/b/b4/HurrikaleStem3.png) no-repeat; width:20px; height:10px; animation-name: HurrikaleStem3; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: linear; }

.HurrikaleAnimation .Stem4 { background: url(http://img3.wikia.nocookie.net/__cb20150704062513/plantsvszombies/images/7/73/HurrikaleStem4.png) no-repeat; width:19px; height:11px; animation-name: HurrikaleStem4; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .Stem5 { background: url(http://img2.wikia.nocookie.net/__cb20150704062514/plantsvszombies/images/8/88/HurrikaleStem5.png) no-repeat; width:14px; height:9px; animation-name: HurrikaleStem5; animation-duration:4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .RightEye { background: url(http://img2.wikia.nocookie.net/__cb20150704062341/plantsvszombies/images/e/e7/HurrikaleRightEye.png) no-repeat; width:9px; height:14px; animation-name: HurrikaleRightEye; animation-duration:8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .RightEyeBlink1 { background: url(http://img3.wikia.nocookie.net/__cb20150704062341/plantsvszombies/images/8/83/HurrikaleRightEyeBlink1.png) no-repeat; width:9px; height:14px; animation-name: HurrikaleRightEyeBlink1; animation-duration:8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .RightEyeBlink2 { background: url(http://img4.wikia.nocookie.net/__cb20150704062341/plantsvszombies/images/3/34/HurrikaleRightEyeBlink2.png) no-repeat; width:9px; height:14px; animation-name: HurrikaleRightEyeBlink2; animation-duration:8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .LeftEye { background: url(http://img2.wikia.nocookie.net/__cb20150704062340/plantsvszombies/images/4/4d/HurrikaleLeftEye.png) no-repeat; width:8px; height:13px; animation-name: HurrikaleLeftEye; animation-duration:8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .LeftEyeBlink1 { background: url(http://img4.wikia.nocookie.net/__cb20150704062340/plantsvszombies/images/7/7b/HurrikaleLeftEyeBlink1.png) no-repeat; width:8px; height:13px; animation-name: HurrikaleLeftEyeBlink1; animation-duration:8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

.HurrikaleAnimation .LeftEyeBlink2 { background: url(http://img2.wikia.nocookie.net/__cb20150704062341/plantsvszombies/images/5/53/HurrikaleLeftEyeBlink2.png) no-repeat; width:8px; height:13px; animation-name: HurrikaleLeftEyeBlink2; animation-duration:8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

/* Common Basic Zombie's animation pieces */

.ZombieHead {animation-name:ZombieHead; height:42px; background: url(http://img3.wikia.nocookie.net/__cb20150717111541/plantsvszombies/images/9/97/ZombieHead.png)no-repeat;} .ZombieMouth {animation-name:ZombieMouth; height:18px; background: url(http://img2.wikia.nocookie.net/__cb20150714040317/plantsvszombies/images/c/cf/ZombieMouth.png)no-repeat} .ZombieLeftHand3 {animation-name:ZombieLeftHand3; height:23px; background: url(http://img4.wikia.nocookie.net/__cb20150714040317/plantsvszombies/images/7/7c/ZombieLeftHand3.png) no-repeat;} .ZombieRightHand3 {animation-name:ZombieRightHand3; height:19px; background: url(http://img4.wikia.nocookie.net/__cb20150714040318/plantsvszombies/images/c/ca/ZombieRightHand3.png) no-repeat;}

/* AnimationSetup */

.ZombieHead, .ZombieMouth, .ZombieLeftEye, .ZombieRightEye, .ZombieHair, .ZombieBody, .ZombieRightHand1, .ZombieRightHand2, .ZombieRightHand3, .ZombieLeftHand1, .ZombieLeftHand2, .ZombieLeftHand3, .ZombiePants, .ZombieRightPant, .ZombieRightLeg1, .ZombieRightLeg2, .ZombieRightLeg3, .ZombieLeftPant, .ZombieLeftLeg1, .ZombieLeftLeg2, .ZombieLeftShoe1, .ZombieLeftShoe2, .ZombieLeftShoe3, .EightiesHead, .PompadourHead, .EightiesMouth, .EightiesHair, .EightiesBody, .EightiesRightHand1, .EightiesRightHand2, .EightiesLeftHand1, .EightiesLeftHand2, .EightiesPants, .EightiesRightPant, .EightiesRightLeg1, .EightiesRightLeg2, .EightiesRightLeg3, .EightiesLeftPant, .EightiesLeftLeg1, .EightiesLeftLeg2, .ZombieLeftShoe1, .EightiesLeftShoe2, .EightiesLeftShoe3{ animation-duration: 2s; animation-iteration-count:infinite; }

.PompadourHead {animation-name:ZombieHead; height:37px; background: url(http://img2.wikia.nocookie.net/__cb20150715112357/plantsvszombies/images/archive/9/97/20150717111541!ZombieHead.png)no-repeat;} .ZombieHair {animation-name:ZombieHair; height:42px; background: url(http://img2.wikia.nocookie.net/__cb20150714040313/plantsvszombies/images/e/e8/PompadourHair.png)no-repeat;} .ZombieBody {animation-name:ZombieBody; height:47px; background: url(http://img4.wikia.nocookie.net/__cb20150714040313/plantsvszombies/images/8/88/PompadourBody.png)no-repeat;} .ZombieLeftHand1 {animation-name:ZombieLeftHand1; height:35px; background: url(http://img1.wikia.nocookie.net/__cb20150714065008/plantsvszombies/images/e/e4/PompadourLeftHand1WithoutBone.png)no-repeat ;} .ZombieLeftHand2 {animation-name:ZombieLeftHand2; height:22px; background: url(http://img2.wikia.nocookie.net/__cb20150714040313/plantsvszombies/images/c/ca/PompadourLeftHand2.png)no-repeat} .ZombieRightHand1 {animation-name:ZombieRightHand1; height:27px; background:url(http://img2.wikia.nocookie.net/__cb20150714040316/plantsvszombies/images/4/49/PompadourRightHand1.png) no-repeat} .ZombieRightHand2 {animation-name:ZombieRightHand2; height:23px; background: url(http://img3.wikia.nocookie.net/__cb20150714040317/plantsvszombies/images/5/57/PompadourRightHand2.png) no-repeat;} .ZombiePants {animation-name:ZombiePants; height:14px; background:url(http://img1.wikia.nocookie.net/__cb20150714040315/plantsvszombies/images/4/4e/PompadourPants.png) no-repeat;} .ZombieRightPant {animation-name:ZombieRightPant; height:24px; background: url(http://img3.wikia.nocookie.net/__cb20150714040316/plantsvszombies/images/b/bf/PompadourRightPant.png) no-repeat} .ZombieRightLeg1 {animation-name:ZombieRightLeg1; height:20px; background: url(http://img1.wikia.nocookie.net/__cb20150714040316/plantsvszombies/images/0/08/PompadourRightLeg1.png) no-repeat;} .ZombieRightLeg2 {animation-name:ZombieRightLeg2; height:14px; background: url(http://img1.wikia.nocookie.net/__cb20150714082215/plantsvszombies/images/c/c7/PompadourRightLeg2.png) no-repeat} .ZombieRightLeg3 {animation-name:ZombieRightLeg3; height:10px; background: url(http://img3.wikia.nocookie.net/__cb20150714040316/plantsvszombies/images/a/a9/PompadourRightLeg3.png) no-repeat;} .ZombieLeftPant {animation-name:ZombieLeftPant; height:15px; background: url(http://img4.wikia.nocookie.net/__cb20150714040314/plantsvszombies/images/4/4a/PompadourLeftPant.png) no-repeat;} .ZombieLeftLeg1 {animation-name:ZombieLeftLeg1; height:23px; background: url(http://img4.wikia.nocookie.net/__cb20150714042110/plantsvszombies/images/f/f8/PompadourLeftLeg1.png) no-repeat;} .ZombieLeftLeg2 {animation-name:ZombieLeftLeg2; height:21px; background: url(http://img2.wikia.nocookie.net/__cb20150714040314/plantsvszombies/images/e/e3/PompadourLeftLeg2.png) no-repeat;} .ZombieLeftShoe1 {animation-name:ZombieLeftShoe1; height:16px; background: url(http://img3.wikia.nocookie.net/__cb20150714040314/plantsvszombies/images/c/c7/PompadourLeftShoe1.png) no-repeat;} .ZombieLeftShoe2 {animation-name:ZombieLeftShoe2; height:14px; background: url(http://img1.wikia.nocookie.net/__cb20150714040315/plantsvszombies/images/d/da/PompadourLeftShoe2.png) no-repeat;} .ZombieLeftShoe3 {animation-name:ZombieLeftShoe3; height:17px; background: url(http://img4.wikia.nocookie.net/__cb20150714040315/plantsvszombies/images/0/07/PompadourLeftShoe3.png) no-repeat}

.EightiesHead, .PompadourHead, .EightiesMouth, .EightiesHair, .EightiesBody, .EightiesRightHand1, .EightiesRightHand2, .EightiesLeftHand1, .EightiesLeftHand2, .EightiesPants, .EightiesRightPant, .EightiesRightLeg1, .EightiesRightLeg2, .EightiesRightLeg3, .EightiesLeftPant, .EightiesLeftLeg1, .EightiesLeftLeg2, .ZombieLeftShoe1, .EightiesLeftShoe2, .EightiesLeftShoe3, .AdventurerHair, .AdventurerBody, .AdventurerRightHand1, .AdventurerRightHand2, .AdventurerRightHand3, .AdventurerLeftHand1, .AdventurerLeftHand2, .AdventurerLeftHand3, .AdventurerPants, .AdventurerRightPant, .AdventurerRightLeg1, .AdventurerRightLeg2, .AdventurerRightLeg3, .AdventurerLeftPant, .AdventurerLeftLeg1, .AdventurerLeftLeg2, .AdventurerLeftShoe1, .AdventurerLeftShoe2, .AdventurerLeftShoe3, .AdventurerBackpack1, .AdventurerBackpack2{ animation-duration: 2s; animation-iteration-count:infinite; } .EightiesHead {animation-name:ZombieHead; height:37px; background: url(http://img1.wikia.nocookie.net/__cb20150716060930/plantsvszombies/images/0/04/EightiesHead.png)no-repeat;} .EightiesHair {animation-name:ZombieHair; height:60px; background: url(http://img2.wikia.nocookie.net/__cb20150716060930/plantsvszombies/images/4/4a/EightiesHair.png)no-repeat;} .EightiesBody {animation-name:ZombieBody; height:47px; background: url(http://img3.wikia.nocookie.net/__cb20150716060930/plantsvszombies/images/e/e9/EightiesBody.png)no-repeat;} .EightiesLeftHand1 {animation-name:ZombieLeftHand1; height:35px; background: url(http://img3.wikia.nocookie.net/__cb20150716060930/plantsvszombies/images/7/7e/EightiesLeftHand1WithoutBone.png)no-repeat ;} .EightiesLeftHand2 {animation-name:ZombieLeftHand2; height:22px; background: url(http://img4.wikia.nocookie.net/__cb20150716060931/plantsvszombies/images/e/ec/EightiesLeftHand2.png)no-repeat} .EightiesRightHand1 {animation-name:ZombieRightHand1; height:29px; background:url(http://img2.wikia.nocookie.net/__cb20150716060932/plantsvszombies/images/5/57/EightiesRightHand1.png) no-repeat} .EightiesRightHand2 {animation-name:ZombieRightHand2; height:23px; background: url(http://img3.wikia.nocookie.net/__cb20150716060932/plantsvszombies/images/7/7b/EightiesRightHand2.png) no-repeat;} .EightiesPants {animation-name:ZombiePants; height:14px; background:url(http://img2.wikia.nocookie.net/__cb20150716060932/plantsvszombies/images/f/fa/EightiesPants.png) no-repeat;} .EightiesRightPant {animation-name:ZombieRightPant; height:24px; background: url(http://img2.wikia.nocookie.net/__cb20150716060933/plantsvszombies/images/8/81/EightiesRightPant.png) no-repeat} .EightiesRightLeg1 {animation-name:ZombieRightLeg1; height:23px; background: url(http://img3.wikia.nocookie.net/__cb20150716060932/plantsvszombies/images/7/76/EightiesRightLeg1.png) no-repeat;} .EightiesRightLeg2 {animation-name:ZombieRightLeg2; height:20px; background: url(http://img4.wikia.nocookie.net/__cb20150716060933/plantsvszombies/images/c/c0/EightiesRightLeg2.png) no-repeat} .EightiesRightLeg3 {animation-name:ZombieRightLeg3; height:13px; background: url(http://img4.wikia.nocookie.net/__cb20150716060933/plantsvszombies/images/2/25/EightiesRightLeg3.png) no-repeat;} .EightiesLeftPant {animation-name:ZombieLeftPant; height:15px; background: url no-repeat;} .EightiesLeftLeg1 {animation-name:ZombieLeftLeg1; height:27px; background: url(http://img2.wikia.nocookie.net/__cb20150716060931/plantsvszombies/images/4/4c/EightiesLeftLeg1.png) no-repeat;} .EightiesLeftLeg2 {animation-name:ZombieLeftLeg2; height:23px; background: url(http://img2.wikia.nocookie.net/__cb20150716060931/plantsvszombies/images/a/a5/EightiesLeftLeg2.png) no-repeat;} .EightiesLeftShoe1 {animation-name:ZombieLeftShoe1; height:22px; background: url(http://img4.wikia.nocookie.net/__cb20150716060931/plantsvszombies/images/e/ef/EightiesLeftShoe1.png) no-repeat;} .EightiesLeftShoe2 {animation-name:ZombieLeftShoe2; height:14px; background: url(http://img3.wikia.nocookie.net/__cb20150716060932/plantsvszombies/images/b/b8/EightiesLeftShoe2.png) no-repeat;} .EightiesLeftShoe3 {animation-name:ZombieLeftShoe3; height:17px; background: url no-repeat}

@keyframes ZombieHead {50% {transform:rotate(2.5deg) translate(-3px,19px)}} @keyframes ZombieMouth {50% {transform:rotate(7.5deg) translate(-1px,46px)}} @keyframes ZombieHair {50% {transform:rotate(2.5deg) translate(-2px,18px)}} @keyframes AdventurerBackpack {50% {transform:rotate(-5deg) translate(0px,-26px)}} @keyframes ZombieBody {50% {transform:rotate(-35deg) translate(-2px,-27px)}} @keyframes ZombieLeftHand1 {50% {transform: rotate(-2.5deg) translate(1px,-43px)}} @keyframes ZombieLeftHand2 {50% {transform: rotate(10deg) translate(1px,4px)}} @keyframes ZombieLeftHand3 {50% {transform: rotate(-10deg) translate(1px,34px)}} @keyframes ZombieRightHand1 {50% {transform: rotate(5deg) translate(-2px,3px)}} @keyframes ZombieRightHand2 {50% {transform: translate(0px,-28px)}} @keyframes ZombieRightHand3 {50% {transform: rotate(-5deg) translate(1px,-27px)}} @keyframes ZombiePants {50% {transform: rotate(0.1deg) translate(2px,3px)}} @keyframes ZombieLeftPant {50% {transform: rotate(10deg) translate(5px,60px)}} @keyframes ZombieLeftLeg1 {50% {transform: rotate(5deg) translate(1px,32px)}} @keyframes ZombieLeftLeg2 {50% {transform: rotate(-45deg) translate(3px,-60px)}} @keyframes ZombieRightPant {50% {transform: rotate(-10deg) translate(9px,-57px)}} @keyframes ZombieRightLeg1 {50% {transform: rotate(10deg) translate(6px,60px)}}

@-webkit-keyframes ZombieHead {50% {transform:rotate(2.5deg) translate(-3px,19px)}} @-webkit-keyframes ZombieMouth {50% {transform:rotate(7.5deg) translate(-1px,46px)}} @-webkit-keyframes ZombieHair {50% {transform:rotate(2.5deg) translate(-2px,18px)}} @-webkit-keyframes ZombieBody {50% {transform:rotate(-35deg) translate(-2px,-27px)}} @-webkit-keyframes ZombieLeftHand1 {50% {transform: rotate(-2.5deg) translate(1px,-43px)}} @-webkit-keyframes ZombieLeftHand2 {50% {transform: rotate(10deg) translate(1px,4px)}} @-webkit-keyframes ZombieLeftHand3 {50% {transform: rotate(-10deg) translate(1px,34px)}} @-webkit-keyframes ZombieRightHand1 {50% {transform: rotate(5deg) translate(-2px,3px)}} @-webkit-keyframes ZombieRightHand2 {50% {transform: translate(0px,-28px)}} @-webkit-keyframes ZombieRightHand3 {50% {transform: rotate(-5deg) translate(1px,-25px)}} @-webkit-keyframes ZombiePants {50% {transform: rotate(0.1deg) translate(2px,3px)}} @-webkit-keyframes ZombieLeftPant {50% {transform: rotate(10deg) translate(5px,60px)}} @-webkit-keyframes ZombieLeftLeg1 {50% {transform: rotate(5deg) translate(1px,32px)}} @-webkit-keyframes ZombieLeftLeg2 {50% {transform: rotate(-45deg) translate(3px,-60px)}} @-webkit-keyframes ZombieRightPant {50% {transform: rotate(-10deg) translate(9px,-57px)}} @-webkit-keyframes ZombieRightLeg1 {50% {transform: rotate(10deg) translate(6px,60px)}}

.AdventurerBackpack1 {animation-name: AdventurerBackpack; background: url(http://s23.postimg.org/5jex74yh3/Adventurer_Backpack1.png) no-repeat; height: 62px;} .AdventurerBackpack2 {animation-name: AdventurerBackpack; background: url(http://s6.postimg.org/sumv2ha65/Adventurer_Backpack2.png) no-repeat; height: 22px;} .AdventurerBody {animation-name: ZombieBody; height:51px; background: url(http://s6.postimg.org/qtoyvnv0d/Adventurer_Body.png) no-repeat} .AdventurerHair {animation-name: ZombieHead; height:10px; background: url(http://s6.postimg.org/m92sgqbb1/Adventurer_Hair.png) no-repeat} .AdventurerLeftHand1 {animation-name: ZombieLeftHand1; height:23px; background: url(http://s6.postimg.org/so1tdei0t/Adventurer_Left_Hand1_Without_Bone.png) no-repeat} .AdventurerLeftHand2 {animation-name: ZombieLeftHand2; height:28px; background: url(http://s6.postimg.org/vjewk9m0t/Adventurer_Left_Hand2.png) no-repeat} .AdventurerLeftHand3 {animation-name: ZombieLeftHand3; height:23px; background: url(http://s6.postimg.org/5cib21t4t/Adventurer_Left_Hand3.png) no-repeat} .AdventurerRightHand1 {animation-name: ZombieRightHand1; height:28px; background: url(http://s6.postimg.org/loscrs7gd/Adventurer_Right_Hand1.png) no-repeat} .AdventurerRightHand2 {animation-name: ZombieRightHand2; height:23px; background: url(http://s6.postimg.org/numnmaawt/Adventurer_Right_Hand2.png) no-repeat} .AdventurerRightHand3 {animation-name: ZombieRightHand3; height:23px; background: url(http://s6.postimg.org/leku8fsu5/Adventurer_Right_Hand3.png) no-repeat} .AdventurerLeftLeg1 {animation-name: ZombieLeftLeg1; height:32px; background: url(http://s6.postimg.org/u4hx9aabh/Adventurer_Left_Leg1.png) no-repeat} .AdventurerLeftLeg2 {animation-name: ZombieLeftLeg2; height:12px; background: url(http://s6.postimg.org/phbv7imyl/Adventurer_Left_Leg2.png) no-repeat} .AdventurerRightLeg1 {animation-name: ZombieRightLeg1; height:32px; background: url(http://s6.postimg.org/8fj15f83h/Adventurer_Right_Leg1.png) no-repeat} .AdventurerRightLeg2 {animation-name: ZombieRightLeg2; height:13px; background: url(http://s6.postimg.org/ob7v8pynx/Adventurer_Right_Leg2.png) no-repeat} .AdventurerRightLeg3 {animation-name: ZombieRightLeg3; height:14px; background: url(http://s6.postimg.org/nx6j94ekd/Adventurer_Right_Leg3.png) no-repeat} .AdventurerLeftShoe1 {animation-name: AdventurerLeftShoe1; height:28px; background: url(http://s6.postimg.org/4hvrg0la5/Adventurer_Left_Shoe1.png) no-repeat} .AdventurerLeftShoe2 {animation-name: ZombieLeftShoe2; height:14px; background: url(http://s6.postimage.org/apbqtx6f1/Adventurer_Left_Shoe2.png) no-repeat} .AdventurerLeftShoe3 {animation-name: AdventurerLeftShoe3; height:12px; background: url(http://s6.postimage.org/wzzltw3p9/Adventurer_Left_Shoe3.png) no-repeat} .AdventurerPants {animation-name: ZombiePants; height:14px; background: url(http://s6.postimg.org/o8skzmke5/Adventurer_Pants.png) no-repeat} .AdventurerRightPant {animation-name: ZombieRightPant; height:24px; background: url(http://s6.postimg.org/7mb0qjrgd/Adventurer_Right_Pant.png) no-repeat}

@keyframes AdventurerLeftShoe1 {50%{transform:rotate(-5deg) translate(0px,-29px)}} @keyframes AdventurerLeftShoe3 {50%{transform:rotate(-5deg) translate(0px,-29px)}}

.SummerBannerSmallericonleft { background: url(http://vignette1.wikia.nocookie.net/uselessguy/images/a/aa/Much_Smaller_Banner_Icon1.png/revision/latest?cb=20150731105014) no-repeat; width: 45px; }

.SummerBannerSmallericonright { background: url(http://vignette4.wikia.nocookie.net/uselessguy/images/5/59/Much_Smaller_Banner_Icon2.png/revision/latest?cb=20150731105014) no-repeat; width: 45px; }

.SummerBannerSmaller { background: url(http://vignette2.wikia.nocookie.net/uselessguy/images/7/7f/Much_Smaller_Banner.png/revision/latest?cb=20150731105015) repeat-x; color: white; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black; font-family: Cafeteria-Black }

.SummerBannerSmalliconleft { background: url(http://vignette3.wikia.nocookie.net/uselessguy/images/5/5d/Small_Banner_Icon1.png/revision/latest?cb=20150731105015) no-repeat; width: 89px; }

.SummerBannerSmalliconright { background: url(http://vignette2.wikia.nocookie.net/uselessguy/images/8/8b/Small_Banner_Icon2.png/revision/latest?cb=20150731105015) no-repeat; width: 89px; }

.SummerBannerSmall { background: url(http://vignette2.wikia.nocookie.net/uselessguy/images/c/c0/Small_Banner.png/revision/latest?cb=20150731105016) repeat-x; color: white; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black; font-family: Cafeteria-Black }

.SummerBannerLargeiconleft { background: url(http://vignette1.wikia.nocookie.net/uselessguy/images/1/12/Large_Banner_Icon1.png/revision/latest?cb=20150731105013) no-repeat; width: 270px; }

.SummerBannerLargeiconright { background: url(http://vignette2.wikia.nocookie.net/uselessguy/images/1/1e/Large_Banner_Icon2.png/revision/latest?cb=20150731105013) no-repeat; width: 270px; }

.SummerBannerLarge { background: url(http://vignette1.wikia.nocookie.net/uselessguy/images/f/fc/Large_Banner.png/revision/latest?cb=20150731105013) repeat-x; color: white; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black; font-family: Cafeteria-Black }

.uselessguycontent {display:none !important} .uselessguycontent:target {display:block !important}

@keyframes PopBlue {0%{opacity:1.0} 50%{transform: rotate(120deg); left:-365px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} @keyframes PopBlue2 {0%{opacity:1.0} 50%{transform: rotate(60deg); left:395px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} @keyframes PopPurple {0%{opacity:1.0} 50%{transform: rotate(80deg); top:45px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} @keyframes PopPurple2 {0%{opacity:1.0} 50%{transform: rotate(100deg); top:0px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} @keyframes PopYellow {0%{opacity:1.0} 50%{transform: rotate(45deg); top:125px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} @keyframes PopYellow2 {0%{opacity:1.0} 50%{transform: rotate(135deg); top:85px;} 97.99%{opacity:0.99} 98%{opacity:0.5} 100%{opacity:0.75}} @-webkit-keyframes PopBlue {0%{opacity:1.0} 50%{transform: rotate(120deg); left:-365px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} @-webkit-keyframes PopBlue2 {0%{opacity:1.0} 50%{transform: rotate(60deg); left:395px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} @-webkit-keyframes PopPurple {0%{opacity:1.0} 50%{transform: rotate(80deg); top:45px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} @-webkit-keyframes PopPurple2 {0%{opacity:1.0} 50%{transform: rotate(100deg); top:0px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} @-webkit-keyframes PopYellow {0%{opacity:1.0} 50%{transform: rotate(45deg); top:125px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} @-webkit-keyframes PopYellow2 {0%{opacity:1.0} 50%{transform: rotate(135deg); top:85px;} 97.99%{opacity:0.99} 98%{opacity:0.75} 100%{opacity:0.75}} .PopBlue, .PopBlue2 {width:660px; height:14px; background: url(http://vignette3.wikia.nocookie.net/uselessguy/images/1/18/Pop_Blue_Light.png/revision/latest?cb=20150815064117) no-repeat} .PopYellow, .PopYellow2 {width:660px; height:14px; background: url(http://vignette2.wikia.nocookie.net/uselessguy/images/9/97/Pop_Yellow_Light.png/revision/latest?cb=20150815064119) no-repeat} .PopPurple, .PopPurple2 {width:660px; height:14px; background: url(http://vignette1.wikia.nocookie.net/uselessguy/images/d/d9/Pop_Purple_Light.png/revision/latest?cb=20150815064118) no-repeat} .PopBlue {animation: PopBlue 3s ease 0s infinite} .PopBlue2 {animation: PopBlue2 3s ease 0s infinite} .PopYellow {animation: PopYellow 3s ease 0s infinite} .PopYellow2 {animation: PopYellow2 3s ease 0s infinite} .PopPurple {animation: PopPurple 3s ease 0s infinite} .PopPurple2 {animation: PopPurple2 3s ease 0s infinite}