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 NAMES -->
- <meta name="text:Title" content="Sweetheart blue eyes" />
- <meta name="text:text1" content="[SPENCER CHO'S FRIENDS] - bla bla bla bla bla" />
- <meta name="text:Desc" content="This is the description & it's quite lenghty." />
- <meta name="text:URL1" content="/" />
- <meta name="text:Title1" content="Link" />
- <meta name="text:URL2" content="/" />
- <meta name="text:Title2" content="Link" />
- <meta name="text:URL3" content="/" />
- <meta name="text:Title3" content="Link" />
- <meta name="text:URL4" content="/" />
- <meta name="text:Title4" content="Link" />
- <meta name="text:URL5" content="/" />
- <meta name="text:Title5" content="Link" />
- <meta name="text:Hover1" content="This is a literate rp!" />
- <meta name="text:Hover2" content="Original Character account, not Shin Hyejeong from AOA" />
- <meta name="text:Hover3" content="NSFW posts will appear, follow at your own risk!" />
- <meta name="text:Hover4" content="idol!verse, Beau of LVSH" />
- <meta name="text:BaroHover" content="@baro real hard" />
- <meta name="text:FriendHover" content="just4brooklynn" />
- <meta name="text:LVSHHover" content="only like the baddest group in the industry" />
- <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>
- <!-- 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>
- <style type="text/css">
- /* GENERAL */
- body {
- background-color: #000000;
- }
- a {
- color: #0e3087;
- text-decoration: none;
- -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;
- }
- a:hover {
- color: #6182c5;
- -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;
- }
- img {
- border:none;
- }
- blockquote, blockquote blockquote {
- margin-left: 5px;
- padding-left: 10px;
- border-left: 1px solid #0e3087;
- }
- blockquote img, #post img {
- max-width: 240px;
- height: auto;
- 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 blockquote img {
- max-width: 180px;
- height: auto;
- 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 {
- opacity: 0.8;
- -webkit-filter: grayscale(40%);
- -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;
- }
- h2 {
- font-family: "Bebas";
- color: #0e3087;
- text-align: justify;
- font-size: 20px;
- word-spacing: 6px;
- }
- pre, code {
- font-size: 9px;
- font-family: "Calibri";
- text-transform: uppercase;
- color: #ffffff;
- line-height: 12px;
- padding: 10px;
- background-color: #000000;
- white-space:pre-wrap;
- word-wrap:break-word;
- }
- small, sub, sup {
- font-size: 12px;
- font-family: "Calibri";
- }
- /* ENTRIES */
- #entries {
- width: 260px;
- height: 100%;
- float: right;
- margin-top: 20px;
- margin-right: 300px;
- }
- /* POSTS */
- #post {
- width: 250px;
- padding: 20px;
- background-color: #0f0f0f;
- margin-bottom: 50px;
- font-family: "calibri";
- font-size: 12px;
- color: #ffffff;
- text-align: justify;
- }
- /* POST SPECS */
- .posttitle {
- font-family: "Bebas";
- font-size: 22px;
- color: #0e3087;
- text-align: justify;
- }
- .photopost {
- text-align: center;
- 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;
- }
- .photopost:hover {
- text-align: center;
- opacity: 0.8;
- -webkit-filter: grayscale(40%);
- -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";
- font-size: 15px;
- color: #0e3087;
- }
- .source {
- font-family: "Calibri";
- font-size: 8px;
- text-transform: uppercase;
- text-align: right;
- }
- .asker {
- font-family: "bebas";
- font-size: 20px;
- color: #0e3087;
- text-align: center;
- }
- .question {
- padding: 10px;
- background-color: #000000;
- font-family: "Calibri";
- font-size: 10px;
- text-transform: uppercase;
- border-top: 1px dotted #0e3087;
- }
- .chat b {
- font-family: "bebas";
- font-size: 12px;
- color: #0e3087;
- }
- #info {
- font-family: "Calibri";
- font-size: 10px;
- text-transform: uppercase;
- text-align: center;
- }
- #info a {
- font-family: "calibri";
- font-size: 10px;
- }
- .postnotes {
- width:250px;
- font-family: 'calibri';
- font-size: 8px;
- letter-spacing: 1;
- line-height: 100%;
- color: #ffffff;
- text-align: left;
- text-transform: uppercase;
- word-wrap:break-word;
- padding: 10px;
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .postnotes img {
- display:none;
- }
- .postperma {
- width:268px;
- margin-top: -18px;
- margin-bottom: 20px;
- font-family: "calibri";
- font-size: 8px;
- color: #ffffff;
- text-transform: uppercase;
- text-align:center;
- line-height:100%;
- padding:1px;
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- .postperma a {
- color: #0e3087;
- -moz-transition:all ease-in-out 0.7s;
- -webkit-transition:all ease-in-out 0.7s;
- -o-transition:all ease-in-out 0.7s;
- transition:all ease-in-out 0.7s;
- }
- #posttitle {
- font-family:'bebas';
- font-size:20px;
- letter-spacing:1px;
- line-height:16px;
- text-transform:uppercase;
- text-align:center;
- }
- #permtitle {
- font-family: 'calibri';
- color: #cdcdcd;
- font-size: 8px;
- padding: 5px;
- margin-top: 5px;
- text-align: center;
- text-transform: uppercase;
- }
- #tags {
- font-family: 'calibri';
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1;
- line-height: 100%;
- }
- .audio {
- padding: 0;
- }
- .audio_container {
- overflow: hidden;
- position: relative;
- width: 100px;
- }
- .soundcloud_audio_player {
- width: 100%;
- }
- .tumblr_audio_player {
- width: 100%;
- }
- /* SIDEBAR */
- #sidebar {
- height: 400px;
- width: 600px;
- position: fixed;
- float: left;
- left: 100px;
- bottom: 0px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .render {
- margin-left: 360px;
- margin-bottom: 0px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #sidebar:hover .render {
- margin-left: 0px;
- background-image: url('http://i.imgur.com/sc8S6Ww.png');
- background-repeat: no-repeat;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #sidebar:hover .render img {
- opacity: 0;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #sidebar:hover .hrt {
- opacity: 1;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .cont {
- height: 370px;
- width: 380px;
- margin-top: -370px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #sidebar:hover .cont {
- opacity: 1;
- margin-left: 260px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .title {
- width: 400px;
- font-family: "Bebas";
- color: #0e3087;
- font-size: 35px;
- }
- .title img {
- height: 40px;
- width: auto;
- }
- .lvsh {
- height: 40px;
- width: 365px;
- padding: 5px;
- background-color: #0f0f0f;
- margin-top: 5px;
- }
- .def {
- margin-left: 0px;
- font-family: "Calibri";
- font-size: 10px;
- width: 380px;
- height: 12px;
- line-height: 12px;
- text-transform: uppercase;
- }
- .defimg {
- margin-top: -11px;
- margin-left: 0px;
- }
- .desc {
- margin-top: 5px;
- height: 200px;
- width: 170px;
- padding: 5px;
- background-color: #0f0f0f;
- font-family: "Calibri";
- font-size: 10px;
- text-transform: uppercase;
- text-align: justify;
- letter-spacing: 1px;
- }
- .links {
- margin-left: -200px;
- word-spacing: 12px;
- margin-top: 5px;
- font-family: "Bebas";
- font-size: 20px;
- text-align: center;
- }
- .stat {
- margin-top: 5px;
- width: 180px;
- height: 12px;
- line-height: 12px;
- text-align: center;
- font-family: "Calibri";
- font-size: 10px;
- text-transform: uppercase;
- word-spacing: 10px
- }
- .photo {
- width: 170px;
- height: 240px;
- padding: 5px;
- background-color: #0f0f0f;
- margin-top: -267px;
- margin-left: 185px;
- z-index: 999;
- }
- .photo1 {
- width: 170px;
- height: 240px;
- padding: 5px;
- background-color: #0f0f0f;
- margin-top: -250px;
- margin-left: 185px;
- opacity: 0;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .pagi {
- margin-top: 5px;
- margin-left: 190px;
- font-size: 10px;
- color: #0e3087;
- font-family: "Calibri";
- text-transform: uppercase;
- width: 170px;
- text-align: center;
- }
- .cont:hover .photo1 {
- opacity: 1;
- }
- #cred {
- font-family: "Calibri";
- font-size: 10px;
- text-transform: uppercase;
- position: fixed;
- left: 5px;
- bottom: 5px;
- }
- /* POPUP */
- /* POPUP BOX */
- .popup_block{
- display: none;
- background-color: #0f0f0f;
- padding: 20px;
- float: left;
- height: auto;
- font-family: "Calibri";
- text-align: justify;
- color: #ffffff;
- font-size: 12px;
- position: fixed;
- top: 50%;
- left: 50%;
- border-left: 1px solid #0e3087;
- border-bottom: 1px solid #0e3087;
- overflow-y: auto;
- z-index: 99999;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #fade {
- display: none;
- position: fixed;
- left: 0px;
- top: 0px;
- width: 100%;
- height: 100%;
- }
- #s-m-t-tooltip{
- max-width: 200px;
- margin-top: 15px;
- margin-left: 15px;
- padding: 5px;
- border-left: 1px solid #0e3087;
- border-bottom: 1px dotted #0e3087;
- z-index:9999999999999999999999;
- background-color:#0f0f0f;
- color: #ffffff;
- font-family: 'Calibri';
- text-align:justify;
- font-size: 10px;
- line-height: 12px;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- </style>
- </head>
- <body>
- <body>
- <div id="baro" class="popup_block">
- kiss kiss fall in love
- <img src="https://i.ytimg.com/vi/vpomtCQ7Alg/maxresdefault.jpg" width="300px" height="auto"/>
- </div>
- <div id="frnds" class="popup_block">
- this is brooklynn's spot
- </div>
- <div id="lvshh" class="popup_block">
- queeeeeens
- </div>
- <div id="musicplayer">
- <div class="shut">
- <div style="margin-left:-2.5px;margin-top:0px;">
- <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="20" height="20">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
- <param name="bgcolor" value="#ffffff" />
- <param name="FlashVars" value="mp3=http%3A//k003.kiwi6.com/hotlink/h6ql4d0rap/LIVE_-_TILL_I_DIE.mp3&autoplay=1&bgcolor=ffffff&loadingcolor=000000&buttoncolor=000000&slidercolor=000000" />
- </object>
- </div></div>
- </div>
- <div id="sidebar">
- <div class="render">
- <img src="http://i.imgur.com/yG4ePqH.png" />
- </div>
- <div class="cont">
- <div class="title">
- {text:Title}
- <a href="#?w=360" title="{text:BaroHover}" rel="baro" class="poplight">
- <img src="http://bestanimations.com/Animals/Mammals/Cats/cats/cute-kitty-animated-gif-59.gif" />
- </a>
- </div>
- <div cass="lvsh">
- <a href="#?w=360" title="{text:LVSHHover}" rel="lvshh" class="poplight"><img src="http://i.imgur.com/rqCewn5.png" /></a>
- </div>
- <div class="def">
- {text:text1}
- </div>
- <div class="links">
- <a href="{text:URL1}" title="{text:Title1}">.01</a>
- <a href="{text:URL2}" title="{text:Title2}">.02</a>
- <a href="{text:URL3}" title="{text:Title3}">.03</a>
- <a href="{text:URL4}" title="{text:Title4}">.04</a>
- <a href="{text:URL5}" title="{text:Title5}">.05</a>
- </div>
- <div class="desc">
- {text:Desc}
- </div>
- <div class="stat">
- <a title="{text:Hover1}">LIT</a> × <a title="{text:Hover2}">OC</a> × <a title="{text:Hover3}">NSFW</a> × <a title="{text:Hover4}">VERSE</a>
- </div>
- <div class="photo">
- <img src="http://i.imgur.com/xmC6hxt.png" />
- </div>
- <div class="photo1">
- <img src="http://i.imgur.com/SxgUMhY.png" />
- </div>
- {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 class="hrt">
- <a href="#?w=360" title="{text:FriendHover}" rel="frnds" class="poplight">
- <img src="http://66.media.tumblr.com/6bcf0e60c798ad3222e10b643b91bffd/tumblr_inline_mkmbgmIz8X1qz4rgp.gif" />
- </a>
- </div>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="post">
- <!-- TEXT POSTS -->
- {block:Text}
- <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
- <div class="posttext">{Body}</div>
- {/block:Text}
- <!-- PHOTO POSTS -->
- {block:Photo}
- <div class="photopost">{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}
- <div class="posttext">{block:Caption}{Caption}{/block:Caption}</div></div>
- {/block:Photo}
- <!-- PHOTOSET POSTS -->
- {block:Photoset}
- <div class="photosetpost">{Photoset-250} {block:Caption}{Caption}{/block:Caption}</div>
- {/block:Photoset}
- <!-- QUOTE POSTS -->
- {block:Quote}
- <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
- <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="posttile">{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="audioContainer">
- {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
- </div>
- <div class="posttext">{block:Caption}{Caption}{/block:Caption}</div>
- {/block:Audio}
- <!-- VIDEO POST -->
- {block:Video}
- <div class="video">{Video-250}</div>
- <div class="posttext">{block:Caption}{Caption}{/block:Caption}</div>
- {/block:Video}
- <!-- POST PERMA -->
- <div id="info">
- {block:Date}{TimeAgo}{/block:Date} × <a href="{Permalink}">
- {NoteCountWithLabel}</a> ×
- <a href="{Permakink}" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
- </div>
- </div>
- {block:PermaLinkPage}
- <div class="postinfo">
- <center>
- <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
- {block:RebloggedFrom}
- <div id="tags">Via:
- <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
- Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
- {/block:RebloggedFrom}
- </center>
- <br>
- {block:HasTags}
- <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags} </div>
- {/block:HasTags}
- </div>
- {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <div id="cred">
- <a href="http://tq-entertainment.tumblr.com/">TQENT.</a><br />
- <a href="http://97brk.tumblr.com/" title="Theme by Aria made for ikxcheol. Please don't steal!">CREDIT.</a>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement