Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Play|Arizonia);
- b, strong { color: #B3004F; }
- i, strong { color: #D20808; }
- a:active, a:link, a:visited {
- color: #B31A1A;
- text-decoration: none;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- -ms-transition: all 0.4s ease-in;
- -o-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;
- }
- a:hover {
- color: #ffffff;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition-duration:0.5s;
- cursor: url('http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), progress;
- }
- ::selection {color: #b0996b; background-color:#3F2E49;}
- ::-moz-selection {color: #b0996b; background-color:#3F2E49;}
- ::-webkit-scrollbar { width: 5px; height:0px; }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #3F2E49; border: 1px solid #242424; }
- body {
- background-color: #000000;
- background-image: url(' ');
- background-size: 100% 100%;
- background-position: bottom left;
- background-attatchment: fixed;
- background-repeat: no-repeat;
- overflow-x:hidden;
- cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), progress !important;
- }
- h1 { Color: #620066; Border-bottom: 1px solid #fff; Border-left: 40px solid #AD00B3; Border-right: 40px solid #AD00B3; font-size:16px; text-align: center; Text-Shadow: #555 2px 1px 1px; font-family: 'Architects Daughter', cursive; Margin-top: 6px;}
- #dex { position: fixed; left: 20px; top: 100px; z-index: 0;}
- #dex img { height: 75%;}
- .menu{position:absolute;top:455px;left:296px;height:216px;background-color:#;width:292px;border-radius:2%;border:;text-align:center;opacity:0;z-index:2;transition: all 0.9s ease-in-out;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;overflow:auto;}
- .menu:target{z-index:1;opacity:1;transition: all 0.9s ease-in-out;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;}
- .menu1{text-decoration:none;position:absolute;top:510px;left:202px;border-radius:0%;height:2%;width:1%;background-color:;border:;}
- .menu2{text-decoration:none;position:absolute;top:543.5px;left:165px;border-radius:0%;height:3%;width:1%;background-color:;border:;}
- .menu3{text-decoration:none;position:absolute;top:543.5px;left:242px;border-radius:0%;height:3%;width:1%;background-color:;border:;}
- .menu4{text-decoration:none;position:absolute;top:586px;left:202px;border-radius:0%;height:2%;width:1%;background-color:;border:;}
- .menu5{text-decoration:none;position:absolute;top:525px;left:726px;border-radius:50%;height:8%;width:4%;background-color:;border:;}
- .menu1:hover,.menu2:hover,.menu3:hover,.menu4:hover,.menu5:hover{background-color:;color:#000}
- #content{padding-top:10px;padding-left:25px;padding-right:25px;text-align:left;font-family:Raleway;}
- .poke{position:absolute;top:139px;left:297px;height:216px;;background-color:#;width:292px;border-radius:2%;border:;text-align:left;opacity:0;z-index:2;transition: all 0.9s ease-in-out;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;overflow:auto;}
- .menu:target{z-index:1;opacity:1;transition: all 0.9s ease-in-out;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;}
- #content2{padding-top:10px;padding-left:70px;padding-right:70px;text-align:center;font-family:Raleway;}
- td.pokie{
- line-height: 65px;
- width: 80px;
- padding: 0px;
- text-align: left;
- }
- </style>
- <div id="dex"><img src="http://i.imgur.com/IKXG12T.png"></div>
- <img src="http://i.imgur.com/pbv8pDC.png" height="100%" style="position:fixed; bottom:0%; right: 0%;">
- </div>
- <a class="menu1" href="#1">▲</a>
- <a class="menu2" href="#2">◀</a>
- <a class="menu3" href="#3">▶</a>
- <a class="menu4" href="#4">▼</a>
- <a class="menu5" href="#reset"></a>
- </div>
- <div id="1" class="menu">
- <div id="content">
- tab 1
- </div></div>
- <div id="2" class="menu">
- <div id="content">
- tab 2
- </div>
- </div>
- <div id="3" class="menu">
- <div id="content">
- <table>
- <tr>
- <td class="pokie"><a href="#PD1"><img src="http://i.imgur.com/5c3MNAg.gif"></a></td><td class="pokie"><a href="#PD2"><img src="http://i.imgur.com/uB7CmRa.gif"></a></td><td class="pokemontab"><a href="#PD3"><img src="http://i.imgur.com/GahjKHI.gif"></a></td>
- </tr><tr>
- <td class="pokie"><a href="#PD4"><img src="http://i.imgur.com/L5Ye2sG.gif"></a></td><td class="pokie"><a href="#PD5"><img src="http://i.imgur.com/e2pJWmq.gif"></a></td><td class="pokie"><a href="#PD6"><img src="http://i.imgur.com/I35KTbK.gif"></a></td>
- </tr>
- </table>
- </div>
- </div>
- <div id="4" class="menu">
- <div id="content">
- tab 4
- </div>
- </div>
- <div id="PD1" class="poke"><div id="content2">
- <div style="float:left;">
- test
- </div></div>
- <div id="PD2" class="poke"><div id="content2">
- <div style="float:left;">
- test2
- </div></div>
- <div id="PD3" class="poke"><div id="content2">
- <div style="float:left;">
- test3
- </div></div>
- <div id="PD4" class="poke"><div id="content2">
- <div style="float:left;">
- test4
- </div></div>
- <div id="PD5" class="poke"><div id="content2">
- <div style="float:left;">
- test5
- </div></div>
- <div id="PD6" class="poke"><div id="poke">
- <div style="float:left;">
- test6
- </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement