Advertisement
Lizellea

Kaz code

Jul 30th, 2016
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.50 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Play|Arizonia);
  4.  
  5.  
  6. b, strong { color: #B3004F; }
  7. i, strong { color: #D20808; }
  8.  
  9. a:active, a:link, a:visited {
  10. color: #B31A1A;
  11. text-decoration: none;
  12. -webkit-transition: all 0.4s ease-in;
  13. -moz-transition: all 0.4s ease-in;
  14. -ms-transition: all 0.4s ease-in;
  15. -o-transition: all 0.4s ease-in;
  16. transition: all 0.4s ease-in;
  17. }
  18.  
  19. a:hover {
  20. color: #ffffff;
  21. -moz-transition-duration:0.5s;
  22. -webkit-transition-duration:0.5s;
  23. -o-transition-duration:0.5s;
  24. transition-duration:0.5s;
  25. cursor: url('http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), progress;
  26. }
  27.  
  28.  
  29. ::selection {color: #b0996b; background-color:#3F2E49;}
  30. ::-moz-selection {color: #b0996b; background-color:#3F2E49;}
  31.  
  32. ::-webkit-scrollbar { width: 5px; height:0px; }
  33. ::-webkit-scrollbar-thumb:vertical {
  34. background-color: #3F2E49; border: 1px solid #242424; }
  35.  
  36. body {
  37. background-color: #000000;
  38. background-image: url(' ');
  39. background-size: 100% 100%;
  40. background-position: bottom left;
  41. background-attatchment: fixed;
  42. background-repeat: no-repeat;
  43. overflow-x:hidden;
  44. cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), progress !important;
  45. }
  46.  
  47.  
  48. 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;}
  49.  
  50.  
  51. #dex { position: fixed; left: 20px; top: 100px; z-index: 0;}
  52. #dex img { height: 75%;}
  53.  
  54. .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;
  55. -webkit-transition: all 0.9s ease-in-out;
  56. -moz-transition: all 0.9s ease-in-out;
  57. -o-transition: all 0.9s ease-in-out;
  58. -ms-transition: all 0.9s ease-in-out;overflow:auto;}
  59. .menu:target{z-index:1;opacity:1;transition: all 0.9s ease-in-out;
  60. -webkit-transition: all 0.9s ease-in-out;
  61. -moz-transition: all 0.9s ease-in-out;
  62. -o-transition: all 0.9s ease-in-out;
  63. -ms-transition: all 0.9s ease-in-out;}
  64.  
  65. .menu1{text-decoration:none;position:absolute;top:510px;left:202px;border-radius:0%;height:2%;width:1%;background-color:;border:;}
  66. .menu2{text-decoration:none;position:absolute;top:543.5px;left:165px;border-radius:0%;height:3%;width:1%;background-color:;border:;}
  67. .menu3{text-decoration:none;position:absolute;top:543.5px;left:242px;border-radius:0%;height:3%;width:1%;background-color:;border:;}
  68. .menu4{text-decoration:none;position:absolute;top:586px;left:202px;border-radius:0%;height:2%;width:1%;background-color:;border:;}
  69. .menu5{text-decoration:none;position:absolute;top:525px;left:726px;border-radius:50%;height:8%;width:4%;background-color:;border:;}
  70. .menu1:hover,.menu2:hover,.menu3:hover,.menu4:hover,.menu5:hover{background-color:;color:#000}
  71. #content{padding-top:10px;padding-left:25px;padding-right:25px;text-align:left;font-family:Raleway;}
  72.  
  73.  
  74. .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;
  75. -webkit-transition: all 0.9s ease-in-out;
  76. -moz-transition: all 0.9s ease-in-out;
  77. -o-transition: all 0.9s ease-in-out;
  78. -ms-transition: all 0.9s ease-in-out;overflow:auto;}
  79. .menu:target{z-index:1;opacity:1;transition: all 0.9s ease-in-out;
  80. -webkit-transition: all 0.9s ease-in-out;
  81. -moz-transition: all 0.9s ease-in-out;
  82. -o-transition: all 0.9s ease-in-out;
  83. -ms-transition: all 0.9s ease-in-out;}
  84. #content2{padding-top:10px;padding-left:70px;padding-right:70px;text-align:center;font-family:Raleway;}
  85.  
  86. td.pokie{
  87. line-height: 65px;
  88. width: 80px;
  89. padding: 0px;
  90. text-align: left;
  91. }
  92.  
  93.  
  94.  
  95. </style>
  96. <div id="dex"><img src="http://i.imgur.com/IKXG12T.png"></div>
  97. <img src="http://i.imgur.com/pbv8pDC.png" height="100%" style="position:fixed; bottom:0%; right: 0%;">
  98. </div>
  99.  
  100. <a class="menu1" href="#1">▲</a>
  101. <a class="menu2" href="#2">◀</a>
  102. <a class="menu3" href="#3">▶</a>
  103. <a class="menu4" href="#4">▼</a>
  104. <a class="menu5" href="#reset"></a>
  105. </div>
  106.  
  107.  
  108. <div id="1" class="menu">
  109. <div id="content">
  110. tab 1
  111.  
  112. </div></div>
  113.  
  114. <div id="2" class="menu">
  115. <div id="content">
  116. tab 2
  117.  
  118. </div>
  119. </div>
  120.  
  121. <div id="3" class="menu">
  122. <div id="content">
  123. <table>
  124. <tr>
  125. <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>
  126. </tr><tr>
  127. <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>
  128. </tr>
  129. </table>
  130.  
  131. </div>
  132. </div>
  133.  
  134. <div id="4" class="menu">
  135. <div id="content">
  136. tab 4
  137.  
  138. </div>
  139. </div>
  140.  
  141. <div id="PD1" class="poke"><div id="content2">
  142. <div style="float:left;">
  143. test
  144. </div></div>
  145.  
  146. <div id="PD2" class="poke"><div id="content2">
  147. <div style="float:left;">
  148. test2
  149. </div></div>
  150.  
  151. <div id="PD3" class="poke"><div id="content2">
  152. <div style="float:left;">
  153. test3
  154. </div></div>
  155.  
  156. <div id="PD4" class="poke"><div id="content2">
  157. <div style="float:left;">
  158. test4
  159. </div></div>
  160.  
  161. <div id="PD5" class="poke"><div id="content2">
  162. <div style="float:left;">
  163. test5
  164. </div></div>
  165.  
  166. <div id="PD6" class="poke"><div id="poke">
  167. <div style="float:left;">
  168. test6
  169. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement