Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- THEME: EPHEMERAL
- By str-wrs
- - don't steal this pls
- - enjoy, ilu (ノ◕ヮ◕)ノ*:・゚✧
- - see http://str-wrs.tumblr.com for more themes
- -->
- <html>
- <head>
- {block:ifnotPaginate}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifnotPaginate}
- <meta name="image:Sidebar" content=""/>
- <meta name="if:Title" content="1"/>
- <meta name="if:Tags" content="1"/>
- <meta name="if:Caption" content="1"/>
- <meta name="if:Paginate" content="1"/>
- <meta name="if:Image" content="1"/>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Border" content="#eee"/>
- <meta name="color:Sidebar Border" content="#eee"/>
- <meta name="color:Title" content="#222"/>
- <meta name="color:Link" content="#999999"/>
- <meta name="color:Text" content="#555555"/>
- <meta name="text:Link 1" content="/"/>
- <meta name="text:Link 1 Title" content="about"/>
- <meta name="text:Link 2" content="/" />
- <meta name="text:Link 2 Title" content="tags"/>
- <meta name="text:Link 3" content="/" />
- <meta name="text:Link 3 Title" content="blogroll"/>
- <meta name="text:Link 4" content="/" />
- <meta name="text:Link 4 Title" content="history"/>
- <meta name="text:Link 5" content="/" />
- <meta name="text:Link 5 Title" content="more"/>
- <meta name="text:Date Updated" content=""/>
- <meta name="text:Owed Thread Replies" content=""/>
- <meta name="text:Owed Starters" conent=""/>
- <meta name="text:Owed Inbox Replies" content=""/>
- <meta name="text:Plotting Followups" content=""/>
- <meta name="text:Waiting for replies" content=""/>
- <meta name="text:Waiting for Starters" content=""/>
- <meta name="text:Waiting for Plotting" content=""/>
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <script>
- $(document).ready(function(){
- $(".lh").show();$('.lh').toggle(function(){
- $(".lb").slideDown(function(){});
- },function(){
- $(".lb").slideUp(function(){});
- });
- $(".show-tag").toggle(function(){
- var id = $(this).attr('post-id');
- $("#tags-" + id).slideDown(function(){});
- },
- function(){
- var id = $(this).attr('post-id');
- $("#tags-" + id).slideUp(function(){});
- });
- });
- </script>
- <script>
- (function($){
- $(document).ready(function(){
- $(".poplight[href^=#]").click(function(){
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1];
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" style="float:right;font-size:14px;">✖</a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- })(jQuery);
- </script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <link href='http://fonts.googleapis.com/css?family=Raleway:400,200,300,600,500,100,700,800,900' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Marvel:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
- <style type="text/css">
- ::-webkit-scrollbar {width:5px;height:5px;background:{color:Background};}
- ::-webkit-scrollbar-thumb {background:{color:Border};}
- /* General */
- .close {padding:10px;}
- body {
- margin:0px;
- background:{color:Background};
- font-family: 'Raleway', sans-serif;
- font-size:10px;
- color:{color:Text};
- }
- small, sub, sup
- {
- font-size: 10px;
- }
- pre, code
- {
- font-family: 'Cutive Mono';
- font-size: 11px;
- white-space: pre-wrap; /* CSS 3 */
- white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
- white-space: -pre-wrap; /* Opera 4-6 */
- white-space: -o-pre-wrap; /* Opera 7 */
- word-wrap: break-word; /* Internet Explorer 5.5+ */
- padding:15px;
- text-align:justify;
- }
- pre
- {
- background:#fafafa;
- border-bottom:1px dotted {color:Border};
- }
- a:hover {color:{color:Title};}
- a:link, a:active, a:visited {
- text-decoration:none;
- transition:0.5s ease;
- -o-transition:0.5s ease;
- -moz-transition:0.5s ease;
- -webkit-transition:0.5s ease;
- color:{color:Link};
- }
- /* Containers */
- #c {position:fixed;bottom:30px;right:30px;text-transform:uppercase;}
- #center {position:relative;margin:0px auto;width:400px;}
- #entry img {max-width:100%;}
- #entry h2 {text-align: center;}
- #entry {width:400px;margin:100px 0px;}
- /* Sidebar */
- #sidebar {
- position:fixed;
- width:160px;
- background-color: #f7f7f7;
- padding: 20px;
- margin:90px -260px;
- text-align:center;
- }
- #sidebar h2
- {
- border-bottom: 1px dotted {color:Sidebar Border};
- padding: 10px;
- }
- .image img{width:40px; margin: 5px; border-radius: 50%;}
- .image { float: left;}
- .desc{text-align:justify;font-size:9px;}
- .head {cursor:help;}
- .lb a {margin:0px 2.5px;display:block; text-align: right; padding: 6px; border-bottom:1px dotted {color:Sidebar Border};}
- .lb {
- display: none;
- border-top:1px dotted {color:Sidebar Border};
- }
- .links a{float:left;width:40px;}
- .links {
- margin-top:15px;
- padding:0px;
- height:10px;
- border-top:1px dotted {color:Sidebar Border};
- text-transform:uppercase;
- font-size:7px;
- letter-spacing:1px;
- margin-bottom:15px;
- }
- .links a i
- {
- padding: 10px;
- }
- #pag a{
- color:{color:Title};
- margin:0px 10px;
- display:inline-block;
- padding:5px 10px;
- }
- #pag {
- position:relative;
- font-family: 'Marvel', sans-serif;
- text-transform:uppercase;
- }
- /* Titles */
- h2 a{color:{color:Title};}
- h1 {
- margin:0px 0px 10px;
- font-size:16px;
- text-transform:uppercase;
- color:{color:Title};
- font-family: 'Marvel', sans-serif;
- }
- h2 {
- margin:0px 0px 10px;
- font-size:14px;
- text-transform:uppercase;
- color:{color:Title};
- font-family: 'Marvel', sans-serif;
- }
- .qut {
- margin:15px;
- font-size:14px;
- font-style:italic;
- text-align: center;
- font-family: 'Marvel', sans-serif;
- }
- .src {
- font-size:7px;
- text-align:right;
- letter-spacing:0.5px;
- text-align: center;
- text-transform:uppercase;
- }
- /* Permalinks */
- .pp {
- border-top:1px dotted {color:Border};
- margin:10px 0px 0px;
- padding:10px;
- font-size:7px;
- letter-spacing:0.5px;
- line-height:10px;
- text-transform:uppercase;
- text-align: center;
- }
- .pp a
- {
- padding: 10px;
- }
- .tags
- {
- margin-top: 20px;
- display:none;
- }
- /* Audio & Chat */
- .chat {padding:10px;line-height:200%;}
- .lines b{color:{color:Title};}
- #audio {
- float:left;
- width:70px;
- height:70px;
- position:relative;
- overflow:hidden;
- }
- .cover img {
- width:70px;
- position:absolute;
- transition:0.5s ease;
- -o-transition:0.5s ease;
- -moz-transition:0.5s ease;
- -webkit-transition:0.5s ease;
- }
- .cover {width:70px;overflow:hidden;}
- .play {
- overflow:hidden;
- width:0px;
- height:30px;
- background:#fff;
- position:absolute;
- padding:20px 0px;
- transition:0.5s ease;
- -o-transition:0.5s ease;
- -moz-transition:0.5s ease;
- -webkit-transition:0.5s ease;
- }
- #audio:hover .play {opacity:1;width:30px;}
- #audio:hover img {margin-left:30px;}
- .au b{color:{color:Title};text-transform:uppercase;}
- .au {
- height:45px;
- padding:12.5px 10px;
- line-height:15px;
- margin-left:70px;
- text-align:left;
- }
- /* Asks */
- #ask {
- color:{color:Text};
- padding:15px;
- text-align:justify;
- background:#fafafa;
- border-bottom:1px dotted {color:Border};
- margin:0px 0px 10px;
- text-align: center;
- }
- .asker a{color:{color:Title}; }
- .asker {
- margin:0px 0px 5px 0px;
- color:{color:Title};
- font-size: 14px; font-family: 'Marvel', sans-serif;
- }
- .askerimg
- {
- text-align: center;
- padding: 10px;
- }
- /* Text */
- pre, small, sub, sup, big {font-size:10px;}
- p {margin:10px;text-align:justify;line-height:150%;}
- ul {list-style-type:square;line-height:150%;}
- blockquote {
- margin:5px;
- padding:5px;
- text-align:jusitfy;
- border-left:1px dotted {color:Border};
- }
- pre {
- white-space:pre-wrap;
- white-space:-moz-pre-wrap;
- white-space:-pre-wrap;
- white-space:-o-pre-wrap;
- word-wrap:break-word;
- }
- /* Etc */
- #pnotes {
- background:{color:Background};
- font-size:8px;
- font-style:italic;
- letter-spacing:0.3px;
- text-transform:lowercase;
- margin:10px -11px -11px;
- padding-top:10px;
- line-height:8px;
- }
- #pnotes img {display:none;}
- #pnotes ol {margin:0;padding:10px 25px;line-height:200%;}
- #pnotes li {list-style-type:none;}
- #s-m-t-tooltip{
- max-width:300px;
- margin:0px 20px;
- z-index:99999999;
- color: #ffffff;
- background:{color:Title};
- padding:5px;
- }
- .notes img {width:0px;}
- img {margin-bottom:-2px;}
- div#krys
- {
- font-size: 9px;
- padding: 20px;
- }
- #fade {
- display:none;
- background: #ddd;
- position:fixed;
- left:0; top:0;
- width:100%; height:100%;
- opacity:.50;
- z-index:9999; }
- .popup_block {
- display:none;
- background-color: #fff;
- padding:0px;
- border: 0px dotted #eeeeee;
- border-bottom: 0px solid #f3f3f3;
- float:left;
- font-size:10px;
- position:fixed;
- text-align: center;
- top:50%; left:50%;
- z-index:99999;
- opacity: 1;
- }
- .popup_block div
- {
- padding: 20px;
- }
- img.btn_close {
- float:right;
- margin:-5px -5px 0 0; }
- *html #fade { position:absolute; }
- *html .popup_block { position:absolute; }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="center">
- <div id="sidebar">
- {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}
- {block:ifImage}<div class="image"><a href="/"><img src="{image:Sidebar}"></a></div>{/block:ifImage}
- <div class="desc">{Description}</div>
- <div class="links">
- <a href="/"><i title="refresh" class="fa fa-home fa-fw fa-lg"></i></a>
- <a class="poplight" href="#?w=450" rel="askbox"><i title="message" class="fa fa-send-o fa-fw fa-lg"></i></a>
- <a class="poplight" href="#?w=600" rel="submitbox"><i title="submit" class="fa fa-gift fa-fw fa-lg"></i></a>
- <a href="#" class="lh"><i class="fa fa-ellipsis-v fa-fw fa-lg"></i></a>
- </div>
- <div class="lb">
- {block:ifLink1}
- <a href="{text:Link 1}">{text:Link 1 Title}</a>
- {/block:ifLink1}{block:ifLink2}
- <a href="{text:Link 2}">{text:Link 2 Title}</a>
- {/block:ifLink2}{block:ifLink3}
- <a href="{text:Link 3}">{text:Link 3 Title}</a>
- {/block:ifLink3}{block:ifLink4}
- <a href="{text:Link 4}">{text:Link 4 Title}</a>
- {/block:ifLink4}{block:ifLink5}
- <a href="{text:Link 5}">{text:Link 5 Title}</a>
- {/block:ifLink5}
- <a class="poplight" href="#?w=450" rel="tracker">tracker</a>
- </div>
- {block:ifPaginate}{block:Pagination}<div id="pag">
- {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- </div>{/block:Pagination}{/block:ifPaginate}
- </div>
- <div id="content">
- {block:Posts}
- <div id="entry">
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}{Body}
- {/block:Text}
- {block:Link}
- <a title="{URL}" href="{URL}"><h2> {Name} →</h2></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Photo}
- <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
- {/block:Photoset}
- {block:Quote}
- <div class="qut">❝ {Quote}</div>
- <div class="src">{Source}</div>
- {/block:Quote}
- {block:Chat}
- <div class="chat">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">
- {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <div id="audio">
- {block:AlbumArt}<div class="cover">
- <img src="{AlbumArtURL}"/>
- </div>{/block:AlbumArt}
- <div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- </div>
- <div class="au">
- <b>Track:</b><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span> {block:TrackName}{TrackName}{/block:TrackName}<br>
- <b>Artist:</b><span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}<br>
- <b>Plays:</b><span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}
- </div>
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
- {/block:Video}
- {block:Answer}
- <div class="askerimg"><img src="{AskerPortraitURL-40}"/></div>
- <div id="ask">
- <div class="asker"> {Asker}</div>
- <div class="ques">{Question}</div>
- </div>
- {Answer}
- {/block:Answer}
- {block:Date}
- <div class="pp">
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="{TimeAgo} // {DayofMonthWithZero} {Month}"><i class="fa fa-clock-o fa-lg fa-fw"></i></span>
- <a href="{Permalink}" title="{NoteCountWithLabel}"> <i class="fa fa-file-o fa-lg fa-fw"></i></a>
- <a title="reblog" href="{ReblogURL}"><i class="fa fa-retweet fa-lg fa-fw"></i></a>
- <a title="originally from {ReblogRootName}" href="{ReblogRootURL}"><i class="fa fa-info fa-lg fa-fw"></i></a>
- {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}">
- {block:Tags}<a style="margin-right:5px;" href="{TagURL}">#{Tag}</a> {/block:Tags}
- {/block:HasTags}{/block:ifTags}</div>
- </div>
- {/block:Date}
- {block:PostNotes}
- <div id="pnotes">{PostNotes}</div>
- {/block:PostNotes}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- </div>
- {/block:Posts}
- </div>
- </div>
- <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>
- <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>
- <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>
- <h2>things i owe:</h2>
- <p><strong>thread replies:</strong><br/>{text:Owed Thread Replies}</p>
- <p><strong>starters:</strong><br/>{text:Owed Starters}</p>
- <p><strong>inbox replies:</strong><br/>{text:Owed Inbox Replies}</p>
- <p><strong>plotting follow-ups:</strong><br/>{text:Plotting Followups}</p>
- <h2>waiting for:</h2>
- <p><strong>thread replies:</strong><br/>{text:Waiting for replies}</p>
- <p><strong>starters:</strong><br/>{text:Waiting for Starters}</p>
- <p><strong>plotting replies:</strong><br/>{text:Waiting for Plotting}</p>
- </div></div>
- <div id="krys" class="popup_block">
- <p><a href="http://krystarxx.tumblr.com"><img src="http://33.media.tumblr.com/4a5dc9696ca2c9c4d40d1af0ea9b3ea2/tumblr_n38mv273GW1qipq43o1_400.gif" /></a></p>
- <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>
- <p>
- You've got the best of both worlds<br/>
- <em>You're the kind of girl who can take down a man<br/>
- And lift him back up again</em><br/>
- <br/>
- You are strong but you're needy, humble but you're greedy<br/>
- Based on your body language and shoddy cursive I've been reading<br/>
- Your style is quite selective but your mind is rather reckless<br/>
- <em>Well, I guess it just suggests that this is just what happiness is</em><br/>
- <br/>
- <em>Hey, what a beautiful mess this is</em><br/>
- It's like picking up trash in dresses<br/>
- </p><p style="text-align: right"><em>A Beautiful Mess</em> — Jason Mraz</p>
- </div>
- <div id="c">© <a href="http://str-wrs.tumblr.com">str-wrs</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement