API tools faq
paste
Advertisement
Lizellea

Rey

Lizellea
Aug 30th, 2016
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.09 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Rajdhani:600);
  4. @import url(https://fonts.googleapis.com/css?family=Yesteryear);
  5.  
  6. body {
  7.  
  8. background-color: #80DDFF;
  9. background-image: url();
  10. background-attachment: fixed;
  11. background-position: center center;
  12. background-repeat: repeat;
  13. background-size: auto;
  14. font-family: Times New Roman;
  15. font-variant: normal;
  16. font-size: 70%;
  17. color: #666666;}
  18.  
  19. ::-webkit-scrollbar-track {background-color:#;}
  20. ::-webkit-scrollbar-thumb {background-color:#;}
  21. ::-webkit-scrollbar {width:2px;height:5px;}
  22.  
  23. a {color: #8C0E30; text-decoration: none; }
  24.  
  25. a:hover {color: black; text-decoration: none;
  26. cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
  27. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  28.  
  29. #moonlight { position:fixed; left: 30%; top: 35%; border: #4B60FF solid 10px; height: 130px; width: 130px;}
  30. #dancing { position:fixed; left: 57.5%; top: 35%; border: #4B60FF solid 10px; height: 130px; width: 130px;}
  31.  
  32. .abox {background-color:#363C6E; color: #ccc; font-size: 12px; font-family: 'Rajdhani', sans-serif; text-align: justify; position: absolute; width:499; height:175; left: 513; top: 455; letter-spacing:.2px; line-height: 13px; padding: 3px; margin: 1px; overflow:auto; border: 10px solid #4B60FF;}
  33.  
  34. .navbar { Position: absolute; Height: 13px; Width: 242px; Left: 41%; Top: 54%; padding: 4px; z-index: 100;}
  35.  
  36. .link1 {Position: absolute; Left: 20px; Border: solid 3px #4B60FF; Height: 12px; Width: 23px; Background: #363C6E; margin: 0 2px 0 0;}
  37.  
  38. .link2 {Position: absolute; Left: 60px; Border: solid 3px #4B60FF; Height: 12px; Width: 23px; Background: #363C6E; margin: 0 2px 0 0;}
  39.  
  40. .link3 {Position: absolute; Left: 100px; Border: solid 3px #4B60FF; Height: 12px; Width: 23px; Background: #363C6E; margin: 0 2px 0 0;}
  41.  
  42. .link4 {Position: absolute; Left: 140px; Border: solid 3px #4B60FF; Height: 12px; Width: 23px; Background: #363C6E; margin: 0 2px 0 0;}
  43.  
  44. .link5 {Position: absolute; Left: 180px; Border: solid 3px #4B60FF; Height: 12px; Width: 23px; Background: #363C6E; margin: 0 2px 0 0;}
  45.  
  46. .link1:hover {Background: #4B60FF; Border: solid 3px #363C6E; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
  47. .link2:hover {Background: #4B60FF; Border: solid 3px #363C6E; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
  48. .link3:hover {Background: #4B60FF; Border: solid 3px #363C6E; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
  49. .link4:hover {Background: #4B60FF; Border: solid 3px #363C6E; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
  50. .link5:hover {Background: #4B60FF; Border: solid 3px #363C6E; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
  51.  
  52. .slide {Position: fixed; Height: 555555; Width: 555555; Top: -100px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  53.  
  54. .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  55.  
  56. .pokemon {background-color: #363C6E; color: #ccc; font-size: 11px; font-family: Calibri; text-align: justify; position: absolute; width:390px; height:169; Left: 656px; Top: 15; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double #4B60FF;}
  57. .pokemonimg {background-color: #363C6E; position: absolute; Left: 469px; Top: 15; margin: 1px; overflow:auto; border:4px double #4B60FF;}
  58.  
  59. .npcpokemonbar {Background-color: none; Position: absolute;letter-spacing:40px; Height: 13px; Width: 455px; right: 570px; Top: 215px; padding: 4px; z-index: 100;}
  60.  
  61.  
  62. .curses { position: fixed; background-color: #363C6E; border: 10px #4B60FF solid; width: 163; height: 65; top: 35%; left: 42.4%; padding: 3px; text-align: justify; font-size: 11px; font-family: 'Rajdhani', sans-serif; color: #ccc; line-height: 13px;}
  63.  
  64. </style>
  65.  
  66. <img src="http://i.picpar.com/hpZb.png" height="100%" style="position:fixed; bottom:0%; right: 0%;">
  67.  
  68. <div id="moonlight"><img src="http://67.media.tumblr.com/c6a0c339b80484272c2db2ef572c7bbd/tumblr_n988lhoLW11t2srs7o3_500.gif" height="100%" width="100%"></div>
  69.  
  70. <div id="dancing"><img src="http://static.batanga.com/sites/default/files/free-anime.gif" height="100%" width="100%"></div>
  71.  
  72. <div class="navbar">
  73. <a class="link1" href="#1"></a>
  74. <a class="link2" href="#2"></a>
  75. <a class="link3" href="#3"></a>
  76. <a class="link4" href="#4"></a>
  77. <a class="link5" href="#5"></a>
  78. </div>
  79.  
  80. <div class="curses">
  81. <br><br>
  82. <center>Just keep swimming.</center>
  83.  
  84. </div>
  85.  
  86.  
  87. <div id="1" class="slide">
  88. <div class="abox">
  89. <b>Name</b>: Rey<br>
  90. <b>Age</b>: ??<br>
  91. <b>Gender</b>: Male<br>
  92. <b>Hometown</b>: ??<br>
  93. <b>Height</b>: ??<br>
  94. <b>Weight</b>: ??<br>
  95. <b>Build</b>: ??<br>
  96. <b>Hair</b>: <br>
  97. <b>Eyes</b>: ??<br>
  98. <b>Occupation</b>: ??<br>
  99. <b>Preferred Type(s)</b>: <img src="http://www.serebii.net/pokedex-bw/type/water.gif"><br>
  100. <b>Orientation</b>: ??<br>
  101. <b>Status</b>: ??
  102. </div></div>
  103.  
  104. <div id="2" class="slide">
  105. <div class="abox">
  106. <b>1x</b> Debit Card (3,682 PokeDollars)<br>
  107. <b>19x</b> Poke Balls <br>
  108. <b>25x</b> Full Restores <br>
  109. <b>24x</b> Revives <br>
  110. <b>15x</b> Fresh Water <br>
  111. <b>15x</b> Granola Bars <br>
  112. <b>13x</b> Max Elixir <br>
  113. <b>44x</b> Full Heal <br>
  114. <b>20x</b> Super Potion<br>
  115. <b>57x</b> Potion<br>
  116. <b>10x</b> Max Repel<br>
  117. <b>1x</b> Cellphone<br>
  118. </div></div>
  119.  
  120. <div id="3" class="slide">
  121. <div class="abox">
  122. But something here later.
  123. </div></div>
  124.  
  125. <div id="4" class="slide">
  126. <div class="abox">
  127. OOC here
  128.  
  129. </div></div>
  130.  
  131. <div class="npcpokemonbar">
  132. <a href="#poke1"><img src="http://www.serebii.net/pokedex-xy/icon/130.png"></a>
  133. <a href="#poke2"><img src="http://www.serebii.net/pokedex-xy/icon/222.png"></a>
  134. <a href="#poke3"><img src="http://www.serebii.net/pokedex-xy/icon/195.png"></a>
  135. <a href="#poke4"><img src="http://www.serebii.net/pokedex-xy/icon/279.png"></a>
  136. <a href="#poke5"><img src="http://www.serebii.net/itemdex/sprites/diveball.png"></a>
  137. <a href="#poke6"><img src="http://www.serebii.net/itemdex/sprites/diveball.png"></a>
  138. </div></div></center>
  139.  
  140.  
  141. <div id="poke1" class="slide">
  142. <div class="Pokemon">
  143.  
  144.  
  145.  
  146. </div>
  147. <div class="pokemonimg"><img src="http://i.picpar.com/dpZb.png" height="189" width="177">
  148. </div>
  149. </div>
  150.  
  151.  
  152. <div id="poke2" class="slide">
  153. <div class="Pokemon">
  154.  
  155.  
  156.  
  157. </div>
  158. <div class="pokemonimg"><img src="http://i.picpar.com/epZb.png" height="189" width="177">
  159. </div>
  160. </div>
  161.  
  162. <div id="poke3" class="slide">
  163. <div class="Pokemon">
  164.  
  165.  
  166.  
  167. </div>
  168. <div class="pokemonimg"><img src="http://i.picpar.com/fpZb.png" height="189" width="177">
  169. </div>
  170. </div>
  171.  
  172. <div id="poke4" class="slide">
  173. <div class="Pokemon">
  174.  
  175.  
  176.  
  177. </div>
  178. <div class="pokemonimg"><img src="http://i.picpar.com/gpZb.png" height="189" width="177">
  179. </div>
  180. </div>
  181.  
  182. <div id="poke5" class="slide">
  183. <div class="Pokemon">
  184.  
  185.  
  186.  
  187. </div>
  188. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  189. </div>
  190. </div>
  191.  
  192. <div id="poke6" class="slide">
  193. <div class="Pokemon">
  194.  
  195.  
  196.  
  197. </div>
  198. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  199. </div>
  200. </div>
  201.  
  202. <div id="poke7" class="slide">
  203. <div class="Pokemon">
  204.  
  205. PKMN STATS
  206.  
  207. </div>
  208. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  209. </div>
  210. </div>
  211.  
  212. <div id="poke8" class="slide">
  213. <div class="Pokemon">
  214.  
  215. PKMN STATS
  216.  
  217. </div>
  218. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  219. </div>
  220. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!