Advertisement
tasty2punch

roykkim - 20141101

Nov 1st, 2014
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.51 KB | None | 0 0
  1. <!--
  2.  
  3.    THEME: EPHEMERAL
  4.    By str-wrs
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ノ◕ヮ◕)ノ*:・゚✧
  8.  
  9. - see http://str-wrs.tumblr.com for more themes
  10.  
  11. -->
  12.  
  13. <html>
  14. <head>
  15.  
  16. {block:ifnotPaginate}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifnotPaginate}
  17.  
  18. <meta name="image:Sidebar" content=""/>
  19.  
  20. <meta name="if:Title" content="1"/>
  21. <meta name="if:Tags" content="1"/>
  22. <meta name="if:Caption" content="1"/>
  23. <meta name="if:Paginate" content="1"/>
  24. <meta name="if:Image" content="1"/>
  25. <meta name="text:second title" content="1"/>
  26. <meta name="color:Background" content="#fff"/>
  27. <meta name="color:Border" content="#eee"/>
  28. <meta name="color:Sidebar Border" content="#eee"/>
  29. <meta name="color:Title" content="#222"/>
  30. <meta name="color:Link" content="#999999"/>
  31. <meta name="color:Text" content="#555555"/>
  32.  
  33. <meta name="text:Link 1" content="/"/>
  34. <meta name="text:Link 1 Title" content="about"/>
  35. <meta name="text:Link 2" content="/" />
  36. <meta name="text:Link 2 Title" content="tags"/>
  37. <meta name="text:Link 3" content="/" />
  38. <meta name="text:Link 3 Title" content="blogroll"/>
  39. <meta name="text:Link 4" content="/" />
  40. <meta name="text:Link 4 Title" content="history"/>
  41. <meta name="text:Link 5" content="/" />
  42. <meta name="text:Link 5 Title" content="more"/>
  43.     <meta name="text:Date Updated" content=""/>
  44. <meta name="text:Owed Thread Replies" content=""/>
  45. <meta name="text:Owed Starters" conent=""/>
  46. <meta name="text:Owed Inbox Replies" content=""/>
  47. <meta name="text:Plotting Followups" content=""/>
  48. <meta name="text:Waiting for replies" content=""/>
  49. <meta name="text:Waiting for Starters" content=""/>
  50. <meta name="text:Waiting for Plotting" content=""/>
  51.  
  52.  
  53.  
  54.  
  55. <title>{text:second title}</title>
  56. {block:Description}<meta name="description" content="{MetaDescription}" />
  57. {/block:Description}
  58. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  59.  <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  60. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  61. <script>
  62. $(document).ready(function(){
  63.    
  64.         $(".lh").show();$('.lh').toggle(function(){
  65.             $(".lb").slideDown(function(){});
  66.                 },function(){
  67.             $(".lb").slideUp(function(){});
  68.         });
  69.         $(".show-tag").toggle(function(e){
  70.                 e.preventDefault();
  71.                 var id = $(this).attr('post-id');
  72.                 alert(id);
  73.                 $("#tags-" + id).slideDown(function(){});
  74.                
  75.             },
  76.             function(e){
  77.                 e.preventDefault();
  78.                    var id = $(this).attr('post-id');
  79.                   $("#tags-" + id).slideUp(function(){});
  80.                  
  81.             });
  82.  
  83.  
  84.     });
  85.    
  86.    
  87. </script>
  88. <script>
  89.    (function($){
  90.        $(document).ready(function(){
  91.            $(".poplight[href^=#]").click(function(){
  92.              
  93. var popID = $(this).attr('rel'); //Get Popup Name
  94. var popURL = $(this).attr('href'); //Get Popup href to define size
  95. var query= popURL.split('?');
  96. var dim= query[1].split('&');
  97. var popWidth = dim[0].split('=')[1];
  98.  
  99.   //Fade in the Popup and add close button
  100.  
  101.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" style="float:right;font-size:14px;">&#10006;</a>');
  102.  
  103. var popMargTop = ($('#' + popID).height() + 80) / 2;
  104. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  105. //Apply Margin to Popup
  106. $('#' + popID).css({
  107. 'margin-top' : -popMargTop,
  108. 'margin-left' : -popMargLeft
  109. });
  110.          
  111.            
  112.            $('body').append('<div id="fade"></div>');
  113. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  114. return false;
  115. });
  116. $('a.close, #fade').live('click', function() {
  117. $('#fade , .popup_block').fadeOut(function() {
  118. $('#fade, a.close').remove(); //fade them both out
  119. });
  120. return false;
  121. });
  122.        });
  123.    })(jQuery);
  124. </script>
  125.  
  126. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  127. <script>
  128.    (function($){
  129.        $(document).ready(function(){
  130.            $("[title]").style_my_tooltips({
  131.                tip_follows_cursor:true,
  132.                tip_delay_time:200,
  133.                tip_fade_speed:300
  134.            }
  135.                );
  136.        });
  137.    })(jQuery);
  138. </script>
  139.  
  140.  
  141.  
  142. <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  143.  
  144.  <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
  145. <link href='http://fonts.googleapis.com/css?family=Marvel:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  146. <link href='http://fonts.googleapis.com/css?family=Marvel:700,400' rel='stylesheet' type='text/css'>
  147. <link href='http://fonts.googleapis.com/css?family=Vollkorn:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
  148. <style type="text/css">
  149.  
  150. ::-webkit-scrollbar {width:5px;height:5px;background:{color:Background};}
  151. ::-webkit-scrollbar-thumb {background:{color:Border};}
  152.  
  153. /* General */
  154.  
  155. .close {padding:10px;}
  156.  
  157. body {
  158.     margin:0px;
  159.     background:{color:Background};
  160.     font-family: 'Vollkorn', serif;
  161.     font-size:10px;
  162.     line-height: 120%;
  163.     letter-spacing: 1px;
  164.     font-weight: normal;
  165.     color:{color:Text};
  166. }
  167.  
  168. small, sub, sup
  169. {
  170.     font-size: 10px;
  171. }
  172. pre, code
  173. {
  174.     font-family: 'Cutive Mono';
  175.     font-size: 10px;
  176.      white-space: pre-wrap;       /* CSS 3 */
  177.     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  178.     white-space: -pre-wrap;      /* Opera 4-6 */
  179.     white-space: -o-pre-wrap;    /* Opera 7 */
  180.     word-wrap: break-word;       /* Internet Explorer 5.5+ */
  181.      padding:15px;
  182.     text-align:justify;
  183.    
  184. }
  185. pre
  186. {
  187.  
  188.     border:0px dotted {color:Border};
  189. }
  190.  
  191. a:hover {color:{color:Title};}
  192. a:link, a:active, a:visited {
  193.     text-decoration:none;
  194.     transition:0.5s ease;
  195.     -o-transition:0.5s ease;
  196.     -moz-transition:0.5s ease;
  197.     -webkit-transition:0.5s ease;
  198.     color:{color:Link};
  199. }
  200.  
  201. /* Containers */
  202.  
  203. #c {position:fixed;bottom:30px;right:30px;text-transform:uppercase;}
  204. #center {position:relative;margin:0px auto;width:400px;}
  205. #entry img {max-width:100%;}
  206. #entry h2 {text-align: center;}
  207. #entry { padding: 15px; width:400px;margin:100px 0px; border:1px dotted {color:Border};  background-color:#ffffff;}
  208.  
  209.  
  210. /* Sidebar */
  211.  
  212. #sidebar {
  213.     position:fixed;
  214.     width:160px;
  215.     background-color:#ffffff;
  216.     padding: 20px;
  217.     margin:90px -260px;
  218.     text-align:center;
  219.     font-family: 'Lato', sans-serif;
  220. }
  221.  
  222. #sidebar h2
  223. {
  224.     border-bottom: 1px dotted {color:Sidebar Border};
  225.     padding: 10px;
  226.     letter-spacing: 0px;
  227.     font-family: 'Marvel', sans-serif;
  228. }
  229. .image img{width:40px; margin: 5px; border-radius: 50%;}
  230. .image { float: left;}
  231. .desc{text-align:justify;font-size:9px;letter-spacing: 0px;}
  232.  
  233. .head {cursor:help;}
  234. .lb a {margin:0px 2.5px;display:block; text-align: right; padding: 6px; border-bottom:1px dotted {color:Sidebar Border};}
  235.  
  236. .lb {
  237.     display: none;
  238.  
  239.     border-top:1px dotted {color:Sidebar Border};
  240.  
  241. }
  242.    
  243. .links a{float:left;width:40px;}
  244. .links {
  245.     margin-top:15px;
  246.     padding:0px;
  247.     height:10px;
  248.     border-top:1px dotted {color:Sidebar Border};
  249.     text-transform:uppercase;
  250.     font-size:7px;
  251.     letter-spacing:1px;
  252.     margin-bottom:15px;
  253. }
  254. .links a i
  255. {
  256.    
  257.     padding: 10px;
  258. }
  259.  
  260. #pag a{
  261.     color:{color:Title};
  262.     margin:0px 10px;
  263.     display:inline-block;
  264.     padding:5px 10px;
  265. }
  266.  
  267. #pag {
  268.     position:relative;
  269.     font-family: 'Marvel', sans-serif;
  270.     text-transform:uppercase;
  271. }
  272.  
  273. /* Titles */
  274.  
  275. h2 a{color:{color:Title};}
  276. h1 {
  277.     margin:0px 0px 10px;
  278.     font-size:16px;
  279.     text-transform:uppercase;
  280.     color:{color:Title};
  281.     font-family: 'Marvel', sans-serif;
  282. }
  283.  
  284. h2 {
  285.     margin:0px 0px 10px;
  286.     font-size:14px;
  287.     text-transform:uppercase;
  288.     color:{color:Title};
  289.     font-family: 'Lato', sans-serif;
  290. }
  291.  
  292. .qut {
  293.     margin:15px;
  294.     font-size:14px;
  295.     font-style:italic;
  296.     text-align: center;
  297.     font-family: 'Marvel', sans-serif;
  298. }
  299.  
  300. .src {
  301.     font-size:7px;
  302.     text-align:right;
  303.     letter-spacing:0.5px;
  304.     text-align: center;
  305.     text-transform:uppercase;
  306. }
  307.  
  308. /* Permalinks */
  309.  
  310. .pp {
  311.  
  312.     margin:10px 0px 0px;
  313.     padding:10px;
  314.     font-size:7px;
  315.     letter-spacing:0.5px;
  316.     line-height:10px;
  317.     text-transform:uppercase;
  318.     background-color: {color:Background};
  319.     font-family: 'Lato', sans-serif;
  320. }
  321.  
  322.  
  323. .pp a
  324. {
  325.     padding: 10px;
  326. }
  327.  
  328. .controls
  329. {
  330.     float: right;
  331. }
  332. .tags
  333. {
  334.      
  335.     text-align: center;
  336.     padding: 10px;
  337.    font-size:7px;
  338.     letter-spacing:0.5px;
  339.     line-height:10px;
  340.     text-transform:uppercase;
  341.     font-family: 'Lato', sans-serif;
  342.  
  343. }
  344. .tags a
  345. {
  346.     padding: 0px;
  347. }
  348. /* Audio & Chat */
  349.  
  350. .chat {padding:10px;line-height:200%;}
  351. .lines b{color:{color:Title};}
  352.  
  353. #audio {
  354.     float:left;
  355.     width:70px;
  356.     height:70px;
  357.     position:relative;
  358.     overflow:hidden;
  359. }
  360.  
  361. .cover img {
  362.     width:70px;
  363.     position:absolute;
  364.     transition:0.5s ease;
  365.     -o-transition:0.5s ease;
  366.     -moz-transition:0.5s ease;
  367.     -webkit-transition:0.5s ease;
  368. }
  369.  
  370. .cover {width:70px;overflow:hidden;}
  371.  
  372. .play {
  373.     overflow:hidden;
  374.     width:0px;
  375.     height:30px;
  376.     background:#fff;
  377.     position:absolute;
  378.     padding:20px 0px;
  379.     transition:0.5s ease;
  380.     -o-transition:0.5s ease;
  381.     -moz-transition:0.5s ease;
  382.     -webkit-transition:0.5s ease;
  383. }
  384.  
  385. #audio:hover .play {opacity:1;width:30px;}
  386. #audio:hover img {margin-left:30px;}
  387.  
  388. .au b{color:{color:Title};text-transform:uppercase;}
  389. .au {
  390.     height:45px;
  391.     padding:12.5px 10px;
  392.     line-height:15px;
  393.     margin-left:70px;
  394.     text-align:left;
  395. }
  396.  
  397. /* Asks */
  398.  
  399. #ask {
  400.     color:{color:Text};
  401.     padding:15px;
  402.     text-align:justify;
  403.     background:#fafafa;
  404.     border-bottom:1px dotted {color:Border};
  405.     margin:0px 0px 10px;
  406.      text-align: center;
  407.  
  408. }
  409.  
  410. .asker a{color:{color:Title}; }
  411. .asker {
  412.     margin:0px 0px 5px 0px;
  413.     color:{color:Title};
  414. font-size: 14px; font-family: 'Lato', sans-serif;
  415. }
  416. .askerimg
  417. {
  418.     text-align: center;
  419.     padding: 10px;
  420. }
  421.  
  422. /* Text */
  423.  
  424.  
  425. p {margin:10px;text-align:justify;line-height:150%;}
  426. ul {list-style-type:square;line-height:150%;}
  427. blockquote {
  428.     margin:5px;
  429.     padding:5px;
  430.     text-align:jusitfy;
  431.     border-left:1px dotted {color:Border};
  432. }
  433.  
  434. pre {
  435.     white-space:pre-wrap;
  436.     white-space:-moz-pre-wrap;
  437.     white-space:-pre-wrap;
  438.     white-space:-o-pre-wrap;
  439.     word-wrap:break-word;
  440. }
  441.  
  442. /* Etc */
  443.  
  444.  
  445. #pnotes {
  446.     background:{color:Background};
  447.     font-size:8px;
  448.     font-style:italic;
  449.     letter-spacing:0.3px;
  450.     text-transform:lowercase;
  451.     margin:10px -11px -11px;
  452.     padding-top:10px;
  453.     line-height:8px;
  454. }
  455.  
  456. #pnotes img {display:none;}
  457. #pnotes ol {margin:0;padding:10px 25px;line-height:200%;}
  458. #pnotes li {list-style-type:none;}
  459.  
  460.  
  461. #s-m-t-tooltip{
  462.     max-width:300px;
  463.     margin:0px 20px;
  464.     z-index:99999999;
  465.     color: #ffffff;
  466.     background:{color:Title};
  467.     padding:5px;
  468. }
  469.  
  470. .notes img {width:0px;}
  471. img {margin-bottom:-2px;}
  472.  
  473. div#krys
  474. {
  475.     font-size: 9px;
  476.     padding: 20px;
  477. }
  478. #fade {
  479.     display:none;
  480.     background: #ddd;
  481.     position:fixed;
  482.     left:0; top:0;
  483.     width:100%; height:100%;
  484.     opacity:.50;
  485.     z-index:9999; }
  486.  
  487. .popup_block {
  488.     display:none;
  489. background-color: #fff;
  490.     padding:0px;
  491.     border: 0px dotted #eeeeee;
  492.     border-bottom: 0px solid #f3f3f3;
  493.     float:left;
  494.     font-size:9px;
  495.    
  496.     position:fixed;
  497.     text-align: center;
  498.     top:50%; left:50%;
  499.     z-index:99999;
  500.     opacity: 1;
  501.   }
  502.   .popup_block div
  503.   {
  504.       padding: 20px;
  505.   }
  506.  
  507.  
  508. img.btn_close {
  509.     float:right;
  510.     margin:-5px -5px 0 0; }
  511.  
  512. *html #fade { position:absolute; }
  513. *html .popup_block { position:absolute; }
  514.  
  515. {CustomCSS}
  516. </style>
  517. </head>
  518. <body>
  519.  
  520. <div id="center">
  521.  
  522. <div id="sidebar">
  523. {block:ifTitle}<h2>{Title} <a class="poplight" href="#?w=450" rel="krys"><img src="https://31.media.tumblr.com/7bc9ce72d62a63b14e7f010133cf4113/tumblr_inline_mjq0falBGb1roozkr.gif" style="height:20px" /></a></h2>{/block:ifTitle}
  524.  
  525. {block:ifImage}<div class="image"><a href="/"><img src="{image:Sidebar}"></a></div>{/block:ifImage}
  526. <div class="desc">{Description}</div>
  527.  
  528. <div class="links">
  529.     <a  href="/"><i title="refresh" class="fa fa-home fa-fw fa-lg"></i></a>
  530.     <a  class="poplight" href="#?w=450" rel="askbox"><i title="message" class="fa fa-send-o fa-fw fa-lg"></i></a>
  531.      <a  class="poplight" href="#?w=600" rel="submitbox"><i title="submit" class="fa fa-gift fa-fw fa-lg"></i></a>
  532.     <a href="#" class="lh"><i class="fa fa-ellipsis-v  fa-fw fa-lg"></i></a>
  533. </div>
  534.  
  535. <div class="lb">
  536.     {block:ifLink1}
  537.     <a href="{text:Link 1}">{text:Link 1 Title}</a>
  538.     {/block:ifLink1}{block:ifLink2}
  539.     <a href="{text:Link 2}">{text:Link 2 Title}</a>
  540.     {/block:ifLink2}{block:ifLink3}
  541.     <a href="{text:Link 3}">{text:Link 3 Title}</a>
  542.     {/block:ifLink3}{block:ifLink4}
  543.     <a href="{text:Link 4}">{text:Link 4 Title}</a>
  544.     {/block:ifLink4}{block:ifLink5}
  545.     <a href="{text:Link 5}">{text:Link 5 Title}</a>
  546.     {/block:ifLink5}
  547.     <a class="poplight" href="#?w=450" rel="tracker">tracker</a>
  548. </div>
  549.  
  550. {block:ifPaginate}{block:Pagination}<div id="pag">
  551. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  552. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  553. </div>{/block:Pagination}{/block:ifPaginate}
  554. </div>
  555.  
  556.  
  557. <div id="content">
  558. {block:Posts}
  559.  
  560. <div id="entry">
  561.  
  562. {block:Text}
  563. {block:Title}<h2>{Title}</h2>{/block:Title}{Body}
  564. {/block:Text}
  565.  
  566. {block:Link}
  567. <a title="{URL}" href="{URL}"><h2> {Name} &rarr;</h2></a>
  568. {block:Description}{Description}{/block:Description}
  569. {/block:Link}
  570.  
  571. {block:Photo}
  572. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  573. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  574. {/block:Photo}
  575.  
  576. {block:Photoset}
  577. {Photoset-400}
  578. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  579. {/block:Photoset}
  580.  
  581. {block:Quote}
  582. <div class="qut">❝ {Quote}</div>
  583. <div class="src">{Source}</div>
  584. {/block:Quote}
  585.  
  586. {block:Chat}
  587. <div class="chat">
  588. {block:Title}<h2>{Title}</h2>{/block:Title}
  589. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">
  590. {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  591. </div>
  592. {/block:Chat}
  593.  
  594. {block:Audio}
  595. <div id="audio">
  596. {block:AlbumArt}<div class="cover">
  597. <img src="{AlbumArtURL}"/>
  598. </div>{/block:AlbumArt}
  599. <div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  600. </div>
  601.  
  602. <div class="au">
  603. <b>Track:</b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span> {block:TrackName}{TrackName}{/block:TrackName}<br>
  604. <b>Artist:</b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}<br>
  605. <b>Plays:</b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}
  606. </div>
  607. {/block:Audio}
  608.  
  609. {block:Video}
  610. {Video-400}
  611. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  612. {/block:Video}
  613.  
  614. {block:Answer}
  615. <div class="askerimg"><img src="{AskerPortraitURL-40}"/></div>
  616. <div id="ask">
  617.  
  618. <div class="asker">{Asker}</div>
  619.  
  620. <div class="ques">{Question}</div>
  621. </div>
  622. {Answer}
  623. {/block:Answer}
  624.  
  625. {block:Date}
  626. <div class="pp">
  627. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{DayofMonthWithZero} {Month}">{TimeAgo}</a> with
  628. <a href="{Permalink}" title="permalink">{NoteCountWithLabel} </i></a>
  629.  
  630. <div class="controls">
  631. <a title="reblog" href="{ReblogURL}"><i class="fa fa-retweet fa-lg fa-fw"></i></a>
  632.  
  633. {block:RebloggedFrom}
  634.  
  635. <a title="reblogged from {ReblogParentName}" href="{ReblogParentURL}"><i class="fa fa-reply fa-lg fa-fw"></i></a> {/block:RebloggedFrom}
  636.  
  637.  
  638. {block:ContentSource}<a title="&copy; {SourceTitle}" href="{SourceURL}"><i class="fa fa-info fa-lg fa-fw"></i></a>{/block:ContentSource}
  639.  
  640.  
  641.  
  642.  
  643. </div></div>
  644. {block:HasTags} <div class="tags" id="tags-{PostID}">
  645. {block:Tags}<a style="margin-right:5px;" href="{TagURL}">#{Tag}</a> {/block:Tags}
  646. {/block:HasTags}{/block:ifTags}</div>
  647.  
  648. {/block:Date}
  649.  
  650. {block:PostNotes}
  651. <div id="pnotes">{PostNotes}</div>
  652. {/block:PostNotes}
  653.  
  654. {block:ContentSource}
  655. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  656. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  657. {/block:SourceLogo}
  658. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  659. {/block:ContentSource}
  660.  
  661. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  662.  
  663. </div>
  664. {/block:Posts}
  665.  
  666.  
  667.  
  668. </div>
  669. </div>
  670. <div id="askbox" class="popup_block"><p><iframe frameborder="0" height="255" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/roykkim.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></div>
  671.  
  672. <div id="submitbox" class="popup_block"><p><iframe frameborder="0" height="300" id="ask_form" scrolling="no" src="http://www.tumblr.com/submit_form/roykkim.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></div>
  673.  
  674. <div id="tracker" class="popup_block"><div><h1>tracker</h1><p>if you think you should be here, please send me a message. <strong>last updated: </strong><em>{text:Date Updated}</em></p>
  675. <h2>things i owe:</h2>
  676. <p><strong>thread replies:</strong><br/>{text:Owed Thread Replies}</p>
  677. <p><strong>starters:</strong><br/>{text:Owed Starters}</p>
  678. <p><strong>inbox replies:</strong><br/>{text:Owed Inbox Replies}</p>
  679. <p><strong>plotting follow-ups:</strong><br/>{text:Plotting Followups}</p>
  680. <h2>waiting for:</h2>
  681. <p><strong>thread replies:</strong><br/>{text:Waiting for replies}</p>
  682. <p><strong>starters:</strong><br/>{text:Waiting for Starters}</p>
  683. <p><strong>plotting replies:</strong><br/>{text:Waiting for Plotting}</p>
  684.  
  685.    
  686.  
  687. </div></div>
  688. <div id="krys" class="popup_block">
  689. <p><a href="http://krystarxx.tumblr.com"><img src="http://33.media.tumblr.com/4a5dc9696ca2c9c4d40d1af0ea9b3ea2/tumblr_n38mv273GW1qipq43o1_400.gif" /></a></p>
  690. <p><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://www.dropbox.com/s/34cpmp900vz3qf6/Roy%20KIm%20-%20A%20Beautiful%20Mess.mp3?dl=1&t0=a beautiful mess&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></p>
  691. <p>
  692.     You've got the best of both worlds<br/>
  693. <em>You're the kind of girl who can take down a man<br/>
  694. And lift him back up again</em><br/>
  695. <br/>
  696. You are strong but you're needy, humble but you're greedy<br/>
  697. Based on your body language and shoddy cursive I've been reading<br/>
  698. Your style is quite selective but your mind is rather reckless<br/>
  699. <em>Well, I guess it just suggests that this is just what happiness is</em><br/>
  700. <br/>
  701. <em>Hey, what a beautiful mess this is</em><br/>
  702. It's like picking up trash in dresses<br/>
  703.  
  704. </p><p style="text-align: right"><em>A Beautiful Mess</em> &mdash; Jason Mraz</p>
  705.  
  706. </div>
  707.  
  708. <div id="c">&copy; <a href="http://str-wrs.tumblr.com">str-wrs</a></div>
  709.  
  710. </body>
  711. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement