API tools faq
paste
NaotoShirgone

Rasputin

NaotoShirgone
Feb 5th, 2017
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.64 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <body>
  3. <style>
  4. @import url('https://fonts.googleapis.com/css?family=Fontdiner+Swanky');
  5. body {
  6. background-image: url(http://1.bp.blogspot.com/-M6bHc2FlUzE/UmbqY9OiWQI/AAAAAAAAB34/2l9i3GLHFCU/s1600/Battlefield+4+Russian+MI-28+Havoc+Multipurpose+Attack+Helicopter+Background+Wallpaper+1500x844+Background+Wallpapers+www.Battlefield247.Blogspot.com.jpg);
  7. background-attachment:fixed;
  8. background-repeat:no-repeat;
  9. background-size:auto 130%;
  10. background-position:center;
  11. background-color:#000000;
  12. color:#635C5C;
  13. text-align:left;
  14. font-family: 'Fontdiner Swanky', serif;
  15. }
  16. #mugshot {
  17. z-index:2;
  18. position:fixed;
  19. top:2%;
  20. right:4%;
  21. height:95%;
  22. }
  23. #mugshot img {
  24. height:100%;
  25. }
  26. #box, #navbar, .infobox, #statbox, #obox {
  27. position:fixed;
  28. border:2px solid #635C5C;
  29. background-color:#111111;
  30. overflow-y:auto;
  31. }
  32. #box {
  33. z-index:1;
  34. top:48%;
  35. right:4%;
  36. height:49%;
  37. width:52%;
  38. }
  39. #navbar {
  40. z-index:4;
  41. top:50%;
  42. right:5%;
  43. width:50%;
  44. height:5%;
  45. text-align:center;
  46. font-size:110%;
  47. overflow-x:auto;
  48. overflow-y:hidden;
  49. opacity:0.95;
  50. }
  51. #navbar a {
  52. display:inline-block;
  53. height:92%;
  54. width:20%;
  55. padding:0.5%;
  56. transition:0.5s;
  57. -o-transition:0.5s;
  58. -ms-transition:0.5s;
  59. -moz-transition:0.5s;
  60. -webkit-transition:0.5s;
  61. }
  62. #navbar a:hover {
  63. background-color:#ffffff;
  64. color:#000000;
  65. }
  66. .infobox {
  67. z-index:2;
  68. top:57%;
  69. right:6%;
  70. height:33%;
  71. width:44%;
  72. padding:1%;
  73. opacity:0;
  74. transition:1s ease-in;
  75. -o-transition:1s ease-in;
  76. -ms-transition:1s ease-in;
  77. -moz-transition:1s ease-in;
  78. -webkit-transition:1s ease-in;
  79. }
  80. .infobox:target {
  81. z-index:3;
  82. opacity:0.95;
  83. }
  84. #statbox, #obox {
  85. top:57%;
  86. height:33%;
  87. width:20%;
  88. padding:1%;
  89. }
  90. #statbox {
  91. right:30%;
  92. }
  93. #obox {
  94. right:6%;
  95. }
  96. h2, b {
  97. color:#635C5C;
  98. }
  99. p {
  100. text-indent:2%;
  101. }
  102. a {
  103. text-decoration:none;
  104. color:#FFFFFF;
  105. }
  106. ::-webkit-scrollbar {
  107. width:8px;
  108. height:8px;
  109. background-color:#ffffff;
  110. }
  111. ::-webkit-scrollbar-thumb:vertical {
  112. background-color:#635C5C;
  113. }
  114. ::-webkit-scrollbar-thumb:horizontal {
  115. background-color:#635C5C;
  116. }
  117. #credit {
  118. text-decoration:none;
  119. color:#FFFFFF;
  120. position:fixed;
  121. right:1%;
  122. bottom:0%;
  123. background-color:#ffffff;
  124. border-radius:5px;
  125. font-family: UnifrakturCook, Brush Script MT, script, cursive;
  126. font-size:16px;
  127. }
  128. </style>
  129. <div id="mugshot">
  130. <img src="http://i.imgur.com/rtj27YW.png"/>
  131. </div>
  132.  
  133. <div id="box">
  134. </div>
  135.  
  136. <div id="navbar">
  137. <a href="#01">Stats/Stock</a>
  138. <a href="#02">About</a>
  139. <a href="#03">Extras</a>
  140. <a href="#00">Reset</a>
  141. </div>
  142.  
  143. <div class="infobox" id="01" style="background-color:transparent;border:none;overflow:visible;">
  144. <div id="statbox">
  145. <h2>Stats</h2>
  146. <p style="text-indent:0%;">
  147. <b><Font Color=White>Name:</font></b>Nikolai Rasputin<br>
  148. <br>
  149. <b><Font Color=White>Species:</font></b>Human (Russian( speaks english)<br>
  150. <br>
  151. <b><Font Color=White>Nicknames:</font></b>Nik or Niko<br>
  152. <br>
  153. <b><Font Color=White>Military Rank:</font></b>High Ranking Spetznas<br>
  154. <br>
  155. <b><Font Color=White>Gender:</font></b>Male<br>
  156. <br>
  157. <b><Font Color=White>Date Of Birth:</font></b> Confidential<br>
  158. <br>
  159. <b><Font Color=White>Age:</font></b>20<br>
  160. <br>
  161. <b><Font Color=White>Hair:</font></b>White Hair <br>
  162. <br>
  163. <b><Font Color=White>Eyes:</font></b>Dark Red<br>
  164. <br>
  165. <b><Font Color=White>Height:</font></b>6'8<br>
  166. <br>
  167. <b><Font Color=White>Build:</font></b>Strong, Resilient, Agile.<br>
  168. <br>
  169. <b><Font Color=White>Orientation:</font></b> Straight<br>
  170. <br>
  171. <b><Font Color=White>Guards:</font></b>Katyusha, and Svetlana<br>
  172. <br>
  173. </p>
  174. </div>
  175.  
  176. <div id="obox">
  177. <h2>Innovatory:</h2>
  178. <Center>KBAR Knife</Center>
  179. <img src="https://www.kabar.com/images/about/famous-knife/1217_h_lg.png" width="200"height="75"></br>
  180. <Center>AK47</Center>
  181. <img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/AK-47.png" width="200"height="75"></br>
  182. <Center>SVD Dragonov</Center>
  183. <img src="http://www.fab-defense.com/images/detail/5/190-dragunov-svdm-2013-2d-png-Sun-Aug-25-14-04-12.png" width="200"height="75"></br>
  184. <Center>Makarov Pistol</Center>
  185. <img src="http://pngimg.com/upload/gun_PNG1391.png" width="150"height="100"></br>
  186. <Center>AK74u Submachinegun</Center>
  187. <img src="http://vignette2.wikia.nocookie.net/callofduty/images/3/3d/AK-74u_Menu_Icon_BOII.png/revision/latest?cb=20121210115129" width="200"height="75"></br>
  188. <Center>Sholokhov Anti Tank Rifle</Center>
  189. <img src="http://i.imgur.com/VbjmVAD.png" width="200"height="75"></br>
  190.  
  191.  
  192.  
  193.  
  194.  
  195. </div>
  196. </div>
  197. </div>
  198.  
  199. <div class="infobox" id="02">
  200. <h2>About</h2>
  201. <p>
  202. <font color= white>fill In words here</font>
  203. </p>
  204. </div>
  205.  
  206. <div class="infobox" id="03">
  207. <h2>Extras</h2>
  208. <p>
  209. Some text.
  210. </p>
  211. <a href="" target="_blank">Link</a>
  212. </div>
  213.  
  214. </div>
  215. </div>
  216.  
  217.  
  218. </body>
  219. </html>
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!