Advertisement
bythestars

Derek

Jun 11th, 2019
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.62 KB | None | 0 0
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Oswald|Raleway|Rock+Salt|Shadows+Into+Light');
  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: #042608;
  23. background-image: url(https://www.transparenttextures.com/patterns/60-lines.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: #042608;
  29. text-align: center;
  30. font-family: 'Shadows Into Light', cursive;
  31. color: #223300;
  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:#021705;
  46. font-family: font-family: 'Raleway', sans-serif;
  47. text-transform: uppercase;
  48. font-size: 13px;
  49. letter-spacing: 1;
  50. }
  51.  
  52. i {
  53. color:#403831;
  54. font-family: 'Raleway', sans-serif;
  55. text-transform: lowercase;
  56. font-size: 12px;
  57. letter-spacing: 1;}
  58.  
  59. u {
  60. color:#d0bfaf;
  61. font-family: 'Raleway', sans-serif;
  62. text-transform: lowercase;
  63. font-size: 12px;
  64. letter-spacing: 1;}
  65.  
  66. s {
  67. color:#FFE5F9;
  68. font-family: 'Raleway', sans-serif;
  69. text-transform: lowercase;
  70. font-size: 12px;
  71. letter-spacing: 1;}
  72.  
  73. .pic {
  74. position: absolute;
  75. height: 200px;
  76. width: 330px;
  77. background-image: url('https://i.imgur.com/zZ6skYt.gif');
  78. background-attachment: absolute;
  79. background-size: 100% 100%;
  80. bottom: 10px;
  81. right: 10px;
  82. border: 5px solid #223300;}
  83.  
  84. .pic1 {
  85. position: absolute;
  86. height: 440px;
  87. width: 300px;
  88. background-image: url('https://i.imgur.com/mPiqTDO.jpg');
  89. background-attachment: absolute;
  90. background-size: 100% 100%;
  91. bottom: 40px;
  92. right: 370px;
  93. border: 5px solid #223300;}
  94.  
  95. .alpha {
  96. position: fixed;
  97. height: 600px;
  98. width: 730px;
  99. background-image: url(https://www.transparenttextures.com/patterns/60-lines.png);
  100. background-color: #021705;
  101. padding: 10px;
  102. overflow: auto;
  103. bottom: 50%;
  104. left: 50%;
  105. margin-left: -270px;
  106. margin-bottom: -300px;}
  107.  
  108. .beta {
  109. position: fixed;
  110. height: 540px;
  111. width: 670px;
  112. background-image: url(https://www.transparenttextures.com/patterns/60-lines.png);
  113. background-color: #30261C;
  114. Border: 10px solid;
  115. Border-color: #052e0a;
  116. padding: 10px;
  117. overflow: auto;
  118. bottom: 50%;
  119. left: 50%;
  120. margin-left: -250px;
  121. margin-bottom: -280px;}
  122.  
  123. .contacts {
  124. position: absolute;
  125. height: 210px;
  126. width: 320px;
  127. font-family: Oswald;
  128. color: #000;
  129. font-size: 13px;
  130. letter-spacing: 0px;
  131. text-transform: none;
  132. background-color: #223300;
  133. padding: 10px;
  134. line-height: 22px;
  135. text-align: center;
  136. overflow: auto;
  137. top: 130px;
  138. left: 370px;}
  139.  
  140. .box {
  141. position: absolute;
  142. height: 430px;
  143. width: 290px;
  144. font-family: Oswald;
  145. color: #000;
  146. font-size: 13px;
  147. letter-spacing: 0px;
  148. text-transform: none;
  149. background-color: #223300;
  150. padding: 10px;
  151. line-height: 22px;
  152. text-align: justify;
  153. overflow: auto;
  154. opacity: 0;
  155. bottom: 50%;
  156. left: 50%;
  157. margin-left: -230px;
  158. margin-bottom: -10000000px;}
  159.  
  160. .box:target {
  161. opacity: 1;
  162. bottom: 50%;
  163. left: 50%;
  164. margin-left: -230px;
  165. margin-bottom: -230px;}
  166.  
  167. .navi {
  168. position: absolute;
  169. top: 550px;
  170. left: 40px;}
  171.  
  172. a.nav:link, a.nav:active, a.nav:visited{
  173. display: inline-block;
  174. font-family: 'Shadows Into Light', cursive;
  175. color: #042608;
  176. background-color: #223300;
  177. width: 59px;
  178. font-size: 15px;
  179. letter-spacing: 3px;
  180. text-transform: uppercase;
  181. text-decoration: none;
  182. font-weight: bold;
  183. text-align: center;
  184. margin-top: 10px;
  185. cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
  186.  
  187. .title {
  188. position: absolute;
  189. font-family: 'Rock Salt', cursive;
  190. color: #021705;
  191. font-size: 55px;
  192. letter-spacing: 2px;
  193. text-transform: uppercase;
  194. font-weight: bold;
  195. bottom: 50%;
  196. left: 50%;
  197. margin-left: -220px;
  198. margin-bottom: 210px;
  199. text-shadow: 3px 2px 0px #042608;}
  200.  
  201. .title2 {
  202. position: absolute;
  203. font-family: 'Rock Salt', cursive;
  204. color: #021705;
  205. font-size: 60px;
  206. letter-spacing: 2px;
  207. text-transform: uppercase;
  208. font-weight: bold;
  209. bottom: 50%;
  210. left: 50%;
  211. margin-left: 90px;
  212. margin-bottom: 210px;
  213. text-shadow: 3px 2px 0px #042608;}
  214. </style>
  215.  
  216. </style>
  217.  
  218. <div id="no" oncontextmenu="return false;">
  219.  
  220. <div class="alpha">
  221. <div class="beta">
  222. <div class="pic"></div>
  223. <div class="pic1"></div>
  224. </div>
  225.  
  226. <div class="contacts">
  227. <h2>connections</h2>
  228. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  229. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #30261C; height:75px; width:75px;"></a>
  230.  
  231. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  232. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #30261C; height:75px; width:75px;"></a>
  233.  
  234. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  235. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #30261C; height:75px; width:75px;"></a>
  236.  
  237. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  238. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #30261C; height:75px; width:75px;"></a>
  239.  
  240. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  241. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #30261C; height:75px; width:75px;"></a>
  242.  
  243. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  244. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #30261C; height:75px; width:75px;"></a>
  245.  
  246. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  247. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #30261C; height:75px; width:75px;"></a>
  248.  
  249. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  250. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 75px; border: 1px solid #30261C; height:75px; width:75px;"></a>
  251. </div>
  252.  
  253. <div class="navi">
  254. <a class="nav" href="#one">I.</a>
  255. <a class="nav" href="#two">II.</a>
  256. <a class="nav" href="#three">III.</a>
  257. <a class="nav" href="#four">IV.</a>
  258. <a class="nav" href="#five">V.</a>
  259. </div>
  260. </div>
  261.  
  262. <div id="one" class="box">
  263. <h2>Statistics</h2>
  264. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br>
  265. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br>
  266. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br>
  267. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br>
  268. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br>
  269. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br><br>
  270.  
  271. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br>
  272. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br>
  273. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br>
  274. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br>
  275. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br>
  276. <font style=float:left><b>stat</b> </font> <font style=float:right>stat</font><br><br>
  277.  
  278. <a target="_blank" href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">this is just an example.</a><br>
  279. <b>this is just an example.</b><br>
  280. <i>this is just an example.</i><br>
  281. <u>this is just an example.</u><br>
  282. <s>this is just an example.</s><br>
  283. </div>
  284.  
  285. <div id="two" class="box">
  286. <h2>title</h2>
  287. </div>
  288.  
  289. <div id="three" class="box">
  290. <h2>title</h2>
  291. </div>
  292.  
  293. <div id="four" class="box">
  294. <h2>Out of Character</h2>
  295. <b>one.</b> This code was made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Gemma">Star</a> as a gift for <b>Derek Whitley</b>, under the multiple sources of tutelage by far more experienced coders. Please don't bother stealing, I can point you in the direction of those that would be happy to do commissions.<br><br>
  296.  
  297. <b>two.</b> ..<br><br>
  298.  
  299. <b>three.</b> ..<br><br>
  300. </div>
  301.  
  302. <div class="title">Derek</div>
  303. <div class="title2">Whitley</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement