Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- ʙᴀsᴇ ʙʏ ᴇɴᴛᴇʀᴘʀɪᴢᴇʀ. ᴛʜᴇᴍᴇ ʙʏ ᴀʀɪᴀsʀᴘʜ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ɪᴛ! ᴇᴅɪᴛɪɴɢ ɪs ᴀʟᴏᴡᴇᴅ, ʙᴜᴛ ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛɪɴɢ ɪɴᴛᴀᴄᴛ. -->
- <meta name="color:PostBackground" content="#e9e9e9" />
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Accent" content="#baa4a8" />
- <meta name="color:Text" content="#898989" />
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.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]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></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;
- });
- });
- </script>
- <style type="text/css">
- /* GASARA */
- @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
- /* BEBAS NEUE */
- @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
- *, body, a {
- cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
- }
- a:hover {
- cursor: url(http://i.imgur.com/IepP2.jpg), auto;
- }
- ::-webkit-scrollbar-thumb {
- height: auto;
- background-color: {color:PostBackground};
- }
- ::-webkit-scrollbar {
- height:9px;
- width:4px;
- background-color: {color:Background};
- }
- body {
- background-color: {color:Background};
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color: {color:Accent};
- }
- blockquote, blockquote blockquote {
- border-left: 1px solid {color:Accent};
- padding-left:5px;
- margin-left: 5px;
- }
- blockquote img, blockquote blockquote img, #post img, .photopost, .photosetpost, .video {
- opacity: 0.3;
- -webkit-filter: grayscale(100%);
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;
- }
- blockquote img:hover, blockquote blockquote img:hover, #post img:hover, .photopost:hover, .photosetpost:hover, .video {
- opacity: 0.8;
- -webkit-filter: grayscale(30%);
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;
- }
- blockquote img {
- max-width: 240px;
- height: auto;
- }
- blockquote blockquote img {
- max-width: 180px;
- height: auto;
- }
- h1, h2, h3 {
- color: {color:Accent};
- font-family: "Bebas Neue";
- font-size: 30px;
- letter-spacing: 1px;
- }
- pre, code {
- font-family: "Calibri";
- font-size: 10px;
- text-align: justify;
- text-transform: uppercase;
- padding: 20px;
- background-color: {color:Background};
- white-space:pre-wrap;
- word-wrap:break-word;
- }
- small, sub, sup {
- font-size: 10px;
- }
- #entries {
- width: 260px;
- height: 100%;
- float: left;
- margin-top: 20px;
- margin-left: 300px;
- }
- #post {
- background-color: {color:PostBackground};
- color: {color:Text};
- margin-bottom: 80px;
- padding: 20px;
- width: 250px;
- font-family: "Calibri";
- font-size: 12px;
- text-align: justify;
- }
- .posttitle {
- font-family: "Bebas Neue";
- font-size: 30px;
- padding-bottom: 5px;
- margin-bottom: 10px;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;
- }
- .quote {
- font-family: "Bebas Neue";
- font-size: 20px;
- text-align: justify;
- }
- .source {
- font-family: "Calibri";
- font-size: 10px;
- text-transform: uppercase;
- text-align: right;
- }
- .player {
- width: 27px;
- height: 27px;
- left: 16px;
- top: 16px;
- opacity: 0.4;
- line-height: 0;
- overflow: hidden;
- }
- .details {
- margin-top: -20px;
- margin-left: 28px;
- font-family: "Calibri";
- font-size: 10px;
- text-transform: uppercase;
- }
- .caption a {
- font-size: 10px;
- text-transform: uppercase;
- }
- .caption b, .caption strong, .chat b, .chat strong {
- font-family: "Bebas Neue";
- font-size: 15px;
- letter-spacing: 1px;
- }
- .caption i, .caption em {
- font-family: "Gasara";
- font-size: 8px;
- font-weight: none;
- }
- .asker {
- font-family: "Darleston";
- color: {color:Accent};
- text-align:center;
- font-size: 30px;
- letter-spacing: 1px;
- }
- .question {
- font-size: 10px;
- text-transform: uppercase;
- padding: 10px;
- border-top: 1px dotted {color:Accent};
- background-color: {color:Background};
- text-align: justify;
- }
- /* POST PERMA */
- .perma {
- margin-top: 15px;
- padding-top: 15px;
- line-height: 10px;
- border-top: 1px solid {color:Background};
- font-size: 9px;
- position: relative;
- text-transform :uppercase;
- }
- .perma a {
- display:inline-block;
- }
- .perma .pperma {
- float:right;
- display:inline-block;
- text-align:right;
- }
- .pinfo {
- margin-top: 20px;
- padding-top: 10px;
- border-top: 1px solid white;
- font-family: "Aspex";
- font-size: 10px;
- text-align: center;
- }
- .notes img {
- display: none;
- }
- .notes {
- font-family: "Calibri";
- font-size: 10px;
- text-align: justify;
- text-transform: uppercase;
- }
- #credit {
- position: fixed;
- bottom: 5px;
- left: 5px;
- font-family: "Calibri";
- font-size: 12px;
- text-transform: uppercase;
- }
- .pagi {
- margin-top: 30px;
- font-size: 20px;
- font-family: "Bebas Neue";
- width: 250px;
- text-align: center;
- }
- #s-m-t-tooltip{
- max-width: 200px;
- margin-top: 15px;
- margin-left: 15px;
- padding: 5px;
- border-left: 1px solid {color:Background};
- z-index:9999999999999999999999;
- background-color:{color:PostBackground};
- color: {color:Text};
- font-family: "Calibri";
- text-align: justify;
- font-size: 10px;
- line-height: 13px;
- letter-spacing: 1px;
- text-transform: uppercase;
- box-shadow: 0px 0px 10px {color:Background};
- }
- /* POPUP */
- /* POPUP BOX */
- .popup_block{
- top: 50%;
- left: 50%;
- float: left;
- display: none;
- padding: 25px;
- background: {color:PostBackground};
- max-height: 300px;
- overflow-y: auto;
- font-family: "Calibri";
- text-align: justify;
- color: {color:Text};
- font-size: 10px;
- text-transform: uppercase;
- position: fixed;
- overflow-y: auto;
- z-index: 9999999999;
- }
- .popup_block h2 {
- font-family: "Aspex";
- font-size: 20px;
- color: {color:Accent};
- text-align: justify;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #fade {
- opacity: 1;
- background-color: {color:Background};
- display: none;
- position: fixed;
- left: 0px;
- top: 0px;
- width: 100%;
- height: 100%;
- z-index: 99999999;
- }
- #wrap {
- height: 500px;
- width: 500px;
- position: fixed;
- float: right;
- right: 200px;
- bottom: 0px;
- }
- .princess1 {
- height: 504px;
- width: 170px;
- float: right;
- margin-right: -30px;
- }
- .bottomline {
- position: absolute;
- z-index: -9;
- margin-top: 395px;
- height: 105px;
- width: 420px;
- }
- .one {
- display: inline-block;
- margin-right: 5px;
- height: 85px;
- width: 65px;
- padding: 10px;
- background-color: {color:PostBackground};
- font-family: "Calibri";
- font-size: 9px;
- text-align: justify;
- text-transform: uppercase;
- color: {color:Text};
- line-height: 15px;
- }
- .one c, .desc c {
- color: {color:Accent};
- padding: 2px;
- border: 1px solid {color:Accent};
- font-size: 12px;
- letter-spacing: 2px;
- }
- .line1, line2 {
- width: 420px;
- height: 10px;
- background-color: {color:PostBackground};
- }
- .line1 {
- margin-top: 380px;
- }
- .princess2 {
- position: absolute;
- z-index: 999;
- margin-top: -309px;
- }
- .desc {
- height: 90px;
- width: 300px;
- padding: 10px;
- background-color: {color:PostBackground};
- margin-left: 100px;
- margin-top: -125px;
- font-family: "Calibri";
- font-size: 10px;
- text-transform: uppercase;
- color: {color:Text};
- text-align: justify;
- line-height: 15px;
- }
- .poup {
- height: 160px;
- width: 320px;
- margin-left: 100px;
- margin-top: -275px;
- position: absolute;
- z-index: -9;
- }
- .ha {
- background-color: {color:PostBackground};
- margin-bottom: 5px;
- width: 310px;
- height: 40px;
- padding: 5px;
- }
- .plm {
- width: 320px;
- height: 20px;
- background: {color:PostBackground};
- margin-left: 100px;
- margin-top: -300px;
- }
- /* DARLESTON */
- @font-face { font-family: "darleston"; src: url('https://dl.dropboxusercontent.com/s/pon2nz49g2gofuu/Darleston.otf') }
- .links {
- position: absolute;
- z-index: 1;
- font-family: "Bebas";
- font-size: 15px;
- text-align: justify;
- width: 320px;
- margin-left: 102px;
- margin-top: -22px;
- word-spacing: 16px;
- }
- .xmas{
- margin-left: 50px;
- position: absolute;
- z-index: -1;
- margin-top: -60px;
- font-size: 40px;
- font-family: "darleston";
- color: {color:Accent};
- }
- .crown {
- height: 30px;
- width: 30px;
- transform: rotate(40deg);
- margin-left: 70px;
- margin-top: -28px;
- }
- </style>
- <!-- S-M-T-TOOLTIP JAVA -->
- <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <div id="rien" class="popup_block">
- <strike><h2>Dear Wu Daeryong,</h2>
- <p> still hate calling you that.</p></strike>
- <h2>Dear Rien,</h2>
- <p>
- Dear troublesome friend, dear soulmate, dear personal teddy bear, my dearest friend <strike>and favourite cuddler</strike>, I have a lot of things I must tell you, but I don't know how to explain them to you.<br />
- You've known me for so long, I think we've lived together more, rather than not knowing eachother. Memories go back to first meeting you, when we were about the same height, to the moments in which I needed you the most, to the day <strike>back in 6th grade</strike> when I stopped growing, or you stole all my height from me. Regardless of all that, Rien, I am still your biggest fan.<br />
- As the first person to ever hear a HYDRA, as your fan even before you thought you would be famous, as your <strike>favourite person</strike> cutest friend, I have three words for you: <i>I LOVE YOU</i>. I'm the clingiest, neediest, most loving person you know and that will probably never change. Though I'm sure you already knew that, I just like reminding you. I've not once told you words like <i>I missed you</i> or <i>I wanna see you</i> because, thanks to you, I ended up being a needy child still, running back to hide behind you whenever my life isn't a fairy tale.<br />
- I don't mind it at all. Wu Daeryong, you're the luckiest person in today's society: my personal <a href="/tagged/*%20???s????%20?????%20????%20(%20RIEN%20)">favourite</a>.<br />
- <center><img src="https://s-media-cache-ak0.pinimg.com/236x/58/75/3b/58753b8042f31bfd6005082a40225c2f.jpg" /></center>
- </p>
- </div>
- <div id="rome" class="popup_block">
- <h2>Dear Yu Barom,</h2>
- <p>
- We've known eachother for a while, right? We've had our ups and downs and I, for a fact, had times when I wished I could hated you. There's many things you know about me and, at this point, I'm quite sure you know me better than I know myself. Who thought that, after all the times I've been gone and you've been away, we would still end here, together?<br />
- I still hate Mila and I do get pissed off when you worry about the most annoying things, like an old man, but I love you regardless. There's more things I love about you, rather than things that I hate and, above all, I think I'm too scared to ever let you go, that we can't go anywhere than where we are right now. And, maybe I like where we are, I've put most of my trust in you, I hope you know you're a very important person for me.<br />
- Behind all the jokes or mean things I may say, all the chessy ideas and insecurities, you sure know what kind of person I am. I'm your little star just like you're my weird egg, but I wouldn't trade you or the world. Have I ever told you that? I don't think so, but I sure hope you knew that.<br />
- <i>YU BAROM, I LOVE <strike>JAY PARK</strike> <a href="/tagged/*%20??s?x?????????????%20(%20ROME%20)">YOU</a></i>
- <center><img src="http://i.imgur.com/nblBBpz.gif" /></center>
- </p>
- </div>
- <div id="friend" class="popup_block">
- <table>
- <tr>
- <td><img src="http://i.imgur.com/yXVDTJ9.gif" /></td>
- <td><b>BELOVED ???</b>,<br />
- I hereby announce you that you're one of the important people in my life. My affection is expressed through both extremes: very much kissing or being a sour, sarcastic asshole. Regardless of all these, I very much love you and love talking to you.
- <a href="/tagged/*%20s????%20????%20?%20????%20?????%20(%20JONGIN%20)" title="This is you, a hot puppy."><img src="http://24.media.tumblr.com/tumblr_lnnebdgK2w1qlue6co1_100.gif" height="20px" width="auto" />
- </td>
- </tr>
- <tr>
- <td><b>BELOVED JOO</b>,<br />
- As you may or may not know, I consider you my friend, my cuddle buddy and the only person I will say "oppa pls" on a daily basis to consider that my day can be ended succsessfully. You're a cute little person, especially when you get all cuddly. ILYSM.
- <a href="/tagged/*%20?%20???s????%20??%20s?x?%20???????s%20(%20JOO%20)" title="My favourite loser of the losers."><img src="https://s-media-cache-ak0.pinimg.com/originals/9e/0a/85/9e0a8567f01987492a3f23b43b69663d.gif" height="20px" width="auto" />
- </td>
- <td><img src="http://i.imgur.com/ijxga45.gif" /></td>
- </tr>
- <tr>
- <td><img src="http://i.imgur.com/7l0aqKY.gif" /></td>
- <td>
- <b>BELOVED KIM DOYEON</b>,<br />
- My tall princess and sweetheart angel, I can't say how much you've grown onto me in the last couple of days. You're a piece of sunshine and somehow you always put me in a better mood. Just stay by my side because otherwise I'll just be a grumpy bean.
- </td>
- </tr>
- <h2>UNDER CO!</h2>
- </table>
- </div>
- <div id="wrap">
- <div class="princess1"><img src="http://i.imgur.com/hf5j05y.png" /></div>
- <div class="bottomline">
- <div class="one">
- <c>plus</c><br />
- Kind, patient, bright, sweet, art oriented, open minded, creative etc.
- </div>
- <div class="one">
- <c>minus</c><br />
- stubborn, un-stable, bipolar, spoiled, sar-castic, abrupt, critical etc
- </div>
- <div class="one">
- <c>like</c><br />
- ballet music, summer, pink, cats, shopping, drawing, tra, travelling etc
- </div>
- <div class="one">
- <c>dislike</c><br />
- cold, winter, loud noises, fighting, milk, drugs, hate, rudeness etc
- </div>
- </div>
- <div class="line1"></div>
- <div class="princess2"><img src="http://i.imgur.com/W7RXSQd.png" /></div>
- <div class="desc">
- <c>CHRISTINE VANCE</c>, a twenty years old young woman coming from Brighton to Seoul to pursue her mother's dream of becoming a successful ballerina. She's a quiet beauty-vlogger, that is mosty orientated on minimalist day-to-day make up; sometimes featuring kpop-inspired looks.
- </div>
- <div class="poup">
- <div class="ha">
- <a href="#?w=260" rel="friend" class="poplight" title="For all my friends, under co."><img src="http://i.imgur.com/Z2ifmtH.gif" /></a>
- </div>
- <div class="ha">
- <a href="#?w=260" rel="rome" class="poplight" title="For my best friend, my room mate and number once source of stress."><img src="http://i.imgur.com/WBsICmI.gif" /></a>
- </div>
- <div class="ha">
- <a href="#?w=260" rel="rien" class="poplight" title="for Rien, the only teddy bear I need as an adult."><img src="http://i.imgur.com/kQ01aut.gif" /></a>
- </div>
- </div>
- <div class="plm"></div>
- <div class="links">
- <a href="/">HOME</a>
- <a href="/ask">INBOX</a>
- <a href="/archive">ARCHIVE</a>
- <a href="#">PROFILE</a>
- <a href="#">LINKS</a>
- </div>
- <div class="xmas">An angel on the corner of sixth avenue</div>
- <div class="crown"><a title="A princess that awaits for a prince"><img src="http://68.media.tumblr.com/tumblr_lwwm572JiV1qbs47q.gif" /></a></div>
- </div>
- <div id="entries">
- {block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
- {/block:ReblogParentLogo}
- {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
- {/block:ContentSource}
- <div id="post">
- <!-- TEXT POSTS -->
- {block:Text}
- <div class="posttitle">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
- <div class="caption">{Body}</div>
- {/block:Text}
- <!-- PHOTO POSTS -->
- {block:Photo}
- <div class="photopost"><center>{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</center></div>
- <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
- {/block:Photo}
- <!-- PHOTOSET POSTS -->
- {block:Photoset}
- <div class="photosetpost">{Photoset-250}</div>
- <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
- {/block:Photoset}
- <!-- QUOTE POSTS -->
- {block:Quote}
- <div class="quote">{Quote}</div>
- <div class="source">{block:Source} —{Source}{/block:Source}</div>
- {/block:Quote}
- <!-- LINK POSTS -->
- {block:Link}
- <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!-- CHAT POSTS -->
- {block:Chat}
- <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
- <div class="chat">
- {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
- {/block:Chat}
- <!-- ASK POST -->
- {block:Answer}
- <div class="asker">{Asker}</div>
- <div class="question">{Question}</div>
- {Answer}
- {/block:Answer}
- <!-- AUDIO POST -->
- {block:Audio}
- <div class="player">{AudioPlayerGrey}</div>
- <div class="details">
- {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
- <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
- {/block:Audio}
- <!-- VIDEO POST -->
- {block:Video}
- <div class="video">{Video-250}</div>
- <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
- {/block:Video}
- {block:IndexPage}
- <div class="perma">
- <span class="pperma">
- <a href="{Permalink}" target="_blank" class="r">{NoteCountWithLabel}</a><br>
- <a href="{ReblogURL}" target="_blank" class="r">REBLOG?</a>
- </span>
- <a href="{Permalink}" target="_blank">{DayOfMonth} {Month}</a><br>
- <a href="{Permalink}" target="_blank" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="pinfo">
- Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
- Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
- </div>
- <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- {block:IndexPage}
- <div class="pagi">
- {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
- </div>
- {/block:IndexPage}
- </div>
- <div id="credit"><a href="http://chrvstn.tumblr.com/" title="Theme by mun. Please don't steal the codes! Optimized for Chrome 1366 x 786">♕</a>
- </div>
- <script type="text/javascript" src="http://static.tumblr.com/qsifglb/mZjl87ts1/f8.js"></script>
- <script type="text/javascript">
- snowStorm.snowColor = '#baa4a8'; //
- snowStorm.flakesMaxActive = 30;
- </script>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement