API tools faq
paste
A_Bad_Bitch

Pokemon Trainer

A_Bad_Bitch
Mar 9th, 2016
1,082
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.83 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. .pfor { display: none; }
  3. #profile { background-color: transparent; border: none; }
  4. </style>
  5.  
  6. <style type="text/css">
  7.  
  8. @import url(https://fonts.googleapis.com/css?family=Calligraffitti);
  9.  
  10.  
  11. body {
  12.  
  13. background-color: #000000;
  14. background-image: url(http://www.themesltd.com/backgrounds/random/swirls_grey.png);
  15. background-attachment: fixed;
  16. background-position: center center;
  17. background-repeat: repeat;
  18. background-size: auto;
  19. font-family: Times New Roman;
  20. font-variant: normal;
  21. font-size: 70%;
  22. color: #666666;}
  23.  
  24. ::-webkit-scrollbar {
  25. width: 2px;
  26. height: 0px;
  27. background:;
  28. }
  29.  
  30. ::-webkit-scrollbar-thumb {
  31. background-color:black;
  32. -webkit-border-radius: 10px;
  33. border-radius: 10px;
  34. }
  35.  
  36. a {color: #B30000;
  37. text-decoration: none;
  38. }
  39.  
  40. a:hover {color: black;
  41. text-decoration: line-through;
  42. cursor:
  43. url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
  44. }
  45.  
  46. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  47. }
  48.  
  49. .abox {background-color:#fff; color: #000; font-size: 11px; font-family: Calibri; text-align: justify; position: absolute; width: 440; height: 220; top: 405px; left: 469px; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}
  50.  
  51. .navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; left: 365; Bottom: 180; padding: 4px; z-index: 100;}
  52.  
  53. .link1 {Position: absolute; Left: 20px; Border: solid 1px #fff; Height: 10px; Width: 55px; background-color: #000; }
  54.  
  55. .link2 {Position: absolute; Left: 20px; Border: solid 1px #fff; Height: 10px; Width: 55px; background-color: #000; }
  56.  
  57. .link3 {Position: absolute; Left: 20px; Border: solid 1px #fff; Height: 10px; Width: 55px; background-color: #000; }
  58.  
  59. .link4 {Position: absolute; Left: 20px; Border: solid 1px #fff; Height: 10px; Width: 55px; background-color: #000; }
  60.  
  61. .link5 {Position: absolute; Left: 20px; Border: solid 1px #fff; Height: 10px; Width: 55px; background-color: #000; }
  62.  
  63. .link1:hover {Background-color: #343434;}
  64. .link2:hover {Background-color: #343434;}
  65. .link3:hover {Background-color: #343434;}
  66. .link4:hover {Background-color: #343434;}
  67. .link5:hover {Background-color: #343434;}
  68.  
  69. .slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  70.  
  71. .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  72. #title {position:absolute;
  73. color: black;
  74. font-size:70;
  75. font-family:tunga;
  76. left:230;
  77. top:140;
  78. }
  79.  
  80. #mainfuckinimage { position:fixed; left:12px; top: 25px; border: 5px solid black; }
  81. #gifone { position:fixed; left:473px; top:250px; border: double black; border-radius:50%;}
  82. #giftwo { position:fixed; left:655px; top:250px; border: double black; border-radius:50%;}
  83. #gifthree { position:fixed; left:833px; top:250px; border: double black; border-radius:50%;}
  84.  
  85. .onelittlebox {
  86. position: fixed;
  87. background-color: #fff;
  88. border:4px #000 double;
  89. overflow: auto;
  90. width: 450; height: 225;
  91. bottom: 25px; left: 470px;
  92. padding: 5px;
  93. text-align: justify;
  94. font-size: 11px;
  95. font-family: Calibri;
  96. color: #000;
  97. line-height: 14px;}
  98.  
  99. .Header{
  100. position: fixed;
  101. top: 360px;
  102. left: 520px;
  103. color: #000;
  104. font-size: 25px;
  105. line-height: 50px;
  106. letter-spacing: 3px;
  107. font-family: 'Calligraffitti', Cursive;
  108. text-shadow: #005EFF 2px 3px 4px;
  109. }
  110.  
  111. .npcpokemonbar {Background-color: none; Position: absolute; Height: 13px; Width: 62px; Left: 935; Top: 430; padding: 4px; z-index: 100;}
  112. .playerplayedpokemonbar {Background-color: none; Position: absolute; Height: 13px; Width: 62px; Left: 975; Top: 430; padding: 4px; z-index: 100;}
  113.  
  114. .pokemon {background-color: #fff; color: #000; font-size: 11px; font-family: Calibri; text-align: justify; position: absolute; width:253px; height:169; Left: 656px; Top: 25; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}
  115. .pokemonimg {background-color: #fff; position: absolute; Left: 469px; Top: 25; margin: 1px; overflow:auto; border:4px double black;}
  116.  
  117.  
  118. h2 {
  119.  
  120. position: fixed;
  121. right: 10px;
  122. bottom: 0px;
  123. font-family: Arial;
  124. font-variant: normal;
  125. font-weight: normal;
  126. font-size: 100%;
  127. color: #000000;}
  128. </style>
  129.  
  130. <div class="Header">A title of some sort
  131. </div>
  132.  
  133.  
  134. <div id="mainfuckinimage">
  135. <img src="PIC NUMBER ONE" class="image" height="620px;" width="330px;">
  136. </div>
  137. <div id="gifone">
  138. <img src="GIF NUMBER ONE" class="image" height="100px;" width="100px;" style="border-radius:50%">
  139. </div>
  140. <div id="giftwo">
  141. <img src="GIF NUMBER TWO" class="image" height="100px;" width="100px;" style="border-radius:50%">
  142. </div>
  143. <div id="gifthree">
  144. <img src="GIF NUMBER THREE" class="image" height="100px;" width="100px;" style="border-radius:50%">
  145. </div>
  146.  
  147. <div class="navbar">
  148. <a class="link1" href="#1"></a><br><br>
  149. <a class="link2" href="#2"></a><br><br>
  150. <a class="link3" href="#3"></a><br><br>
  151. <a class="link4" href="#4"></a>
  152. </div></div></center>
  153.  
  154.  
  155. <div class="onelittlebox">
  156.  
  157. whatever can go here, doesn't matter.
  158.  
  159. </div>
  160.  
  161. <div id="1" class="slide">
  162. <div class="abox">
  163.  
  164. another tab to do things with
  165.  
  166. </div></div>
  167.  
  168. <div id="2" class="slide">
  169. <div class="abox">
  170.  
  171. moar tabs to put stuff in
  172.  
  173. </div></div>
  174.  
  175. <div id="3" class="slide">
  176. <div class="abox">
  177.  
  178. A tab for you to put things in.
  179.  
  180. </div></div>
  181.  
  182. <div class="npcpokemonbar">
  183. <a href="#poke1"><img src="http://www.serebii.net/pokedex-xy/icon/157.png"></a><br>
  184. <a href="#poke2"><img src="http://www.serebii.net/pokedex-xy/icon/160.png"></a><br>
  185. <a href="#poke3"><img src="http://www.serebii.net/pokedex-xy/icon/154.png"></a><br>
  186. <a href="#poke4"><img src="https://i.dstatic.com/images/minipokemon/dragonite.png"></a><br>
  187. <a href="#poke5"><img src="http://www.serebii.net/pokedex-xy/icon/080.png"></a><br>
  188. <a href="#poke6"><img src="http://www.serebii.net/pokedex-xy/icon/036.png"></a><br>
  189. </div></div></center>
  190.  
  191. <div class="playerplayedpokemonbar">
  192. <a href="#poke7"><img src="http://www.serebii.net/pokedex-xy/icon/309.png"></a><br>
  193. <a href="#poke8"><img src="http://www.serebii.net/pokedex-xy/icon/319.png"></a>
  194. </div></div></center>
  195.  
  196.  
  197. <div id="poke1" class="slide">
  198. <div class="Pokemon">
  199.  
  200. PKMN STATS
  201.  
  202. </div>
  203. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  204. </div>
  205. </div>
  206.  
  207.  
  208. <div id="poke2" class="slide">
  209. <div class="Pokemon">
  210.  
  211. PKMN STATS
  212.  
  213. </div>
  214. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  215. </div>
  216. </div>
  217.  
  218. <div id="poke3" class="slide">
  219. <div class="Pokemon">
  220.  
  221. PKMN STATS
  222.  
  223. </div>
  224. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  225. </div>
  226. </div>
  227.  
  228. <div id="poke4" class="slide">
  229. <div class="Pokemon">
  230.  
  231. PKMN STATS
  232.  
  233. </div>
  234. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  235. </div>
  236. </div>
  237.  
  238. <div id="poke5" class="slide">
  239. <div class="Pokemon">
  240.  
  241. PKMN STATS
  242.  
  243. </div>
  244. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  245. </div>
  246. </div>
  247.  
  248. <div id="poke6" class="slide">
  249. <div class="Pokemon">
  250.  
  251. PKMN STATS
  252.  
  253. </div>
  254. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  255. </div>
  256. </div>
  257.  
  258. <div id="poke7" class="slide">
  259. <div class="Pokemon">
  260.  
  261. PKMN STATS
  262.  
  263. </div>
  264. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  265. </div>
  266. </div>
  267.  
  268. <div id="poke8" class="slide">
  269. <div class="Pokemon">
  270.  
  271. PKMN STATS
  272.  
  273. </div>
  274. <div class="pokemonimg"><img src="IMG HERE" height="189" width="177">
  275. </div>
  276. </div>
  277. <h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!