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">
- <html>
- <!--- ♥♡♥ Theme Monster by Nathy (wuxvn / previously yogyurt) ♥♡♥
- please, leave the credits intact, do not steal, do not redistribute, do not use as base, enjoy! --->
- <head>
- <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
- <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}
- <meta name="color:background" content="#ffffff" />
- <meta name="color:text" content="#bbbbbb" />
- <meta name="color:title" content="#ffffff" />
- <meta name="color:headertitle" content="#ffffff" />
- <meta name="color:headertitleshadow" content="#ffffff" />
- <meta name="color:description" content="#ffffff" />
- <meta name="color:header links" content="#ffffff" />
- <meta name="color:link" content="#941c44" />
- <meta name="color:linkhover" content="#dddddd" />
- <meta name="color:ask" content="#fdfdfd" />
- <meta name="color:tags" content="#c0c0c0" />
- <meta name="color:info bg" content="#f9f9f9" />
- <meta name="color:about background" content="#f9f9f9" />
- <meta name="color:about title" content="#000000" />
- <meta name="color:tooltip text" content="#000000" />
- <meta name="color:scrollbar" content="#fafafa" />
- <meta name="color:scrollbar background" content="#ffffff" />
- <meta name="if:400pxPosts" content="" />
- <meta name="if:500pxPosts" content="1" />
- <meta name="image:header" content="" />
- <meta name="image:bg" content="" />
- <meta name="text:Header width" content="" />
- <meta name="text:Short Description" content="" />
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 Title" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 Title" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 Title" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link 4 Title" content="" />
- <style type="text/css">
- ::-webkit-scrollbar {width: 8px; height: 3px; background:{color:scrollbar background};}
- ::-webkit-scrollbar-thumb {background-color:{color:scrollbar} ;}
- ::selection {
- background:#fafafa;
- }
- /*IMAGE OPACITY*/
- img {
- opacity: .9;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- -webkit-filter:grayscale(0%);
- -moz-filter:grayscale(0%);
- -ms-filter:grayscale(0%);
- -o-filter:grayscale(0%);
- filter:grayscale(0%);}
- img:hover {
- opacity: 1;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;}
- iframe.photoset {
- opacity: .9;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- -webkit-filter:grayscale(0%);
- -moz-filter:grayscale(0%);
- -ms-filter:grayscale(0%);
- -o-filter:grayscale(0%);
- filter:grayscale(0%);}
- }
- iframe.photoset:hover {
- opacity:1;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- .posteu img:hover, .posteu a img:hover, .photoset:hover {
- opacity:1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- body { margin:0px; background:{color:background}; background-image:url("{image:bg}"); background-attachment:fixed; background-repeat:repeat; color:{color:text}; font-family:'trebuchet ms'; font-size:11px; line-height:100%; letter-spacing:95%; text-transform:none; }
- h1 { font-family:'Quicksand'; font-size:50px; line-height:100%; }
- b, bold {
- font-weight:bold;}
- em, italic {
- font-style:italic;}
- a { color:{color:link}; text-decoration:none; }
- a:hover { color:{color:linkhover}; }
- #s-m-t-tooltip {
- max-width:120px;
- background-color:#ffffff;
- color:{color:tooltip text};
- font-size:8px;
- text-transform:none;
- letter-spacing 1px;
- word-spacing:auto;
- padding:3px 4px;
- margin:28px 0px 0px 18px;
- z-index:9999999;
- }
- #header { position:absolute;
- min-height:800px;
- height:300px;
- margin:0;
- padding:0;
- width:100%;
- background-size:70% 70%;
- background-position: center center;
- background-repeat:no-repeat;
- background-color:white;
- background-image:{image:header};
- background-size: cover;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- overflow:hidden;
- z-index:1; }
- #header img { min-width: 100%;
- min-height: 70%;
- /* Set rules to fill background */
- min-height: 70%;
- min-width: 70%;
- /* Set up proportionate scaling */
- width: auto;
- height: auto;
- }
- .info { width:100%; top:17%; position:absolute; }
- .title {
- position:relative;
- text-align:left;
- left:390px;
- z-index:9999999; }
- .title a { font-family: 'Sail', cursive;
- line-height:100%;
- font-size:70px;
- text-shadow:2px 2px 0px {color:headertitleshadow};
- color:{color:headertitle};
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .title:hover .desc {
- opacity:1; margin-top:1%;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease; }
- .desc { opacity:0; position:relative;
- margin-left:8%;
- width:200px;
- text-align:justify;
- z-index:99999;
- color:{color:description};
- font-family: 'Special Elite', cursive; font-size:10px; margin-top:-3%;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease; }
- .hlinks { position:relative;
- padding-top:10px;
- text-align:left;
- left:200px;
- margin-top:3%; word-spacing:10px;
- z-index:99999; }
- .hlinks a { font-family: 'Quicksand';
- text-shadow:none;
- font-size:23px;
- color:{color:header links};
- padding:5px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease; }
- .hlinks a:hover {
- color:#000;
- margin-left:0%;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- -ms-transition: all 0.8s ease;
- transition: all 0.8s ease; }
- #footer { position:relative; width:100%; bottom:0px; padding-top:10px; padding-bottom:10px;
- text-align:center; font-family: 'Special Elite', cursive; font-size:11px; background-color:{color:about background};
- }
- #pt { position:absolute; top:70%; width:100%; z-index:9999; overflow:hidden; }
- #pttop { position:relative; margin-top:0; width:100%; height:270px; background-color:{color:about background}; }
- .ttl {
- top:60px; position:relative;
- margin-left:auto;
- margin-right:auto;
- line-height:90%;
- text-transform:uppercase;
- font-size:50px; font-family:'Quicksand';
- text-align:center;
- color:{color:about title}; }
- .desctwo { position:relative;
- top:80px;
- text-align:justify;
- width:350px;
- font-family: 'Special Elite', cursive;
- font-size:11px;
- line-height:115%;
- color:{color:text};
- }
- #entries { position:relative;
- {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- padding:50px;
- margin-left:auto;
- margin-right:auto;
- margin-top:100px;
- margin-bottom:70px;
- overflow:hidden;
- background-color:#fff;
- z-index:3; }
- #post { {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- text-align:left;
- line-height:150%;
- font-style:none;
- padding-bottom:20px;
- margin-bottom:10px;
- border-bottom:1px solid #f5f5f5; }
- #post img { {block:if400pxPosts}
- max-width:400px;
- {/block:if400pxPosts}
- {block:if500pxPosts}
- max-width:500px;
- {/block:if500pxPosts} }
- #quote { font-family: 'Special Elite', cursive; font-size:20px; line-height:100%; }
- #tags {
- margin-bottom:150px;
- {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- text-align:center;
- font-size:7px;
- }
- #tags a { text-transform:none;
- letter-spacing: 1px;
- font-family: 'Oxygen', sans-serif;
- font-size:8px;
- font-style:none;
- color:{color:tags};
- background:#fff;
- -moz-transition:width 0.6s, height 0.6s, backgroud-color 0.6s, -moz-transform 0.6s; -webkit-transition:width 0.6s, height 0.6s, background-color 0.6s, -webkit-transform 0.6s; -o-transition:width 0.6s, height 0.6s, background-color 0.6s, -o-transform 0.6s; transition:width 0.6s, height 0.6s, background-color 0.6s, transform 0.6s; }
- #tags a:hover { color:{color:linkhover};
- background-color:{color:info bg};
- padding:0px; }
- blockquote { margin-left:0px; padding-left:2px; border-left:2px solid {color:info bg}; }
- #info { {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- }
- #infotext {
- margin-bottom:5px;
- font-size:7px;
- font-style:none;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:1px;
- padding: 2px; }
- .newplayerbutton {
- position: relative;
- width: 28px;
- height: 27px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -11px;
- left: -12px;
- }
- .tumblr_audio_player {
- border: none;
- padding: 0px;
- margin: 0px;
- height: 50px;
- width: 500px;
- }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 28px;
- height: 28px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- overflow: hidden;
- width: 88px;
- height: 88px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- }
- .trackdetails {
- width: auto;
- display:inline-block;
- margin-left: 100px;
- min-height: 85px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- #ask { margin-top:2px; {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts} font-size:10px; font-family: 'Special Elite', cursive; font-style:none; text-transform:uppercase; text-align:justify; padding-bottom:2px; border-bottom:3px solid {color:ask}; }
- #answer {
- {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- padding-top:10px;
- font-size:10px;
- font-style:none;
- text-transform:none;
- text-align:center;
- position:relative; }
- #answer img { {block:if400pxPosts}
- max-width:400px;
- {/block:if400pxPosts}
- {block:if500pxPosts}
- max-width:500px;
- {/block:if500pxPosts} }
- #pagination { {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- {block:if500pxPosts}
- width:500px;
- {/block:if500pxPosts}
- text-transform:uppercase; text-align:center; font-size:10px; color:{color:text}; margin-bottom:10px; word-spacing:10px; }
- .following {
- width:180px;
- padding-top:30px;
- padding-left:30px;
- padding-bottom:25px;
- top:0px!important;
- right:5px!important;
- position:fixed!important;
- font-style:italic;
- font-family:times;
- opacity:0;
- z-index:999!important;
- transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- }
- .following:hover {
- opacity:1;
- }
- {CustomCSS}</style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:130,
- tip_fade_speed:500,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <script language=JavaScript>
- <!--
- //Disable right click script III- By Renigade (renigade@mediaone.net)
- //For full source code, visit http://www.dynamicdrive.com
- var message="";
- ///////////////////////////////////
- function clickIE() {if (document.all) {(message);return false;}}
- function clickNS(e) {if
- (document.layers||(document.getElementById&&!document.all)) {
- if (e.which==2||e.which==3) {(message);return false;}}}
- if (document.layers)
- {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
- else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
- document.oncontextmenu=new Function("return false")
- // -->
- </script>
- <BODY onselectstart=”return false;” ondragstart=”return false;”>
- </div>
- <div class="following"></div>
- <div id="header"><img src="{image:header}"><div class="info"><div class="title"><a href="/">Long Time No See ...</a><div class="desc">{text:Short Description}</div>
- <div class="hlinks">
- {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a> {/block:ifLink1}
- {block:ifLink2}<a title="message"href="{text:Link 2}">{text:Link 2 Title}</a> {/block:ifLink2}
- {block:ifLink3}<a title="archive"href="{text:Link 3}">{text:Link 3 Title}</a> {/block:ifLink3}
- {block:ifLink4}<a title="profile"href="{text:Link 4}">{text:Link 4 Title}</a> {/block:ifLink4}
- </div>
- </div></div></div>
- <div id="pt">
- <div id="pttop"><center><div class="ttl">boykon</div><div class="desctwo">{Description}</center>
- </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} --> {/block:ContentSource}
- <div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}{block:if400pxPosts}<img src="{PhotoURL-400}">{/block:if400pxPosts}{block:if500pxPosts}<img src="{PhotoURL-500}">{/block:if500pxPosts}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}{block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} —{Source}{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}{TrackName}{/block:TrackName}<br/>
- {block:Artist}Artist: {Artist}{/block:Artist}<br/>
- {block:Album}Album: {Album}{/block:Album}<br/>
- {PlayCountWithLabel}
- </div>
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:AudioPlayer}
- {block:Video}{block:if400pxPosts}{Video-400}{/block:if400pxPosts}{block:if500pxPosts}{Video-500}{/block:if500pxPosts}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="ask">{Asker} whispered: {Question}</div><div id="answer">{Answer}</div>{/block:Answer}</div>
- <div id="info"><br>
- <div id="infotext">{block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
- source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}</div></div>
- <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}" style="color:{color:tags};">{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">Previous</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">Next</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="footer">theme by <a href="http://boykon.tumblr.com">boykon</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement