W.D.Gaster's Profile

[styleclass=reset][styleclass=Background] [styleclass=img][img]https://orig00.deviantart.net/3c56/f/2018/098/d/9/bayleef_by_sirgalactaknight-dc88x1u.png[/img][/styleclass] [styleclass=header][css=float:left]Welcome[/css] [css=float:center; margin-left: 50px]to my[/css][css=float:right]pokefarm![/css][/styleclass] [styleclass=link][styleclass=Body]Hello, I am W.D.Gaster, but please, call me Lily. I want to collect lots of rare pokemon, but I'm not really caring about my rank too much. [center][b]I am six hours behind PFQ time![/b][/center] [url=https://pokefarm.com/forum/thread/102439/Dynamic-Duo-Shop][img]https://orig00.deviantart.net/d2c7/f/2018/242/9/c/shop_icon_by_sirgalactaknight-dcllb8j.png[/img][/url] Icon and shop image are made by me for my use only. [/styleclass] [styleclass=container][styleclass=tab1][styleclass=tab1hide][styleclass=tab1text]Clicks[/styleclass][/styleclass][styleclass=tab1body] I try to click 1 : 1 but I often do not do so. sorry! ^^; [/styleclass] [/styleclass][styleclass=tab2][styleclass=tab2hide][styleclass=tab2text]progress bars[/styleclass][/styleclass][styleclass=tab2body][progress="[math][inventory=Cute Box] + [inventory=Dainty Box] + [inventory=Deluxe Box] + [inventory=Glittery Box] + [inventory=Gorgeous Box] + [inventory=Hard Box] + [inventory=Heavy Box] + [inventory=Light Box] + [inventory=Nifty Box] + [inventory=Pretty Box] + [inventory=Shiny Box] + [inventory=Sinister Box][/math]/21"][item=Sinister box] [math][inventory=Cute Box] + [inventory=Dainty Box] + [inventory=Deluxe Box] + [inventory=Glittery Box] + [inventory=Gorgeous Box] + [inventory=Hard Box] + [inventory=Heavy Box] + [inventory=Light Box] + [inventory=Nifty Box] + [inventory=Pretty Box] + [inventory=Shiny Box] + [inventory=Sinister Box][/math] is how many boxes I have for a BoxBox![/progress][progress="[inventory=Box Box]/100"][item=Box box][inventory=Box box] is how many I have! [/progress][progress="[math][inventory=Ice Statue] + [inventory=Gold Statue] + [inventory=Steel statue] + [inventory=Rock statue][/math]/1000"][item=Gold_statue][math][inventory=Ice Statue] + [inventory=Gold Statue] + [inventory=Steel statue] + [inventory=Rock statue][/math]/1000 statues of all types for hunts.[/progress][progress="[inventory=Zophan]/500"][item=Zophan][inventory=Zophan]/500 For a hypermode voucher![/progress][/styleclass] [/styleclass] [styleclass=tab3][styleclass=tab3hide][styleclass=tab3text]Raffle thread![/styleclass][/styleclass][styleclass=tab3body] [url=https://pokefarm.com/forum/thread/34349/Ceph-s-Raffles-Shiny-Purrloin/post/1483680][img]https://i.imgur.com/sGVYXYU.png[/img][/url][size=6][tip=Banner by Alix-chan; Cepheus' Pokesona was official Espeon sprite edited by Alix-chan](c)[/tip][/size] [url=https://pfq.link/~LVqp][img]https://pokefarm.com/upload/Yay/Raffle_Banner1.png[/img][/url] [size=6]Made by Yay[/size] [/styleclass] [/styleclass] [styleclass=tab4][styleclass=tab4hide][styleclass=tab4text]Pokerus[/styleclass][/styleclass][styleclass=tab4body] Pokerus count- 0 [/styleclass] [/styleclass] [styleclass=tab5][styleclass=tab5hide][styleclass=tab5text]Read Please![/styleclass][/styleclass][styleclass=tab5body] You're loved and a wonderful person. [/styleclass] [/styleclass] [styleclass=tab6][styleclass=tab6hide][styleclass=tab6text]Puns[/styleclass][/styleclass][styleclass=tab6body] I will slowly add pokepuns. Just bayleef in me and I can do it. gotta get scrafty with these Do a barrel riolu! I won't riachu a love song because you didn't ask furret. [url=https://pokefarm.come/use/AmythestVaporeon]~Amy[/url] [/styleclass] [/styleclass] [styleclass=tab7][styleclass=tab7hide][styleclass=tab7text]Hunt info![/styleclass][/styleclass][styleclass=tab7body] [center][b]Current hunt![/b] [img]https://pokefarm.wiki/images/a/a4/Shiny_Shooting_Star_Cleffa.png[/img][img]https://pokefarm.wiki/images/f/fb/Albino_Shooting_Star_Cleffa.png[/img][img]https://pokefarm.wiki/images/f/ff/Melanistic_Shooting_Star_Cleffa.png[/img] 3s 0a 0m 1000h[/center] [/styleclass] [/styleclass] [styleclass=tab8][styleclass=tab8hide][styleclass=tab8text]Art Shop![/styleclass][/styleclass][styleclass=tab8body] [url=https://pokefarm.com/forum/thread/179056/Dynamic-Art-shop-Open]Dynamic-art-shop[/url] [/styleclass] [/styleclass] [styleclass=tab9][styleclass=tab9hide][styleclass=tab9text]Shop thread[/styleclass][/styleclass][styleclass=tab9body] This is my Shop thread I run with [url=https://pokefarm.com/user/AmythestVaporeon]AmythestVaporeon[/url] [url=https://pokefarm.com/forum/thread/102439/Dynamic-Duo-Shop][img]https://orig00.deviantart.net/d2c7/f/2018/242/9/c/shop_icon_by_sirgalactaknight-dcllb8j.png[/img][/url] [/styleclass] [/styleclass] [styleclass=tab10][styleclass=tab10hide][styleclass=tab10text]Empty[/styleclass][/styleclass][styleclass=tab10body] Yep, it's empty. I have no idea why you hovered over this, but congratulations. [/styleclass] [/styleclass] [styleclass=tab11][styleclass=tab11hide][styleclass=tab11text]Wishlist [/styleclass][/styleclass][styleclass=tab11body] I'm really looking for any amount of ZC I can get along with Daycare passes, hypermode vouchers, and Regi statues, anything for shiny chains. I'd really like to get a shiny luvdisc and sableye because they're my favorite pokemon. [/styleclass] [/styleclass][/styleclass][/styleclass] [styleclass=credit]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][/styleclass] [css=float:left; font-size: 9px; color: #228b22; margin-top: -385px; margin-left: 5px; text-shadow: 0px 2px 2px #0d0e13]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: Solid; 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: #1a1a1a; border-color: #000000; border-style: solid; border-width: 2px; width: 306px; height: 512px; margin-top:0px; overflow:hidden; -moz-margin-bottom: 1px; background-position: Absolute; } .img{ background-color: #ac55db; border-color: #5b1282; color: #000; margin-top: 5px; margin-right: 5px; Width: 100px; height: 100px; Border-style: Double; border-width: 2px; border-shadow: 2px 2px 10px; float: right; position: relative; img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-filter: drop-shadow(5px -5px 5px #272833); filter: drop-shadow(7px 7px 10px #272833); } } .header{ background-color: #ac55db; border-color: #5b1282; text-shadow: 2px 2px 5px #272833; color: #000; margin-top: 6px; margin-left: 5px; Width: 160px; height: 60px; Border-style: dashed; border-width: 2px; border-shadow: 2px 2px 10px; float: left; line-height:1; position: relative; padding: 10px 10px 10px; font-size: 18px; overflow:hidden; } .Body{ background-color: #ac55db; border-color: #5b1282; color: #000; margin-top:7px; margin-right: 5px; margin-left: 50px; Width: 224px; height: 352px; text-align: center; Border-style: dashed; border-width: 2px; border-shadow: 2px 2px 10px; float: right; padding: 5px 5px 5px; font-size: 12px; overflow:hidden; } .credit{ background-color: #878892; border-color: #cfd3ff; color: #000; margin-top: 487px; margin-right: 5px; margin-left:5px; Width: 288px; height: 10px; overflow:hidden; Border-style: dashed; border-width: 2px; border-shadow: 2px 2px 10px; 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 #6472ff; } .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; line-height:1; overflow:hidden; } .container:hover{ margin-top:0px; float: left; line-height:1; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 7px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab1:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab1hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab1text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -23px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:16px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 41px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab2:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab2hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab2text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -57px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:15px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 75px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab3:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab3hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab3text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -91px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:20px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 109px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab4:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab4hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab4text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -125px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:20px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 143px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab5:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab5hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab5text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -159px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:20px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 177px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab6:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab6hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab6text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -193px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:20px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 211px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab7:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab7hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab7text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -227px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:20px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 245px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab8:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab8hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab8text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -261px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:14px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 279px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab9:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab9hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab9text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -295px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:18px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 313px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab10:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab10hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab10text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -329px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:18px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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: #030303; Width: 40px; height: 20px; Border-style: solid; border-width: 1px; border-shadow: 2px 10px 10px; border-color: #dde0ff; color: #000; float:left; position: absolute; font-size: 10px; padding: 2px 2px 2px; margin-left:5px; margin-top: 347px; wrap{ display: table; table-height:20px; table-Width: 40px; table-layout: fixed; } font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; text-align: center; } .tab11:hover{ width: 50px; align:center; wrap{ display: table; height:10%; Width: 40px; } -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; } .tab11hide{ height:20px; width:40px; overflow:hidden; color: #000; float:left; } .tab11text{ height:20px; width:40px; color: #d0eaf7; text-shadow: 1px 1px 1px #350260; text-align: center; height:20px; position:clip; overflow-x:Hidden; overflow-y:Hidden; display: table-cell; vertical-align: middle; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -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{ height: 20px; width: 50px; display: table-cell; vertical-align: middle; overflow-x: Hidden; overflow-y:hidden; position: clip; img{margin-top: -1px; -webkit-filter: drop-shadow(1px 1px 2px #350260); filter: drop-shadow(1px 1px 2px #350260); } -webkit-transition: all 0.5s ease-in; -webkit-Transition: all 0.5s ease-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: #000000; color: #000; background-color: #b578d6; Width: 233px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -363px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:13px; padding: 2px 2px 2px; overflow:hidden; 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; overflow:hidden; -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:white; } .link a:hover { color:#b4d7ff; } [/style]