API tools faq
paste
Advertisement
poisonthangs_x

Advanced Div: Delicate.

poisonthangs_x
Jul 23rd, 2018
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.05 KB | None | 0 0
raw download clone embed print report
  1. Follow basic rules and you're golden. ~ leave on all credit and comment what you take. Thanks lovebugs! Enjoy.
  2. Thanks for choosing madlove resources -Poison Ivy
  3.  
  4. PASTE IN ABOUT ME------------------>
  5.  
  6. <style>✿✿✿✿/* DO NOT REMOVE THE HTML BODY CREDIT * /✿✿✿✿</style>
  7.  
  8. <html body onContextMenu="alert('MAD LOVE RESOURCES. Do not remove any credit. Do not steal anything, do not claim as your own. All rights reserved poison ivy ');return false;">
  9.  
  10. <style>❀❀❀------->Credit goes to Poison Ivy From MLR<-------❀❀❀</style>
  11.  
  12. <style>❀❀❀------->Basic Rules: Comment what you take. Leave on all credit. Do not merge coding. Do not claim as your own. Can Change colors and graphics to your needs. Do not steal.<-------❀❀❀</style>
  13.  
  14. <style>
  15. @import url('https://fonts.googleapis.com/css?family=Great+Vibes');
  16. </style>
  17.  
  18. <style type="text/css">
  19. body
  20. {
  21. background-color:#F1E8EB;
  22. background-attachment:fixed;
  23. background-repeat: repeat;
  24. background-image:url('');
  25. overflow-x:hidden;
  26. background-position: center;
  27. background-size: contain;
  28. }
  29.  
  30.  
  31. @madloveresources {------->✪Div Styles✪<------}
  32.  
  33. .biography
  34. {
  35. position: fixed;
  36. top: 34%;
  37. left: 0.11%;
  38. width: 33%;
  39. height: 26%;
  40. display: block;
  41. border: 2vh solid #C9B4BB;
  42. }
  43.  
  44. .facts
  45. {
  46. position: fixed;
  47. top: 65%;
  48. left: 18%;
  49. width: 15%;
  50. height: 26%;
  51. display: block;
  52. border: 2vh solid #C9B4BB;
  53. }
  54.  
  55. .conns
  56. {
  57. position: fixed;
  58. top: 65%;
  59. left: 35.44%;
  60. width: 25.77%;
  61. height: 26%;
  62. display: block;
  63. border: 2vh solid #C9B4BB;
  64. }
  65.  
  66. #mains
  67. {
  68. position: fixed;
  69. top: 65%;
  70. left: 35.44%;
  71. width: 10%;
  72. height: 26%;
  73. display: block;
  74. border: 2vh solid #C9B4BB;
  75. visibility: hidden!important;
  76. opacity: 0%;
  77. -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  78. -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  79. -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  80. -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  81. transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  82. }
  83.  
  84. #mains:target
  85. {
  86. position: fixed;
  87. top: 65%;
  88. left: 35.44%;
  89. width: 25.77%;
  90. height: 26%;
  91. display: block;
  92. border: 2vh solid #C9B4BB;
  93. visibility: visible!important;
  94. opacity: 1%;
  95. background-color:#F1E8EB;
  96. -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  97. -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  98. -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  99. -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  100. transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  101. }
  102.  
  103.  
  104. .owes
  105. {
  106. position: fixed;
  107. top: 34%;
  108. left: 63.77%;
  109. width: 15%;
  110. height: 26%;
  111. display: block;
  112. border: 2vh solid #C9B4BB;
  113. }
  114.  
  115. .love
  116. {
  117. position: fixed;
  118. top: 34%;
  119. left: 81.66%;
  120. width: 15%;
  121. height: 60%;
  122. display: block;
  123. border: 2vh solid #C9B4BB;
  124. }
  125.  
  126. .MLR {------->✪headings and styles✪<----------}
  127.  
  128. .rosey
  129. {
  130. position: fixed;
  131. top: 6%;
  132. left: 60%;
  133. color:#C9B4BB;
  134. font-size: 9vh;
  135. display: block;
  136. font-family: 'Great Vibes', cursive;
  137. border-bottom: 1vh solid #171717;
  138. }
  139.  
  140. .rosey:after
  141. {
  142. content: '｡･:*:･ﾟ★,｡･:*:･ﾟ☆';
  143. color: #ffffff;
  144. font-size: 4px;
  145. }
  146.  
  147. .rosey:before
  148. {
  149. content: '｡･:*:･ﾟ★,｡･:*:･ﾟ☆';
  150. color: #ffffff;
  151. font-size: 4px;
  152. }
  153.  
  154. .ruby
  155. {
  156. position: fixed;
  157. top: 18.45%;
  158. left: 60%;
  159. color:#C9B4BB;
  160. font-size: 3vh;
  161. display: block;
  162. width: 36%;
  163. letter-spacing: 2vh;
  164. background-color:#171717;
  165. font-family: 'Great Vibes', cursive;
  166. border-bottom: 1vh solid #171717;
  167. text-transform: lowercase;
  168. text-align: center;
  169. }
  170.  
  171. h1 {
  172. font-family: Helvetica;
  173. font-weight: normal;
  174. font-style: normal;
  175. font-variant: normal;
  176. text-transform: uppercase;
  177. text-decoration: none;
  178. color: #9e789e;
  179. background-color: #C9B4BB;
  180. font-size: 1.77vh;
  181. margin-top: -1%;
  182. text-align: center;
  183. padding: 0.11vh;
  184. }
  185.  
  186.  
  187.  
  188. h2 {}
  189.  
  190. h3 {}
  191.  
  192. h4 {}
  193.  
  194. h5 {}
  195.  
  196.  
  197. tt {
  198. font-family: Helvetica;
  199. font-weight: normal;
  200. font-style: normal;
  201. font-variant: normal;
  202. text-transform: lowercase;
  203. text-decoration: none;
  204. color: #968396;
  205. }
  206.  
  207. i {
  208. font-family: Helvetica;
  209. font-weight: normal;
  210. font-style: italic;
  211. font-variant: normal;
  212. text-transform: lowercase;
  213. text-decoration: none;
  214. color: #9e809e;
  215. }
  216.  
  217. small {
  218. color: #5a4270;
  219. text-transform: lowercase;
  220. text-decoration: none;
  221. font-variant: normal;
  222. font-style: normal;
  223. font-weight: bold;
  224. font-family: Palatino;
  225. }
  226.  
  227. b {
  228. font-weight: bold;
  229. font-style: normal;
  230. font-variant: normal;
  231. text-transform: uppercase;
  232. text-decoration: none;
  233. color: #851c85;
  234. }
  235.  
  236. em {
  237. text-decoration: none;
  238. text-transform: lowercase;
  239. font-variant: normal;
  240. font-weight: normal;
  241. font-style: normal;
  242. font-family: Helvetica;
  243. color: #996a99;
  244. }
  245.  
  246.  
  247.  
  248. .poisonivy {-------------->✪Navigation Link Styles✪<-----------}
  249.  
  250. span.text nav a {
  251. font-family: Palatino;
  252. font-weight: normal;
  253. font-style: normal;
  254. font-variant: small-caps;
  255. text-transform: uppercase;
  256. text-decoration: none;
  257. color: #F1E8EB;
  258. background-color: #171717;
  259. padding: 1px;
  260. display: block;
  261. width: 7%;
  262. text-align: center;
  263. float: left;
  264. padding: 1vh;
  265. border: 3px double #D7DCDF;
  266. -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  267. -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  268. -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  269. -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  270. transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  271.  
  272. }
  273.  
  274. span.text nav a:hover
  275. {
  276. background-color:#F1E8EB;
  277. color: #171717!important;
  278. -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
  279. -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  280. -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  281. -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  282. transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  283. }
  284.  
  285.  
  286. div.conns p a {
  287. font-family: Helvetica;
  288. font-weight: normal;
  289. font-style: normal;
  290. font-variant: normal;
  291. text-transform: lowercase;
  292. text-decoration: none;
  293. color: #171717;
  294. background-color: #C9B4BB;
  295. display: block;
  296. padding: 6vh;
  297. text-align: center;
  298. margin-left: 2%;
  299. letter-spacing: -1px;
  300. border-bottom: 1vh solid #D3C7CB;
  301. border-top: 1vh solid #D3C7CB;
  302. }
  303.  
  304.  
  305. a.friend, a.friend:link, a.friend:visited, a.friend:active {
  306. font-family: Helvetica;
  307. font-weight: normal;
  308. font-style: normal;
  309. text-transform: lowercase;
  310. text-decoration: none;
  311. padding: 0px!important;
  312. border: 0px!important;
  313. display: block;
  314. width: 100%;
  315. }
  316.  
  317. div.love p a {
  318. font-weight: normal;
  319. font-style: normal;
  320. font-variant: normal;
  321. text-transform: lowercase;
  322. text-decoration: none;
  323. font-family: Helvetica;
  324. color: #853985;
  325. }
  326.  
  327. div.love p a:hover
  328. {letter-spacing: 3px;
  329. }
  330.  
  331.  
  332. a.friend:hover {letter-spacing: 3px;}
  333.  
  334. .ivycodes {----------->✪Scrollbar Stuff✪<-----------}
  335. ::-webkit-scrollbar
  336. {border-radius: 20px; width: 1px; height: 1px; background: #9D9E9E; }
  337. ::-webkit-scrollbar-thumb
  338. {background-color: #9D9E9E; width: 3px; height: 1px;}
  339.  
  340. @MLR /* text stuff */
  341. div, span.text, span.text p, table, td, tr {text-transform: none; text-decoration: none; font-style: normal; font-weight: normal; font-family: 'Patrick Hand SC', cursive; color: #ffffff; font-size: 1.60vh;}
  342.  
  343. .DO NOT COPY {----------------->✪hiding codes✪<-----------------}
  344. .userAlbums { display:none; }
  345. .profileinfo {display:none;}
  346. .friendSpace { display:none; }
  347. .interestsAndDetails { display:none; }
  348. .userProfiledetail { display:none; }
  349. .friendsComments { display:none; }
  350. .latestBlogEntry { display:none; }
  351. .extendedNetwork { display:none; }
  352. .contactTable { display: none; }
  353. .userProfileURL { display:none; }
  354. .clearfix {display:none !important; position:absolute!important;}
  355. .blurbs td.text {display:none;}
  356. .blurbs td td .orangetext15 {display:none;}
  357. .lightbluetext8 {display:none;}
  358. .profileInfo tr tr td {visibility:hidden;}
  359. .profileInfo td.text {visibility:visible;}
  360. .clearfix {margin-top: -130px;}
  361. #footerWarpper div font {display:none;}
  362. #footerWarpper div div {display: none;}
  363. a.text, table div font a, table div div {visibility:hidden;}
  364. table, tr, td {background-color:transparent !important;}
  365. </style>
  366.  
  367. <style>╰☆╮----->LAYOUT CODED BY POISON IVY<-----╰☆╮</style>
  368.  
  369.  
  370.  
  371.  
  372. PATE IN LIKE TO MEET --------------------------->
  373.  
  374. <img src="http://www.placehold.it/800x200/C9B4BB/F1E8EB" style="position: fixed; top: 0%; left: 0%; border-right: 2vh ridge #D7DCDF;">
  375.  
  376. <rosey class="rosey">Display Name</rosey>
  377. <ruby class="ruby">Character Name</ruby>
  378.  
  379. <nav style="background-color:#D3C7CB; padding: 1%; width: 100%; border-bottom: 2px double #171717; position: fixed; top: 25%; left: 0%;">
  380. <section style="margin-left: 12%;">
  381. <a href="">Home</a>
  382.  
  383. <a href="">Message</a>
  384.  
  385. <a href="">Comment</a>
  386.  
  387. <a href="">Guidelines</a>
  388.  
  389. <a href="">Gallery</a>
  390.  
  391. <a href="">All Blogs</a>
  392.  
  393. <a href="">Bulletins</a>
  394.  
  395. <a href="">Stream</a>
  396.  
  397. <a href="">Credit</a>
  398. </section>
  399. </nav>
  400.  
  401.  
  402. <div class="biography">
  403. <h1>Biography</h1>
  404.  
  405. <p style="overflow: auto; padding: 1%; text-align: justify; color:#171717; display: block; width: 50%; height: 88%; font-size: 8px; letter-spacing: -0.77%; margin-top: -2%; float: left;">
  406. <tt>this is teletype,</tt>,<i>this is italics</i>,<s>this is strikethrough</s>,<small>this is small</small>,<strong>this is strong</strong>,<em>This is em</em>,<b>this is bold</b>
  407. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus luctus felis eu faucibus. Phasellus erat risus, lacinia vitae purus rutrum, scelerisque consectetur felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus fermentum lacus risus, quis pulvinar nibh ullamcorper in. Praesent ut metus in mauris consequat volutpat eu quis lectus. Fusce condimentum, sapien placerat consequat rhoncus, lacus velit rutrum lectus, vitae dignissim elit urna id sapien. Quisque viverra ullamcorper dui, ac condimentum lectus lacinia eget. Fusce vulputate commodo ipsum sit amet laoreet. Nam odio enim, efficitur ut lacinia eget, pretium non neque. Proin pulvinar consequat pulvinar. Cras ut justo in dolor ultrices ornare. Nullam sed enim dolor. Donec metus arcu, lacinia ac libero eget, blandit elementum augue. Nullam porta efficitur tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec velit vitae ipsum vestibulum congue.
  408.  
  409. Aliquam eros augue, interdum eget elit non, tincidunt vehicula arcu. In condimentum tortor eu erat efficitur iaculis. Ut in ullamcorper mi. Integer blandit, odio vitae rhoncus commodo, elit ipsum suscipit dolor, id pretium turpis libero in tellus. Fusce vulputate sodales ipsum non ullamcorper. Proin non ligula tempor, elementum elit quis, gravida arcu. Praesent pellentesque risus ut orci malesuada, ac pellentesque nisi blandit. Vestibulum iaculis commodo elit, in accumsan tortor blandit at. Sed finibus diam eu metus rhoncus gravida.
  410.  
  411. Sed non ex in ante posuere elementum imperdiet sit amet felis. Ut venenatis interdum nisi eu hendrerit. Maecenas eu elit nec velit ultricies pretium at vel erat. Curabitur suscipit blandit arcu, vel malesuada tortor ullamcorper id. Nullam ultricies hendrerit nisi in tristique. Phasellus sed odio vitae nibh vehicula rutrum eget et enim. Nunc orci erat, viverra at tortor at, gravida placerat ante. Fusce et aliquet metus, vel luctus leo. Nam non elit at ex egestas semper non eu nunc. Nullam ut lacinia elit. Vivamus condimentum ut lorem sit amet rutrum. Quisque ut lacus ac velit tincidunt bibendum vitae a orci.
  412.  
  413. Aenean ornare tempus sapien, id molestie tellus feugiat eget. Suspendisse vel ipsum velit. Curabitur sagittis aliquet ligula, quis auctor ex congue in. Morbi magna nisl, ullamcorper eu consequat sed, suscipit a ex. Nullam id nunc eu libero semper sagittis a at sapien. Vivamus viverra, est sit amet pulvinar aliquam, lectus arcu ultrices felis, id ultricies nunc felis sodales velit. Aliquam erat volutpat. Phasellus a accumsan est. Sed laoreet vel eros in consequat. Nunc feugiat dui sed lacus rutrum suscipit.
  414.  
  415. Aliquam erat volutpat. Duis gravida lobortis felis, a vehicula justo iaculis eget. Sed et quam molestie, posuere eros non, vehicula lectus. Curabitur maximus sit amet orci eget tincidunt. Curabitur euismod tellus metus, eu vulputate lectus faucibus ac. Vestibulum blandit, nibh sit amet auctor dictum, nunc mi semper ante, ut auctor mi odio vel massa. Aliquam ut elementum lectus.
  416. </p>
  417.  
  418.  
  419. <p style="overflow: auto; padding: 1%; text-align: justify; color:#171717; display: block; width: 45%; height: 88%; font-size: 8px; letter-spacing: -0.77%; margin-top: -2%; float: right;">
  420. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus luctus felis eu faucibus. Phasellus erat risus, lacinia vitae purus rutrum, scelerisque consectetur felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus fermentum lacus risus, quis pulvinar nibh ullamcorper in. Praesent ut metus in mauris consequat volutpat eu quis lectus. Fusce condimentum, sapien placerat consequat rhoncus, lacus velit rutrum lectus, vitae dignissim elit urna id sapien. Quisque viverra ullamcorper dui, ac condimentum lectus lacinia eget. Fusce vulputate commodo ipsum sit amet laoreet. Nam odio enim, efficitur ut lacinia eget, pretium non neque. Proin pulvinar consequat pulvinar. Cras ut justo in dolor ultrices ornare. Nullam sed enim dolor. Donec metus arcu, lacinia ac libero eget, blandit elementum augue. Nullam porta efficitur tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec velit vitae ipsum vestibulum congue.
  421.  
  422. Aliquam eros augue, interdum eget elit non, tincidunt vehicula arcu. In condimentum tortor eu erat efficitur iaculis. Ut in ullamcorper mi. Integer blandit, odio vitae rhoncus commodo, elit ipsum suscipit dolor, id pretium turpis libero in tellus. Fusce vulputate sodales ipsum non ullamcorper. Proin non ligula tempor, elementum elit quis, gravida arcu. Praesent pellentesque risus ut orci malesuada, ac pellentesque nisi blandit. Vestibulum iaculis commodo elit, in accumsan tortor blandit at. Sed finibus diam eu metus rhoncus gravida.
  423.  
  424. Sed non ex in ante posuere elementum imperdiet sit amet felis. Ut venenatis interdum nisi eu hendrerit. Maecenas eu elit nec velit ultricies pretium at vel erat. Curabitur suscipit blandit arcu, vel malesuada tortor ullamcorper id. Nullam ultricies hendrerit nisi in tristique. Phasellus sed odio vitae nibh vehicula rutrum eget et enim. Nunc orci erat, viverra at tortor at, gravida placerat ante. Fusce et aliquet metus, vel luctus leo. Nam non elit at ex egestas semper non eu nunc. Nullam ut lacinia elit. Vivamus condimentum ut lorem sit amet rutrum. Quisque ut lacus ac velit tincidunt bibendum vitae a orci.
  425.  
  426. Aenean ornare tempus sapien, id molestie tellus feugiat eget. Suspendisse vel ipsum velit. Curabitur sagittis aliquet ligula, quis auctor ex congue in. Morbi magna nisl, ullamcorper eu consequat sed, suscipit a ex. Nullam id nunc eu libero semper sagittis a at sapien. Vivamus viverra, est sit amet pulvinar aliquam, lectus arcu ultrices felis, id ultricies nunc felis sodales velit. Aliquam erat volutpat. Phasellus a accumsan est. Sed laoreet vel eros in consequat. Nunc feugiat dui sed lacus rutrum suscipit.
  427.  
  428. Aliquam erat volutpat. Duis gravida lobortis felis, a vehicula justo iaculis eget. Sed et quam molestie, posuere eros non, vehicula lectus. Curabitur maximus sit amet orci eget tincidunt. Curabitur euismod tellus metus, eu vulputate lectus faucibus ac. Vestibulum blandit, nibh sit amet auctor dictum, nunc mi semper ante, ut auctor mi odio vel massa. Aliquam ut elementum lectus.
  429. </p>
  430.  
  431. </div>
  432.  
  433. <img src="http://www.placehold.it/400x220/C9B4BB/F1E8EB" style="position: fixed; top: 34%; left: 35.44%;">
  434.  
  435.  
  436. <div class="facts">
  437. <h1>Basic Facts</h1>
  438.  
  439. <p style="overflow: auto; padding: 1%; text-align: justify; color:#171717; display: block; width: 97%; height: 88%; font-size: 8px; letter-spacing: -0.77%; margin-top: -3%; float: left;">
  440. <strong>Full Name</strong> (Self explanatory)<br>
  441. <strong>Pronunciation</strong> (Self explanatory)<br>
  442. <strong>Nickname/Alias</strong> (Does your character have a pet name, fake identity, or any other thing they like to go by? Put it here.)<br>
  443. <strong>Meaning</strong> ([Ex: Emily means "admiring" and William means "protector"] If you aren't sure your character's name has a meaning look it up, I'm sure you'll find something. If it's a fantasy name you made yourself, give it a meaning.)<br>
  444. <strong>Origin</strong> (How did you come up with your character's name?)<br>
  445. <strong>Title</strong> (Do have a title along with their name? [Ex: Sir, Captain, Ms.])<br>
  446. <strong>Pet Name</strong> (What do other people call your character? [kid, squirt, babe, ect] May be insulting, endearing, or a combination of both. May have more than one, if other characters call them different things.<br>
  447. <strong>ID Number</strong> (A number that may also be used to identify your character, such as tournaments and prison settings)<br>
  448. <strong>Signature</strong> (What is their handwriting like?)<br>
  449. <strong>Gender</strong> (Self explanatory)<br>
  450. <strong>Gender Role</strong> (Does your character generally act more feminine or masculine?)<br>
  451. <strong>Orientation</strong> (Ex: Straight, Bisexual, Homosexual)<br>
  452. <strong>Real Age</strong> (How old your character is in years)<br>
  453. <strong>Age Appearance</strong> (How old does your character look? This is mostly for immortal creatures such as deities, but can be used with anybody. [if someone looks older or younger than their age)<br>
  454. <strong>Birthday</strong> (Self explanatory)<br>
  455. <strong>Deathday</strong> (May not have one yet)<br>
  456. <strong>Birthplace</strong> (Where was your character born?)<br>
  457. <strong>Astrological Sign</strong> (Western)<br>
  458. <strong>Zodiac Sign</strong> (Eastern)<br>
  459. <strong>Species</strong> (Human, animal, or a fantasy race)<br>
  460. <strong>Ethnicity</strong> (Self Explanatory)<br>
  461. <strong>Blood Type</strong> (Self explanatory)<br>
  462. <strong>Preferred Hand</strong> (Right handed, left handed, or ambidextrous?)<br>
  463. <strong>Facial Type</strong> (Ex: Oval, heart, square, round, )<br>
  464. <strong>Eye Color</strong> (Self explanatory)<br>
  465. <strong>Hair Color</strong> (Self Explanatory)<br>
  466. <strong>Hairstyle</strong> (Self explanatory)<br>
  467. <strong>Skin Tone</strong> (Self Explanatory)<br>
  468. <strong>Complexion</strong> (Self explanatory)<br>
  469. <strong>Makeup</strong> (If any)<br>
  470. <strong>Body Type</strong> (Endomorph, Ectomorph, Mesomorph, or somewhere in between?)<br>
  471. <strong>Build</strong> (Long legs, chubby cheeks, or muscular arms?)<br>
  472. <strong>Height</strong> (In inches)<br>
  473. <strong>Weight</strong> (In pounds)<br>
  474. <strong>Cup Size</strong> (Self explanatory)<br>
  475. <strong>Facial Hair</strong> (If applicable)<br>
  476. <strong>Shoe Size</strong> (Self Explanatory)<br>
  477. <strong>Birthmarks/scars</strong> (Self explanatory)<br>
  478. <strong>Distinguishing Features</strong> (Something unique that stands out)<br>
  479. <strong>Health</strong> (How healthy is your character?)<br>
  480. <strong>Energy</strong> (How much energy does your character have on a daily basis?)<br>
  481. <strong>Memory</strong> (How well does your character remember things, and what do they remember?)<br>
  482. <strong>Senses</strong> (Are any of your character's senses better or worse than others?)<br>
  483. <strong>Allergies</strong> (Self Explanatory. May be optional.)<br>
  484. <strong>Handicaps</strong> ([Ex: A limp, deafness, missing an eye] May be optional.)<br>
  485. <strong>Medication</strong> (What meds do your character take, if any?)<br>
  486. <strong>Phobias</strong> (Things that simply terrify your character. May be trivial or debilitating. Try to have at least one.)<br>
  487. <strong>Addictions</strong> (Drugs, alcohol, gambling, or bad teen romance)<br>
  488. <strong>Mental Disorders</strong> ([Ex: Depression, Bipolar Disorder, Paranoia.] May be optional.)<br>
  489. </p>
  490.  
  491.  
  492. </div>
  493.  
  494. <img src="http://www.placehold.it/250x220/C9B4BB/F1E8EB" style="position: fixed; top: 65%; left: 0.11%;">
  495.  
  496.  
  497. <div class="conns">
  498. <h1>Connection Links</h1>
  499.  
  500. <p style="overflow: auto; padding: 1%; text-align: justify; color:#171717; display: block; width: 50%; height: 88%; font-size: 8px; letter-spacing: -0.77%; margin-top: -3%; float: right; ">
  501. <a href="" class="friend">first middle last</a>
  502. <a href="" class="friend">first middle last</a>
  503. <a href="" class="friend">first middle last</a>
  504. <a href="" class="friend">first middle last</a>
  505. <a href="" class="friend">first middle last</a>
  506. <a href="" class="friend">first middle last</a>
  507. <a href="" class="friend">first middle last</a>
  508. <a href="" class="friend">first middle last</a>
  509. <a href="" class="friend">first middle last</a>
  510. <a href="" class="friend">first middle last</a>
  511. <a href="" class="friend">first middle last</a>
  512. <a href="" class="friend">first middle last</a>
  513. <a href="" class="friend">first middle last</a>
  514. <a href="" class="friend">first middle last</a>
  515. <a href="" class="friend">first middle last</a>
  516. <a href="" class="friend">first middle last</a>
  517. <a href="" class="friend">first middle last</a>
  518. <a href="" class="friend">first middle last</a>
  519. <a href="" class="friend">first middle last</a>
  520. <a href="" class="friend">first middle last</a>
  521. <a href="" class="friend">first middle last</a>
  522. <a href="" class="friend">first middle last</a>
  523. <a href="" class="friend">first middle last</a>
  524. <a href="" class="friend">first middle last</a>
  525. </p>
  526.  
  527. <p style="overflow: auto; padding: 1%; text-align: justify; color:#171717; display: block; width: 45%; height: 88%; font-size: 8px; letter-spacing: -0.77%; margin-top: -3%; float: left;">
  528. <a href="#mains">Click for Main Connections</a>
  529. </p>
  530.  
  531. </div>
  532.  
  533.  
  534. <div id="mains">
  535.  
  536. <a href="#" style="float: left; margin-top: -2%; color:#D7DCDF; font-size: 1.44vh; text-align: center; text-decoration: none; font-weight: lighter;">X</a>
  537.  
  538. <h1>Main Connections</h1>
  539.  
  540. <p style="overflow: auto; padding: 1%; text-align: justify; color:#171717; display: block; width: 97%; height: 85%; font-size: 8px; letter-spacing: -0.77%; margin-top: 0.33%; margin-left: 1%;">
  541. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  542.  
  543. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  544.  
  545. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  546.  
  547. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  548.  
  549. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  550.  
  551. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  552.  
  553. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  554.  
  555. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  556.  
  557. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  558.  
  559. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  560.  
  561. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  562.  
  563. <a href="URL HERE"><img src="http://www.placehold.it/80x80" title="name here"></a>
  564. </p>
  565.  
  566.  
  567. </div>
  568.  
  569. <img src="http://www.placehold.it/248x220/C9B4BB/F1E8EB" style="position: fixed; top: 65%; left: 63.77%;">
  570.  
  571.  
  572. <div class="owes">
  573. <h1>Owes List</h1>
  574.  
  575. <p style="overflow: auto; padding: 1%; text-align: justify; color:#171717; display: block; width: 97%; height: 88%; font-size: 8px; letter-spacing: -0.77%; margin-top: -3%; float: left;">
  576. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus luctus felis eu faucibus. Phasellus erat risus, lacinia vitae purus rutrum, scelerisque consectetur felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus fermentum lacus risus, quis pulvinar nibh ullamcorper in. Praesent ut metus in mauris consequat volutpat eu quis lectus. Fusce condimentum, sapien placerat consequat rhoncus, lacus velit rutrum lectus, vitae dignissim elit urna id sapien. Quisque viverra ullamcorper dui, ac condimentum lectus lacinia eget. Fusce vulputate commodo ipsum sit amet laoreet. Nam odio enim, efficitur ut lacinia eget, pretium non neque. Proin pulvinar consequat pulvinar. Cras ut justo in dolor ultrices ornare. Nullam sed enim dolor. Donec metus arcu, lacinia ac libero eget, blandit elementum augue. Nullam porta efficitur tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec velit vitae ipsum vestibulum congue.
  577.  
  578. Aliquam eros augue, interdum eget elit non, tincidunt vehicula arcu. In condimentum tortor eu erat efficitur iaculis. Ut in ullamcorper mi. Integer blandit, odio vitae rhoncus commodo, elit ipsum suscipit dolor, id pretium turpis libero in tellus. Fusce vulputate sodales ipsum non ullamcorper. Proin non ligula tempor, elementum elit quis, gravida arcu. Praesent pellentesque risus ut orci malesuada, ac pellentesque nisi blandit. Vestibulum iaculis commodo elit, in accumsan tortor blandit at. Sed finibus diam eu metus rhoncus gravida.
  579.  
  580. Sed non ex in ante posuere elementum imperdiet sit amet felis. Ut venenatis interdum nisi eu hendrerit. Maecenas eu elit nec velit ultricies pretium at vel erat. Curabitur suscipit blandit arcu, vel malesuada tortor ullamcorper id. Nullam ultricies hendrerit nisi in tristique. Phasellus sed odio vitae nibh vehicula rutrum eget et enim. Nunc orci erat, viverra at tortor at, gravida placerat ante. Fusce et aliquet metus, vel luctus leo. Nam non elit at ex egestas semper non eu nunc. Nullam ut lacinia elit. Vivamus condimentum ut lorem sit amet rutrum. Quisque ut lacus ac velit tincidunt bibendum vitae a orci.
  581.  
  582. Aenean ornare tempus sapien, id molestie tellus feugiat eget. Suspendisse vel ipsum velit. Curabitur sagittis aliquet ligula, quis auctor ex congue in. Morbi magna nisl, ullamcorper eu consequat sed, suscipit a ex. Nullam id nunc eu libero semper sagittis a at sapien. Vivamus viverra, est sit amet pulvinar aliquam, lectus arcu ultrices felis, id ultricies nunc felis sodales velit. Aliquam erat volutpat. Phasellus a accumsan est. Sed laoreet vel eros in consequat. Nunc feugiat dui sed lacus rutrum suscipit.
  583.  
  584. Aliquam erat volutpat. Duis gravida lobortis felis, a vehicula justo iaculis eget. Sed et quam molestie, posuere eros non, vehicula lectus. Curabitur maximus sit amet orci eget tincidunt. Curabitur euismod tellus metus, eu vulputate lectus faucibus ac. Vestibulum blandit, nibh sit amet auctor dictum, nunc mi semper ante, ut auctor mi odio vel massa. Aliquam ut elementum lectus.
  585. </p>
  586.  
  587.  
  588. </div>
  589.  
  590.  
  591. <div class="love">
  592. <h1>My Romance Life</h1>
  593.  
  594. <p style="overflow: auto; padding: 1%; text-align: justify; color:#171717; display: block; width: 97%; height: 50%; font-size: 8px; letter-spacing: -0.77%; margin-top: -3%;">
  595. <strong>Status</strong> ---<br>
  596. <strong>Whom</strong> <a href="/">Name</a><br>
  597. <strong>Dated</strong> 00/00/0000<br>
  598. <strong>Engaged</strong> 00/00/0000<br>
  599. <strong>Married</strong> 00/00/0000<br><br>
  600.  
  601. <strong>Comments</strong> Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here.
  602. </p>
  603.  
  604. <img src="http://www.placehold.it/210x190/C9B4BB/F1E8EB" style="margin-left: 1%; margin-top: -3%;">
  605.  
  606. </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!