SHARE
TWEET

Jack

bythestars Jul 11th, 2019 125 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|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>
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