Advertisement
tasty2punch

roykkim theme 20140829

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