Meloetta's Profile

[styleclass=reset][styleclass=Background] [styleclass=img][css=margin-top:0; margin-left: 0px][img]http://play.pokemonshowdown.com/sprites/bw/meloetta.png[/img][/css][/styleclass] [styleclass=header][css=float:left]Welcome to[/css] [css=float:center; margin-left: 50px]Meloetta's[/css][css=float:right]hidey-hole![/css][/styleclass] [styleclass=link][styleclass=Body]Hi there! Welcome to my page. I hope you enjoy clicking my eggs and/or Pokemon! Peridot is slowly becoming my favourite gem, send help D: Below I have included a 100% realistic interpretation of me clicking your pokemon and fields. [img]http://vignette3.wikia.nocookie.net/legomessageboards/images/8/87/D-mlt.gif/revision/latest/scale-to-width-down/167?cb=20130629023107[/img][/styleclass] [styleclass=container][styleclass=tab1][styleclass=tab1text]About[/styleclass][styleclass=imgt1][img]http://play.pokemonshowdown.com/sprites/bw/meloetta-pirouette.png[/img][/styleclass] [styleclass=tab1body]I am a 22 year old male Brit! Hello! I have a love for everything and anything cute! I'm socially awkward.. I'm either always silent, or hard to shut up. There's no compromise! I can never think of anything to say and I get a bit scared when someone sends me a message, but I love talking to new people after I manage to get over myself so feel free to send a PM if you'd like to talk! I like to play MMOs! I am currently playing Final Fantasy XIV on the Faerie server - my Character's name is Ako Chocolat! I also used to play Final Fantasy XI on the Sylph Server. My Character there was Taruzard, who got name changed to Yajirobe! I also own a PS3, PS4, Wii U, and a 3DS, and have accounts on a myriad other gaming and other websites! My Nintendo ID is Taruzard My PSN is PringerXDood I also have a League of Legends account. I don't play much and I'm pretty bad. But if you want casual for-fun Normals, maybe I'd join you! My Account is currently on the NA servers, where I'm known as Illumise! For other websites, games, etc, common usernames for me include: Meloetta Meloetta Star Taruzard If any of these names are familiar to you, maybe we know each other! I also have a Splatoon focused tumblr blog that I post/reblog on every now and then. Maybe you know me there? [url=http://oh-the-squididdity.tumblr.com/][color=blue]Oh the Squididdity![/color][/url] But please don't just blindly add me on any of these. Get to know me first. ;D[/styleclass] [/styleclass][styleclass=tab2][styleclass=tab2text]Likes[/styleclass][styleclass=imgt2][img]http://play.pokemonshowdown.com/sprites/bw-shiny/ralts.png[/img][/styleclass] [styleclass=tab2body][center][u]Likes and Fandoms[/u] Aside from being a big Pokémon fan, I also like the following: Disgaea Nintendo Disney Digimon Gravity Falls Steven Universe Nichijou Azumanga Daioh Studio Ghibli Haruhi Suzumiya Final Fantasy Gotcha Force If you happen to like/want to talk about anything with me, feel free! Especially the last one. It's very rare I run into someone who's actually played Gotcha Force. D: [/center][/styleclass] [/styleclass] [styleclass=tab3][styleclass=tab3text]Goals[/styleclass][styleclass=imgt3][img]http://play.pokemonshowdown.com/sprites/bw/mawile.png[/img][/styleclass] [styleclass=tab3body] [u]My ultimate goal[/u] My ultimate goal of PFQ is to hunt and hoard as many Meloetta as possible! [u][b]Music Box Unlocked![/b][/u] [b]Hoarding Music Boxes![/b] I'm making a start on my Music Box hoard! [Progress=0/1000]0 Music Boxes[/progress] [/styleclass] [/styleclass] [styleclass=tab4][styleclass=tab4text]Goals 2[/styleclass][styleclass=imgt4][img]http://play.pokemonshowdown.com/sprites/bw/jirachi.png[/img] [/styleclass] [styleclass=tab4body] [u]Shiny Pokémon[/u] This is a wishlist/goal list for shinies I wish to obtain in Pokefarm! [tip=[img]http://cdn.bulbagarden.net/upload/1/1f/648MS.png[/img][img]http://cdn.bulbagarden.net/upload/9/93/648PMS.png[/img][img]http://cdn.bulbagarden.net/upload/3/32/280MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/77/281MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/4a/282MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/53/303MS.png[/img][img]http://vignette1.wikia.nocookie.net/es.pokemon/images/8/83/Mega-Mawile_icon.png/revision/latest?cb=20131013223938[/img][img]http://cdn.bulbagarden.net/upload/4/41/314MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/75/575MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/53/719MS.png[/img]]Top Priority[/tip] [tip=[img]http://cdn.bulbagarden.net/upload/9/92/007MS.png[/img][img]http://cdn.bulbagarden.net/upload/f/f3/008MS.png[/img][img]http://cdn.bulbagarden.net/upload/c/cb/009MS.png[/img][img]http://cdn.bulbagarden.net/upload/f/fb/032MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/0e/033MS.png[/img][img]http://cdn.bulbagarden.net/upload/1/18/034MS.png[/img][img]http://cdn.bulbagarden.net/upload/3/31/049MS.png[/img][img]http://cdn.bulbagarden.net/upload/6/6b/054MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/42/072MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/55/077MS.png[/img][img]http://cdn.bulbagarden.net/upload/b/b6/080MS.png[/img][img]http://cdn.bulbagarden.net/upload/b/bc/091MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/5c/127MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/4b/131MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/53/132MS.png[/img][img]http://cdn.bulbagarden.net/upload/b/be/134MS.png[/img][img]http://cdn.bulbagarden.net/upload/f/f7/137MS.png[/img][img]http://cdn.bulbagarden.net/upload/9/97/138MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/08/141MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/04/144MS.png[/img][img]http://cdn.bulbagarden.net/upload/f/fe/146MS.png[/img][img]http://cdn.bulbagarden.net/upload/2/26/147MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/4e/148MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/a7/151MS.png[/img]]Kanto Shinies[/tip] [tip=[img]http://cdn.bulbagarden.net/upload/6/6d/160MS.png[/img][img]http://cdn.bulbagarden.net/upload/c/c1/162MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/08/167MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/ae/168MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/75/179MS.png[/img][img]http://cdn.bulbagarden.net/upload/8/85/182MS.png[/img][img]http://cdn.bulbagarden.net/upload/3/36/183MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/e9/186MS.png[/img][img]http://cdn.bulbagarden.net/upload/8/88/188MS.png[/img][img]http://cdn.bulbagarden.net/upload/b/ba/189MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/00/190MS.png[/img][img]http://cdn.bulbagarden.net/upload/9/97/193MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/0d/194MS.png[/img][img]http://cdn.bulbagarden.net/upload/8/8b/195MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/76/197MS.png[/img][img]http://cdn.bulbagarden.net/upload/6/67/207MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/0a/213MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/4c/214MS.png[/img][img]http://cdn.bulbagarden.net/upload/6/67/215MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/5e/216MS.png[/img][img]http://cdn.bulbagarden.net/upload/9/97/222MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/78/233MS.png[/img][img]http://cdn.bulbagarden.net/upload/c/ce/241MS.png[/img][img]http://cdn.bulbagarden.net/upload/8/80/243MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/4e/244MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/ea/245MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/ee/250MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/5a/251MS.png[/img]]Johto Shinies[/tip] [tip=[img]http://cdn.bulbagarden.net/upload/c/cf/252MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/a5/253MS.png[/img][img]http://cdn.bulbagarden.net/upload/f/ff/254MS.png[/img][img]http://cdn.bulbagarden.net/upload/1/19/258MS.png[/img][img]http://cdn.bulbagarden.net/upload/2/21/259MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/a6/260MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/78/265MS.png[/img][img]http://cdn.bulbagarden.net/upload/1/12/270MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/e1/271MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/a0/272MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/54/293MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/52/298MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/0b/308MS.png[/img][img]http://www.serebii.net/pokedex-xy/icon/308-m.png[/img][img]http://cdn.bulbagarden.net/upload/6/62/309MS.png[/img][img]http://cdn.bulbagarden.net/upload/b/bd/313MS.png[/img][img]http://cdn.bulbagarden.net/upload/b/bf/315MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/03/316MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/a3/317MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/e2/319MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/55/320MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/ec/321MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/5c/322MS.png[/img][img]http://cdn.bulbagarden.net/upload/6/6f/323MS.png[/img][img]http://cdn.bulbagarden.net/upload/2/2c/335MS.png[/img][img]http://cdn.bulbagarden.net/upload/b/b4/336MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/7d/349MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/5a/350MS.png[/img][img]http://cdn.bulbagarden.net/upload/6/66/361MS.png[/img][img]http://cdn.bulbagarden.net/upload/9/9e/385MS.png[/img]]Hoenn Shinies[/tip] [tip=[img]http://cdn.bulbagarden.net/upload/8/85/393MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/a3/394MS.png[/img][img]http://cdn.bulbagarden.net/upload/f/fe/407MS.png[/img][img]http://cdn.bulbagarden.net/upload/8/8e/414MS.png[/img][img]http://cdn.bulbagarden.net/upload/1/14/417MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/5b/424MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/42/427MS.png[/img][img]http://cdn.bulbagarden.net/upload/3/33/428MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/e0/442MS.png[/img][img]http://cdn.bulbagarden.net/upload/9/96/461MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/aa/469MS.png[/img][img]http://cdn.bulbagarden.net/upload/b/bb/471MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/ad/472MS.png[/img][img]http://cdn.bulbagarden.net/upload/6/65/474MS.png[/img][img]http://cdn.bulbagarden.net/upload/8/85/475MS.png[/img][img]http://vignette4.wikia.nocookie.net/es.pokemon/images/8/8a/Mega-Gallade_icon.png/revision/latest?cb=20141119113804[/img][img]http://cdn.bulbagarden.net/upload/a/aa/476MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/a6/492MS.png[/img]]Sinnoh Shinies[/tip] [tip=[img]http://cdn.bulbagarden.net/upload/a/a5/531MS.png[/img][img]http://cdn.bulbagarden.net/upload/9/97/540MS.png[/img][img]http://cdn.bulbagarden.net/upload/1/1c/547MS.png[/img][img]http://cdn.bulbagarden.net/upload/d/d1/549MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/a9/562MS.png[/img][img]http://cdn.bulbagarden.net/upload/9/9b/563MS.png[/img][img]http://cdn.bulbagarden.net/upload/d/d5/570MS.png[/img][img]http://cdn.bulbagarden.net/upload/b/bd/571MS.png[/img][img]http://cdn.bulbagarden.net/upload/b/be/576MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/77/579MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/e7/580MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/51/582MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/70/583MS.png[/img][img]http://cdn.bulbagarden.net/upload/8/83/584MS.png[/img][img]http://cdn.bulbagarden.net/upload/d/d9/585MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/01/593FMS.png[/img][img]http://cdn.bulbagarden.net/upload/7/7c/607MS.png[/img][img]http://cdn.bulbagarden.net/upload/3/39/609MS.png[/img][img]http://cdn.bulbagarden.net/upload/f/fe/613MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/a9/619MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/e4/620MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/59/624MS.png[/img][img]http://cdn.bulbagarden.net/upload/6/60/640MS.png[/img]]Unova Shinies[/tip] [tip=[img]http://cdn.bulbagarden.net/upload/f/f8/655MS.png[/img][img]http://cdn.bulbagarden.net/upload/8/87/658MS.png[/img][img]http://cdn.bulbagarden.net/upload/3/38/669MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/04/670MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/ea/671MS.png[/img][img]http://cdn.bulbagarden.net/upload/c/c4/676MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/70/678MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/04/679MS.png[/img][img]http://cdn.bulbagarden.net/upload/a/a0/680MS.png[/img][img]http://cdn.bulbagarden.net/upload/3/37/681MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/47/682MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/40/690MS.png[/img][img]http://cdn.bulbagarden.net/upload/f/f0/691MS.png[/img][img]http://cdn.bulbagarden.net/upload/c/c1/696MS.png[/img][img]http://cdn.bulbagarden.net/upload/2/29/697MS.png[/img][img]http://cdn.bulbagarden.net/upload/0/04/701MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/5b/703MS.png[/img][img]http://cdn.bulbagarden.net/upload/e/e2/708MS.png[/img][img]http://cdn.bulbagarden.net/upload/5/5e/710MS.png[/img][img]http://cdn.bulbagarden.net/upload/f/f9/711MS.png[/img][img]http://cdn.bulbagarden.net/upload/d/d0/714MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/45/716MS.png[/img]]Kalos Shinies[/tip][/styleclass] [/styleclass][styleclass=tab5][styleclass=tab5text]Goals 3[/styleclass][styleclass=imgt5][img]http://play.pokemonshowdown.com/sprites/bw/illumise.png[/img][/styleclass] [styleclass=tab5body] [u]Albino/Melanistic To be added.[/u][/styleclass] [/styleclass] [styleclass=tab6][styleclass=tab6text]Hoards[/styleclass][styleclass=imgt6][img]http://play.pokemonshowdown.com/sprites/bw/misdreavus.png[/img][/styleclass] [styleclass=tab6body] I intend to hoard a few different Pokémon. Because I love them. D: I will accept any unwanted pokemon listed below! Please think of the babies! [img]http://cdn.bulbagarden.net/upload/1/1f/648MS.png[/img][tip=And all evolutions!!][img]http://cdn.bulbagarden.net/upload/3/32/280MS.png[/img][/tip][img]http://cdn.bulbagarden.net/upload/5/53/303MS.png[/img][img]http://cdn.bulbagarden.net/upload/4/41/314MS.png[/img][img]http://cdn.bulbagarden.net/upload/7/75/575MS.png[/img] I'll also take any Bug Pokemon who need a home![/styleclass] [/styleclass] [styleclass=tab7][styleclass=tab7text]Hunt[/styleclass][styleclass=imgt7][img]http://play.pokemonshowdown.com/sprites/bw-shiny/lilligant.png[/img] [/styleclass] [styleclass=tab7body] [tip=I will generally hunt until I obtain what I'm looking for. I will carry on if I have a queue, but only until around 1000 eggs. If I get a queue, or my own Pokemon wishlist isn't fulfilled, I will revisit a hunt should I take a break.]Some hunting info. (Hover over!)[/tip] [tip=If you'd like a spot in the queue for one of my hunts, shoot me a PM! For a spot on my Mawile hunt, it'll be 150ZC, or 1 Music Box! 300 ZC or 2 Music Boxes for Albino, 600 ZC or 4 Music Boxes for Melanistic! Check my UFT to see which Summons I need!]Want a spot in the queue? (Hover over!)[/tip] [u]Next Hunt[/u] [img]http://play.pokemonshowdown.com/sprites/bw/mawile.png[/img] [u]Future Hunts[/u] [tip=When I've gotten enough Music Boxes for a hunt to be realistic!][img]http://cdn.bulbagarden.net/upload/1/1f/648MS.png[/img][/tip][img]http://cdn.bulbagarden.net/upload/3/32/280MS.png[/img][img]http://cdn.bulbagarden.net/upload/d/d4/548MS.png[/img] [u]Hunting Buffs[/u] Hyper Mode: On! [img]https://i.pfq.me/t=1400179603/img/items/pokeradar.png[/img]: O [img]https://i.pfq.me/t=1420049942/img/items/albinoradar.png[/img]:Level 7, 16,284.0%!! [img]https://i.pfq.me/t=1407242037/img/items/ubercharm.png[/img]: On![/styleclass] [/styleclass] [styleclass=tab8][styleclass=tab8text]Breeding[/styleclass][styleclass=imgt8][img]http://play.pokemonshowdown.com/sprites/bw/gothorita.png[/img][/styleclass] [styleclass=tab8body] [u][b]Current Breeding Couple[/b][/u] [url=http://pfq.link?ddlz][img]http://pfq.link?ddlz=.png[/img][/url] + [url=http://pfq.link?-36x][img]http://pfq.link?-36x=.png[/img][/url] [u]Event Pokémon[/u] [tip=List coming soon]Hover over to see a list of Event Pokémon I have available to breed![/tip] [u]Breeding for a Hunt[/u] I always breed for my own hunts! If I am currently not hunting anything and would like me to breed for your hunt, send me a PM - perhaps we can come up with an arrangement![/styleclass] [/styleclass] [styleclass=tab9][styleclass=tab9text]UFT[/styleclass][styleclass=imgt9][img]http://play.pokemonshowdown.com/sprites/bw/azelf.png[/img][/styleclass] [styleclass=tab9body] [u]Pokemon[/u] Most [b]normal[/b] pokemon I own are free to good homes! If you see something, ask! If it's not UFT, I'll tell you. [u]Items[/u] [tip=[img]https://i.pfq.me/t=1400179603/img/items/summon_gro.png[/img]Ruby Orb - Groudon [img]https://i.pfq.me/t=1400179603/img/items/summon_deo.png[/img]Helix Orb - Deoxys [img]https://i.pfq.me/t=1400179603/img/items/summon_dar.png[/img]Nightmare Shroud - Darkrai]Summons[/tip] [u]Wishlist[/u] [tip=Music Box, Meloetta]!!!!![img]http://pokefarm.wiki/images/7/74/Music_Box.png[/img]!!!!![/tip] [/styleclass] [/styleclass] [styleclass=tab10][styleclass=tab10text]Thanks[/styleclass][styleclass=imgt10][img]http://play.pokemonshowdown.com/sprites/bw-shiny/gardevoir.png[/img][/styleclass] [styleclass=tab10body] This tab is a list of people who have come across as kind, friendly, helpful or generally just great!! [tip=Thank you so much for gifting me my first Meloetta baby! ;w;][url=https://pokefarm.com/user/SaberStar2]SaberStar2[/url][/tip] [tip=Thank you for letting me [s]kidnap[/s] adopt all the Caterpie babies, helping me to buy the Pokéradar, and for being really friendly!] [url=https://pokefarm.com/user/angelcat621]Angelcat621[/url][/tip] And thank you to [url=https://pokefarm.com/user/bananaLizard]BananaLizard[/url] for coding the base of this nifty About Me code, even though we've never spoken! [/styleclass] [/styleclass] [styleclass=tab11][styleclass=tab11text]Other[/styleclass][styleclass=imgt11][img]http://play.pokemonshowdown.com/sprites/bw-shiny/meloetta.png[/img][/styleclass] [styleclass=tab11body] [url=http://pfq.link?K5TW][img]http://pfq.link?K5TW=dress.png[/img][/url][/styleclass] [/styleclass][/styleclass][/styleclass] [styleclass=credit][css=color: #b4d7ff; text-shadow: 0px 2px 2px #64788e]Coded by [url=https://pokefarm.com/user/bananaLizard][b]BananaLizard[/b][/url], free to use code and assistance [url=http://pfq.link/~Y2-0][b]here[/b][/url][/css][/styleclass] [css=float:left; font-size: 9px; color: #b4d7ff; margin-top: -383px; margin-left: 5px; text-shadow: 0px 2px 2px #64788e]hover over a box for more information[/css] [/styleclass][/styleclass] [style] .reset{ margin: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom 0px; text-align: none; padding: 0px 0px 0px; border: 0px; Border-style: none; border-width: 0px; border-shadow: 0px 0px 0px; font-size: 0px; Width: 0px; line-height:1; img{-webkit-filter: drop-shadow(0px 0px 0px); filter: drop-shadow(0px 0px 0px); } } .Background{ background-color: #012164; border-style: solid; border-width: 2px; border-color: #0d0e13; width: 336px; height: 512px; -moz-margin-bottom: 1px; background-position: Absolute; } .img{ background-color: #5a62bd; margin-top: 5px; margin-right: 5px; Width: 100px; height: 100px; Border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: right; position: relative; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .header{ background-color: #5a62bd; margin-top: 8px; margin-left: 5px; Width: 190px; height: auto; Border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; text-shadow: 2px 2px 5px #64788e; color: #000; float: left; position: relative; padding: 10px 10px 10px; font-size: 20px; } .Body{ background-color: #5a62bd; margin-top:7px; margin-right: 5px; margin-left: 50px; Width: 254px; height: 352px; text-align: center; Border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: right; padding: 5px 5px 5px; font-size: 10px; } .credit{ background-color: #5a62bd; margin-top: 487px; margin-right: 5px; margin-left:5px; Width: 318px; height: auto; Border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float:center; position: absolute; padding: 2px 2px 2px; font-family:Arial, sans-serif; Font-size:11px; } .credit a { text-decoration: none; color:#272833; text-shadow: 1px 1px 1px #64788e; } .credit a:hover { color:#272833; text-shadow: 1px 1px 1px #0016ff; } .container{ margin: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom 0px; text-align: none; padding: 0px 0px 0px; border: 0px; Border-style: none; border-width: 0px; border-shadow: 0px 0px 0px; font-size: 0px; height: 0px; Width: 0px; float: left; Display:inline-block } .container:hover{ margin-top:0px; float: left; Display:inline-block; line-height:1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab1{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color:#0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 7px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab1:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab1text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab1:hover .tab1text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab1body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -25px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab1:hover .tab1body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt1{ opacity: 0; background-color: #5a62bd; margin-top: -127px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab1:hover .imgt1{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab2{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 41px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab2:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab2text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab2:hover .tab2text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab2body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -59px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab2:hover .tab2body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt2{ opacity: 0; background-color: #5a62bd; margin-top: -161px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab2:hover .imgt2{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab3{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 75px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab3:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab3text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab3:hover .tab3text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab3body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -93px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab3:hover .tab3body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt3{ opacity: 0; background-color: #5a62bd; margin-top: -195px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab3:hover .imgt3{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab4{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 109px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab4:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab4text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab4:hover .tab4text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab4body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -127px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab4:hover .tab4body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt4{ opacity: 0; background-color: #5a62bd; margin-top: -229px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab4:hover .imgt4{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab5{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 143px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab5:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab5text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab5:hover .tab5text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab5body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -161px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab5:hover .tab5body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt5{ opacity: 0; background-color: #5a62bd; margin-top: -263px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab5:hover .imgt5{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab6{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 177px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab6:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab6text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab6:hover .tab6text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab6body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -195px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab6:hover .tab6body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt6{ opacity: 0; background-color: #5a62bd; margin-top: -297px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab6:hover .imgt6{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab7{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 211px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab7:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab7text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab7:hover .tab7text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab7body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -229px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab7:hover .tab7body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt7{ opacity: 0; background-color: #5a62bd; margin-top: -331px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab7:hover .imgt7{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab8{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 245px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab8:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab8text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab8:hover .tab8text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab8body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -263px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab8:hover .tab8body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt8{ opacity: 0; background-color: #5a62bd; margin-top: -365px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab8:hover .imgt8{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab9{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 279px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab9:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab9text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab9:hover .tab9text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab9body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -297px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab9:hover .tab9body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt9{ opacity: 0; background-color: #5a62bd; margin-top: -399px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab9:hover .imgt9{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab10{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 313px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab10:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab10text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab10:hover .tab10text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab10body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -331px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab10:hover .tab10body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt10{ opacity: 0; background-color: #5a62bd; margin-top: -433px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab10:hover .imgt10{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab11{ background-color: #5a62bd; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #0d0e13; color: #000; float:left; display:inline-block; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 347px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab11:hover{ width: 50px; Height: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab11text{ margin-top: 4px; color: #d0eaf7; text-shadow: 1px 1px 1px #002030; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab11:hover .tab11text{ margin-left: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab11body{ Border-style: solid; border-width: 1px; border-shadow: 2px 2px 10px; border-color: #5a62bd; color: #000; background-color: #5a62bd; Width: 262px; height: 360px; float:left; display:inline-block; line-height:1; margin-left: 350px; margin-top: -365px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; padding: 2px 2px 2px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tab11:hover .tab11body{ opacity: 1; margin-left: 55px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .imgt11{ opacity: 0; background-color: #5a62bd; margin-top: -467px; margin-left: 219x; Width: 100px; height: 100px; border-style: solid; border-width: 2px; border-shadow: 2px 2px 10px; border-color: #0d0e13; color: #000; float: left; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; img{-webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .tab11:hover .imgt11{ opacity: 1; margin-left: 219px; float:left; display:inline-block; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .link a{ text-decoration: underline; color:#b4d7ff; } .link a:hover { color:#b4d7ff; } [/style]