SHARE
TWEET

Cole - Profile

bythestars Aug 11th, 2019 217 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|Cinzel+Decorative|Yeseva+One');
  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(http://i.imgur.com/wKD2FI0.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: 'Cinzel Decorative', cursive;
  31. color: #a6a6a6;
  32. font-size: 20px;
  33. line-height: 24px;
  34. letter-spacing: 1px;
  35. text-transform: lowercase;
  36. font-weight: bold;
  37. margin-top: 5px;
  38. margin-bottom: 12px;}
  39.  
  40. a {
  41.  color: #cccccc;
  42.  text-decoration: none;
  43.  text-transform: uppercase;
  44.  font-family: 'Cinzel Decorative', cursive;
  45.  font-size: 12px;
  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:#100d09;
  55. font-family: Oswald, sans-serif;
  56. text-transform: uppercase;
  57. font-size: 12px;
  58. letter-spacing: 1;
  59. }
  60.  
  61. i {
  62.  color:#403831;
  63.  font-family: Oswald, sans-serif;
  64.  text-transform: lowercase;
  65.  font-size: 12px;
  66.  letter-spacing: 1;}
  67.  
  68. u {
  69.  color:#1a1a1a;
  70.  font-family: Oswald, sans-serif;
  71.  text-transform: lowercase;
  72.  font-size: 12px;
  73.  letter-spacing: 1;}
  74.  
  75. s {
  76.  color:#FFffff;
  77.  font-family: Oswald, sans-serif;
  78.  text-transform: lowercase;
  79.  font-size: 12px;
  80.  letter-spacing: 1;}
  81.  
  82. .pic {
  83. position: absolute;
  84. height: 236px;
  85. width: 420px;
  86. background-image: url('https://i.imgur.com/ByekyRA.gif');
  87. background-attachment: absolute;
  88. background-size: 100% 100%;
  89. bottom: 152px;
  90. right: 10px;
  91. border: 1px solid #404040;}
  92.  
  93. .alpha {
  94. position: fixed;
  95. height: 400px;
  96. width: 760px;
  97. background-image: url(http://i.imgur.com/QDUznb6.png);
  98. background-color: #201a13;
  99. padding: 10px;
  100. overflow: auto;
  101. bottom: 50%;
  102. left: 50%;
  103. margin-left: -270px;
  104. margin-bottom: -290px;
  105. border: 3px solid #404040;}
  106.  
  107. .con {
  108. position: fixed;
  109. height: 380px;
  110. width: 740px;
  111. background-image: url(http://i.imgur.com/QDUznb6.png);
  112. background-color: #403831;
  113. padding: 10px;
  114. overflow: auto;
  115. bottom: 50%;
  116. left: 50%;
  117. margin-left: -260px;
  118. margin-bottom: -280px;
  119. border: 3px solid #404040;}
  120.  
  121. .contacts {
  122. position: absolute;
  123. height: 107px;
  124. width: 402px;
  125. font-family: Oswald;
  126. color: #000;
  127. font-size: 13px;
  128. letter-spacing: 0px;
  129. text-transform: none;
  130. background-color: #a6a6a6;
  131. padding: 10px;
  132. line-height: 22px;
  133. text-align: center;
  134. overflow: auto;
  135. top: 270px;
  136. left: 338px;
  137. border: 1px solid #404040;}
  138.  
  139. .stats {
  140. position: absolute;
  141. height: 330px;
  142. width: 285px;
  143. font-family: Oswald;
  144. color: #000;
  145. font-size: 13px;
  146. letter-spacing: 0px;
  147. text-transform: none;
  148. background-color: #a6a6a6;
  149. padding: 10px;
  150. line-height: 22px;
  151. text-align: justify;
  152. overflow: auto;
  153. top: 20px;
  154. left: 20px;
  155. border: 1px solid #404040;}
  156.  
  157. .box {
  158. position: absolute;
  159. height: 330px;
  160. width: 285px;
  161. font-family: Oswald;
  162. color: #000;
  163. font-size: 13px;
  164. letter-spacing: 0px;
  165. text-transform: none;
  166. background-color: #a6a6a6;
  167. padding: 10px;
  168. line-height: 22px;
  169. text-align: justify;
  170. overflow: auto;
  171. opacity: 0;
  172. bottom: 50%;
  173. left: 50%;
  174. margin-left: -230px;
  175. margin-bottom: -10000000px;}
  176.  
  177. .box:target {
  178. opacity: 1;
  179. bottom: 50%;
  180. left: 50%;
  181. margin-left: -248px;
  182. margin-bottom: -238px;}
  183.  
  184. .navi {
  185. position: absolute;
  186. top: 370px;
  187. left: 20px;}
  188.  
  189. a.nav:link, a.nav:active, a.nav:visited{
  190. display: inline-block;
  191. font-family: 'Cinzel Decorative', cursive;
  192. color: #403831;
  193. background-color: #a6a6a6;
  194. width: 73px;
  195. font-size: 15px;
  196. letter-spacing: 3px;
  197. text-transform: uppercase;
  198. text-decoration: none;
  199. font-weight: bold;
  200. text-align: center;
  201. margin-top: 10px;
  202. cursor: url('https://78.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_540.png'), default;}
  203.  
  204. </style>
  205.  
  206. <div id="no" oncontextmenu="return false;">
  207.  
  208. <div class="alpha">
  209. <div class="con">
  210. <div class="pic"></div></div>
  211.  
  212. <div class="contacts">
  213. <h2>connections</h2>
  214. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  215. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #cccccc; height:45px; width:45px;"></a>
  216.  
  217. <a target="_blank" href="FRIEND PROFILE LINK HERE" title="WORDS ABOUT YOUR FRIEND HERE">
  218. <img style="background: url('50x50 AVATAR OF YOUR FRIEND HERE') no-repeat; background-size: 45px; border: 1px solid #cccccc; height:45px; width:45px;"></a>
  219.  
  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 #cccccc; 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 #cccccc; 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 #cccccc; 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 #cccccc; 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 #cccccc; 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 #cccccc; height:45px; width:45px;"></a>
  237.  
  238. </div>
  239.  
  240. <div class="stats">
  241. <h2>Statistics</h2>
  242. <font style=float:left><b>name</b> </font> <font style=float:right>Cole Richard Prescott</font><br>
  243. <font style=float:left><b>alias</b> </font> <font style=float:right>Pres</font><br>
  244. <font style=float:left><b>gender</b> </font> <font style=float:right>Male</font><br>
  245. <font style=float:left><b>birth date</b> </font> <font style=float:right>August 8th / Leo / 23</font><br>
  246. <font style=float:left><b>birthplace</b> </font> <font style=float:right>Saco, Maine</font><br>
  247. <font style=float:left><b>location</b> </font> <font style=float:right>DKE House, NYU</font><br><br>
  248.  
  249. <font style=float:left><b>occupation</b> </font> <font style=float:right>Junior @ NYU</font><br>
  250. <font style=float:left><b>major</b> </font> <font style=float:right>Political Science</font><br>
  251. <font style=float:left><b>fraternity</b> </font> <font style=float:right>Delta Kappa Epsilon</font><br>
  252. <font style=float:left><b>clubs</b> </font> <font style=float:right>Lacrosse, Baseball</font><br><br>
  253.  
  254. <font style=float:left><b>marital status</b> </font> <font style=float:right> Single</font><br>
  255. <font style=float:left><b>orientation</b> </font> <font style=float:right>Heterosexual</font><br>
  256. <font style=float:left><b>current mood</b> </font> <font style=float:right>--</font><br><br>
  257.  
  258. <font style=float:left><b>height</b> </font> <font style=float:right>6'4"</font><br>
  259. <font style=float:left><b>weight</b> </font> <font style=float:right>185 lbs</font><br>
  260. <font style=float:left><b>hair color</b> </font> <font style=float:right>Light Brown</font><br>
  261. <font style=float:left><b>eye color</b> </font> <font style=float:right>Green</font><br>
  262. <font style=float:left><b>scent</b> </font> <font style=float:right>Sandalwood, Almond</font><br>
  263. <font style=float:left><b>allergies</b> </font> <font style=float:right>--</font><br>
  264. </div>
  265.  
  266. <div class="navi">
  267. <a class="nav" href="#one">I.</a>
  268. <a class="nav" href="#two">II.</a>
  269. <a class="nav" href="#three">III.</a>
  270. <a class="nav" href="#four">IV.</a>
  271. </div>
  272. </div>
  273.  
  274. <div id="one" class="box">
  275. <h2>History</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 id="two" class="box">
  284. <h2>Head Canons</h2>
  285. </div>
  286.  
  287. <div id="three" class="box">
  288. <h2>Out of Character</h2>
  289. <b>I.</b> This code was made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Star">Star</a> as a gift for <b>Cole</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>
  290. <b>II.</b> <br><br>
  291. <b>III.</b> <br><br>
  292. <b>IV.</b> <br><br>
  293. </div></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