MadDusky's Profile

[styleclass=reset][styleclass=Background] [styleclass=img][img]http://orig09.deviantart.net/de2e/f/2013/055/d/f/free_bouncy_duskull_icon_by_kattling-d5w1cxr.gif[/img][/styleclass] [styleclass=header][css=float:left]Watch...[/css] [css=float:center; margin-left: 50px]...your...[/css][css=float:right]step...[/css][/styleclass] [styleclass=link][styleclass=Body] [size=12]Taking in Dry Pokemon pref. (seasonal depression is kicking me for not sleeping the day away more >.>) [table][tr][th]Current Hunt[/th][/tr][tr][td][pkmn=Spiritomb][/td][/tr][/table] [b]UFS[/b] 7(female) / 9(male) Shinies 3(female) / 2(male) Albino [table] [tr] [th=4x1]Prices[/th] [/tr] [tr] [td][b]Shiny[/b][/td] [td]200 ZC[/td] [td]400 GP[/td] [td]x4 Med Ghost/Fight gems[/td] [/tr] [tr] [td][b]Albino[/b][/td] [td]300 ZC[/td] [td]600 GP[/td] [td]x8 Med Ghost/Fight gems[/td] [/tr] [/table] [/size] [/styleclass] [styleclass=container][styleclass=tab1][styleclass=tab1hide][styleclass=tab1text]About Dusky[/styleclass][/styleclass][styleclass=tab1body] Buy one for me, please? [url=http://pokefarm.com/ubercharm?buy=MadDusky][img]https://i.pfq.me/t=1407242037/img/items/ubercharm.png[/img][/url] // [img]https://i.pfq.me/t=1407240918/img/items/shinycharm.png[/img] [size=12][b]Name:[/b] Mad Dusky, Dusky [b]Gender:[/b] Neutral (Any pronouns are fine with me) [b]Age:[/b] 29 with a year experience. [b]Birthday:[/b] July 11th [b]Likes:[/b] Playing games, Drawing, Writing, Drinking Tea and sleeping. [b]RPs:[/b] I enjoy it, but I tend to stay 1x1. [b]MMO's I play:[/b] PSO2, GWs 1 & 2, Warframe [b]Games played recently:[/b] Pokemon Rumble World, Inflation RPG [b]PC Games:[/b] CAH, Town of Salem[/size] [/styleclass] [/styleclass][styleclass=tab2][styleclass=tab2hide][styleclass=tab2text]Dry Berry[/styleclass][/styleclass][styleclass=tab2body] [size=12][b]Accepting Dry natures::[/b] Spots left when hover over. [tip=27][pkmn=Apocalyptic_Growlithe][/tip] [tip=30][pkmn=Dratini][/tip] [tip=17][pkmn=Druddigon][/tip] [tip=9][pkmn=Riolu][/tip] [/size] [/styleclass] [/styleclass] [styleclass=tab3][styleclass=tab3hide][styleclass=tab3text]Gem Trading[/styleclass][/styleclass][styleclass=tab3body] [size=12]Trading Gems for Fight/Ghost Gems[/size] (Scroll over for amounts) [img]https://i.pfq.me/t=1400179630/img/types/water.png[/img] = [tip=2][img]https://i.pfq.me/t=1400179603/img/items/gem_water.png[/img][/tip] [img]https://i.pfq.me/t=1400179630/img/types/electric.png[/img] = [tip=3][img]https://i.pfq.me/t=1400179603/img/items/gem_electric.png[/img][/tip] [img]https://i.pfq.me/t=1400179630/img/types/grass.png[/img] = [tip=2][img]https://i.pfq.me/t=1400179603/img/items/gem_grass.png[/img][/tip] [img]https://i.pfq.me/t=1400179630/img/types/ice.png[/img] = [tip=1][img]https://i.pfq.me/t=1400179603/img/items/gem_ice.png[/img][/tip] [img]https://i.pfq.me/t=1400179630/img/types/poison.png[/img] = [tip=4][img]https://i.pfq.me/t=1400179603/img/items/gem_poison.png[/img][/tip] [img]https://i.pfq.me/t=1400179630/img/types/flying.png[/img] = [tip=1][img]https://i.pfq.me/t=1400179603/img/items/gem_flying.png[/img][/tip] [img]https://i.pfq.me/t=1400179630/img/types/bug.png[/img] = [tip=1][img]https://i.pfq.me/t=1400179603/img/items/gem_bug.png[/img][/tip] [img]https://i.pfq.me/t=1400179630/img/types/dark.png[/img] = [tip=21][img]https://i.pfq.me/t=1400179603/img/items/gem_dark.png[/img][/tip] [/styleclass] [/styleclass] [styleclass=tab4][styleclass=tab4hide][styleclass=tab4text]For Sale[/styleclass][/styleclass][styleclass=tab4body] [size=12]PM for what you want Prices; First shelf(Form change) - 90 GP, 100 GP, 100 GP, 100 GP Second Shelf(Summons) - 100 ZC Third shelf - tbd[/size] [tip=Sun Jewel][img]https://i.pfq.me/t=1400179603/img/items/jewel_sun.png[/img][/tip] // [tip=Wash Sparkplug][img]https://i.pfq.me/t=1400332309/img/items/sparkplugwash.png[/img][/tip] // [tip=Frost Sparkplug][img]https://i.pfq.me/t=1400332309/img/items/sparkplugfrost.png[/img][/tip] // [tip=FanSparkplug][img]https://i.pfq.me/t=1400332306/img/items/sparkplugfan.png[/img][/tip] [tip=Raijin's Lamp][img]https://i.pfq.me/t=1400179603/img/items/summon_thu.png[/img][/tip] [tip=Glalitite][img]https://i.pfq.me/t=1416834443/img/items/megastone_glalie.png[/img][/tip] // [tip=Latiosite][img]https://i.pfq.me/t=1416834273/img/items/megastone_latios.png[/img][/tip] [/styleclass] [/styleclass] [styleclass=tab5][styleclass=tab5hide][styleclass=tab5text]Tab 5[/styleclass][/styleclass][styleclass=tab5body] Tab 5 Body [/styleclass] [/styleclass] [styleclass=tab6][styleclass=tab6hide][styleclass=tab6text]Tab 6[/styleclass][/styleclass][styleclass=tab6body] Tab 6 Body [/styleclass] [/styleclass] [styleclass=tab7][styleclass=tab7hide][styleclass=tab7text]Tab 7[/styleclass][/styleclass][styleclass=tab7body] Tab 7 Body [/styleclass] [/styleclass] [styleclass=tab8][styleclass=tab8hide][styleclass=tab8text]Tab 8[/styleclass][/styleclass][styleclass=tab8body] Tab 8 Body [/styleclass] [/styleclass] [styleclass=tab9][styleclass=tab9hide][styleclass=tab9text]Tab 9[/styleclass][/styleclass][styleclass=tab9body] Temporal Buys Ghosts gems 5 Med - 60ZC 11 Med - 150ZC [/styleclass] [/styleclass] [styleclass=tab10][styleclass=tab10hide][styleclass=tab10text]Receipts[/styleclass][/styleclass][styleclass=tab10body] Records for myself. Suriya - 1 F shiny, 1 M Albino little_fairy - 1 M & (F Shiny - Calle) LunaOokami - 1 F Shiny & 1 M Albino (M Shiny - buddinbiker, F Shiny - Lilith) Temporal - 1 M Shiny DeathOmen - 1 F Albino BlackBlood1872 - 1 M Shiny & 1 F Albino Unity100 - 1 F Albino Hope Star - 1 M Shiny [/styleclass] [/styleclass] [styleclass=tab11][styleclass=tab11hide][styleclass=tab11text]Tab 11[/styleclass][/styleclass][styleclass=tab11body] Tab 11 Body [/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: #d0d2de; margin-top: -383px; 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: 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: #272833; border-color: #0d0e13; border-style: solid; border-width: 2px; width: 336px; height: 512px; margin-top:0px; overflow:hidden; -moz-margin-bottom: 1px; background-position: Absolute; } .img{ background-color: #878892; border-color: #cfd3ff; color: #000; margin-top: 5px; margin-right: 5px; Width: 100px; height: 100px; Border-style: dashed; 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: #878892; border-color: #cfd3ff; text-shadow: 2px 2px 5px #272833; color: #000; margin-top: 8px; margin-left: 5px; Width: 190px; 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: 20px; overflow:hidden; } .Body{ background-color: #d0d2de; border-color: #878892; color: #000; margin-top:7px; margin-right: 5px; margin-left: 50px; Width: 254px; height: 352px; text-align: center; Border-style: dashed; border-width: 2px; border-shadow: 2px 2px 10px; float: right; padding: 5px 5px 5px; font-size: 10px; overflow:hidden; } .credit{ background-color: #878892; border-color: #cfd3ff; color: #000; margin-top: 487px; margin-right: 5px; margin-left:5px; Width: 318px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -23px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -57px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -91px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -125px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -159px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -193px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -227px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -261px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -295px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -329px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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: #5a62bd; 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: #5a62bd; color: #000; background-color: #ced0e6; Width: 262px; height: 360px; float:left; line-height:1; margin-left: 350px; margin-top: -363px; font-family:"Trebuchet MS", Helvetica, sans-serif; Font-size:9px; 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:#6295ce; } .link a:hover { color:#b4d7ff; } [/style]