API tools faq
paste
Advertisement
darkestpotential

Emma Swan - Give Into You

darkestpotential
Jul 3rd, 2015
57
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.55 KB | None | 0 0
raw download clone embed print report
  1. If you have any questions about the layout message Darkest of Price of Magic. I will be more than happy to help you.
  2.  
  3. PSD: https://dl.dropboxusercontent.com/u/145218678/Layout%20PSDs/giveintoyou.psd
  4.  
  5. ABOUT ME:
  6.  
  7. <link href='http://fonts.googleapis.com/css?family=Dancing+Script|Abril+Fatface|Lobster' rel='stylesheet' type='text/css'>
  8.  
  9. <body
  10. oncontextmenu="alert('STYLESHEET created by dαrkєst pσtєntíαl @ PRICE OF MAGIC');
  11. return false;">
  12.  
  13. <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
  14.  
  15. <style>
  16. { .darkestPOM Background Properties }
  17. table, tr, td {background-color: transparent;}
  18. body {background:#191a1d;}
  19.  
  20. #bg2 {
  21. top: 0px;
  22. left: 155px;
  23. background-color: #2b2522;
  24. width: 815px;
  25. height: 175%;
  26. position: absolute;
  27. z-index: -1;}
  28.  
  29. { .darkestPOM Table Properties }
  30. #slideout {
  31. position: fixed;
  32. top: 0px;
  33. left: 0;
  34. background-color: #2b2522;
  35. width: 35px;
  36. height: 100%;
  37. -webkit-transition-duration: 0.5s;
  38. -moz-transition-duration: 0.5s;
  39. -o-transition-duration: 0.5s;
  40. transition-duration: 0.5s;}
  41.  
  42. #slideout_inner {
  43. position: fixed;
  44. background-color: #382f28;
  45. width: 115px;
  46. height: 100%;
  47. top: 0px;
  48. left: -115px;
  49. -webkit-transition-duration: 0.5s;
  50. -moz-transition-duration: 0.5s;
  51. -o-transition-duration: 0.5s;
  52. transition-duration: 0.5s;}
  53.  
  54. #slideout:hover {
  55. left: 115px;}
  56.  
  57. #slideout:hover #slideout_inner {
  58. left: 0;}
  59.  
  60. #info {
  61. position: absolute;
  62. top: 10px;
  63. left: 165px;
  64. background-color: #382f28;
  65. width: 300px;
  66. padding: 5px;
  67. height: auto;}
  68.  
  69. #name {
  70. position: absolute;
  71. top: 292px;
  72. left: 655px;}
  73.  
  74. #bio {
  75. overflow: auto;
  76. position: absolute;
  77. width: 445px;
  78. height: 185px;
  79. top: 350px;
  80. left: 495px;
  81. background-color: #382f28;
  82. padding: 5px;}
  83.  
  84. #img {
  85. position: absolute;
  86. top: 10px;
  87. left: 485px;
  88. background-color: #382f28;
  89. width: 465px;
  90. padding: 5px;
  91. overflow: auto;}
  92.  
  93. #owes {
  94. position: absolute;
  95. top: 240px;
  96. left: 165px;
  97. background-color: #382f28;
  98. width: 300px;
  99. height: auto;
  100. padding: 5px;}
  101.  
  102. #mains {
  103. position: absolute;
  104. top: 378px;
  105. left: 165px;
  106. background-color: #382f28;
  107. width: 300px;
  108. height: 225px;
  109. padding: 5px;}
  110.  
  111. #basic {
  112. position: absolute;
  113. top: 621px;
  114. left: 165px;
  115. background-color: #382f28;
  116. width: 300px;
  117. height: 450px;
  118. padding: 5px;}
  119.  
  120. .lovecontainer {
  121. position: absolute;
  122. top: 565px;
  123. left: 485px;
  124. background-color: #382f28;
  125. width: 465px;
  126. height: 300px;
  127. padding: 5px;}
  128.  
  129. .lovebox:hover {
  130. opacity: 1;}
  131.  
  132. .romance {
  133. padding: 5px;}
  134.  
  135. .lovebox {
  136. overflow: auto;
  137. width: 475px;
  138. height: 310px;
  139. position: absolute;
  140. top:0;
  141. left:0;
  142. opacity:0;
  143. background-color: #382f28;
  144. -webkit-transition: all 0.7s ease;
  145. transition: all 0.7s ease;}
  146.  
  147. #connection {
  148. position: absolute;
  149. top: 884px;
  150. left: 485px;
  151. background-color: #382f28;
  152. width: 465px;
  153. height: auto;
  154. padding: 5px;}
  155.  
  156. #quote {
  157. position: absolute;
  158. top: 1090px;
  159. left: 165px;
  160. background-color: #382f28;
  161. width: 300px;
  162. height: auto;
  163. padding: 5px;}
  164.  
  165. #quote2 {
  166. position: absolute;
  167. top: 1320px;
  168. left: 488px;
  169. width: 465px;
  170. height: auto;}
  171.  
  172. #photo {
  173. position: absolute;
  174. top: 1153px;
  175. left: 485px;
  176. background-color: #382f28;
  177. width: 465px;
  178. height: 175px;
  179. padding: 5px;}
  180.  
  181. #sidebar {
  182. position: fixed;
  183. top: 100px;
  184. left: 985px;
  185. background-color: #382f28;
  186. width: 245px;
  187. height: 160px;
  188. padding: 10px;}
  189.  
  190. #info2 {
  191. position: fixed;
  192. top: 300px;
  193. left: 985px;
  194. width: 245px;
  195. height: auto;
  196. padding: 10px;}
  197.  
  198. #credit {
  199. position: fixed;
  200. top: 250px;
  201. left: 1230px;}
  202.  
  203. { .darkestPOM Music }
  204. #music {
  205. margin-top: 11px;
  206. margin-left: 8px;
  207. position: fixed;}
  208.  
  209. #player {
  210. position: fixed;
  211. margin-top: 225px;
  212. margin-left: 8px;
  213. width: 115px;
  214. height: 15px;
  215. overflow: hidden;}
  216.  
  217. #love {
  218. position: absolute;
  219. margin-top: -40px;
  220. margin-left: 330px;}
  221.  
  222. { .darkestPOM Image borders }
  223. img.border {
  224. border: solid #fff 0px;
  225. outline: solid #384869 1px;
  226. outline-offset: 3px;}
  227.  
  228. img.margin {
  229. margin-top: -10px;}
  230.  
  231. { .darkestPOM Text Properties }
  232. table, tr, td, li, p, div {
  233. font-family:georgia ;
  234. color: #eceaea;
  235. font-size:9.5px;
  236. text-align: left;}
  237.  
  238. b {
  239. color: #6980aa;
  240. font-family: 'Abril Fatface', cursive;
  241. font-size: 9px;
  242. line-height: 7px;
  243. letter-spacing: 2px;
  244. font-weight: normal 400;
  245. text-transform: uppercase;}
  246.  
  247. { .darkestPOM Links }
  248. #nav {
  249. position: fixed;
  250. width: 115px;
  251. margin-left: -50px;
  252. margin-top: 15px;}
  253.  
  254. .cl-effect-15 a {
  255. text-decoration: none;
  256. width: 115px;
  257. color: rgba(0,0,0,0.2);
  258. font-weight: 700;
  259. text-align: center;
  260. text-shadow: none;}
  261.  
  262. .cl-effect-15 a::before {
  263. color: #eceaea;
  264. content: attr(data-hover);
  265. position: absolute;
  266. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  267. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  268. transition: transform 0.3s, opacity 0.3s;}
  269.  
  270. .cl-effect-15 a:hover::before,
  271. .cl-effect-15 a:focus::before {
  272. -webkit-transform: scale(0.9);
  273. -moz-transform: scale(0.9);
  274. transform: scale(0.9);
  275. opacity: 0;}
  276.  
  277. nav a.menu {
  278. width: 172px;
  279. margin-bottom: 0;
  280. position: relative;
  281. display: inline-block;
  282. margin: 0 20px;
  283. outline: none;
  284. color: #eceaea;
  285. text-decoration: none;
  286. text-transform: uppercase;
  287. font-family: 'Abril Fatface', cursive;
  288. letter-spacing: 1px;
  289. font-weight: normal 400;
  290. font-size: 15px;}
  291.  
  292. nav a.menu:hover,
  293. nav a.menu:focus {
  294. outline: none;
  295. color: #744633;}
  296.  
  297. nav a {
  298. width: 172px;
  299. margin-bottom: 0;
  300. position: relative;
  301. display: inline-block;
  302. margin: 0 20px;
  303. outline: none;
  304. color: #eceaea;
  305. text-decoration: none;
  306. text-transform: uppercase;
  307. font-family: 'Abril Fatface', cursive;
  308. letter-spacing: 1px;
  309. font-weight: normal 400;
  310. font-size: 15px;}
  311.  
  312. nav a:hover,
  313. nav a:focus {
  314. outline: none;
  315. color: #375a7e;}
  316.  
  317. .con a {
  318. padding: 0 0 10px;
  319. text-decoration: none;
  320. color: #eceaea;}
  321.  
  322. .con a::after {
  323. position: absolute;
  324. top: 100%;
  325. left: -10;
  326. width: 100%;
  327. height: 1px;
  328. background: #eceaea;
  329. content: '';
  330. opacity: 0;
  331. -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  332. -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  333. transition: height 0.3s, opacity 0.3s, transform 0.3s;
  334. -webkit-transform: translateY(-10px);
  335. -moz-transform: translateY(-10px);
  336. transform: translateY(-10px);}
  337.  
  338. .con a:hover::after,
  339. .con a:focus::after {
  340. height: 5px;
  341. opacity: 1;
  342. -webkit-transform: translateY(0px);
  343. -moz-transform: translateY(0px);
  344. transform: translateY(0px);}
  345.  
  346. a.content, a.content:link, a.content:active, a.content:visited {
  347. font-family: 'Abril Fatface', cursive;
  348. font-size:8px;
  349. line-height:12pt;
  350. letter-spacing:1px;
  351. font-weight: normal 400;
  352. color: #eceaea;
  353. text-decoration:none;
  354. text-transform:uppercase;
  355. letter-spacing:1px;
  356. width:;
  357. background-color:#2b4365;
  358. text-align:center;
  359. border-right-width:0px;
  360. border-right-color:#3f5776;
  361. border-right-style:solid;
  362. display:block;
  363. border-left-style:solid;
  364. border-left-color:#3f5776;
  365. border-left-width:0px ;
  366. border-bottom-style:none;
  367. margin-bottom:3px;
  368. -webkit-transition: all 0.4s linear;
  369. -moz-transition: all 0.4s linear;
  370. transition: all 0.4s linear;}
  371.  
  372. a.content:hover {
  373. font-family: 'Abril Fatface', cursive;
  374. font-size:8px;
  375. line-height:12pt;
  376. letter-spacing: 6px;
  377. font-weight:normal 400;
  378. color:#eceaea;
  379. text-decoration:none;
  380. text-transform:uppercase;
  381. width:;
  382. background-color: #744633;
  383. text-align:center;
  384. border-bottom:0px dashed;
  385. border-color:;
  386. border-right-width: 0px;
  387. border-right-color:#3f5776;
  388. border-right-style:solid;
  389. display:block;
  390. border-left-style:solid;
  391. border-left-color:#3f5776;
  392. border-left-width: 0px ;
  393. margin-bottom:3px;
  394. -webkit-transition: all 0.4s linear;
  395. -moz-transition: all 0.4s linear;
  396. transition: all 0.4s linear;}
  397.  
  398. a.reg {
  399. color: #eceaea;
  400. font-size: 10px;
  401. font-family: Georgia;
  402. font-family: 'Abril Fatface', cursive;
  403. font-weight: normal 400;}
  404.  
  405. a.reg:hover {
  406. color: #744633;
  407. font-size: 10px;
  408. font-family: Georgia;
  409. font-family: 'Abril Fatface', cursive;
  410. font-weight: normal 400;
  411. text-decoration: none;}
  412.  
  413. a.h6 {
  414. color: #eceaea;
  415. font-family: 'Dancing Script', cursive;
  416. font-size: 30px;
  417. font-weight: normal 400;
  418. text-transform: none;
  419. text-decoration: none;
  420. -webkit-transition: all 0.4s linear;
  421. -moz-transition: all 0.4s linear;
  422. transition: all 0.4s linear;}
  423.  
  424. a.h6:hover {
  425. color: #375a7e;
  426. font-family: 'Dancing Script', cursive;
  427. font-size: 30px;
  428. font-weight: normal 400;
  429. text-transform: none;
  430. text-decoration: none;
  431. -webkit-transition: all 0.4s linear;
  432. -moz-transition: all 0.4s linear;
  433. transition: all 0.4s linear;}
  434. </style>
  435.  
  436. <style>
  437. { .darkestPOM Headlines }
  438. #block1 {
  439. width: 20px;
  440. height: 20px;
  441. margin-left: 0px;
  442. border-radius: 10px;
  443. background-color: #5681ab;}
  444.  
  445. #block2 {
  446. width: 20px;
  447. height: 20px;
  448. margin-left: 30px;
  449. border-radius: 10px;
  450. background-color: #7d737a;}
  451.  
  452. #block3 {
  453. width: 20px;
  454. height: 20px;
  455. margin-left: 30px;
  456. border-radius: 10px;
  457. background-color: #a36548;}
  458.  
  459. #dash {
  460. width: 275px;
  461. color: #eceaea;
  462. font-size: 14px;
  463. margin-top: 0px;
  464. margin-left: 0px;}
  465.  
  466. h1 {
  467. font-family: 'Dancing Script', cursive;
  468. color: #4b261d;
  469. font-size: 50px;
  470. line-height: 0px;
  471. font-weight: normal 400;
  472. text-shadow: #eceaea 5px 2px;
  473. text-align: left;}
  474.  
  475. h2 {
  476. width: 197px;
  477. height: 14px;
  478. font-family: 'Lobster', cursive;
  479. color: #7d737a;
  480. font-size: 15px;
  481. font-weight: normal 400;
  482. text-transform: none;
  483. text-align: center;
  484. letter-spacing: 2px;}
  485.  
  486. h3 {
  487. font-family: 'Lobster', cursive;
  488. color: #eceaea;
  489. line-height: 11px;
  490. text-transform: none;
  491. text-align: right;
  492. letter-spacing: 2px;
  493. font-size: 20px;
  494. margin-left: 90px;
  495. margin-top: -15px;
  496. position: absolute;
  497. margin-bottom: 3px;}
  498.  
  499. h4 {
  500. font-family: 'Dancing Script', cursive;
  501. color: #eceaea;
  502. margin-top: 0px;
  503. line-height: 16px;
  504. text-align: center;
  505. letter-spacing: 2px;
  506. font-size: 20px;}
  507.  
  508. h5 {
  509. color: #a46548;
  510. font-family: 'Abril Fatface', cursive;
  511. font-size: 9px;
  512. line-height: 0px;
  513. letter-spacing: 2px;
  514. font-weight: normal 400;
  515. text-transform: uppercase;}
  516. </style>
  517.  
  518. <style>
  519. { .darkestPOM Scrollbar Properties }
  520. ::-webkit-scrollbar-thumb:vertical {
  521. height: 6px;
  522. border: 2px solid #382f28;
  523. background: #375a7e;}
  524.  
  525. ::-webkit-scrollbar-thumb:horizontal {
  526. background-color: #375a7e;}
  527.  
  528. ::-webkit-scrollbar {
  529. width: 11px;
  530. height: 5px;
  531. border-left: 5px solid #382f28;
  532. border-right: 5px solid #382f28;
  533. border-top: 2px solid #382f28;
  534. border-bottom: 2px solid #382f28;
  535. background: #375a7e;}
  536. </style>
  537.  
  538. <style>
  539. { .darkestPOM Hide Codes }
  540. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;}
  541. </style>
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548.  
  549. LIKE TO MEET:
  550.  
  551. <html><body>
  552. <div id="bg2">
  553. </div>
  554.  
  555. <div id="sidebar"><img src="http://i.imgur.com/tNCGGvS.gif"></div>
  556.  
  557. <div id="credit">
  558. <a href="/474100" class="h6" alt="credit">♥</a>
  559. </div>
  560.  
  561. <div id="info2">
  562. <h5>Status</h5> Active<br>
  563. <h5>Writing Style</h5> Multi para to novella<br>
  564. <h5>Playby</h5> Jennifer Morrison<br>
  565. <h5>AIM Screenname</h5> Ask for it<br>
  566. </div>
  567.  
  568. <div id="info">
  569. <div id="block1"><div id="block2"><div id="block3"></div></div></div> <h3>Current Events</h3>
  570. <div id="dash">- - - - - - - - - - - - - - - - - - - -</div>
  571. <img src="http://i.imgur.com/hqeoCUE.png" align="right">
  572. <div style="overflow: auto; width: auto; height: 175px">
  573. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here. Current events here.</div>
  574. </div>
  575.  
  576. <div id="owes">
  577. <div id="block1"><div id="block2"><div id="block3"></div></div></div> <h3>I owe</h3>
  578. <div id="dash">- - - - - - - - - - - - - - - - - - - -</div>
  579. <center><select style="margin-left: 5px; width: 260px; height: auto; background-color: #68402d; color: #eceaea;">
  580. <option>Display Name | Starter/Reply | 00.00.0000</option>
  581. </select></center>
  582. <br>
  583. <div id="block1"><div id="block2"><div id="block3"></div></div></div> <h3>Who owe me</h3>
  584. <div id="dash">- - - - - - - - - - - - - - - - - - - -</div>
  585. <center><select style="margin-left: 5px; width: 260px; height: auto; background-color: #68402d; color: #eceaea;">
  586. <option>Display Name | Starter/Reply | 00.00.0000</option>
  587. </select></center>
  588.  
  589. </div>
  590.  
  591. <div id="mains">
  592. <img src="http://i.imgur.com/PrUeaP0.png" align="left">
  593.  
  594. <div style="width: 65%; height: 225px; overflow: auto;">
  595. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  596. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  597. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  598. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  599. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  600. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  601. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  602. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  603. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  604. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  605. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  606. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  607. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  608. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  609. <a href="/" class="content" onmouseover="this.innerHTML= 'DISPLAY NAME'" onmouseout="this.innerHTML= 'CONNECTION'">connection</a>
  610. </div>
  611. </div>
  612.  
  613. <div id="basic">
  614. <div style="width: 280px; height: 430px; padding: 10px; background-color: #68402d; overflow: auto;"><b>LEGAL NAME</b>: Emma Swan<br>
  615. <b>NICKNAMES</b>: None yet<br>
  616. <b>GENDER</b>: Female<br>
  617. <b>SPECIES</b>: Human<br>
  618. <b>DATE OF BIRTH</b>: June 10th<br>
  619. <b>YEARS OF AGE</b>: Twenty-Eight years old (28)<br>
  620. <b>PLACE OF BIRTH</b>: Enchanted Forest<br>
  621. <b>CURRENT RESIDENCE</b>: Storybrooke, Maine<br>
  622. <b>PARENTS</b>: Snow White/Mary Margaret Blanchard (mother | alive), Prince Charming/David Nolan (father | alive)<br>
  623. <b>SIBLING</b>: Neal Nolan (brother | alive)<br>
  624. <b>CHILDREN</b>: Henry Mills (son | alive)<br>
  625. <b>SEXUAL ORIENTATION</b>: Heterosexual<br>
  626. <b>RELATIONSHIP STATUS</b>: Unattached<br>
  627. <b>OCCUPATIONS</b>: Savior, Sheriff of Storybrooke<br>
  628. <b>EDUCATION</b>: Too many schools to count<br>
  629. <b>HAIR|EYE COLOR</b>: Blonde | Green<br>
  630. <b>HEIGHT|WEIGHT</b>: 5 feet, 5 inches (5'5") | 121 pounds<br>
  631. <b>BODY BUILD</b>: Slender, toned<br>
  632. <b>TATTOOS|PIERCINGS</b>: None | Ears<br>
  633. <b>SMOKE|DRINK|DRUGS</b>: No | Yes | No<br>
  634. <b>LANGUAGES</b>: English<br>
  635. <b>ETHNICITY</b>: White/Caucasian<br>
  636. <b>ALLERGIES</b>: None<br>
  637. <b>WEAPONS</b>: Handguns, Magic, Sword<br>
  638. <b>HOUSING</b>: Blanchard apartment<br>
  639. <b>FEARS</b>: Watching loved ones get hurt<br>
  640. <b>ASTROLOGICAL SIGN</b>: Gemini<br>
  641. <b>TRAITS</b>: Risk Taker. Brave. Selfess. Selfish. Independent. Stubborn. Logical. Dangerous. Vulnerable.<br>
  642. <b>POWERS|ABILITIES</b>: Detective skills. Light Magic. Immunity to Heart Removal. Lie Detection. Eclipse Inducement. Telekinesis. Pyrokinesis.<br>
  643. <b>PERSONALITY</b>: Emma Swan is a deeply damaged and a very conflicted woman. She is a survivor, and used to being a loner, and therefore a sucker for the underdog. Against her better judgement, she will compromise herself to fight for what is right and to help those in need. She is strong and aggressive, but her brokenness and her emotions are not buried far beneath her tough exterior. Her first reaction to most things is anger, but she has spent her life trying to manage her temper. She is both rash and calculated, and is forced to deal with her instincts to protect her child, a child she believes she is not capable of mothering. In the simplest form, Emma is a list of contrasting qualities: She is hard and soft; she is intense and easy going; she is strong and vulnerable; she is safe and dangerous; she is logical and impulsive.
  644. </div>
  645. </div>
  646.  
  647.  
  648. <div id="img">
  649. <img src="http://i.imgur.com/jePkgLT.gif">
  650. </div>
  651.  
  652. <div id="name">
  653. <h1>Display Name</h1>
  654. </div>
  655.  
  656. <div id="bio">
  657. <h2>Before the curse</h2>
  658. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here.
  659.  
  660. <h2>During the curse</h2>
  661. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here.
  662.  
  663. <h2>After the curse</h2>
  664. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here. Biography goes here.
  665. </div>
  666.  
  667. <div class="lovecontainer">
  668. <img src="http://i.imgur.com/z40cjgX.png">
  669. <div class="lovebox">
  670. <div class="romance">
  671. <img style="margin-top: 4px; margin-left: 4px;" src="http://i.imgur.com/a6HStme.gif" align="left" class="border">
  672.  
  673. <div style="margin-top: 4px; margin-left: 170px;">
  674. <img src="http://i.imgur.com/MfVxQPx.png" class="border">
  675. </div>
  676.  
  677. <div style="margin-top: 33px; margin-left: 195px; width: 160px; height: auto;">
  678. <b>Status</b>: Single<br>
  679. <b>Whom</b>: <a href="/" class="reg">Name</a><br>
  680. <b>Dated</b>: 00/00/0000<br>
  681. <b>Engaged</b>: 00/00/0000<br>
  682. <b>Married</b>: 00/00/0000
  683. </div>
  684.  
  685. <div id="love">
  686. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="125" height="25">
  687. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  688. <param name="bgcolor" value="#382f28" />
  689. <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/145218678/Music/Ryan%20Tedder%20-%20Unbroken%20lyrics.mp3&autoplay=0&bgcolor=382f28&loadingcolor=382f28&buttoncolor=2b4365&slidercolor=744633" />
  690. </object>
  691. </div>
  692.  
  693. <div style="width: 274px; height: 82px; overflow: auto; padding: 10px; background-color: #68402d; margin-top: 27px; margin-left: 165px;">
  694. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here. Romance info here.
  695. </div>
  696. </div>
  697.  
  698. </div>
  699. </div>
  700. </div>
  701.  
  702. <div id="connection">
  703. <div style="overflow: auto; background-color: #68402d; height: 250px;">
  704. <div style="background-color: #68402d; padding: 10px; width: 46%; float: left;">
  705.  
  706. <nav class="con">
  707. <a href="/">NAME</a>
  708. </nav>
  709. <br>
  710. <br>
  711. <img src="http://i.imgur.com/u25kxSg.png" align="right" style="margin-top: -10px;">
  712. <div style="background-color: #382f28; padding: 5px; overflow: auto; height: 90px; width: 45.5%; margin-bottom: 15px; margin-top: -10px;">
  713. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here.
  714. </div>
  715.  
  716. <nav class="con">
  717. <a href="/">NAME</a>
  718. </nav>
  719. <br>
  720. <br>
  721. <img src="http://i.imgur.com/u25kxSg.png" align="right" style="margin-top: -10px;">
  722. <div style="background-color: #382f28; padding: 5px; overflow: auto; height: 90px; width: 45.5%; margin-bottom: 15px; margin-top: -10px;">
  723. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here.
  724. </div>
  725.  
  726. <nav class="con">
  727. <a href="/">NAME</a>
  728. </nav>
  729. <br>
  730. <br>
  731. <img src="http://i.imgur.com/u25kxSg.png" align="right" style="margin-top: -10px;">
  732. <div style="background-color: #382f28; padding: 5px; overflow: auto; height: 90px; width: 45.5%; margin-bottom: 15px; margin-top: -10px;">
  733. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here.
  734. </div>
  735.  
  736. <nav class="con">
  737. <a href="/">NAME</a>
  738. </nav>
  739. <br>
  740. <br>
  741. <img src="http://i.imgur.com/u25kxSg.png" align="right" style="margin-top: -10px;">
  742. <div style="background-color: #382f28; padding: 5px; overflow: auto; height: 90px; width: 45.5%; margin-bottom: 15px; margin-top: -10px;">
  743. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here.
  744. </div>
  745.  
  746. </div>
  747.  
  748. <div style="background-color: #68402d; padding: 10px; width: 44.5%; float: right;">
  749.  
  750. <nav class="con">
  751. <a href="/">NAME</a>
  752. </nav>
  753. <br>
  754. <br>
  755. <img src="http://i.imgur.com/u25kxSg.png" align="right" style="margin-top: -10px;">
  756. <div style="background-color: #382f28; padding: 5px; overflow: auto; height: 90px; width: 44%; margin-bottom: 15px; margin-top: -10px;">
  757. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here.
  758. </div>
  759.  
  760. <nav class="con">
  761. <a href="/">NAME</a>
  762. </nav>
  763. <br>
  764. <br>
  765. <img src="http://i.imgur.com/u25kxSg.png" align="right" style="margin-top: -10px;">
  766. <div style="background-color: #382f28; padding: 5px; overflow: auto; height: 90px; width: 44%; margin-bottom: 15px; margin-top: -10px;">
  767. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here.
  768. </div>
  769.  
  770. <nav class="con">
  771. <a href="/">NAME</a>
  772. </nav>
  773. <br>
  774. <br>
  775. <img src="http://i.imgur.com/u25kxSg.png" align="right" style="margin-top: -10px;">
  776. <div style="background-color: #382f28; padding: 5px; overflow: auto; height: 90px; width: 44%; margin-bottom: 15px; margin-top: -10px;">
  777. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here.
  778. </div>
  779.  
  780. <nav class="con">
  781. <a href="/">NAME</a>
  782. </nav>
  783. <br>
  784. <br>
  785. <img src="http://i.imgur.com/u25kxSg.png" align="right" style="margin-top: -10px;">
  786. <div style="background-color: #382f28; padding: 5px; overflow: auto; height: 90px; width: 44%; margin-bottom: 15px; margin-top: -10px;">
  787. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here. Connection description here.
  788. </div>
  789.  
  790. </div>
  791. </div>
  792. </div>
  793.  
  794. <div id="photo">
  795. <img src="http://i.imgur.com/UVe76wJ.png">
  796. </div>
  797.  
  798. <div id="quote2">
  799. <h4></h4>
  800. </div>
  801.  
  802. <div id="quote">
  803. <br><br><br>
  804. <center><img src="http://i.imgur.com/3qwMoyF.gif"></center>
  805. <h4>"People are going to tell you who you are your whole life. You just gotta punch back and say no, this is who I am."<br><br>
  806. - Emma Swan</h4>
  807. </div>
  808.  
  809. <div id="slideout">
  810. <div id="music">
  811. <img src="http://38.media.tumblr.com/tumblr_m7vzhvERfC1r6o8v2.gif">
  812. </div>
  813. <div id="slideout_inner">
  814. <div id="player">
  815. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="100" height="15">
  816. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  817. <param name="bgcolor" value="#382f28" />
  818. <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/145218678/Music/Calvin%20Harris%20-%20Pray%20to%20God%20%5BAudio%5D%20ft.%20HAIM.mp3&autoplay=1&bgcolor=382f28&loadingcolor=382f28&buttoncolor=2b4365&slidercolor=744633" />
  819. </object>
  820. </div>
  821.  
  822. <div id="nav">
  823. <nav class="cl-effect-15">
  824. <a href="/home.php" class="menu" data-hover="Home">Home</a><br><br>
  825. <a href="/send_message.php?member_id=" class="menu" data-hover="Message">Message</a><br><br>
  826. <a href="/add_comment.php?member_id=" class="menu" data-hover="Comment">Comment</a><br><br>
  827. <a href="/gallery.php?member_id=" class="menu" data-hover="Photos">Photos</a><br><br>
  828. <a href="/" class="menu" data-hover="Rules">Rules</a>
  829. </nav>
  830. </div>
  831.  
  832. <div style="margin-top: 300px; margin-left: 8px;">
  833. <img src="http://i.imgur.com/feg6DWc.png">
  834. </div>
  835.  
  836. <div style="margin-top: 40px; margin-left: 8px;">
  837. <img src="http://i.imgur.com/h6ElRx4.png">
  838. </div>
  839.  
  840.  
  841. <div style="margin-top: 40px; margin-left: 8px;">
  842. <img src="http://i.imgur.com/2QUUkhx.png">
  843. </div>
  844. </div>
  845. </div>
  846. </body></html>
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!