API tools faq
paste
Advertisement
LadyDarkness

Elias's code

LadyDarkness
Mar 22nd, 2018
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <style type="text/css">
  4.  
  5.  
  6. @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  7. @font-face {
  8. font-family: 'Open Sans Condensed';
  9. font-style: normal;
  10. font-weight: 300;
  11. src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format('woff2');
  12. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  13. }
  14.  
  15. @import url(https://fonts.googleapis.com/css?family=Noto+Sans);
  16. @font-face {
  17. font-family: 'Noto Sans';
  18. font-style: normal;
  19. font-weight: 400;
  20. src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  21. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  22. }
  23.  
  24. body, a:hover {cursor: url(https://upload.wikimedia.org/wikipedia/commons/d/d8/Black_Cursor.svg), progress !important; }
  25.  
  26.  
  27. ::-webkit-scrollbar {progress; width: 4px;}
  28. ::-webkit-scrollbar-thumb:vertical {
  29. background-color: none;
  30. border: 1px solid #101010;
  31. -webkit-border-radius: 1px;
  32. box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
  33. -moz-transition:all 0.3s ease-in-out;
  34. -webkit-transition:all 0.3s ease-in-out;}
  35. ::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-button:start:decrement:hover, ::-webkit-scrollbar-button:end:increment:hover {border-color:transparent;box-shadow: 0 0 12px transparent, inset 0 0 16px transparent;}
  36.  
  37. .bg {position: fixed;
  38. margin: auto;
  39. top: 0px;
  40. bottom: 0px;
  41. left: 0px;
  42. right: 0px;
  43. background: none url('')
  44. center center repeat;
  45. width: 800px;
  46. height: 550px;
  47. text-align: center;
  48. border: 0px solid #ccc;}
  49.  
  50.  
  51. body {background-color:#000000;
  52. background:url(http://i.picpar.com/dBIc.jpg)
  53. center center no-repeat fixed;
  54. -webkit-background-size: cover;
  55. -moz-background-size: cover;
  56. -o-background-size: cover;
  57. background-size: cover;
  58. overflow-x:hidden;}
  59.  
  60. .screen {background: #000;
  61. position: fixed;
  62. opacity: .85;
  63. text-align: center;
  64. width: 5000px;
  65. height: 5000px;
  66. top: 0px;
  67. left: 0px;
  68. border: 0px solid #000;}
  69.  
  70.  
  71. /* Paragraph text, etc. */
  72. p {background: none;
  73. font-size:14px;
  74. font-family: Open Sans Condensed;
  75. text-align: justify;
  76. color:#646464;
  77. padding:1px 5px 5px 5px;}
  78.  
  79. /* Link */
  80. a {color:#d73838;
  81. letter-spacing: 1px;
  82. text-decoration: none;}
  83.  
  84. /* Bold */
  85. b {letter-spacing: 2px;
  86. color:#892929;}
  87.  
  88. /* Italics */
  89. i {color:#abaaaa;
  90. letter-spacing: 1px;}
  91.  
  92. /* Underline */
  93. u {color:#abaaaa;
  94. letter-spacing: 1px;}
  95.  
  96. /* Change border px from 1 to 0 after applying image. */
  97.  
  98. .transparentimage {background: none;
  99. background:url('http://i.picpar.com/bBIc.jpg')
  100. center center no-repeat;
  101. position: absolute;
  102. text-align: center;
  103. width: 500px;
  104. height: 600px;
  105. top: 0px;
  106. left: 500px;
  107. border: 1px solid #ccc;
  108. overflow: auto;}
  109.  
  110. .title {font-size: 35px;
  111. left: 105px;
  112. top: 160px;
  113. width: 410px;
  114. text-align: right;
  115. position: absolute;
  116. padding:5px 5px 5px 5px;
  117. color: #606060;
  118. border: 0px solid #000;
  119. text-shadow:
  120. #000 -1px 1px,
  121. #000 1px 1px,
  122. #000 1px 1px,
  123. #000 1px -1px;}
  124.  
  125. .boxout {background: #0a0a0a;
  126. opacity: .5;
  127. position: absolute;
  128. text-align: center;
  129. width: 420px;
  130. height: 220px;
  131. top: 200px;
  132. left: 100px;
  133. border: 2px solid #000;
  134. border-radius: 1px 1px 1px 1px;
  135. overflow: auto;}
  136.  
  137. .words {background: #000;
  138. position: absolute;
  139. text-align: center;
  140. width: 400px;
  141. height: 200px;
  142. left: 110px;
  143. top: 210px;
  144. border: 2px solid #000;
  145. overflow: auto;}
  146.  
  147. #navi1 {
  148. position: absolute;
  149. top: 220px;
  150. left: 525px;
  151. background: url('');
  152. text-align: center;}
  153.  
  154. a.navi, a.navi:visited, a.navi:hover{
  155. text-decoration: none;
  156. display: block;
  157. height: 10px;
  158. width: 10px;
  159. margin-bottom: 30px;
  160. margin-left: 10px;
  161. border: 1px double #232323;
  162. color: #111;
  163. background-color: #090909;
  164. border-radius: 1px;
  165. box-shadow:inset 0 0 4px 1px #232323, 0 0 4px 2px #000;
  166.  
  167. #box1 {background: none;
  168. width: 400px;
  169. height: 200px;
  170. position: fixed;
  171. left: 0px;
  172. top: 0px;
  173. border: 0px solid #ccc;
  174. overflow: auto;}
  175.  
  176. </style>
  177. <div class="screen"></div>
  178.  
  179. <div class="bg">
  180. <div class="transparentimage"></div>
  181. <div class="boxout"></div>
  182.  
  183. <div class="title">The nightfalls keeper</div>
  184.  
  185. <div id="navi1">
  186. <a href="#one"class="navi"> </a>
  187. <a href="#two"class="navi"> </a>
  188. <a href="#three"class="navi"> </a>
  189. <a href="#four"class="navi"> </a>
  190. <a href="#five"class="navi"> </a>
  191. </div>
  192.  
  193. <div class="words">
  194. <div id="box1">
  195. <div style="background: none; position: absolute; width: 400px; height: 200px; left: 0px; top: 0px; border: 0px solid #000; overflow-y: hidden;">
  196.  
  197. <a name="one"></a><div style="width: 400px; height: 200px; overflow: auto;">
  198.  
  199. <p>
  200.  
  201. <font style=float:left><b>Name:</b></font> <font style=float:right><i>Elias Ryan Surjin</i></font><br>
  202. <font style=float:left><b>Age:</b></font> <font style=float:right><i>26</i></font><br>
  203. <font style=float:left><b>Height:</b></font> <font style=float:right><i>6'0"</i></font><br>
  204. <font style=float:left><b>Weight:</b></font> <font style=float:right><i>235</i></font><br>
  205. <font style=float:left><b>Hair:</b></font> <font style=float:right><i>Golden rustic</i></font><br>
  206. <font style=float:left><b>Eye:</b></font> <font style=float:right><i>Sapphire</i></font><br>
  207. <font style=float:left><b>Race:</b></font> <font style=float:right><i>Lycan</i></font><br>
  208. <font style=float:left><b>Status:</b></font> <font style=float:right><i> <a href="profile">Single</a> </i></font><br>
  209. </p>
  210.  
  211.  
  212. </div>
  213.  
  214. <a name="two"></a><div style="width: 400px; height: 200px; overflow: auto;">
  215. <p> Give me another time </p>
  216. <p>
  217.  
  218.  
  219.  
  220. </p>
  221. </div>
  222.  
  223. <a name="three"></a><div style="width: 400px; height: 200px; overflow: auto;">
  224. <p>
  225.  
  226. <a href="http://i.picpar.com/eBIc.jpg" target="_blank"title="Description"><img src="http://i.picpar.com/eBIc.jpg" alt="" width="75" height="75" /></a>
  227. <a href="http://i.picpar.com/fBIc.jpg" target="_blank"title="Description"><img src="http://i.picpar.com/fBIc.jpgg" alt="" width="75" height="75" /></a>
  228. <a href="http://i.picpar.com/hBIc.jpg" target="_blank"title="Description"><img src="http://i.picpar.com/hBIc.jpg" alt="" width="75" height="75" /></a>
  229. <a href="http://i.picpar.com/gBIc.jpg" target="_blank"title="Description"><img src="http://i.picpar.com/gBIc.jpg" alt="" width="75" height="75" /></a>
  230.  
  231.  
  232. </p>
  233.  
  234. </div>
  235.  
  236. <a name="four"></a><div style="width: 400px; height: 200px; overflow: auto;">
  237. <p>
  238.  
  239. <a href="linkforprofilehere" target="_blank"title="Friend Here"><img src="http://i.picpar.com/EcIc.jpg" alt="" width="70" height="70" /></a>
  240. <a href="linkforprofilehere" target="_blank"title="Friend Here"><img src="http://i.picpar.com/EcIc.jpg" alt="" width="70" height="70" /></a>
  241. <a href="linkforprofilehere" target="_blank"title="Friend Here"><img src="http://i.picpar.com/EcIc.jpg" alt="" width="70" height="70" /></a>
  242. <a href="linkforprofilehere" target="_blank"title="Friend Here"><img src="http://i.picpar.com/EcIc.jpg" alt="" width="70" height="70" /></a>
  243.  
  244.  
  245. </p>
  246. </div>
  247.  
  248. <a name="five"></a><div style="width: 400px; height: 200px; overflow: auto;">
  249. <p>
  250.  
  251. <b>00</b>. Profile was created by <a target="_blank" href="https://roleplay.chat/profile.php?user=Alcyone" title="">Alcyone</a>, for anyone to use freely. If you are interested in commissioning a profile, go ahead and leave her some mail.<br>
  252. <b>01</b>. PM friendly, don't be afraid to say hello. ^_^ <br>
  253. <b>02</b>. Smut is ONLY for rp partner!<br>
  254. <b>03</b>. DO NOT start a message with a post, just don't. <br>
  255. <b>04</b>. Don't ask for private info until I get to know you first. <br>
  256.  
  257. </p>
  258. </div>
  259.  
  260. </div></div></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!