API tools faq
paste
Advertisement
xariaaaa

[THEME] ʀᴇsᴏɴᴀᴛɪɴɢ ʟᴏᴠᴇ

xariaaaa
Jul 24th, 2016
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.69 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!-- ʙᴀsᴇ ʙʏ ᴇɴᴛᴇʀᴘʀɪᴢᴇʀ. ᴛʜᴇᴍᴇ ʙʏ ᴀʀɪᴀsʀᴘʜ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ɪᴛ! ᴇᴅɪᴛɪɴɢ ɪs ᴀʟᴏᴡᴇᴅ, ʙᴜᴛ ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛɪɴɢ ɪɴᴛᴀᴄᴛ. -->
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41.  
  42.  
  43.  
  44. <style type="text/css">
  45. /* GASARA */
  46. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  47.  
  48. /* ASPEX */
  49. @font-face { font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF') }
  50.  
  51. *, body, a {cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  52.  
  53. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  54.  
  55.  
  56. ::-webkit-scrollbar-thumb {
  57. height: auto;
  58. background-color: #b87974;
  59. }
  60.  
  61. ::-webkit-scrollbar {
  62. height:9px;
  63. width:4px;
  64. background-color: #f0eeec;
  65. }
  66.  
  67. body {
  68. background: #f0eeec;
  69. background-attachment: fixed;
  70. background-repeat: no-repeat;
  71. background-position: bottom right;
  72. }
  73.  
  74. a {
  75. text-decoration:none;
  76. outline:none;
  77. -moz-outline-style:none;
  78. color: #b87974;
  79. }
  80.  
  81. img {
  82. border:none;
  83. }
  84.  
  85. blockquote, blockquote blockqute, .answer img {
  86. border-left: 1px solid #b87974;
  87. padding-left:5px;
  88. margin-left: 5px;
  89. }
  90.  
  91. blockquote img, blockqute blockquote img {
  92. opacity: 0.3;
  93. -webkit-filter: grayscale(100%);
  94. -webkit-transition: opacity 0.7s linear;
  95. -webkit-transition: all 0.7s ease-out;
  96. -moz-transition: all 0.7s ease-out;
  97. transition: all 0.7s ease-out;
  98. }
  99.  
  100. blockquote img:hover, blockqute blockquote img:hover, .answer img:hover, #post img {
  101. opacity: 0.8;
  102. -webkit-filter: grayscale(30%);
  103. -webkit-transition: opacity 0.7s linear;
  104. -webkit-transition: all 0.7s ease-out;
  105. -moz-transition: all 0.7s ease-out;
  106. transition: all 0.7s ease-out;
  107. }
  108.  
  109. blockquote img {
  110. max-width: 240px;
  111. height: auto;
  112. }
  113.  
  114. blockquote blockquote img {
  115. max-width: 180px;
  116. height: auto;
  117. }
  118.  
  119. h1, h2, h3 {
  120. font-family: "Aspex";
  121. font-size: 20px;
  122. color: #b87974;
  123. font-weight: 500;
  124. text-transform: uppercase;
  125. letter-spacing: 1px;
  126. line-height: 28px;
  127. text-align: justify;
  128. }
  129.  
  130. pre, code {
  131. font-family: "Gasara";
  132. font-size: 8px;
  133. line-height: 12px;
  134. letter-spacing: 1px;
  135. text-align: center;
  136. background-color: #f0eeec;
  137. padding: 10px;
  138. white-space:pre-wrap;
  139. word-wrap:break-word;
  140. }
  141.  
  142.  
  143. /* ENTRIES */
  144. #entries {
  145. width: 260px;
  146. height: 100%;
  147. float: right;
  148. margin-top: -20px;
  149. margin-right: 200px;
  150. padding: 20px;
  151. background-color: #e5e5e5;
  152. border: 10px double #f0eeec;
  153. }
  154.  
  155. #post {
  156. width: 250px;
  157. margin-top: 35px;
  158. font-family: "Calibri";
  159. font-size: 10px;
  160. color: #010101;
  161. text-align: justify;
  162. }
  163.  
  164. #post b {
  165. font-family: "Aspex";
  166. font-size: 12px;
  167. letter-spacing: -1px;
  168. }
  169.  
  170. #post i {
  171. font-family: "Gasara";
  172. font-size: 8px;
  173. letter-spacing: 1px;
  174. }
  175.  
  176. .posttitle {
  177. font-family: "Aspex";
  178. font-size: 23px;
  179. letter-spacing: -2px;
  180. line-height: 36px;
  181. color: #010101;
  182. font-weight: 300;
  183. text-transform: uppercase;
  184. }
  185.  
  186. .photosetimg {
  187. opacity: 0.3;
  188. -webkit-filter: grayscale(100%);
  189. -webkit-transition: opacity 0.7s linear;
  190. -webkit-transition: all 0.7s ease-out;
  191. -moz-transition: all 0.7s ease-out;
  192. transition: all 0.7s ease-out;
  193. }
  194.  
  195. .photosetimg:hover {
  196. opacity: 0.8;
  197. -webkit-filter: grayscale(30%);
  198. -webkit-transition: opacity 0.7s linear;
  199. -webkit-transition: all 0.7s ease-out;
  200. -moz-transition: all 0.7s ease-out;
  201. transition: all 0.7s ease-out;
  202. }
  203.  
  204. .quote {
  205. font-family: "Aspex";
  206. font-size: 30px;
  207. line-height: 35px;
  208. text-align: justify;
  209. }
  210.  
  211. .source {
  212. font-family: "Gasara";
  213. font-size: 8px;
  214. text-align: right;
  215. }
  216.  
  217. .chatpost b {
  218. text-transform: uppercase;
  219. font-size: 8px !important;
  220. letter-spacing: 1px !important;
  221. }
  222.  
  223. .asker {
  224. text-transform: uppercase;
  225. font-family: "Aspex";
  226. font-size: 15px;
  227. text-align: center;
  228. border-bottom: 1px dotted #f0eeec;
  229. }
  230.  
  231. .question {
  232. font-size: 8px;
  233. font-family: "Calibri";
  234. text-transform: uppercase;
  235. text-align: justify;
  236. background-color: #f0eeec;
  237. padding: 10px;
  238. }
  239.  
  240.  
  241. /* Audio */
  242. .audioplayer {
  243. width: 27px;
  244. height: 27px;
  245. padding-bottom: 3px;
  246. z-index: 99999;
  247. left: 0px;
  248. top: 0px;
  249. }
  250.  
  251. .soundcloud_audio_player {
  252. width: 100%;
  253. }
  254.  
  255. .tumblr_audio_player {
  256. width: 100%;
  257. }
  258.  
  259. #postperma {
  260. margin-top: 5px;
  261. margin-bottom: 10px;
  262. margin-left:10px;
  263. width: 240px;
  264. color: #f0eeec;
  265. padding: 5px;
  266. text-align: center;
  267. }
  268.  
  269. .pperma {
  270. margin-right: 30px;
  271. display: inline-block;
  272. height: 7px;
  273. width: 7px;
  274. padding: 3px;
  275. background-color: #b87974;
  276. -webkit-transition: opacity 0.5s linear;
  277. -webkit-transition: all 0.5s ease-out;
  278. -moz-transition: all 0.5s ease-out;
  279. transition: all 0.5s ease-out;
  280. }
  281.  
  282. .pperma:hover {
  283. border-radius: 50%;
  284. -webkit-transition: opacity 0.5s linear;
  285. -webkit-transition: all 0.5s ease-out;
  286. -moz-transition: all 0.5s ease-out;
  287. transition: all 0.5s ease-out;
  288. }
  289.  
  290. #pageperma {
  291. margin-top: 20px;
  292. width: 250px;
  293. }
  294.  
  295. .permatitle {
  296. font-family: "Aspex";
  297. font-size: 10px;
  298. text-align: center;
  299. }
  300.  
  301. .permatitle:first-letter {
  302. font-size: 13px;
  303. }
  304.  
  305. .permatags {
  306. font-family: "Gasara";
  307. font-size: 8px;
  308. text-align: justify;
  309. }
  310.  
  311. .postnotes {
  312. font-family: "Gasara";
  313. font-size :8px;
  314. text-align: justify;
  315. line-height: 12px;
  316. }
  317.  
  318. .postnotes img {
  319. display: none;
  320. }
  321.  
  322. /* SIDEBAR */
  323.  
  324. #wrapper {
  325. height: 650px;
  326. width: 600px;
  327. position: fixed;
  328. left: 100px;
  329. bottom: 0px;
  330. -moz-transition-duration:0.7s;
  331. -webkit-transition-duration:0.7s;
  332. -o-transition-duration:0.7s;
  333. }
  334.  
  335. .render {
  336. position: absolute;
  337. height: 650px;
  338. width: 160px;
  339. margin-left: 440px;
  340. z-index: 999999;
  341. }
  342.  
  343. .title {
  344. font-family: "Aspex";
  345. font-size: 35px;
  346. margin-top: 600px;
  347. color: #b87974;
  348. height: 35px;
  349. width: 460px;
  350. text-align: center;
  351. border-bottom: 10px solid #b87974;
  352. -moz-transition-duration:1.2s;
  353. -webkit-transition-duration:1.2s;
  354. -o-transition-duration:1.2s;
  355. }
  356.  
  357. #wrap {
  358. width: 460px;
  359. height: 335px;
  360. margin-top: 10px;
  361. }
  362.  
  363. .render1 {
  364. height: 335px;
  365. width: 100px;
  366. margin-left: 0px;
  367. margin-top: 0px;
  368. }
  369.  
  370. .banner {
  371. height: 60px;
  372. width: 350px;
  373. padding: 5px;
  374. background-color: #e5e5e5;
  375. margin-left: 100px;
  376. margin-top: -335px;
  377. }
  378.  
  379. .desc1 {
  380. margin-top: 5px;
  381. margin-left: 100px;
  382. height: 250px;
  383. width: 120px;
  384. padding: 5px;
  385. background-color: #e5e5e5;
  386. font-family: "Gasara";
  387. font-size: 8px;
  388. color: #000000;
  389. line-height: 12px;
  390. text-align: justify;
  391. }
  392.  
  393. .desc2 {
  394. margin-top: -260px;
  395. margin-left: 235px;
  396. height: 85px;
  397. width: 115px;
  398. background-color: #e5e5e5;
  399. font-family: "Gasara";
  400. font-size: 8px;
  401. color: #000000;
  402. line-height: 11px;
  403. text-align: justify;
  404. padding: 5px;
  405. }
  406.  
  407. .img1 {
  408. margin-left: 365px;
  409. margin-top: -95px;
  410. background-color: #e5e5e5;
  411. padding: 5px;
  412. height: 85px;
  413. width: 80px;
  414. }
  415.  
  416. .links {
  417. margin-top: 5px;
  418. margin-left: 235px;
  419. height: 20px;
  420. width: 215px;
  421. font-family: "Aspex";
  422. font-size: 10px;
  423. word-spacing: -1px;
  424. text-transform: uppercase;
  425. line-height: 20px;
  426. font-weight: bold;
  427. }
  428.  
  429. .img2 {
  430. margin-left: 235px;
  431. margin-top: 0px;
  432. width: 215px;
  433. height: 30px;
  434. padding: 5px;
  435. background-color: #e5e5e5;
  436. }
  437.  
  438. .img3 {
  439. margin-top: -40px;
  440. margin-left: 235px;
  441. width: 215px;
  442. height: 30px;
  443. padding: 5px;
  444. background-color: #e5e5e5;
  445. opacity: 1;
  446. -moz-transition-duration:0.7s;
  447. -webkit-transition-duration:0.7s;
  448. -o-transition-duration:0.7s;
  449. }
  450.  
  451. #wrap:hover .img3 {
  452. opacity: 0;
  453. -moz-transition-duration:0.7s;
  454. -webkit-transition-duration:0.7s;
  455. -o-transition-duration:0.7s;
  456. }
  457.  
  458. .updates {
  459. margin-top: 5px;
  460. margin-left: 235px;
  461. height: 10px;
  462. line-height: 10px;
  463. padding: 2px;
  464. font-family: "Gasara";
  465. font-size: 8px;
  466. background-color: #e5e5e5;
  467. }
  468.  
  469. .stats {
  470. margin-top: 5px;
  471. margin-left: 235px;
  472. height: 10px;
  473. line-height: 10px;
  474. padding: 2px;
  475. font-family: "Calibri";
  476. font-size: 10px;
  477. text-transform: uppercase;
  478. text-align: center;
  479. word-spacing: 28px;
  480. }
  481.  
  482. .img4 {
  483. height: 35px;
  484. width: 215px;
  485. margin-top: 5px;
  486. margin-left: 235px;
  487. padding: 5px;
  488. background-color: #e5e5e5;
  489. }
  490.  
  491. .pagi {
  492. margin-top: 5px;
  493. margin-left: 235px;
  494. font-size: 10px;
  495. font-family: "Calibri";
  496. text-transform: uppercase;
  497. width: 215px;
  498. text-align: center;
  499. }
  500.  
  501. #wrapper:hover .title {
  502. margin-top: 250px;
  503. -moz-transition-duration:1.2s;
  504. -webkit-transition-duration:1.2s;
  505. -o-transition-duration:1.2s;
  506. }
  507.  
  508. /* CREDIT */
  509. #credit {
  510. position: fixed;
  511. float: left;
  512. left: 19px;
  513. bottom: 12px;
  514. }
  515.  
  516. #or a {
  517. font-family: "Gasara";
  518. font-size: 8px;
  519. position: fixed;
  520. left: 5px;
  521. bottom: 5px;
  522. }
  523.  
  524. /* POPUP */
  525.  
  526. /* POPUP BOX */
  527. .popup_block{
  528. display: none;
  529. background: #e5e5e5;
  530. padding: 20px;
  531. float: left;
  532. height: 500px;
  533. font-family: "Calibri";
  534. text-align: justify;
  535. color: #222222;
  536. font-size: 10px;
  537. position: fixed;
  538. top: 320px;
  539. left: 300px;
  540. border-left:1px solid #b87974;
  541. border-bottom: 1px solid #b87974;
  542. overflow-y: auto;
  543. z-index: 99999;
  544. }
  545.  
  546. .popup_block h2 {
  547. font-family: "Aspex";
  548. font-size: 20px;
  549. color: #b87974;
  550. text-align: justify;
  551. }
  552.  
  553. .popup_block b{
  554. font-family: "Aspex";
  555. font-size: 10px;
  556. }
  557.  
  558. *html #fade {
  559. position: absolute;
  560. }
  561. *html .popup_block {
  562. position: absolute;
  563. }
  564. #fade {
  565. display:none;
  566. position:fixed;
  567. left:0px;
  568. top:0px;
  569. width:100%;
  570. height:100%;
  571. z-index: -1000;
  572. }
  573.  
  574. #s-m-t-tooltip{
  575. max-width: 200px;
  576. margin-top: 15px;
  577. margin-left: 15px;
  578. padding: 5px;
  579. border-left: 1px solid #b87974;
  580. border-bottom: 1px dotted #b87974;
  581. z-index:9999999999999999999999;
  582. background-color:#f0eeec;
  583. color: #010101;
  584. font-family: 'Gasara';
  585. text-align:justify;
  586. font-size: 8px;
  587. line-height: 11px;
  588. letter-spacing: 1px;
  589. text-transform:uppercase;
  590. box-shadow: 0px 0px 10px #f0eeec;
  591. }
  592.  
  593. {CustomCSS}
  594.  
  595. </style>
  596. <!-- S-M-T-TOOLTIP JAVA -->
  597.  
  598. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  599. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  600. <script>
  601. (function($){
  602. $(document).ready(function(){
  603. $("[title]").style_my_tooltips();
  604. });
  605. })(jQuery);
  606. </script>
  607. </head>
  608.  
  609.  
  610.  
  611. <body>
  612.  
  613. <div id="profile" class="popup_block">
  614. <img src="http://i.imgur.com/8r9wni1.png" />
  615. <h2>* GENERAL !</h2><br />
  616. <b>Name:</b> Christine Grace Vance<br />
  617. <b>Nickname:</b> Chris, Muffin<br />
  618. <b>Age:</b> 20 (internationally)<br />
  619. <b>Birthday:</b> Oct. 24, 1995.<br />
  620. <b>Occupation:</b> Youtuber, Student (Calssic Ballet Major)<br />
  621.  
  622.  
  623. <h2>* Family !</h2><br />
  624. <b>Parents:</b> Camellia Vance (53, alive), Daniel Jung (55, deceased 13 years ago)<br />
  625. <b>Siblings:</b> n/a<br />
  626. <b>Social Status:</b> Wealthy<br />
  627. <b>Pets:</b> Two cats, Ginger & Pumpkin. A dog, Mila.<br />
  628.  
  629. <h2>* Appearance !</h2><br />
  630. <b>Height:</b> 159cm<br />
  631. <b>Weight:</b> 48kg<br />
  632. <b>Hair</b>: Brown, waist long <br />
  633. <b>Eyes:</b> Black. <br />
  634.  
  635. <h2>* Personality !</h2>
  636. <b>Plus:</b> Patient, calm, sweet, witty, loving.<br />
  637. <b>Minus:</b> Not confident, anxious.<br />
  638.  
  639. <h2>* Background !</h2><br />
  640.  
  641.  
  642. </div>
  643.  
  644. <div id="navi" class="popup_block">
  645. <img src="http://i.imgur.com/lZSmqfL.png" />
  646. <center>SOON!</center>
  647. </div>
  648.  
  649. <div id="frnd" class="popup_block">
  650. <img src="http://i.imgur.com/NXSHXsm.png" />
  651. <center>
  652. <a href="http://cindr.tumblr.com/" title="To my lovely girlfriend, I don't think any of us kickstarted a relationship this fast but, at the same time, who could resist you and your soft hair? You'll be, forever, the girl with a dragon eyeliner tattoo, my beautiful Cinder."><img src="http://i.imgur.com/kYI5dSu.png" /></a>
  653. <a href="http://gttkwng.tumblr.com/" title="You know, I have a bunch of mea things to say about you, but I've got a whole lot of nice things to say too. I'd rather shut my mouth up, so you don't get it up your ego. Ily."><img src="http://i.imgur.com/Fj1w7Af.png" /></a>
  654. <a href="htpp://96kuz.tumblr.com/" title="We haven't been friends for long, but I'm pretty sure I want to know you for years and watch my tiny dumpling grow into an actual man. Please continue to brighten my days with that sweet smile of yours."><img src="http://i.imgur.com/vobQQUM.png" /></a><br />
  655.  
  656. <a href="http://tiagua.tumblr.com/" title="Are there even nice words to be said, when you're the height of Tom and I'm Jerry? Let's just not be nemesis but have fun together."><img src="http://i.imgur.com/gKhg3io.png" /></a>
  657. <a href="http://92cyl.tumblr.com/" title="The visual of Puppyxo and owner of Kittystine, you're probably the reason South Korea's average height went up in the last couple of years. *sarcastic thanks*"><img src="http://i.imgur.com/f9jMAkn.png" /></a>
  658. <a href="http://tekau.tumblr.com/" title="The other awkward half of this friendship, it's probably useless to explain why I believe you're the one brighting up the days with your smile when the sun is too lazy to exist. Thank you."><img src="http://i.imgur.com/EVCoCY4.png" /></a>
  659. </center>
  660. </div>
  661.  
  662. <div id="wrapper">
  663. <div class="render">
  664. <img src="http://i.imgur.com/OH9elA9.png" />
  665. </div>
  666. <div class="title">RESONATING LOVE</div>
  667.  
  668. <div id="wrap">
  669. <div class="render2">
  670. <img src="http://i.imgur.com/8dVICSg.png" />
  671. </div>
  672. <div class="banner">
  673. <img src="http://i.imgur.com/tiGShwB.png">
  674. </div>
  675. <div class="desc1">
  676. Nothing sweeter than her laughter in the morning and nothing more precious than her sleepy giggles, nothing more soft than the touch of her hand and nothing lighter than the yawns between cuddles. Her eyes might be sharp, looking for flaw, or her glance may soften when you exchange looks. Her words might be rough because you're close or sweet because she feel comfortable. Don't get too comfortable between the playful jokes and playful movements, don't get too used to her cheeky insults, you might find more within.
  677. </div>
  678. <div class="desc2">
  679. Feelings aren't always told through words but for her actions are as confusing too. She wishes for someone who's glance will simply tell her 'I've falled madly in love with you.' without any doubt.
  680. </div>
  681. <div class="img1">
  682. <a href="#?w=360" rel="profile" class="poplight">
  683. <img src="http://i.imgur.com/MUYUhmB.gif" />
  684. </a>
  685. </div>
  686.  
  687. <div class="links">
  688. <a href="/" title="Refesh!"> one!!</a>
  689. <a href="/ask" title="Inbox"> two!!</a>
  690. <a href="/submit" title="Submit"> three!!</a>
  691. <a href="/archive" title="Past"> four!!</a>
  692. <a href="#?w=360" title="Navigation" rel="navi" class="poplight"> five!!</a>
  693. </div>
  694. <div class="img2">
  695. <img src="http://i.imgur.com/aYOObrC.png" />
  696. </div>
  697.  
  698. <div class="img3">
  699. <img src="http://i.imgur.com/Hsr2vnL.png" />
  700. </div>
  701.  
  702. <div class="updates">
  703. <b>160710</b>: New theme!
  704. </div>
  705.  
  706. <div class="stats">
  707. <a title="This is an original character, not Krystal of f(x), please don't approach her as such!">ORIGINAL</a> <a title="Literate and selective, might not always follow back!">LITERATE</a> <a title="Not safe for work posts may appear, together with triggering ones, follow at your own risk! Everything will be tagged!">NSFW</a> <a title="YouTuber verse, known on youtube as @cvancess, feel free to approach her as that!">VERSE</a>
  708. </div>
  709.  
  710. <div class="img4">
  711. <a href="#?w=360" title="My favourite bunch of losers, I love you all." rel="frnd" class="poplight">
  712. <img src="http://i.imgur.com/GDwItW0.gif" />
  713. </a>
  714. </div>
  715.  
  716. {block:IndexPage}
  717. <div class="pagi">
  718. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  719. </div>
  720. {/block:IndexPage}
  721. </div>
  722. </div>
  723.  
  724.  
  725. <div id="entries">
  726. {block:Posts}
  727. <div id="post">
  728.  
  729. <!-- TEXT POSTS -->
  730. {block:Text}
  731. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  732. {Body}
  733. {/block:Text}
  734.  
  735. <!-- PHOTO POSTS -->
  736. {block:Photo}
  737. <div class="photopost"><center><div class="photosetimg"><img src="{PhotoURL-250}"></div></center>
  738. {block:Caption}{Caption}{/block:Caption}</div>
  739. {/block:Photo}
  740.  
  741. <!-- PHOTOSET POSTS -->
  742. {block:Photoset}
  743. <div class="photosetpost">
  744. <div class="photosetimg"><center>{Photoset-250}</center></div>
  745. <p>{block:Caption}{Caption}{/block:Caption}</p>
  746. </div>
  747. {/block:Photoset}
  748.  
  749. <!-- QUOTE POSTS -->
  750. {block:Quote}
  751. <div class="quote">{Quote}</div>
  752. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  753. {/block:Quote}
  754.  
  755. <!-- LINK POSTS -->
  756. {block:Link}
  757. <div class="posttitle">a href="{URL}" {Target}>{Name}</a></div>
  758. {block:Description}{Description}{/block:Description}
  759. {/block:Link}
  760.  
  761. <!-- CHAT POSTS -->
  762. {block:Chat}
  763. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  764. <div class="chatpost">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  765.  
  766. {/block:Chat}
  767.  
  768.  
  769. <!-- ASK POST -->
  770. {block:Answer}
  771. <div class="asker">{Asker}</div>
  772. <div class="question">{Question}</div>
  773. <div class="answer">{Answer}</div>
  774. {/block:Answer}
  775.  
  776. <!-- AUDIO POST -->
  777. {block:Audio}
  778. {block:AudioPlayer}
  779. <div class="audioplayer">{AudioPlayer}</div>
  780. {/block:AudioPlayer}
  781. <div style="margin-left: 30px; margin-top: -20px; float: left; text-transform: uppercase;">
  782. {block:TrackName}<b>{TrackName}{/block:TrackName}</b>
  783. {block:Artist}BY {Artist}{/block:Artist}
  784. </div>
  785. {block:Caption}{Caption}{/block:Caption}
  786. {/block:Audio}
  787.  
  788. <!-- VIDEO POST -->
  789. {block:Video}
  790. <div class="video">{Video-250}</div>
  791. {block:Caption}{Caption}{/block:Caption}
  792. {/block:Video}
  793.  
  794. <!-- POST PERMA -->
  795.  
  796. {block:IndexPage}
  797. <div id="postperma">
  798. <a href="{Permalink}" title="{block:HasTags}{block:Tags} #{Tag}; {/block:Tags}{/block:HasTags}"><div class="pperma"></div></a>
  799. <a href="{Permalink}" title="{block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date}"><div class="pperma"></div></a>
  800. <a href="{Permalink}" title="{NoteCount}"><div class="pperma"></div></a>
  801. <a href="{ReblogURL}" title="Reblog it?"><div class="pperma"></div></a>
  802. </div>
  803. {/block:IndexPage}
  804.  
  805. {block:PermalinkPage}
  806. <div id="pageperma">
  807. <div class="permatitle">
  808. Posted On: {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} with {NoteCountWithLabel}!
  809. </div>
  810.  
  811. <div class="permatags">
  812. {block:HasTags}{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>, {/block:Tags}{/block:HasTags}
  813. </div>
  814. </div>
  815.  
  816. <div class="postnotes">
  817. {block:PostNotes}
  818. {PostNotes}{/block:PostNotes}
  819. {/block:Posts}
  820. </div>
  821. {/block:PermalinkPage}
  822.  
  823.  
  824. </div><!-- END OF POSTS -->
  825. {/block:Posts}
  826. </div><!-- END OF ENTRIES -->
  827.  
  828. <div id="credit"><a title="Theme by chrvstn, optimized for chrome, 1368 x 768. Please don't steal!">♕</a></div>
  829. <div id="or"><a href="http://originalites.tumblr.com/">ORIGINALITES!</a></div>
  830. </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!