API tools faq
paste
Advertisement
xariaaaa

[THEME] ᴍɪʟᴇᴀɢᴇ

xariaaaa
Jul 10th, 2016
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.56 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: #aa806a;
  59. }
  60.  
  61. ::-webkit-scrollbar {
  62. height:9px;
  63. width:4px;
  64. background-color: #b9bbc2;
  65. }
  66.  
  67. body {
  68. background: #b9bbc2;
  69. background-image: url('http://i.imgur.com/SSumt6I.png');
  70. background-attachment: fixed;
  71. background-repeat: no-repeat;
  72. background-position: bottom right;
  73. }
  74.  
  75. a {
  76. text-decoration:none;
  77. outline:none;
  78. -moz-outline-style:none;
  79. color: #aa806a;
  80. }
  81.  
  82. img {
  83. border:none;
  84. }
  85.  
  86. blockquote, blockquote blockqute, .answer img {
  87. border-left: 1px solid #aa806a;
  88. padding-left:5px;
  89. margin-left: 5px;
  90. }
  91.  
  92. blockquote img, blockqute blockquote img {
  93. opacity: 0.3;
  94. -webkit-filter: grayscale(100%);
  95. -webkit-transition: opacity 0.7s linear;
  96. -webkit-transition: all 0.7s ease-out;
  97. -moz-transition: all 0.7s ease-out;
  98. transition: all 0.7s ease-out;
  99. }
  100.  
  101. blockquote img:hover, blockqute blockquote img:hover, .answer img:hover, #post img {
  102. opacity: 0.8;
  103. -webkit-filter: grayscale(30%);
  104. -webkit-transition: opacity 0.7s linear;
  105. -webkit-transition: all 0.7s ease-out;
  106. -moz-transition: all 0.7s ease-out;
  107. transition: all 0.7s ease-out;
  108. }
  109.  
  110. blockquote img {
  111. max-width: 240px;
  112. height: auto;
  113. }
  114.  
  115. blockquote blockquote img {
  116. max-width: 180px;
  117. height: auto;
  118. }
  119.  
  120. h1, h2, h3 {
  121. font-family: "Aspex";
  122. font-size: 20px;
  123. color: #aa806a;
  124. font-weight: 500;
  125. text-transform: uppercase;
  126. letter-spacing: 1px;
  127. line-height: 28px;
  128. text-align: justify;
  129. }
  130.  
  131. pre, code {
  132. font-family: "Gasara";
  133. font-size: 8px;
  134. line-height: 12px;
  135. letter-spacing: 1px;
  136. text-align: center;
  137. background-color: #b9bbc2;
  138. padding: 10px;
  139. white-space:pre-wrap;
  140. word-wrap:break-word;
  141. }
  142.  
  143.  
  144. /* ENTRIES */
  145. #entries {
  146. width: 260px;
  147. height: 100%;
  148. float: left;
  149. margin-top: -20px;
  150. margin-left: 50px;
  151. padding: 20px;
  152. background-color: #b4abaf;
  153. border: 10px double #b9bbc2;
  154. }
  155.  
  156. #post {
  157. width: 250px;
  158. margin-top: 35px;
  159. font-family: "Calibri";
  160. font-size: 10px;
  161. color: #010101;
  162. text-align: justify;
  163. }
  164.  
  165. #post b {
  166. font-family: "Aspex";
  167. font-size: 12px;
  168. letter-spacing: -1px;
  169. }
  170.  
  171. #post i {
  172. font-family: "Gasara";
  173. font-size: 8px;
  174. letter-spacing: 1px;
  175. }
  176.  
  177. .posttitle {
  178. font-family: "Aspex";
  179. font-size: 23px;
  180. letter-spacing: -2px;
  181. line-height: 36px;
  182. color: #010101;
  183. font-weight: 300;
  184. text-transform: uppercase;
  185. }
  186.  
  187. .photosetimg {
  188. opacity: 0.3;
  189. -webkit-filter: grayscale(100%);
  190. -webkit-transition: opacity 0.7s linear;
  191. -webkit-transition: all 0.7s ease-out;
  192. -moz-transition: all 0.7s ease-out;
  193. transition: all 0.7s ease-out;
  194. }
  195.  
  196. .photosetimg:hover {
  197. opacity: 0.8;
  198. -webkit-filter: grayscale(30%);
  199. -webkit-transition: opacity 0.7s linear;
  200. -webkit-transition: all 0.7s ease-out;
  201. -moz-transition: all 0.7s ease-out;
  202. transition: all 0.7s ease-out;
  203. }
  204.  
  205. .quote {
  206. font-family: "Aspex";
  207. font-size: 30px;
  208. line-height: 35px;
  209. text-align: justify;
  210. }
  211.  
  212. .source {
  213. font-family: "Gasara";
  214. font-size: 8px;
  215. text-align: right;
  216. }
  217.  
  218. .chatpost b {
  219. text-transform: uppercase;
  220. font-size: 8px !important;
  221. letter-spacing: 1px !important;
  222. }
  223.  
  224. .asker {
  225. text-transform: uppercase;
  226. font-family: "Aspex";
  227. font-size: 15px;
  228. text-align: center;
  229. border-bottom: 1px dotted #b9bbc2;
  230. }
  231.  
  232. .question {
  233. font-size: 8px;
  234. font-family: "Calibri";
  235. text-transform: uppercase;
  236. text-align: justify;
  237. background-color: #b9bbc2;
  238. padding: 10px;
  239. }
  240.  
  241.  
  242. /* Audio */
  243. .audioplayer {
  244. width: 27px;
  245. height: 27px;
  246. padding-bottom: 3px;
  247. z-index: 99999;
  248. left: 0px;
  249. top: 0px;
  250. }
  251.  
  252. .soundcloud_audio_player {
  253. width: 100%;
  254. }
  255.  
  256. .tumblr_audio_player {
  257. width: 100%;
  258. }
  259.  
  260. #postperma {
  261. margin-top: 5px;
  262. margin-bottom: 10px;
  263. margin-left:10px;
  264. width: 240px;
  265. color: #b9bbc2;
  266. padding: 5px;
  267. text-align: center;
  268. }
  269.  
  270. .pperma {
  271. margin-right: 30px;
  272. display: inline-block;
  273. height: 7px;
  274. width: 7px;
  275. padding: 3px;
  276. background-color: #aa806a;
  277. -webkit-transition: opacity 0.5s linear;
  278. -webkit-transition: all 0.5s ease-out;
  279. -moz-transition: all 0.5s ease-out;
  280. transition: all 0.5s ease-out;
  281. }
  282.  
  283. .pperma:hover {
  284. border-radius: 50%;
  285. -webkit-transition: opacity 0.5s linear;
  286. -webkit-transition: all 0.5s ease-out;
  287. -moz-transition: all 0.5s ease-out;
  288. transition: all 0.5s ease-out;
  289. }
  290.  
  291. #pageperma {
  292. margin-top: 20px;
  293. width: 250px;
  294. }
  295.  
  296. .permatitle {
  297. font-family: "Aspex";
  298. font-size: 10px;
  299. text-align: center;
  300. }
  301.  
  302. .permatitle:first-letter {
  303. font-size: 13px;
  304. }
  305.  
  306. .permatags {
  307. font-family: "Gasara";
  308. font-size: 8px;
  309. text-align: justify;
  310. }
  311.  
  312. .postnotes {
  313. font-family: "Gasara";
  314. font-size :8px;
  315. text-align: justify;
  316. line-height: 12px;
  317. }
  318.  
  319. .postnotes img {
  320. display: none;
  321. }
  322.  
  323. /* SIDEBAR */
  324. #sidewrap {
  325. height: 300px;
  326. width: 300px;
  327. position: fixed;
  328. float: left;
  329. left: 400px;
  330. bottom: 20px;
  331. }
  332.  
  333. .sideimg {
  334. height: 300px;
  335. width: 120px;
  336. margin-left: 0px;
  337. margin-top: 0px;
  338. background-color: #b4abaf;
  339. padding: 3px;
  340. }
  341.  
  342. .sideimg img {
  343. height: 300px;
  344. width: 120px;
  345. }
  346.  
  347. .sidetitle {
  348. font-family: "Aspex";
  349. font-size: 30px;
  350. color: #b4abaf;
  351. text-shadow: 1px 1px 2px #b4abaf;
  352. width: 280px;
  353. text-align: justify;
  354. height: 32px;
  355. margin-top: -295px;
  356. margin-left: 130px;
  357. }
  358.  
  359. .sidedesc {
  360. width: 160px;
  361. height: auto;
  362. margin-top: 0px;
  363. margin-left: 130px;
  364. font-family: "Calibri";
  365. color: #010101;
  366. text-transform: uppercase;
  367. font-size: 10px;
  368. text-align: justify;
  369. border: 3px solid #b4abaf;
  370. padding: 5px;
  371. }
  372.  
  373. .sidedesc img {
  374. height: 12px;
  375. width: auto;
  376. }
  377.  
  378. .sidelink {
  379. margin-left: 140px;
  380. margin-top: 5px;
  381. margin-bottom: 5px;
  382. height: 45px;
  383. width: 160px;
  384. text-align: center;
  385. }
  386.  
  387. .sidelink a {
  388. display: inline-block;
  389. margin-right: 5px;
  390. }
  391.  
  392. .sidelink img {
  393. height: 45px;
  394. width: 45px;
  395. transform: rotate(0deg);
  396. }
  397.  
  398. .sidehover {
  399. height: 15px;
  400. width: 200px;
  401. margin-top: 5px;
  402. margin-bottom: 5px;
  403. margin-left: 131px;
  404. }
  405.  
  406. .sshover {
  407. display: inline-block;
  408. margin-right: 14px;
  409. height: 10px;
  410. width: 20px;
  411. background-color: #b4abaf;
  412. }
  413.  
  414. .pagi {
  415. text-align: center;
  416. width: 180px;
  417. margin-left: 130px;
  418. font-family: "Gasara";
  419. font-size: 8px;
  420. }
  421.  
  422. .pagi a {
  423. color: #b4abaf;
  424. }
  425.  
  426. #winnie {
  427. position: fixed;
  428. float: right;
  429. right: 210px;
  430. bottom: 410px;
  431. height: 50px;
  432. width: 50px;
  433. }
  434.  
  435. #winnie img {
  436. opacity: 0.7;
  437. width: 50px;
  438. height: auto;
  439. -webkit-transition: opacity 0.5s linear;
  440. -webkit-transition: all 0.5s ease-out;
  441. -moz-transition: all 0.5s ease-out;
  442. transition: all 0.5s ease-out;
  443. }
  444.  
  445. #winnie img:hover {
  446. opacity: 1;
  447. -webkit-transition: opacity 0.5s linear;
  448. -webkit-transition: all 0.5s ease-out;
  449. -moz-transition: all 0.5s ease-out;
  450. transition: all 0.5s ease-out;
  451. }
  452.  
  453. #credit {
  454. position: fixed;
  455. float: left;
  456. left: 5px;
  457. bottom: 5px;
  458. }
  459.  
  460. /* POPUP */
  461.  
  462. @-webkit-keyframes fadeInLeftBig {0% {opacity: 0; -webkit-transform: translateX(2000px);} 100% {opacity: 1; -webkit-transform: translateX(0);}}
  463.  
  464. /* POPUP BOX */
  465. .popup_block{
  466. display: none;
  467. background: #b9bbc2;
  468. padding: 20px;
  469. float:left;
  470. height: 570px;
  471. font-family: "Calibri";
  472. text-align: justify;
  473. color: #222222;
  474. font-size: 10px;
  475. position: fixed;
  476. top: 355px;
  477. left: 1100px;
  478. border-left:1px solid #aa806a;
  479. border-bottom: 1px solid #aa806a;
  480. overflow-y: auto;
  481. z-index: 99999;
  482. -webkit-animation: fadeInLeftBig 1.5s;
  483. -moz-animation: fadeInLeftBig 1.5s;
  484. -ms-animation: fadeInLeftBig 1.5s;
  485. }
  486.  
  487. .popup_block h2 {
  488. font-family: "Aspex";
  489. font-size: 20px;
  490. color: #aa806a;
  491. text-align: justify;
  492. }
  493.  
  494. .popup_block b{
  495. font-family: "Aspex";
  496. font-size: 10px;
  497. }
  498.  
  499. *html #fade {
  500. position: absolute;
  501. }
  502. *html .popup_block {
  503. position: absolute;
  504. }
  505. #fade {
  506. display:none;
  507. position:fixed;
  508. left:0px;
  509. top:0px;
  510. width:100%;
  511. height:100%;
  512. z-index: -1000;
  513. }
  514.  
  515. #s-m-t-tooltip{
  516. max-width: 200px;
  517. margin-top: 15px;
  518. margin-left: 15px;
  519. padding: 5px;
  520. border-left: 1px solid #aa806a;
  521. border-bottom: 1px dotted #aa806a;
  522. z-index:9999999999999999999999;
  523. background-color:#b9bbc2;
  524. color: #010101;
  525. font-family: 'Gasara';
  526. text-align:justify;
  527. font-size: 8px;
  528. line-height: 11px;
  529. letter-spacing: 1px;
  530. text-transform:uppercase;
  531. box-shadow: 0px 0px 10px #b9bbc2;
  532. -webkit-animation: wobble 700ms;
  533. }
  534.  
  535. @keyframes wobble {
  536. 0% {
  537. -webkit-transform: translateX(0%);
  538. -ms-transform: translateX(0%);
  539. transform: translateX(0%);}
  540.  
  541. 15% {
  542. -webkit-transform: translateX(-25%) rotate(-5deg);
  543. -ms-transform: translateX(-25%) rotate(-5deg);
  544. transform: translateX(-25%) rotate(-5deg);
  545. }
  546.  
  547. 30% {
  548. -webkit-transform: translateX(20%) rotate(3deg);
  549. -ms-transform: translateX(20%) rotate(3deg);
  550. transform: translateX(20%) rotate(3deg);
  551. }
  552.  
  553. 45% {
  554. -webkit-transform: translateX(-15%) rotate(-3deg);
  555. -ms-transform: translateX(-15%) rotate(-3deg);
  556. transform: translateX(-15%) rotate(-3deg);
  557. }
  558.  
  559. 60% {
  560. -webkit-transform: translateX(10%) rotate(2deg);
  561. -ms-transform: translateX(10%) rotate(2deg);
  562. transform: translateX(10%) rotate(2deg);
  563. }
  564.  
  565. 75% {
  566. -webkit-transform: translateX(-5%) rotate(-1deg);
  567. -ms-transform: translateX(-5%) rotate(-1deg);
  568. transform: translateX(-5%) rotate(-1deg);
  569. }
  570.  
  571. 100% {
  572. -webkit-transform: translateX(0%);
  573. -ms-transform: translateX(0%);
  574. transform: translateX(0%);
  575. }
  576. }
  577.  
  578. .wobble {
  579. -webkit-animation-name: wobble;
  580. animation-name: wobble;
  581. }
  582.  
  583. @-webkit-keyframes bounce {
  584. 0% {-webkit-transform: scale(1);}
  585. 50% {-webkit-transform: scale(1.20);}
  586. 70% {-webkit-transform: scale(.9);}
  587. 100% {-webkit-transform: scale(1);}}
  588.  
  589. {CustomCSS}
  590.  
  591. </style>
  592. <!-- S-M-T-TOOLTIP JAVA -->
  593.  
  594. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  595. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  596. <script>
  597. (function($){
  598. $(document).ready(function(){
  599. $("[title]").style_my_tooltips();
  600. });
  601. })(jQuery);
  602. </script>
  603. </head>
  604.  
  605.  
  606.  
  607. <body>
  608.  
  609. <div id="profile" class="popup_block">
  610. <img src="http://i.imgur.com/8r9wni1.png" />
  611. <h2>* GENERAL !</h2><br />
  612. <b>Name:</b> Christine Grace Vance<br />
  613. <b>Nickname:</b> Chris, Muffin<br />
  614. <b>Age:</b> 20 (internationally)<br />
  615. <b>Birthday:</b> Oct. 24, 1995.<br />
  616. <b>Occupation:</b> Youtuber, Student (Calssic Ballet Major)<br />
  617.  
  618.  
  619. <h2>* Family !</h2><br />
  620. <b>Parents:</b> Camellia Vance (53, alive), Daniel Jung (55, deceased 13 years ago)<br />
  621. <b>Siblings:</b> n/a<br />
  622. <b>Social Status:</b> Wealthy<br />
  623. <b>Pets:</b> Two cats, Ginger & Pumpkin. A dog, Mila.<br />
  624.  
  625. <h2>* Appearance !</h2><br />
  626. <b>Height:</b> 159cm<br />
  627. <b>Weight:</b> 48kg<br />
  628. <b>Hair: Blonde, waist long</b> <br />
  629. <b>Eyes: Black, usually wearing blue contacts.</b> <br />
  630.  
  631. <h2>* Personality !</h2>
  632. <b>Plus:</b> Patient, calm, sweet, witty, loving.<br />
  633. <b>Minus:</b> Not confident, anxious.<br />
  634.  
  635. <h2>* Background !</h2><br />
  636.  
  637.  
  638. </div>
  639.  
  640. <div id="navi" class="popup_block">
  641. <img src="http://i.imgur.com/lZSmqfL.png" />
  642. <center>SOON!</center>
  643. </div>
  644.  
  645. <div id="disc" class="popup_block">
  646. <img src="http://i.imgur.com/QK1AFS1.png" />
  647. <center>SOON!</center>
  648. </div>
  649.  
  650. <div id="frd" class="popup_block">
  651. <img src="http://i.imgur.com/NXSHXsm.png" />
  652. <center>
  653. <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>
  654. <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>
  655. <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 />
  656.  
  657. <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>
  658. <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>
  659. <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>
  660. </center>
  661. </div>
  662.  
  663. <div id="winnie">
  664. <a href="#?w=360" title="My favourite bunch of losers" rel="frd" class="poplight">
  665. <img src="http://orig06.deviantart.net/9b2f/f/2013/169/4/e/free_winnie_the_pooh_pixel_by_cherry_fizzie-d69nmly.gif" />
  666. </a>
  667. </div>
  668.  
  669. <div id="sidewrap">
  670. <div class="sideimg">
  671. <img src="http://i.imgur.com/ny3Viql.gif" />
  672. </div>
  673. <div class="sidetitle">MILEAGE</div>
  674.  
  675. <div class="sidehover">
  676. <a href="/" title="Go back!"><div class="sshover"></div></a>
  677. <a href="/ask" title="Inbox!"><div class="sshover"></div></a>
  678. <a href="#?w=360" title="Profile!" rel="profile" class="poplight"><div class="sshover"></div></a>
  679. <a href="#?w=360" title="Navigation!" rel="navi" class="poplight"><div class="sshover"></div></a>
  680. <a href="#" title="Under Co."><div class="sshover"></div></a>
  681. </div>
  682.  
  683. <div class="sidedesc">
  684. Sweet and a bit of sour, maybe the perfect mix between beautiful and kind. It's all up to a there; where everything turns into dust and her red lips kiss his.
  685. </div>
  686.  
  687. <div class="sidelink">
  688. <a href="http://btlcollective.tumblr.com/" title="Beauty & Look!"><img src="http://i.imgur.com/H0KSHnG.png" /></a>
  689. <a href="http://originalites.tumblr.com/" title="Elite of originals!"><img src="http://i.imgur.com/zwKWlUh.png" /></a>
  690. <a href="#" title="Under Co!"><img src="http://i.imgur.com/49oDo8m.png" /></a>
  691. </div>
  692.  
  693. <div class="sidedesc">
  694. What kind of movement can prove to you her grace? What about her charming smile? What about the delicate touches?
  695. </div>
  696.  
  697. <div class="sidehover">
  698. <a title="OC / Literate / SFW"><div class="sshover"></div></a>
  699. <a title="Not affiliated with Krystal Jung or SM Ent."><div class="sshover"></div></a>
  700. <a title="Youtuber muse, feel free to approach her as such!"><div class="sshover"></div></a>
  701. <a title="Selective follow, please don't force me in interactions!"><div class="sshover"></div></a>
  702. <a title="Plotting is always welcomed. Most replies will be written preest."><div class="sshover"></div></a>
  703. </div>
  704.  
  705. <div class="pagi">
  706. {block:PreviousPage}<a href="{PreviousPage}">PREVIOUS !</a>{/block:PreviousPage} &mdash; {block:NextPage}<a href="{NextPage}">FOLLOWING !</a>{/block:NextPage}
  707.  
  708. </div>
  709. </div>
  710.  
  711. <div id="entries">
  712. {block:Posts}
  713. <div id="post">
  714.  
  715. <!-- TEXT POSTS -->
  716. {block:Text}
  717. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  718. {Body}
  719. {/block:Text}
  720.  
  721. <!-- PHOTO POSTS -->
  722. {block:Photo}
  723. <div class="photopost"><center><div class="photosetimg"><img src="{PhotoURL-250}"></div></center>
  724. {block:Caption}{Caption}{/block:Caption}</div>
  725. {/block:Photo}
  726.  
  727. <!-- PHOTOSET POSTS -->
  728. {block:Photoset}
  729. <div class="photosetpost">
  730. <div class="photosetimg"><center>{Photoset-250}</center></div>
  731. <p>{block:Caption}{Caption}{/block:Caption}</p>
  732. </div>
  733. {/block:Photoset}
  734.  
  735. <!-- QUOTE POSTS -->
  736. {block:Quote}
  737. <div class="quote">{Quote}</div>
  738. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  739. {/block:Quote}
  740.  
  741. <!-- LINK POSTS -->
  742. {block:Link}
  743. <div class="posttitle">a href="{URL}" {Target}>{Name}</a></div>
  744. {block:Description}{Description}{/block:Description}
  745. {/block:Link}
  746.  
  747. <!-- CHAT POSTS -->
  748. {block:Chat}
  749. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  750. <div class="chatpost">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  751.  
  752. {/block:Chat}
  753.  
  754.  
  755. <!-- ASK POST -->
  756. {block:Answer}
  757. <div class="asker">{Asker}</div>
  758. <div class="question">{Question}</div>
  759. <div class="answer">{Answer}</div>
  760. {/block:Answer}
  761.  
  762. <!-- AUDIO POST -->
  763. {block:Audio}
  764. {block:AudioPlayer}
  765. <div class="audioplayer">{AudioPlayer}</div>
  766. {/block:AudioPlayer}
  767. <div style="margin-left: 30px; margin-top: -20px; float: left; text-transform: uppercase;">
  768. {block:TrackName}<b>{TrackName}{/block:TrackName}</b>
  769. {block:Artist}BY {Artist}{/block:Artist}
  770. </div>
  771. {block:Caption}{Caption}{/block:Caption}
  772. {/block:Audio}
  773.  
  774. <!-- VIDEO POST -->
  775. {block:Video}
  776. <div class="video">{Video-250}</div>
  777. {block:Caption}{Caption}{/block:Caption}
  778. {/block:Video}
  779.  
  780. <!-- POST PERMA -->
  781.  
  782. {block:IndexPage}
  783. <div id="postperma">
  784. <a href="{Permalink}" title="{block:HasTags}{block:Tags} #{Tag}; {/block:Tags}{/block:HasTags}"><div class="pperma"></div></a>
  785. <a href="{Permalink}" title="{block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date}"><div class="pperma"></div></a>
  786. <a href="{Permalink}" title="{NoteCount}"><div class="pperma"></div></a>
  787. <a href="{ReblogURL}" title="Reblog it?"><div class="pperma"></div></a>
  788. </div>
  789. {/block:IndexPage}
  790.  
  791. {block:PermalinkPage}
  792. <div id="pageperma">
  793. <div class="permatitle">
  794. Posted On: {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} with {NoteCountWithLabel}!
  795. </div>
  796.  
  797. <div class="permatags">
  798. {block:HasTags}{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>, {/block:Tags}{/block:HasTags}
  799. </div>
  800. </div>
  801.  
  802. <div class="postnotes">
  803. {block:PostNotes}
  804. {PostNotes}{/block:PostNotes}
  805. {/block:Posts}
  806. </div>
  807. {/block:PermalinkPage}
  808.  
  809.  
  810. </div><!-- END OF POSTS -->
  811. {/block:Posts}
  812. </div><!-- END OF ENTRIES -->
  813.  
  814. <div id="credit"><a title="Theme by chrvstn, optimized for chrome, 1368 x 768. Please don't steal!">♕</a></div>
  815. </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!