Loading...

Top
PFQ Banner

This is PokéFarm Q, a free online Pokémon collectables game.

Already a user? New to PFQ?

Single post in Legibility Guidelines

Forum Index > Core > Announcements > News Archive > Legibility Guidelines >

Sei's AvatarSei
Sei's Avatar
Using Bananalizard's old about me code? It's been fixed! Rejoice! - Template adjustments done by dadesfriend, Code box by Raca

codes

Bananalizard's Fixed 6-tab About Me Template

[styleclass=reset][styleclass=Background] [styleclass=img][img]http://www.serebii.net/blackwhite/pokemon/087.png[/img][/styleclass] [styleclass=header][css=float:left]Welcome to[/css] [css=float:center; margin-left: 30px]Username's[/css][css=float:right]Profile![/css][/styleclass] [styleclass=link][styleclass=Body] Main Body [/styleclass] [styleclass=container][styleclass=tab1][styleclass=tab1hide][styleclass=tab1text]Tab 1[/styleclass][/styleclass][styleclass=tab1body] Tab 1 Body [/styleclass] [/styleclass][styleclass=tab2][styleclass=tab2hide][styleclass=tab2text]Tab 2[/styleclass][/styleclass][styleclass=tab2body] Tab 2 Body [/styleclass] [/styleclass] [styleclass=tab3][styleclass=tab3hide][styleclass=tab3text]Tab 3[/styleclass][/styleclass][styleclass=tab3body] Tab 3 Body [/styleclass] [/styleclass] [styleclass=tab4][styleclass=tab4hide][styleclass=tab4text]Tab 4[/styleclass][/styleclass][styleclass=tab4body] Tab 4 Body [/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][/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: -213px; 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: 306px; height: 342px; 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; text-align:center; 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: 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: 20px; overflow:hidden; } .Body{ background-color: #d0d2de; border-color: #878892; color: #000; margin-top:7px; margin-right: 5px; margin-left: 50px; Width: 224px; height: 182px; 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: 318px; 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: #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: 232px; height: 190px; 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: 232px; height: 190px; 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: 232px; height: 190px; 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: 232px; height: 190px; 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: 232px; height: 190px; 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: 232px; height: 190px; 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; } .link a{ text-decoration: underline; color:#6295ce; } .link a:hover { color:#b4d7ff; } [/style]
11-tab about me template

Bananalizard's Fixed 11-tab About Me Template

[styleclass=reset][styleclass=Background] [styleclass=img][img]http://www.serebii.net/blackwhite/pokemon/087.png[/img][/styleclass] [styleclass=header][css=float:left]Welcome to[/css] [css=float:center; margin-left: 30px]Username's[/css][css=float:right]Profile![/css][/styleclass] [styleclass=link][styleclass=Body] Main Body [/styleclass] [styleclass=container][styleclass=tab1][styleclass=tab1hide][styleclass=tab1text]Tab 1[/styleclass][/styleclass][styleclass=tab1body] Tab 1 Body [/styleclass] [/styleclass][styleclass=tab2][styleclass=tab2hide][styleclass=tab2text]Tab 2[/styleclass][/styleclass][styleclass=tab2body] Tab 2 Body [/styleclass] [/styleclass] [styleclass=tab3][styleclass=tab3hide][styleclass=tab3text]Tab 3[/styleclass][/styleclass][styleclass=tab3body] Tab 3 Body [/styleclass] [/styleclass] [styleclass=tab4][styleclass=tab4hide][styleclass=tab4text]Tab 4[/styleclass][/styleclass][styleclass=tab4body] Tab 4 Body [/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] Tab 9 Body [/styleclass] [/styleclass] [styleclass=tab10][styleclass=tab10hide][styleclass=tab10text]Tab 10[/styleclass][/styleclass][styleclass=tab10body] Tab 10 Body [/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: 306px; 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: 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: 20px; overflow:hidden; } .Body{ background-color: #d0d2de; border-color: #878892; 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: 10px; 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: #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: 232px; 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: 232px; 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: 232px; 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: 232px; 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: 232px; 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: 232px; 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: 232px; 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: 232px; 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: 232px; 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: 232px; 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: 232px; height: 360px; float:left; line-height:1; margin-left: 232px; 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]
Art: Bunnytears | Avatar: Novie | Background: Sei
  • Answers
  • Collecting
  • Hey! Listen!
Thy Life is a riddle, to bear rapture and sorrow To listen, to suffer, to entrust unto tomorrow In one fleeting moment, from the Land doth life flow Yet in one fleeting moment, for anew it doth grow In the same fleeting moment thou must live, die and know
Garth's love Hi my name is Sei my favorite color is clear
Interested in using a Pokefarm-made sprite? Click here to get permission!
© PokéFarm 2009-2019 (Full details)Contact | Rules | Privacy | WikiGet shortlink for this page