SHARE
TWEET

code

bythestars Jun 8th, 2019 (edited) 115 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Oswald|Staatliches');
  3.  
  4. #no {
  5. position: absolute;
  6. left: 0px;
  7. top: 0px;
  8. right: 0px;
  9. bottom: 0px;}
  10.  
  11. ::-webkit-scrollbar {
  12. width: 1px;}
  13.  
  14. ::-webkit-scrollbar-thumb {
  15. background: transparent;}
  16.  
  17. ::selection {
  18. color: #000;
  19. background: #fff;}
  20.  
  21. body {
  22. background-color: #100d09;
  23. background-image: url(https://www.transparenttextures.com/patterns/asfalt-light.png);
  24. cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
  25.  
  26. h2 {
  27. height: 24px;
  28. background-color: #403831;
  29. text-align: center;
  30. font-family: 'Staatliches', cursive;
  31. color: #30261C;
  32. font-size: 23px;
  33. line-height: 24px;
  34. letter-spacing: 4px;
  35. text-transform: lowercase;
  36. font-weight: bold;
  37. margin-top: 5px;
  38. margin-bottom: 12px;}
  39.  
  40. a {
  41. color: #403831;
  42. text-decoration: none;}
  43.  
  44. b {
  45. color:#100d09;
  46. font-family: Oswald, sans-serif;
  47. text-transform: uppercase;
  48. font-size: 12px;
  49. letter-spacing: 1;
  50. }
  51.  
  52. i {
  53.  color:#403831;
  54.  font-family: Oswald, sans-serif;
  55.  text-transform: lowercase;
  56.  font-size: 12px;
  57.  letter-spacing: 1;}
  58.  
  59. u {
  60.  color:#d0bfaf;
  61.  font-family: Oswald, sans-serif;
  62.  text-transform: lowercase;
  63.  font-size: 12px;
  64.  letter-spacing: 1;}
  65.  
  66. s {
  67.  color:#FFE5F9;
  68.  font-family: Oswald, sans-serif;
  69.  text-transform: lowercase;
  70.  font-size: 12px;
  71.  letter-spacing: 1;}
  72.  
  73. .pic {
  74. position: absolute;
  75. height: 250px;
  76. width: 230px;
  77. background-image: url('https://i.imgur.com/RHLjSZ0.gif');
  78. background-attachment: absolute;
  79. background-size: 100% 100%;
  80. bottom: 130px;
  81. right: 10px;
  82. border: 5px solid #30261C;}
  83.  
  84. .alpha {
  85. position: fixed;
  86. height: 440px;
  87. width: 640px;
  88. background-image: url();
  89. background-color: #201a13;
  90. padding: 10px;
  91. overflow: auto;
  92. bottom: 50%;
  93. left: 50%;
  94. margin-left: -270px;
  95. margin-bottom: -300px;}
  96.  
  97. .con {
  98. position: fixed;
  99. height: 380px;
  100. width: 580px;
  101. background-image: url();
  102. background-color: #403831;
  103. Border: 10px solid;
  104. Border-color: #30261C;
  105. padding: 10px;
  106. overflow: auto;
  107. bottom: 50%;
  108. left: 50%;
  109. margin-left: -250px;
  110. margin-bottom: -280px;}
  111.  
  112. .stats {
  113. position: absolute;
  114. height: 330px;
  115. width: 310px;
  116. font-family: Oswald;
  117. color: #000;
  118. font-size: 13px;
  119. letter-spacing: 0px;
  120. text-transform: none;
  121. background-color: #30261C;
  122. padding: 10px;
  123. line-height: 22px;
  124. text-align: justify;
  125. overflow: auto;
  126. top: 40px;
  127. left: 40px;}
  128.  
  129. .stats span {
  130. font-family: 'Oswald';
  131. color: #483861;
  132. font-size: 13px;
  133. letter-spacing: 2px;
  134. text-transform: Uppercase;
  135. font-weight: bold;
  136. margin-right: 3px;}
  137.  
  138. .box {
  139. position: absolute;
  140. height: 330px;
  141. width: 310px;
  142. font-family: Oswald;
  143. color: #000;
  144. font-size: 13px;
  145. letter-spacing: 0px;
  146. text-transform: none;
  147. background-color: #30261C;
  148. padding: 10px;
  149. line-height: 22px;
  150. text-align: justify;
  151. overflow: auto;
  152. opacity: 0;
  153. bottom: 50%;
  154. left: 50%;
  155. margin-left: -230px;
  156. margin-bottom: -10000000px;}
  157.  
  158. .box:target {
  159. opacity: 1;
  160. bottom: 50%;
  161. left: 50%;
  162. margin-left: -230px;
  163. margin-bottom: -230px;}
  164.  
  165. .navi {
  166. position: absolute;
  167. top: 390px;
  168. left: 40px;}
  169.  
  170. a.nav:link, a.nav:active, a.nav:visited{
  171. display: inline-block;
  172. font-family: 'Staatliches', cursive;
  173. color: #403831;
  174. background-color: #30261C;
  175. width: 63px;
  176. font-size: 15px;
  177. letter-spacing: 3px;
  178. text-transform: uppercase;
  179. text-decoration: none;
  180. font-weight: bold;
  181. text-align: center;
  182. margin-top: 10px;
  183. cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
  184.  
  185. .title {
  186. position: absolute;
  187. font-family: 'Staatliches', cursive;
  188. color: #30261C;
  189. font-size: 55px;
  190. letter-spacing: 2px;
  191. text-transform: uppercase;
  192. font-weight: bold;
  193. bottom: 50%;
  194. left: 50%;
  195. margin-left: 120px;
  196. margin-bottom: -210px;
  197. text-shadow: 3px 2px 0px #201a13;}
  198.  
  199. .title2 {
  200. position: absolute;
  201. font-family: 'Staatliches', cursive;
  202. color: #30261C;
  203. font-size: 55px;
  204. letter-spacing: 2px;
  205. text-transform: uppercase;
  206. font-weight: bold;
  207. bottom: 50%;
  208. left: 50%;
  209. margin-left: 230px;
  210. margin-bottom: -260px;
  211. text-shadow: 3px 2px 0px #201a13;}
  212. </style>
  213.  
  214. <div id="no" oncontextmenu="return false;">
  215.  
  216. <div class="alpha">
  217. <div class="con">
  218. <div class="pic"></div>
  219. <div class="pic1"></div>
  220. <div class="pic2"></div>
  221. <div class="pic3"></div>
  222. <div class="pic4"></div>
  223. </div>
  224.  
  225. <div class="stats">
  226. <h2>Statistics</h2>
  227. <font style=float:left><b>name</b> </font> <font style=float:right>Chase Emmanuel Luna</font><br>
  228. <font style=float:left><b>alias</b> </font> <font style=float:right>Manny</font><br>
  229. <font style=float:left><b>gender</b> </font> <font style=float:right>Male</font><br>
  230. <font style=float:left><b>birth date</b> </font> <font style=float:right>March 25th / Aries / 21</font><br>
  231. <font style=float:left><b>birthplace</b> </font> <font style=float:right>Rio de Janeiro, Brazil</font><br>
  232. <font style=float:left><b>location</b> </font> <font style=float:right>Lafayette Hall, NYU</font><br><br>
  233.  
  234. <font style=float:left><b>occupation</b> </font> <font style=float:right>Model / Actor / Sophomore</font><br>
  235. <font style=float:left><b>major</b> </font> <font style=float:right>Thearte</font><br>
  236. <font style=float:left><b>minor</b> </font> <font style=float:right>Liberal Arts</font><br>
  237. <font style=float:left><b>clubs</b> </font> <font style=float:right>Drama, Glee</font><br><br>
  238.  
  239. <font style=float:left><b>marital status</b> </font> <font style=float:right> <b><a target="_blank" href="https://www.youtube.com/watch?v=nwpj9_hrK_A">Single</a></b></font><br>
  240. <font style=float:left><b>orientation</b> </font> <font style=float:right>Heterosexual</font><br>
  241. <font style=float:left><b>current mood</b> </font> <font style=float:right>Playful</font><br><br>
  242.  
  243. <font style=float:left><b>height</b> </font> <font style=float:right>6'3"</font><br>
  244. <font style=float:left><b>weight</b> </font> <font style=float:right>174 lbs</font><br>
  245. <font style=float:left><b>hair color</b> </font> <font style=float:right>Brown</font><br>
  246. <font style=float:left><b>eye color</b> </font> <font style=float:right>Brown</font><br>
  247. <font style=float:left><b>scent</b> </font> <font style=float:right>Sandalwood, Almond</font><br>
  248. <font style=float:left><b>allergies</b> </font> <font style=float:right>Strawberries</font><br>
  249. </div>
  250.  
  251. <div class="navi">
  252. <a class="nav" href="#one">One.</a>
  253. <a class="nav" href="#two">Two.</a>
  254. <a class="nav" href="#three">Three.</a>
  255. <a class="nav" href="#four">Four.</a>
  256. <a class="nav" href="#five">Five.</a>
  257. </div>
  258. </div>
  259.  
  260. <div id="one" class="box">
  261. <h2>History</h2>
  262. this is just an example.<br>
  263. <b>this is just an example.</b><br>
  264. <i>this is just an example.</i><br>
  265. <u>this is just an example.</u><br>
  266. <s>this is just an example.</s><br>
  267. </div>
  268.  
  269. <div id="two" class="box">
  270. <h2>Updates</h2>
  271. </div>
  272.  
  273. <div id="three" class="box">
  274. <h2>Connections</h2>
  275. </div>
  276.  
  277. <div id="four" class="box">
  278. <h2>Out of Character</h2>
  279. </div>
  280.  
  281. <div class="title">Chase</div>
  282. <div class="title2">Luna</div>
  283.  
  284. --------------------------------------
  285.  
  286. https://www.colourlovers.com/palette/603439/blue_chocolate
  287.  
  288. https://www.colourlovers.com/palette/274403/Rio_de_Janeiro_2
  289.  
  290. https://imgur.com/a/fLHKCGT
RAW Paste Data
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
Top