API tools faq
paste
Advertisement
xariaaaa

CHRVSTN - Sex&Candy

xariaaaa
Aug 3rd, 2015
487
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{FavIcon}" />
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  8.  
  9. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  10.  
  11. <style type="text/css">
  12.  
  13. /* FOLLOW & DASH BUTTONS */
  14. iframe#tumblr_controls {
  15. right:2px !important;
  16. opacity: 0.16;
  17. position: fixed !important;
  18. -webkit-transition: opacity 0.7s linear;
  19. -webkit-transition: all 0.8s ease-out;
  20. -moz-transition: all 0.8s ease-out;
  21. transition: all 0.8s ease-out;
  22. -webkit-filter: invert(100%);
  23. }
  24. iframe#tumblr_controls:hover {
  25. opacity: 0.16;
  26. -webkit-transition: opacity 0.7s linear;
  27. -webkit-transition: all 0.7s ease-out;
  28. -moz-transition: all 0.7s ease-out;
  29. transition: all 0.7s ease-out;
  30. -webkit-filter: invert(100%);
  31. }
  32.  
  33. /* SCROLLBARS */
  34. ::-webkit-scrollbar {
  35. width: 3px;
  36. height: 5px;
  37. background: #fcf5f7;
  38. }
  39.  
  40. ::-webkit-scrollbar-thumb {
  41. background: #f6e0e6;
  42. border-radius: 16px;
  43. border-top: 5px solid black;
  44. }
  45.  
  46. /* SELECTION */
  47. ::selection {
  48. background-color: white;
  49. color: #fb829c;
  50. }
  51.  
  52. /* BODY STYLE */
  53. body {
  54. background-color: #fcf5f7;
  55. background-image: url({image:Background});
  56. background-repeat: no-repeat;
  57. background-attachment: fixed;
  58. background-position: right bottom;
  59. }
  60.  
  61. a {
  62. text-decoration: none;
  63. color: #fb829c;
  64. -webkit-transition: opacity 0.7s linear;
  65. -webkit-transition: all 0.7s ease-out;
  66. -moz-transition: all 0.7s ease-out;
  67. transition: all 0.7s ease-out;
  68. }
  69. a:hover {
  70. color: #f6e0e6;
  71. -webkit-transition: opacity 0.7s linear;
  72. -webkit-transition: all 0.7s ease-out;
  73. -moz-transition: all 0.7s ease-out;
  74. transition: all 0.7s ease-out;
  75. }
  76.  
  77. /* BLOCKQUOTE STYLE */
  78.  
  79. blockquote {
  80. border-left: 1px solid #f9c4d1;
  81. border-bottom: 2px solid #f9c4d1;
  82. margin-left: 6px;
  83. padding-left: 10px;
  84. }
  85.  
  86. blockquote img {
  87. max-width: 222px !important;
  88. height: auto;
  89. opacity: 0.4;
  90. -webkit-transition: all 0.7s ease-out;
  91. -moz-transition: all 0.7s ease-out;
  92. transition: all 0.7s ease-out;
  93. }
  94.  
  95. blockquote img:hover {
  96. opacity: 0.9;
  97. -webkit-transition: all 0.7s ease-out;
  98. -moz-transition: all 0.7s ease-out;
  99. transition: all 0.7s ease-out;
  100. }
  101.  
  102. blockquote blockquote {
  103. border-left: 1px solid #f9c4d1;
  104. border-bottom: 2px solid #f9c4d1;
  105. margin-left: 6px;
  106. padding-left: 10px;
  107. }
  108.  
  109. blockquote blockquote img {
  110. max-width: 200px !important;
  111. height: auto;
  112. opacity: 0.4;
  113. -webkit-transition: all 0.7s ease-out;
  114. -moz-transition: all 0.7s ease-out;
  115. transition: all 0.7s ease-out;
  116. }
  117.  
  118. blockquote blockquote img:hover {
  119. opacity: 0.9;
  120. -webkit-transition: all 0.7s ease-out;
  121. -moz-transition: all 0.7s ease-out;
  122. transition: all 0.7s ease-out;
  123. }
  124.  
  125. /* BEBAS NEUE */
  126. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  127.  
  128. /* TITLE */
  129.  
  130. h1 {
  131. font-size: 20px;
  132. font-family: "bebas neue";
  133. letter-spacing: 3px;
  134. text-align: justify;
  135. line-height: 25px;
  136. color: #fb829c;
  137. }
  138.  
  139. /* SMALL, CODE, PRE */
  140.  
  141. pre, code{
  142. font-family: "Gasara";
  143. font-size: 8px;
  144. word-wrap: normal;
  145. word-wrap: break-word;
  146. text-align: center;
  147. word-break: break-all;
  148. border-right: 1px solid #fb829c;
  149. border-left: 1px solid #fb829c;
  150. border-bottom: 1px dotted #fb829c;
  151. }
  152.  
  153. small, sub, sup{
  154. font-family: "Calibri";
  155. font-size: 9px;
  156. letter-spacing: 1px;
  157. line-height: 10px;
  158. }
  159.  
  160. /* POST STYLE */
  161.  
  162. /* POST COLUMN */
  163. #content {
  164. margin-left: 100px;
  165. margin-top: 30px;
  166. position: relative;
  167. {block:IndexPage}
  168. width: 260px;
  169. {/block:IndexPage}
  170. {block:PermalinkPage}
  171. width: 260px;
  172. {/block:PermalinkPage}
  173. }
  174.  
  175. #content img, #photoset {
  176. text-align: center;
  177. max-width: 240px;
  178. height: auto;
  179. opacity: 0.4;
  180. -webkit-transition: all 0.7s ease-out;
  181. -moz-transition: all 0.7s ease-out;
  182. transition: all 0.7s ease-out;
  183. }
  184.  
  185. #content img:hover, #photoset:hover{
  186. opacity: 0.9;
  187. -webkit-transition: all 0.7s ease-out;
  188. -moz-transition: all 0.7s ease-out;
  189. transition: all 0.7s ease-out;
  190. }
  191.  
  192. /* INDIVIDUAL POST */
  193. .entry {
  194. margin-bottom: 30px;
  195. background-color: #fdd9e1;
  196. padding: 5px;
  197. font-family: "calibri";
  198. font-size: 9px;
  199. letter-spacing: 1px;
  200. line-height: 12px;
  201. text-align: justify;
  202. color: ;
  203. }
  204.  
  205. /* ASK POSTS */
  206. /* DAWNING OF A NEW DAY */
  207. @font-face { font-family: "dawning_of_a_new_day"; src: url('https://dl.dropboxusercontent.com/s/9owbnby9b1vz5m7/dawningofanewday.ttf?dl=1'); format(“truetype”);}
  208.  
  209. #asker{
  210. font-family: "dawning_of_a_new_day";
  211. font-size: 30px;
  212. text-transform: lowercase;
  213. letter-spacing: -1px;
  214. color: ;
  215. text-align: right;
  216. }
  217.  
  218. #question {
  219. font-family: "Calibri";
  220. font-size: 10px;
  221. letter-spacing: -1px;
  222. line-height: 13px;
  223. color: black;
  224. border-right: 1px solid #fb829c;
  225. border-bottom: 1px dashed #fb829c;
  226. padding-right: -3px;
  227. }
  228.  
  229. #answer{
  230. font-family: "Calibri";
  231. font-size: 10px;
  232. letter-spacing: -1px;
  233. line-height: 13px;
  234. color: black;
  235. }
  236.  
  237. #answer img {
  238. max-width: 240px !important;
  239. height: auto;
  240. }
  241.  
  242. #answer:pre {
  243. font-family: "Gasara";
  244. font-size: 8px;
  245. word-wrap: normal;
  246. word-wrap: break-word;
  247. text-align: center;
  248. word-break: break-all;
  249. border-right: 1px solid #fb829c;
  250. border-left: 1px solid #fb829c;
  251. border-bottom: 1px dotted #fb829c;
  252. }
  253.  
  254. /* QUOTE POSTS */
  255. #quote{
  256. font-family: "ms gothic";
  257. text-align: justify;
  258. font-size: 23px;
  259. line-height: 26px;
  260. color: black;
  261. letter-spacing: 3px;
  262. font-weight: 300;
  263. }
  264.  
  265. #source{
  266. font-family: "Gasara";
  267. font-size: 8px;
  268. letter-spacing: 1px;
  269. text-align: right;
  270. }
  271.  
  272. /* GASARA */
  273. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  274.  
  275. /* PERMALINKS */
  276. #perma {
  277. position: absolute;
  278. left: 270px;
  279. font-family: "gasara";
  280. font-size: 8px;
  281. line-height: 8px;
  282. letter-spacing: 2px;
  283. text-transform: lowercase;
  284. }
  285.  
  286. /* PERMALINK PAGE */
  287. img.avatar {
  288. display:none;
  289. }
  290.  
  291. ol.notes {
  292. margin-top: 20px;
  293. }
  294.  
  295. /* SIDEBAR */
  296.  
  297. /* 520 TITLE */
  298. #st{
  299. bottom: 425px;
  300. right: 480px;
  301. height: 50px;
  302. width: 350px;
  303. position: fixed;
  304. font-family: "dawning_of_a_new_day";
  305. font-size: 60px;
  306. color: #fb829c !important;
  307. letter-spacing: 3px;
  308. z-index: 999;
  309. }
  310.  
  311. /* SIDEBAR IMAGE */
  312. #simg{
  313. height: 346px;
  314. width: 166px;
  315. padding: 2px;
  316. bottom: 50px;
  317. right: 675px;
  318. position: fixed;
  319. background-color: #fdd9e1;
  320. }
  321.  
  322. #simg img {
  323. height: 346px;
  324. width: 166;
  325. }
  326.  
  327. /* SIDEBAR DESCRIPTION 1*/
  328. #sd1{
  329. height: 89px;
  330. width: 142px;
  331. bottom: 303px;
  332. right: 520px;
  333. padding: 2px;
  334. background-color: #fdd9e1;
  335. background-image: url('http://i.imgur.com/xxh1eKu.gif');
  336. position: fixed;
  337. overflow: hidden;
  338. border: 2px solid #fdd9e1;
  339. -webkit-transition: opacity 0.7s linear;
  340. -webkit-transition: all 0.7s ease-out;
  341. -moz-transition: all 0.7s ease-out;
  342. transition: all 0.7s ease-out;
  343. }
  344.  
  345. #hov1{
  346. background: #fdd9e1;
  347. opacity:0;
  348. line-height: 8px;
  349. text-align: justify;
  350. -webkit-transition: opacity .25s ease;
  351. -moz-transition: opacity .25s ease;
  352. -webkit-transition: opacity 0.7s linear;
  353. -webkit-transition: all 0.7s ease-out;
  354. -moz-transition: all 0.7s ease-out;
  355. transition: all 0.7s ease-out;
  356. }
  357.  
  358. #sd1:hover #hov1 {
  359. opacity:1;
  360. -webkit-transition: opacity 0.7s linear;
  361. -webkit-transition: all 0.7s ease-out;
  362. -moz-transition: all 0.7s ease-out;
  363. transition: all 0.7s ease-out;
  364. }
  365.  
  366. #chris1 {
  367. font-family:"Gasara";
  368. font-size: 8px;
  369. color: #e95877;
  370. letter-spacing: 1px;
  371. height: 93px;
  372. width: 146px;
  373. text-align: justify;
  374. }
  375.  
  376. /* SIDEBAR LINK 1 */
  377. #sl1 {
  378. bottom: 281px;
  379. right: 520px;
  380. height: 11px;
  381. width: 146px;
  382. padding: 2px;
  383. position: fixed;
  384. background-color: #fdd9e1;
  385. font-family: "Gasara";
  386. font-size: 8px;
  387. letter-spacing: 2px;
  388. text-align: center;
  389. line-height: 11px;
  390. }
  391.  
  392. /* SIDEBAR LINK 2 */
  393. #sl2 {
  394. bottom: 265px;
  395. right: 520px;
  396. height: 11px;
  397. width: 146px;
  398. padding: 2px;
  399. position: fixed;
  400. background-color: #fdd9e1;
  401. font-family: "Gasara";
  402. font-size: 8px;
  403. letter-spacing: 2px;
  404. text-align: center;
  405. line-height: 11px;
  406. }
  407.  
  408. /* SIDEBAR LINK 3 */
  409. #sl3 {
  410. bottom: 249px;
  411. right: 520px;
  412. height: 11px;
  413. width: 146px;
  414. padding: 2px;
  415. position: fixed;
  416. background-color: #fdd9e1;
  417. font-family: "Gasara";
  418. font-size: 8px;
  419. letter-spacing: 2px;
  420. text-align: center;
  421. line-height: 11px;
  422. }
  423.  
  424.  
  425. /* SIDEBAR MUSIC */
  426. #sm{
  427. right: 520px;
  428. bottom: 226px;
  429. height: 13px;
  430. width: 146px;
  431. padding: 2px;
  432. position: fixed;
  433. background-color: #fdd9e1;
  434. }
  435.  
  436. /* SIDEBAR HOVERS */
  437. #sh{
  438. right: 520px;
  439. bottom: 206px;
  440. height: 11px;
  441. width: 146px;
  442. padding:2px;
  443. position: fixed;
  444. font-family: "Arial";
  445. font-size: 20px;
  446. line-height: 9px;
  447. letter-spacing: 7px;
  448. }
  449.  
  450. #sh a{
  451. transform: rotate(0deg) scale(1);
  452. opacity: 1;
  453. -webkit-transition: all 0.7s ease-in-out;
  454. -moz-transition: all 0.7s ease-in-out;
  455. -o-transition: all 0.7s ease-in-out;
  456. -ms-transition: all 0.7s ease-in-out;
  457. transition: all 0.7s ease-in-out;
  458. }
  459.  
  460. #sh a:hover{
  461. transform: rotate(360deg) scale(20);
  462. opacity: 0;
  463. -webkit-transition: all 0.7s ease-in-out;
  464. -moz-transition: all 0.7s ease-in-out;
  465. -o-transition: all 0.7s ease-in-out;
  466. -ms-transition: all 0.7s ease-in-out;
  467. transition: all 0.7s ease-in-out;
  468. }
  469.  
  470. /* SIDEBAR DESCRIPTION 2 */
  471. #sd2{
  472. bottom: 100px;
  473. right: 520px;
  474. width: 146px;
  475. height: 96px;
  476. padding: 2px;
  477. position: fixed;
  478. background-color: #fdd9e1;
  479. font-family: "Gasara";
  480. font-size: 8px;
  481. line-height: 11px;
  482. letter-spacing: 1px;
  483. color: #fb829c;
  484. text-align: justify;
  485. }
  486.  
  487. /* SIDEBAR FRIENDS */
  488. #sf{
  489. bottom: 50px;
  490. right: 520px;
  491. width: 150px;
  492. height: 45px;
  493. position: fixed;
  494. }
  495.  
  496. #sf img{
  497. margin-top: 2px;
  498. width: 35px;
  499. height: 35px;
  500. border: 3px solid #fdd9e1;
  501. opacity: 0.7;
  502. -webkit-transition: all 0.7s ease-in-out;
  503. -moz-transition: all 0.7s ease-in-out;
  504. -o-transition: all 0.7s ease-in-out;
  505. -ms-transition: all 0.7s ease-in-out;
  506. transition: all 0.7s ease-in-out;
  507. }
  508.  
  509. #sf img:hover{
  510. border: 3px solid #fdd9e1;
  511. border-radius: 50%;
  512. opacity: 1;
  513. transform: rotate(360deg);
  514. -webkit-transition: all 0.7s ease-in-out;
  515. -moz-transition: all 0.7s ease-in-out;
  516. -o-transition: all 0.7s ease-in-out;
  517. -ms-transition: all 0.7s ease-in-out;
  518. transition: all 0.7s ease-in-out;
  519. }
  520.  
  521. /* HOVER STYLE */
  522. #s-m-t-tooltip{
  523. max-width:250px;
  524. margin-top:15px;
  525. margin-left:15px;
  526. padding-left:4px;
  527. padding-right:4px;
  528. z-index:9999999999999999;
  529. background-color: white;
  530. color: black;
  531. font-family: "gasara";
  532. font-size:8px;
  533. letter-spacing:1px;
  534. text-transform:uppercase;
  535. text-align:justify;
  536. line-height:14px;
  537. border-left: 3px solid black;
  538. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  539. }
  540.  
  541. /* POP UP BASE! */
  542.  
  543. *html #fade {
  544. position: absolute;
  545. }
  546. #fade {
  547. display: none;
  548. background: #000;
  549. position: fixed;
  550. left: 0;
  551. top: 0;
  552. width: 100%;
  553. height: 100%;
  554. opacity: .80;
  555. z-index: 9999999;
  556. }
  557.  
  558. *html .popup_block {
  559. position: absolute;
  560. }
  561.  
  562. .popup_block{
  563. display: none;
  564. background: #f6e0e6;
  565. padding: 20px;
  566. float: left;
  567. position: fixed;
  568. top: 50%;
  569. left: 50%;
  570. z-index: 9999999999;
  571. }
  572.  
  573. img.btn_close {
  574. float: right;
  575. margin: -55px -55px 0 0;
  576. }
  577.  
  578. .links{
  579. font-family: "calibri";
  580. font-size: 8px;
  581. line-height: 11px;
  582. letter-spacing: 1px;
  583. color: #000000;
  584. text-transform: uppercase;
  585. }
  586.  
  587. /* POP UP NAVIGATION */
  588.  
  589. .popnavi {
  590. font-size: 8px;
  591. font-family: "gasara";
  592. color: #fb829c;
  593. text-align: center;
  594. }
  595.  
  596. .popnavi a {
  597. display: inline-block;
  598. overflow:hidden;
  599. width:138px;
  600. height:10px;
  601. padding:3px;
  602. color: #fb829c;
  603. background-color: #fdd9e1;
  604. -webkit-transition:all 0.7s ease-in-out;
  605. -moz-transition:all 0.7s ease-in-out;
  606. -o-transition:all 0.7s ease-in-out;
  607. -ms-transition:all 0.7s ease-in-out;
  608. transition:all 0.7s ease-in-out;
  609. }
  610.  
  611. .popnavi a:hover {
  612. color: #f6e0e6;
  613. box-shadow:inset 0px 0px 0px 20px #802828;
  614. background-color: #fdd9e1;
  615. -webkit-transition:all 0.7s ease-in-out;
  616. -moz-transition:all 0.7s ease-in-out;
  617. -o-transition:all 0.7s ease-in-out;
  618. -ms-transition:all 0.7s ease-in-out;
  619. transition:all 0.7s ease-in-out;
  620. }
  621.  
  622. #dp{
  623. height: 40px;
  624. width: 40px;
  625. bottom: 10px;
  626. right: 10px;
  627. transform: rotate(0deg);
  628. -webkit-transition:all 0.7s ease-in-out;
  629. -moz-transition:all 0.7s ease-in-out;
  630. -o-transition:all 0.7s ease-in-out;
  631. -ms-transition:all 0.7s ease-in-out;
  632. transition:all 0.7s ease-in-out;
  633. position: fixed;
  634. }
  635.  
  636. #dp img{
  637. border-radius: 50%;
  638. height: 40px;
  639. width: 40px;
  640. transform: rotate(360deg);
  641. -webkit-transition:all 0.7s ease-in-out;
  642. -moz-transition:all 0.7s ease-in-out;
  643. -o-transition:all 0.7s ease-in-out;
  644. -ms-transition:all 0.7s ease-in-out;
  645. transition:all 0.7s ease-in-out;
  646. }
  647.  
  648. /* HEART */
  649. #heartu {
  650. position: fixed !important;
  651. bottom: 415px;
  652. right: 550px;
  653. width: 15px;
  654. height: 15px;
  655. transform: rotate(30deg);
  656. }
  657.  
  658. #heartu img {
  659. transform: roate(30deg);
  660. }
  661.  
  662. .bby{
  663. font-family: "Gasara";
  664. font-size: 8px;
  665. text-align: center;
  666. line-height: 12px;
  667. letter-spacing: 1px;
  668. }
  669.  
  670. .bby img{
  671. max-width: 130px !important;
  672. height: auto;
  673. text-align: center;
  674. }
  675.  
  676. .bb{
  677. font-family: "Gasara";
  678. font-size: 8px;
  679. text-align: justify;
  680. letter-spacing: 1px;
  681. }
  682.  
  683. .bb img{
  684. text-align: center;
  685. max-width: 250px !important;
  686. height: auto;
  687. }
  688.  
  689. #about {
  690. position: fixed;
  691. top: 20%;
  692. width: 140px;
  693. margin-left: -220px;
  694. font-family: "Gasara";
  695. font-size: 8px;
  696. letter-spacing: 1px;
  697. text-align: center;
  698. padding: 10px;
  699. background: #f6e0e6;
  700. color: black;
  701. left:120%;
  702. }
  703.  
  704. #about img{
  705. max-width: 130px !important;
  706. height: auto;
  707. text-align: center;
  708. }
  709. </style>
  710. <!---infinite scroll---><script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  711.  
  712. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  713.  
  714. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  715.  
  716. <script>
  717. (function($){
  718. $(document).ready(function(){
  719. $("[title],a[title],img[title]").style_my_tooltips({
  720. tip_follows_cursor:true,
  721. tip_delay_time:100,
  722. tip_fade_speed:300,
  723. attribute:"title"
  724. });
  725. });
  726. })(jQuery);
  727. </script>
  728.  
  729. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  730.  
  731. <script language="javascript">
  732. $(document).ready(function() {
  733. $('a#clickbutton').click(function() {
  734. $('.t',this).toggle();
  735. });
  736.  
  737. $("#about").css({"left": "120%"})
  738. $("#clickbutton").toggle(
  739. function () {
  740. $("#about").animate({"left": "80%"}, "slow");
  741. },
  742. function () {
  743. $("#about").animate({"left": "120%"}, "slow");
  744. });
  745. });
  746. </script>
  747.  
  748. <script>
  749. $(document).ready(function() {
  750. $('a.poplight[href^=#]').click(function() {
  751. var popID = $(this).attr('rel');
  752. var popURL = $(this).attr('href');
  753.  
  754. var query= popURL.split('?');
  755. var dim= query[1].split('&');
  756. var popWidth = dim[0].split('=')[1];
  757.  
  758. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  759. var popMargTop = ($('#' + popID).height() + 80) / 2;
  760. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  761. $('#' + popID).css({
  762. 'margin-top' : -popMargTop,
  763. 'margin-left' : -popMargLeft
  764. });
  765. $('body').append('<div id="fade"></div>');
  766. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  767. return false;
  768. });
  769. $('a.close, #fade').live('click', function() {
  770. $('#fade , .popup_block').fadeOut(function() {
  771. $('#fade, a.close').remove();
  772. });
  773. return false;
  774. });
  775. });
  776.  
  777. </script>
  778.  
  779.  
  780. </head>
  781.  
  782. <body>
  783.  
  784. <div id="chimjim" class="popup_block">
  785. <div class="bb">
  786. <center><img src="http://40.media.tumblr.com/b8aff37e54840e772c804433b9838bd4/tumblr_n8aq90XLqe1ttclnwo1_500.png" /></center>
  787.  
  788. <br /><br />
  789. I can't tell you how or when or even why I started crushing on you, I just know that starting one day my eyes stopped on you and I wanted to hold my breath because the time would stop and I'd get to spend more time with you, looking at you, blushing because of you. <br /><br />
  790. Looking at you I can't help but smile all the time because, damn, you're so cute I just want to hug and smooch your adorable cheeks all day long but then you turn into this fine looking young man, making my heart beat faster and cheeks flush with less than a look. <br /><br />
  791. Please don't stop because you're the best thing that has ever happened to me.
  792. </div>
  793. </div>
  794.  
  795. <div id="about">
  796. <div class="bby">
  797. <img src="http://i.imgur.com/gZo8BTc.png" /><br />
  798. <img src="http://31.media.tumblr.com/85f04bda34ccbd1adf96f7a4d0b10854/tumblr_inline_nlhaongrxb1tq1ku1.gif" /><br />
  799. <img src="http://i.imgur.com/eHFa6mw.png" /><br /><br /><br />
  800.  
  801. <a href="/tagged/.vanilla" title="I've always been rather cheesy and a hopeless romantic, but I couldn't put my thoughts in order and sometimes, other people have better words about myself than I do.">I</a> <a href="#?w=300" rel="chimjim" class="poplight" title="Oxford dictionary said that love is a strong feeling of affection; I feel a lot more than that.">love</a> <a href="/tagged/.mignon-jams" title="You're cute, you're adorable and you're silly but at the same time you're so hot my heart can't take it.">you.</a>
  802. </div>
  803. </div>
  804.  
  805. <!-- LINK 1 -->
  806. <div id="a" class="popup_block">
  807. <div class="links">
  808. Meet <b>Christine Vance</b>, she is a <b>nineteen</b> years old student, majoring in <b>contemporan ballet</b> with a strong passion for <b>fashion</b>. She's a <b>British-Korean</b> girl, looking for adventure and friends.
  809. <br />
  810. <!-- <a href="/chris"> ABOUT </a> <a href="/brit"> STATISTICS </a> <a href="/tagged/.chri"> FACTS </a> -->
  811. </div>
  812. </div>
  813.  
  814. <!-- LINK 2 -->
  815. <div id="b" class="popup_block">
  816. <div class="popnavi">
  817. <a href="/chris" title="full background (under construction)">i</a>
  818. <a href="/brit" title="profile">ii</a><br>
  819. <a href="/mun" title="mun note">iii</a>
  820. <a href="/tagged/.plots" title="plots">iv</a><br>
  821. <a href="/tagged/.inquire" title="replies">v</a>
  822. <a href="/tagged/.answers" title="answers">vi</a><br>
  823. <a href="/tagged/.christine" title="visual">xi</a>
  824. <a href="/tagged/.chri" title="facts">xii</a><br>
  825. <!--<a href="/tagged/.starter}" title="starters">xiii</a>
  826. <a href="/tagged/.}" title="under construction">ixv</a><br>
  827. <a href="/tagged/.}" title="under construction">xv</a>
  828. <a href="/tagged/.}" title="under construction">xvi</a><br>
  829. <a href="/tagged/.}" title="under construction">xvii</a>
  830. <a href="/tagged/.}" title="under construction">xviii</a><br> -->
  831. </div>
  832.  
  833. </div>
  834.  
  835. <!-- LINK 3 -->
  836. <div id="c" class="popup_block">
  837. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/chrvstn.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  838. </div>
  839.  
  840. <div id="ace" class="popup_block">
  841. <div class="links">
  842. I was thinking of telling you cheesy things but I figured, what use? My only wish for you is to continue to watch you smiling, although my teasing annoys you and I might seem mean to you; I wish you're eteranlly happy. <a href="/tagged/.aussieboi" title="I get all fuzzy and mean 'cus you're so cute."><img src="http://38.media.tumblr.com/98879d7fe180a2a79792e5cb01fcdd60/tumblr_inline_nk96osq3PN1ry72eo.gif" /></a>
  843. </div>
  844. </div>
  845.  
  846. <div id="blake" class="popup_block">
  847. <div class="links">
  848. I didn't have many weird friends and I'm guessing you're the weirdest but at the same time, I'm utterly glad I've met you, you're fun and I believe that we will be nagging each other for a long while.<a href="/tagged/.tiny-human-being" title="absolutely 100% cute tiny being"><img src="http://33.media.tumblr.com/583f7684cccd6e591e92be2fa9517bde/tumblr_inline_n1x7sfwJwU1s6uj4o.gif" /></a>
  849. </div>
  850. </div>
  851.  
  852. <div id="cleo" class="popup_block">
  853. <div class="links">
  854. I have so many things to say to you I couldn't name them all, you're my best friend and the one I never want to let go, the one who makes me smile no matter how sad I am and the one I wish to always see happy. I couldn't start on naming the things I love about you, because then I'd have to point to all of you. <a href="/tagged/.boyfriend" title="you know i love you!!"><img src="http://33.media.tumblr.com/tumblr_m3e0qsvSf01qf290m.gif" /></a>
  855. </div>
  856. </div>
  857.  
  858. <div id="gikwang" class="popup_block">
  859. <div class="links">
  860. I've came to the conclusion that you're mean and cute, both at the same time, and that you grew roots in my heart to make sure I'll keep feeding you my cookies for as long as possible. Greedy! <a href="/tagged/.selca-king" title="you're mean to me i'm mean to you"><img src="http://38.media.tumblr.com/tumblr_m3e0rrpWmr1qf290m.gif" /></a>
  861. </div>
  862. </div>
  863.  
  864. <div id="jihyuk" class="popup_block">
  865. <div class="links">
  866. I don't know why your face is paying the bills but I really think you should be a professional complainer cus you're acing that 100000% <a href="/tagged/.very-tall-noodle" title="bring my stepladder so I can look into your eyes"><img src="http://33.media.tumblr.com/tumblr_meb8vvBCFx1qdlkyg.gif" /></a>
  867. </div>
  868. </div>
  869.  
  870. <div id="jimin" class="popup_block">
  871. <div class="links">
  872. All I really wanna do I smooch and cuddle your cute self for as long as possible because damn, how dare you do this to my heart. <a href="/tagged/.mignon-jams" title="we can have no jams together"><img src="http://38.media.tumblr.com/tumblr_m3e0qjfD411qf290m.gif" /></a>
  873. </div>
  874. </div>
  875.  
  876. <div id="jinri" class="popup_block">
  877. <div class="links">
  878. Truthfully, I wish you could see yourself through my eyes for once. See how kind and beautiful you are, how much alike to an angel you actually are, making me feel always loved and cared, although you do nothing more than smile. Please never let your smile get washed away. <a href="/tagged/.flower-jinri" title="because you're an angel."><img src="http://33.media.tumblr.com/583f7684cccd6e591e92be2fa9517bde/tumblr_inline_n1x7sfwJwU1s6uj4o.gif" /></a>
  879. </div>
  880. </div>
  881.  
  882. <div id="junior" class="popup_block">
  883. <div class="links">
  884. and if you hurt me, that's okay, baby, only words bleed. <a href="/tagged/.favourite-jyp-oppa" title="Come back, please..."><img src="http://33.media.tumblr.com/33d8db404f19d18af01875c872b73f3a/tumblr_inline_mq1rpbYsUJ1qz4rgp.gif" /></a>
  885. </div>
  886. </div>
  887.  
  888. <div id="mark" class="popup_block">
  889. <div class="links">
  890. You've always been the one to support me, no matter how sad I was or how silly I was acting, you were always there to remind me that there's somebody who loves me and, for that, I'm always going to be thankful. <a href="/tagged/.cutest" title="you make me mad with how much i love you"><img src="http://33.media.tumblr.com/tumblr_m3j740TiPg1qid2nw.gif" /></a>
  891. </div>
  892. </div>
  893.  
  894. <div id="nate" class="popup_block">
  895. <div class="links">
  896. I don't have enough words to say how much I care for you and how much I hate you but I wish you can read all that in my eyes because, really now, I've never been that good with words and you've always guessed me just right. <a href="/tagged/.perfnate" title="When I'm away I will remember how you kissed me under the lamppost back on 6th street."><img src="http://33.media.tumblr.com/tumblr_mdpkkk2pyV1qdlkyg.gif" /></a>
  897. </div>
  898. </div>
  899.  
  900. <div id="romeo" class="popup_block">
  901. <div class="links">
  902. To you I've got nothing more to say than my wish to talk to you as much as possible, you're one of the funniest person I've ever meet and, really now, who'd get my puns? <a href="/tagged/.romeo" title="you cheeky piece of fine ass, ilu."><img src="http://38.media.tumblr.com/eb6784a5af19f68379bc2d724335589c/tumblr_inline_ndrooqwF3F1ry72eo.gif" /></a>
  903. </div>
  904. </div>
  905.  
  906.  
  907. <!-- SIDEBAR -->
  908.  
  909. <!-- SIDEBAR TITLE -->
  910. <div id="st"><a href="/">Sex&Candy</a></div>
  911.  
  912. <!-- HEART -->
  913.  
  914.  
  915.  
  916. <div id="heartu">
  917. <a id="clickbutton" class="t" title="I hope you understand that I'm giggling like a dumbass when I hear your name.">
  918. <span class="t">
  919. <img src="http://38.media.tumblr.com/tumblr_mexm96n6Gl1r52dl9.gif" />
  920. </span>
  921. <span class="t" style="display:none">
  922. <img src="http://38.media.tumblr.com/tumblr_mexm96n6Gl1r52dl9.gif" />
  923. </span>
  924. </a>
  925. </div>
  926.  
  927. <!-- SIDEBAR IMAGE -->
  928. <div id="simg">
  929. <img src="http://i.imgur.com/gAdWVe8.png" />
  930. </div>
  931.  
  932. <!-- SIDEBAR DESCRIPTION 1 -->
  933. <div id="sd1">
  934. <div id="hov1">
  935. <span id="chris1">Lips painted in soft colors; hair matching the sweetest of colors; spirit as bright as a summer day. A girl made with sweet love and tender care, a girl living in a world of sadness and rough hate; she's a hidden diamont.</span>
  936. </div>
  937. </div>
  938.  
  939. <!-- SIDEBAR LINKS -->
  940. <div id="sl1">
  941. <a href="#?w=300" rel="c" class="poplight" title="Messages? Questions? All here.">&Inbox</a>
  942. </div>
  943. <div id="sl2">
  944. <a href="#?w=300" rel="a" class="poplight" title="All little things about Christine.">&Christine</a>
  945. </div>
  946. <div id="sl3">
  947. <a href="#?w=300" rel="b" class="poplight" title="Fitting many links into a bit of space.">&Navigation</a>
  948. </div>
  949. <div id="sm">
  950. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="146" height="13">
  951. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  952. <param name="bgcolor" value="#fdd9e1" />
  953. <param name="FlashVars" value="mp3=https%3A//www.dropbox.com/s/xgd42x3bkkr9fs0/13%2520Sex%2520and%2520Candy.mp3&amp;bgcolor=fdd9e1&amp;loadingcolor=fb829c&amp;buttoncolor=fb829c&amp;slidercolor=fb829c" />
  954. </object>
  955. </div>
  956. <div id="sh">
  957. <a title="Christine Vance, your not-so-typical british-korean">●</a>
  958. <a title="Aged 19, born on October 24th.">●</a>
  959. <a title="Majoring in ballet, with a vlog for fashion and dance.">●</a>
  960. <a title="( This is a roleplay blog and I am not affliated with Krystal Junf, f(x) or SM Ent. Nothing of what I post here reflects any of the previously mentioned opinions. )">●</a>
  961. <a title="( Mature themes and plots will be apprached! This is a literate roleplay account; semi-selective and always looking for plots! )">●</a>
  962. </div>
  963. <div id="sd2">
  964. I'm selfish, impatient and a little insecure. I make mistakes, I am out of control and at times hard to handle. But if you can't handle me at my worst, then you sure as hell don't deserve me at my best. &nbsp; &nbsp;&nbsp; &mdash; <b>Marilyn Monroe</b>
  965. </div>
  966. <div id="sf">
  967. <marquee behavior="scroll" direction="left" scrollamount="3" onmouseover="this.stop();" onmouseout="this.start();">
  968. <a href="#?w=140" rel="ace" class="poplight" title="#aussieboi with a crush on my best friend">
  969. <img src="https://31.media.tumblr.com/613b80a24433229faf696d94a8183e01/tumblr_nqm302zfJB1usagoso1_100.gif" />
  970. </a>
  971. <a href="#?w=140" rel="blake" class="poplight" title="#shimp but cute tbh">
  972. <img src="https://31.media.tumblr.com/886fbcc9cd0429010aaf6d97bfd9f438/tumblr_n4ep2tuhyK1qlpecuo2_250.gif" />
  973. </a>
  974. <a href="#?w=140" rel="cleo" class="poplight" title="#boyfriend with the best of everything">
  975. <img src="https://31.media.tumblr.com/4e410669e028c9b3b972e5fdf334c5fb/tumblr_nqm302zfJB1usagoso2_100.gif" />
  976. </a>
  977. <a href="#?w=140" rel="gikwang" class="poplight" title="#meanest and most unphotogenic person">
  978. <img src="https://s-media-cache-ak0.pinimg.com/originals/b6/45/eb/b645eb1bbf2ed227940e8f324992c524.jpg" />
  979. </a>
  980. <a href="#?w=140" rel="jihyuk" class="poplight" title="#how can you be this tall">
  981. <img src="http://38.media.tumblr.com/905d25bc07d5f7504dad92f69e1bf91b/tumblr_inline_nseayvKsEQ1sfh9km_500.gif" />
  982. </a>
  983. <a href="#?w=140" rel="jimin" class="poplight" title="#sweetest idol there is out there">
  984. <img src="http://38.media.tumblr.com/3e1f829c2ef29be9c03334d2b3867248/tumblr_nnvlz1gA4o1rtoo0mo4_250.gif" />
  985. </a>
  986. <a href="#?w=140" rel="jinri" class="poplight" title="#prettiest flower i have ever met">
  987. <img src="https://33.media.tumblr.com/dedc85aba9f32baf27bd6a6535c5743b/tumblr_nqm302zfJB1usagoso3_100.gif" />
  988. </a>
  989. <a href="#?w=140" rel="junior" class="poplight" title="#jerk but i'll wait for you forever">
  990. <img src="https://31.media.tumblr.com/328fa79274c62f47d8d1bd4ec10843c9/tumblr_nqm302zfJB1usagoso4_100.gif" />
  991. </a>
  992. <a href="#?w=140" rel="mark" class="poplight" title="#cutest and by that i mean stop it i am the cutest">
  993. <img src="https://38.media.tumblr.com/0afe9b9f103d8320bcf8c0e6bb6fc3c8/tumblr_nqm302zfJB1usagoso6_100.gif" />
  994. </a>
  995. <a href="#?w=140" rel="nate" class="poplight" title="#perfect nathaniel whom i'll always treasure">
  996. <img src="https://38.media.tumblr.com/dc498b8e62b7f5a8e779fa51c0f1c124/tumblr_nqm302zfJB1usagoso7_100.gif" />
  997. </a>
  998. <a href="#?w=140" rel="romeo" class="poplight" title="#abs romeo that's all i can say ">
  999. <img src="https://33.media.tumblr.com/f7cb6438e546190a3ec1bb421fcc0b9a/tumblr_nqm302zfJB1usagoso8_100.gif" />
  1000. </a>
  1001. </marquee>
  1002. </div>
  1003. <!-- END OF SIDEBAR -->
  1004.  
  1005.  
  1006. <div id="content"> <!-- POSTS DIV -->
  1007. {block:Posts}
  1008.  
  1009. <!-- {block:NoRebloggedFrom}
  1010. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1011. {/block:NoRebloggedFrom} -->
  1012.  
  1013. <div class="entry"> <!-- INDIVIDUAL ENTRIES DIV -->
  1014.  
  1015. <!-- PERMALINK -->
  1016. {block:IndexPage}
  1017. <div id="perma">
  1018. <a href="{Permalink}">{MonthNumber}{DayofMonth}{ShortYear}/{block:NoteCount}{NoteCount}{/block:NoteCount}</a><br>
  1019. <a href="{Permalink}" {block:HasTags} title="{block:Tags} #{Tag}{/block:Tags}"{/block:HasTags}>#HASH</a>
  1020. </div>
  1021. {/block:IndexPage}
  1022.  
  1023. <!-- PHOTO POSTS -->
  1024. {block:Photo}
  1025. <center>
  1026. <a href="{permalink}">
  1027. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  1028. </a>
  1029. </center>
  1030. {block:IndexPage}
  1031. {block:Caption}
  1032. {Caption}
  1033. {/block:Caption}
  1034. {/block:IndexPage}
  1035. {block:PermalinkPage}
  1036. {block:Caption}
  1037. {Caption}
  1038. {/block:Caption}
  1039. {/block:PermalinkPage}
  1040. {/block:Photo}
  1041. <!-- END OF PHOTO POSTS -->
  1042.  
  1043. <!-- PHOTOSET POSTS -->
  1044. {block:Photoset}
  1045. <div id="photoset">
  1046. {block:IndexPage}
  1047. {Photoset-250}
  1048. {/block:IndexPage}
  1049. {block:PermalinkPage}
  1050. {Photoset-250}
  1051. {/block:PermalinkPage}
  1052.  
  1053. {block:IndexPage}
  1054. {block:Caption}
  1055. {/block:Caption}
  1056. {/block:IndexPage}
  1057. {block:PermalinkPage}
  1058. {block:Caption}
  1059. {Caption}
  1060. {/block:Caption}
  1061. {/block:PermalinkPage}
  1062. </div>
  1063. {/block:Photoset}
  1064. <!-- END OF PHOTOSET POSTS -->
  1065.  
  1066. <!-- TEXT POSTS -->
  1067. {block:Text}
  1068. {block:Title}
  1069. <h1>{Title}</h1>
  1070. {/block:Title}
  1071. {Body}
  1072. {/block:Text}
  1073. <!-- END OF TEXT POSTS -->
  1074.  
  1075. <!-- LINK POSTS -->
  1076. {block:Link}
  1077. <h1><a href="{URL}">{Name}</a></h1>
  1078. {block:Description}
  1079. {Description}
  1080. {/block:Description}
  1081. {/block:Link}
  1082. <!-- END OF LINK POSTS -->
  1083.  
  1084. <!-- QUOTE POSTS -->
  1085. {block:Quote}
  1086. <div id="quote">"{Quote}"</div>
  1087. {block:Source}
  1088. <div id="source"><br>&mdash; {Source}</div>
  1089. {/block:Source}
  1090. {/block:Quote}
  1091. <!-- END OF QUOTE POSTS -->
  1092.  
  1093. <!-- CHAT POSTS -->
  1094. {block:Chat}
  1095. {block:Title}
  1096. <h1>{Title}</h1>
  1097. {/block:Title}
  1098. {block:Lines}
  1099. {block:Label}<b>{Label} </b>{/block:Label}
  1100. <span>
  1101. <i>{Line}</i><br></span>
  1102. {/block:Lines}
  1103. {/block:Chat}
  1104. <!-- END OF CHAT POSTS -->
  1105.  
  1106. <!-- AUDIO POSTS -->
  1107. {block:Audio}
  1108. {AudioPlayerWhite}
  1109. {block:IndexPage}
  1110. <p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}
  1111. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  1112. {block:Album}Album: {Album}<br>{/block:Album}
  1113. {block:PlayCount}Played: {PlayCount}{/block:PlayCount}
  1114. {/block:IndexPage}
  1115. {block:PermalinkPage}
  1116. {block:Caption}
  1117. {Caption}
  1118. {/block:Caption}
  1119. {/block:PermalinkPage}
  1120. {/block:Audio}
  1121. <!-- END OF AUDIO POSTS -->
  1122.  
  1123. <!-- VIDEO POSTS -->
  1124. {block:Video}
  1125. {block:IndexPage}
  1126. {Video-250}
  1127. {/block:IndexPage}
  1128. {block:PermalinkPage}
  1129. {Video-250}
  1130. {/block:PermalinkPage}
  1131.  
  1132. {block:IndexPage}
  1133. {block:Caption}
  1134. {Caption}
  1135. {/block:Caption}
  1136. {/block:IndexPage}
  1137. {block:PermalinkPage}
  1138. {block:Caption}
  1139. {Caption}
  1140. {/block:Caption}
  1141. {/block:PermalinkPage}
  1142. {block:Video}
  1143. <!-- END OF VIDEO POSTS -->
  1144.  
  1145. <!-- ASKS POSTS -->
  1146. {block:Answer}
  1147. <div id="asker">{Asker}</div><br>
  1148. <div id="question"><i>{Question}</i></div>
  1149. <div id="answer">{Answer}</div>
  1150. {/block:Answer}
  1151. <!-- END OF ASKS POSTS -->
  1152.  
  1153. <!-- PERMALINK PAGE -->
  1154. {block:PermalinkPage}
  1155. <center>
  1156. {block:HasTags}
  1157. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1158. {/block:HasTags}
  1159. <p>{NoteCountwithLabel}
  1160. </center>
  1161. {block:PostNotes}
  1162. {PostNotes}
  1163. {/block:PostNotes}
  1164. {/block:PermalinkPage}
  1165. <!-- END OF PERMALINK PAGE -->
  1166.  
  1167. </div> <!-- END OF ENTRY DIV -->
  1168. {/block:Posts}
  1169.  
  1170. {block:ContentSource}
  1171. <!-- {SourceURL}
  1172. {block:SourceLogo}
  1173. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1174. {/block:SourceLogo}
  1175. {block:NoSourceLogo}
  1176. {SourceLink}
  1177. {/block:NoSourceLogo} -->
  1178. {/block:ContentSource}
  1179.  
  1180. </div><!-- END OF CONTENT DIV -->
  1181.  
  1182. </body>
  1183. </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!