API tools faq
paste
Advertisement
bythestars

Jack

bythestars
Jul 11th, 2019
187
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.88 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Oswald|Staatliches|Permanent+Marker');
  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: #000;
  23. background-image: url(https://www.transparenttextures.com/patterns/concrete-wall-2.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: #404040;
  29. text-align: center;
  30. font-family: 'Permanent Marker', cursive;
  31. color: #b3b3b3;
  32. font-size: 21px;
  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: #004d4d;
  42. text-decoration: none;
  43. text-transform: uppercase;
  44. font-family: 'Permanent Marker', cursive;
  45. font-size: 13px;
  46. letter-spacing: 1;
  47. -webkit-transition: all 0.5s ease-in-out;
  48. -moz-transition: all 0.5s ease-in-out;
  49. -o-transition: all 0.5s ease-in-out;
  50. -ms-transition: all 0.5s ease-in-out;
  51. transition: all 0.5s ease-in-out;}
  52.  
  53. b {
  54. color:#375456;
  55. font-family: Oswald, sans-serif;
  56. text-transform: uppercase;
  57. font-size: 11px;
  58. letter-spacing: 1;
  59. }
  60.  
  61. i {
  62. color: #404040;
  63. font-family: Oswald, sans-serif;
  64. text-transform: lowercase;
  65. font-size: 10px;
  66. letter-spacing: 1;}
  67.  
  68. u {
  69. color:#262626;
  70. font-family: Oswald, sans-serif;
  71. text-transform: lowercase;
  72. font-size: 10px;
  73. letter-spacing: 1;}
  74.  
  75. s {
  76. color:#FFffff;
  77. font-family: Oswald, sans-serif;
  78. text-transform: lowercase;
  79. font-size: 10px;
  80. letter-spacing: 1;}
  81.  
  82. .pic {
  83. position: absolute;
  84. height: 356px;
  85. width: 245px;
  86. background-image: url('https://i.imgur.com/TMtE19I.gif');
  87. background-attachment: absolute;
  88. background-size: 100% 100%;
  89. bottom: 15px;
  90. right: 440px;
  91. border: 1px solid #004d4d;}
  92.  
  93. .alpha {
  94. position: fixed;
  95. height: 400px;
  96. width: 710px;
  97. background-image: url(https://www.transparenttextures.com/patterns/classy-fabric.png);
  98. background-color: #404040;
  99. Border: 5px solid;
  100. Border-color: #262626;
  101. padding: 10px;
  102. overflow: auto;
  103. bottom: 50%;
  104. left: 50%;
  105. margin-left: -270px;
  106. margin-bottom: -300px;}
  107.  
  108. .con {
  109. position: fixed;
  110. height: 370px;
  111. width: 680px;
  112. background-image: url(https://www.transparenttextures.com/patterns/classy-fabric.png);
  113. background-color: #595959;
  114. Border: 5px solid;
  115. Border-color: #262626;
  116. padding: 10px;
  117. overflow: auto;
  118. bottom: 50%;
  119. left: 50%;
  120. margin-left: -255px;
  121. margin-bottom: -285px;}
  122.  
  123. .stats {
  124. position: absolute;
  125. height: 150px;
  126. width: 175px;
  127. font-family: Oswald;
  128. color: #000;
  129. font-size: 10px;
  130. letter-spacing: 0px;
  131. text-transform: none;
  132. background-color: #b3b3b3;
  133. padding: 10px;
  134. line-height: 22px;
  135. text-align: justify;
  136. overflow: auto;
  137. top: 32px;
  138. left: 290px;
  139. border: 1px solid #004d4d;}
  140.  
  141. .canons {
  142. position: absolute;
  143. height: 150px;
  144. width: 175px;
  145. font-family: Oswald;
  146. color: #000;
  147. font-size: 10px;
  148. letter-spacing: 0px;
  149. text-transform: none;
  150. background-color: #b3b3b3;
  151. padding: 10px;
  152. line-height: 22px;
  153. text-align: justify;
  154. overflow: auto;
  155. top: 32px;
  156. left: 500px;
  157. border: 1px solid #004d4d;}
  158.  
  159. .contacts {
  160. position: absolute;
  161. height: 150px;
  162. width: 175px;
  163. font-family: Oswald;
  164. color: #000;
  165. font-size: 13px;
  166. letter-spacing: 0px;
  167. text-transform: none;
  168. background-color: #b3b3b3;
  169. padding: 10px;
  170. line-height: 22px;
  171. text-align: center;
  172. overflow: auto;
  173. top: 219px;
  174. left: 290px;
  175. border: 1px solid #004d4d;}
  176.  
  177. .ooc {
  178. position: absolute;
  179. height: 150px;
  180. width: 175px;
  181. font-family: Oswald;
  182. color: #000;
  183. font-size: 13px;
  184. letter-spacing: 0px;
  185. text-transform: none;
  186. background-color: #b3b3b3;
  187. padding: 10px;
  188. line-height: 22px;
  189. text-align: justify;
  190. overflow: auto;
  191. top: 219px;
  192. left: 500px;
  193. border: 1px solid #004d4d;}
  194.  
  195. .title {
  196. position: absolute;
  197. font-family: 'Permanent Marker', cursive;
  198. color: #1a1a1a;
  199. font-size: 55px;
  200. letter-spacing: 2px;
  201. text-transform: uppercase;
  202. font-weight: bold;
  203. bottom: 50%;
  204. left: 50%;
  205. margin-left: 120px;
  206. margin-bottom: 110px;
  207. text-shadow: 3px 2px 0px #cccccc;}
  208.  
  209. </style>
  210.  
  211. <div id="no" oncontextmenu="return false;">
  212.  
  213. <div class="alpha">
  214. <div class="con">
  215. <div class="pic"></div>
  216. </div>
  217.  
  218. <div class="contacts">
  219. <h2>Connections</h2>
  220. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  221. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
  222.  
  223. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  224. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
  225.  
  226. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  227. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
  228.  
  229. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  230. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
  231.  
  232. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  233. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
  234.  
  235. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  236. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
  237.  
  238. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  239. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
  240.  
  241. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  242. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
  243.  
  244. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  245. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #004d4d; height:45px; width:45px;"></a>
  246. </div>
  247.  
  248. <div class="stats">
  249. <h2>Statistics</h2>
  250. <font style=float:left><b>name</b> </font> <font style=float:right>---</font><br>
  251. <font style=float:left><b>alias</b> </font> <font style=float:right>---</font><br>
  252. <font style=float:left><b>gender</b> </font> <font style=float:right>---</font><br>
  253. <font style=float:left><b>birth date</b> </font> <font style=float:right>---</font><br>
  254. <font style=float:left><b>birthplace</b> </font> <font style=float:right>---</font><br>
  255. <font style=float:left><b>location</b> </font> <font style=float:right>---</font><br><br>
  256.  
  257. <font style=float:left><b>occupation</b> </font> <font style=float:right>---</font><br>
  258. <font style=float:left><b>major</b> </font> <font style=float:right>---</font><br>
  259. <font style=float:left><b>minor</b> </font> <font style=float:right>---</font><br>
  260. <font style=float:left><b>clubs</b> </font> <font style=float:right>---</font><br><br>
  261.  
  262. <font style=float:left><b>marital status</b> </font> <font style=float:right> ---</font><br>
  263. <font style=float:left><b>orientation</b> </font> <font style=float:right>---</font><br>
  264. <font style=float:left><b>current mood</b> </font> <font style=float:right>---</font><br><br>
  265.  
  266. <font style=float:left><b>height</b> </font> <font style=float:right>---</font><br>
  267. <font style=float:left><b>weight</b> </font> <font style=float:right>---</font><br>
  268. <font style=float:left><b>hair color</b> </font> <font style=float:right>---</font><br>
  269. <font style=float:left><b>eye color</b> </font> <font style=float:right>---</font><br>
  270. <font style=float:left><b>scent</b> </font> <font style=float:right>---</font><br>
  271. <font style=float:left><b>allergies</b> </font> <font style=float:right>---</font><br>
  272. </div>
  273.  
  274. <div class="canons">
  275. <h2>head canons</h2>
  276. this is just an example.<br>
  277. <b>this is just an example.</b><br>
  278. <i>this is just an example.</i><br>
  279. <u>this is just an example.</u><br>
  280. <s>this is just an example.</s><br>
  281. </div>
  282.  
  283. <div class="ooc">
  284. <h2>ooc</h2>
  285. <b>001.</b> This code was made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Star">Star</a> as a gift for <b>Jack</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>
  286. <b>002.</b> <br>
  287. <b>003.</b> <br>
  288. </div>
  289. </div>
  290.  
  291. <div class="title">Jack Davis</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!