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">
- <!--- THEME 15 - MADE BY YEOLI-THM.TUMBLR.COM --->
- <head>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:Background" content="#fdfdfd"/>
- <meta name="color:Post Bg" content="#ffffff"/>
- <meta name="color:Text" content="#bbbbbb"/>
- <meta name="color:Bold Text" content="#6dd8d8"/>
- <meta name="color:Italic Text" content="#97f7f7"/>
- <meta name="color:Links" content="#8fe4e4"/>
- <meta name="color:Links Hover" content="#bbbbbb"/>
- <meta name="color:Description" content="#bbbbbb"/>
- <meta name="color:Headings Border" content="#b1f2f2"/>
- <meta name="color:Caption Border" content="#e9e9e9"/>
- <meta name="color:Caption Bg" content="#fdfdfd"/>
- <meta name="color:Navi Text" content="#ffffff"/>
- <meta name="color:Navi 1 Bg"content="#6dd8d8"/>
- <meta name="color:Navi 2 Bg"content="#8ae0e0"/>
- <meta name="color:Navi 3 Bg"content="#a6e7e7"/>
- <meta name="color:Navi Bg Hover" content="#58bcbc"/>
- <meta name="color:Permalink Text Hover" content="#52acac"/>
- <meta name="text:Title 2" content="Title 2"/>
- <meta name="text:Link1 URL"content=""/>
- <meta name="text:Link1" content="Link 1"/>
- <meta name="text:Link2 URL"content=""/>
- <meta name="text:Link2" content="Link 2"/>
- <meta name="text:Link3 URL"content=""/>
- <meta name="text:Link3" content="Link 3"/>
- <meta name="text:Music Player Code" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar Image" content=""/>
- <meta name="if:400px" content="1"/>
- <meta name="if:500px" content="0"/>
- <meta name="if:Infinite Scroll" content="1"/>
- <meta name="if:Show Music Player" content="0"/>
- <meta name="if:Bottom Bar" content="1"/>
- <meta name="if:Show Captions" content="1"/>
- <style type="text/css">
- #tumblr_controls, .tmblr-iframe{
- position:fixed!important;
- z-index:99999!important;
- top:0px!important;
- right:0px!important;
- }
- ::-webkit-scrollbar{
- width:4px;
- height:4px;
- }
- ::-webkit-scrollbar-thumb:vertical{
- background-color:#000000;
- }
- ::-webkit-scrollbar-thumb:horizontal{
- background-color:#000000;
- }
- {block:IfBottomBar}::-webkit-scrollbar-button:vertical:end:increment{
- height:40px;
- background:#000000;
- }{/block:IfBottomBar}
- body{
- margin:0px;
- padding:0px;
- font-family:Calibri;
- font-size:10px;
- color:{color:Text};
- background-color:{color:Background};
- background-attachment:fixed;
- background-repeat:repeat;
- background-image:url('{image:Background}');
- }
- a, a:link, a:active, a:visited{
- text-decoration:none;
- color:{color:Links};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- a:hover{
- text-decoration:none;
- color:{color:Links Hover};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #content{
- margin:0px;
- {block:IfNotBottomBar}padding:1px 0px;{/block:IfNotBottomBar}
- {block:IfBottomBar}padding:1px 0 40px 0;{/block:IfBottomBar}
- }
- .posts{
- margin-top:60px;
- margin-bottom:60px;
- margin-left:360px;
- padding:20px;
- background:{color:Post Bg};
- {block:If400px}width:400px;{/block:If400px}
- {block:If500px}width:500px;{/block:If500px}
- }
- b, strong {
- font-weight:bold;
- color:{color:Bold Text};
- }
- i, em {
- color:{color:Italic Text};
- }
- blockquote{
- overflow:auto;
- padding:2px 5px 2px 5px;
- background:{color:Caption Bg};
- border:1px dotted {color:Caption Border};
- }
- .headings{
- padding:5px;
- font-size:11px;
- letter-spacing:1px;
- font-family:century gothic;
- text-transform:uppercase;
- text-align:center;
- border-bottom:1px dotted {color:Headings Border};
- }
- .chat{
- background:{color:Caption Bg};
- }
- .chat li{
- list-style:none;
- margin-left:0px;
- padding:2px 10px 2px 10px;
- border-bottom:1px dotted {color:Caption Border};
- }
- .label{
- font-weight:bold;
- margin-right:2px;
- color:{color:Bold Text};
- }
- .audiobox{
- position:relative;
- width:220px;
- height:220px;
- overflow:hidden;
- }
- .audio{
- position:relative;
- margin-top:159px;
- padding-left:5px;
- padding-right:5px;
- padding-top:17px;
- padding-bottom:15px;
- background:#000000;
- }
- .art{
- margin-top:-221px;
- width:220px;
- height:220px;
- overflow:hidden;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .art img{
- display:block;
- }
- .art1{
- position:relative;
- overflow:hidden;
- width:100px;
- height:100px;
- overflow:hidden;
- background:#ffffff;
- padding:60px 65px 60px 55px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .art2{
- position:relative;
- }
- .art2 img{
- overflow:hidden;
- opacity:1;
- width:220px;
- height:220px;
- margin-top:-220px;
- }
- .posts:hover .art{
- margin-top:-281px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .posts:hover .art1{
- margin-top:30px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .audioinfo{
- margin-top:-220px;
- margin-left:220px;
- height:195px;
- padding:15px 10px 10px 10px;
- overflow:hidden;
- text-align:center;
- background:{color:Caption Bg};
- }
- .ask{
- overflow:hidden;
- padding-bottom:10px;
- border-bottom:1px dotted {color:Caption Border};
- }
- .asker{
- position:relative;
- z-index:30;
- text-align:right;
- text-transform:uppercase;
- font-size:9px;
- letter-spacing:1px;
- padding:2px 0;
- }
- .perma{
- position:absolute;
- opacity:0;
- margin-left:-100px;
- margin-top:-20px;
- padding:10px;
- width:60px;
- font-family:Century Gothic;
- text-transform:uppercase;
- text-align:right;
- letter-spacing:1px;
- text-shadow:1px 1px 1px rgba(0,0,0,0.09);
- color:{color:Navi Text};
- background:{color:Navi 2 Bg};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .pe{
- margin-top:2px;
- font-family:Calibri;
- font-size:8px;
- }
- .perma a{
- color:{color:Navi Text};
- }
- .perma a:hover{
- color:{color:Permalink Text Hover};
- }
- .posts:hover .perma{
- opacity:1;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #info{
- margin-left:360px;
- margin-top:-58px;
- margin-bottom:60px;
- text-transform:uppercase;
- letter-spacing:0px;
- font-size:8px;
- color:{color:Description};
- {block:If400px}width:440px;{/block:If400px}
- {block:If500px}width:540px;{/block:If500px}
- }
- .date{
- font-size:9px;
- margin-bottom:-11px;
- font-family:century gothic;
- letter-spacing:1px;
- text-align:right;
- {block:If400px}width:440px;{/block:If400px}
- {block:If500px}width:540px;{/block:If500px}
- }
- .via{
- text-align:left;
- {block:If400px}width:400px;{/block:If400px}
- {block:If500px}width:500px;{/block:If500px}
- }
- .taggu{
- {block:If400px}width:400px;{/block:If400px}
- {block:If500px}width:500px;{/block:If500px}
- }
- .taggu a{
- display:inline-block;
- padding-left:5px;
- }
- .via a, .taggu a{
- padding-right:5px;
- color:{color:Desciption};
- }
- .via a:hover, .taggu a:hover{
- color:{color:Links};
- }
- ol.notes{
- font-size:8px;
- padding-left:0px;
- {block:If400px}width:440px;{/block:If400px}
- {block:If500px}width:540px;{/block:If500px}
- }
- .notes img{
- display:inline;
- }
- .notes li{
- padding:2px 0;
- list-style:none;
- }
- {block:IfBottomBar}
- #l1{
- position:fixed;
- bottom:40px;
- height:5px;
- width:100%;
- background-color:{color:Background};
- background-attachment:fixed;
- background-repeat:repeat;
- background-image:url('{image:Background}');
- }
- {/block:IfBottomBar}
- #bar{
- position:fixed;
- z-index:99;
- bottom:0px;
- left:0px;
- width:100%;
- height:40px;
- {block:IfNotBottomBar}color:#444444;{/block:IfNotBottomBar}
- {block:IfBottomBar}color:#ffffff;background:#000000;{/block:IfBottomBar}
- }
- .title{
- position:fixed;
- left:78px;
- bottom:6px;
- {block:IfNotBottomBar}width:200px;{block:IfNotBottomBar}
- {block:IfBottomBar}width:100%;{block:IfBottomBar}
- }
- .title1{
- text-transform:uppercase;
- font-size:12px;
- font-family:century gothic;
- letter-spacing:2px;
- }
- .title2{
- text-transform:lowercase;
- letter-spacing:1px;
- font-size:10px;
- }
- #box{
- overflow:hidden;
- position:fixed;
- bottom:6px;
- left:40px;
- width:16px;
- height:16px;
- padding:6px;
- {block:IfNotBottomBar}background:#000000;{/block:IfNotBottomBar}
- {block:IfBottomBar}background:#ffffff;{/block:IfBottomBar}
- }
- .icon{
- width:16px;
- height:16px;
- }
- .music{
- overflow:hidden;
- height:16px;
- width:16px;
- }
- .song{
- margin-top:-2px;
- margin-left:-31px;
- }
- #sidebar{
- position:fixed;
- width:70px;
- overflow:hidden;
- top:80px;
- {block:If400px}left:840px;{/block:If400px}
- {block:If500px}left:940px;{/block:If500px}
- }
- .image{
- width:50px;
- height:50px;
- margin-bottom:4px;
- border:10px solid {color:Navi 1 Bg};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .image img{
- width:50px;
- height:50px;
- }
- .image:hover{
- border:10px solid {color:Navi Bg Hover};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .navi{
- width:70px;
- text-align:center;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:2px;
- }
- .navi a{
- display:block;
- margin-bottom:4px;
- padding:2px 5px;
- border-bottom:1px solid transparent;
- border-top:0px;
- text-shadow:1px 1px 1px rgba(0,0,0,0.09);
- color:{color:Navi Text};
- }
- .navi1{
- background:{color:Navi 1 Bg};
- }
- .navi2{
- background:{color:Navi 2 Bg};
- }
- .navi3{
- background:{color:Navi 3 Bg};
- }
- .navi a:hover {
- background:{color:Navi Bg Hover};
- }
- .navi a:active{
- border-top:1px solid transparent;
- border-bottom:0px;
- }
- .description{
- margin:10px 0px;
- width:70px;
- font-size:8px;
- text-transform:uppercase;
- text-align:center;
- color:{color:Description};
- }
- #top{
- cursor:pointer;
- position:fixed;
- z-index:99;
- overflow:hidden;
- text-align:center;
- {block:IfNotBottomBar}
- {block:IfNotInfiniteScroll}right:20px;height:20px;width:60px;bottom:18px;font-size:20px;{/block:IfNotInfiniteScroll}
- {block:IfInfiniteScroll}right:40px;bottom:0px;font-size:24px;{/block:IfInfiniteScroll}
- color:#000000;
- {/block:IfNotBottomBar}
- {block:IfBottomBar}
- {block:IfNotInfiniteScroll}right:20px;height:20px;width:60px;bottom:18px;font-size:20px;{/block:IfNotInfiniteScroll}
- {block:IfInfiniteScroll}right:40px;bottom:6px;font-size:20px;{/block:IfInfiniteScroll}
- color:#ffffff;
- {/block:IfBottomBar}
- }
- #top:hover{
- color:{color:Navi 1 Bg};
- }
- .pagination{
- position:fixed;
- z-index:99;
- right:20px;
- bottom:5px;
- width:60px;
- text-align:center;
- letter-spacing:1px;
- font-size:8px;
- }
- .pagination a{
- padding:0px 2px;
- {block:IfNotBottomBar}color:#000000;{/block:IfNotBottomBar}
- {block:IfBottomBar}color:#ffffff;{/block:IfBottomBar}
- }
- .pagination a:hover{
- color:{color:Navi 1 Bg};
- }
- #credit{
- position:fixed;
- top:2px;
- left:2px;
- color:{color:Description};
- }
- </style>
- <style type="text/css">{CustomCSS}
- </style>
- </head>
- <body>
- <a id="credit" href="http://yeoli-thm.tumblr.com">©</a>
- <div id="bar">
- <div id="l1"></div>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow") } var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() { $("#top").scrollToTop(); }); </script>
- <a id="top" href='#' style="display:none;">▲</a>
- {block:IfNotInfiniteScroll}
- <div class="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">PREV</a>・{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}
- </div>
- {/block:IfNotInfiniteScroll}
- <div id="box">
- {block:IfNotMusicPlayerCode}<div class="icon"><img src="{PortraitURL-16}"/></div>{/block:IfNotMusicPlayerCode}
- {block:IfMusicPlayerCode}
- <div class="music"><div class="song">
- {text:Music Player Code}
- </div></div>
- {/block:IfMusicPlayerCode}
- </div>
- <div class="title">
- <span class="title1">{Title}</span>
- <span class="title2"><br/>{Text:Title 2}</span>
- </div>
- </div>
- <div id="sidebar">
- {block:IfSidebarImageImage}<a href="/"><div class="image"><img src="{Image:Sidebar Image}"/></div></a>{/block:IfSidebarImageImage}
- <div class="navi">
- {block:IfNotSidebarImageImage}<a class="navi1" href="/">home</a>{block:IfNotSidebarImageImage}
- <a class="navi2" href="/ask">message</a>
- <a class="navi3" href="/archive">archive</a>
- </div>
- <div class="description">{description}</div>
- <div class="navi">
- {block:IfLink1}<a class="navi3" href="{text:Link1 URL}">{text:Link1}</a>{/block:IfLink1}
- {block:IfLink2}<a class="navi2" href="{text:Link2 URL}">{text:Link2}</a>{/block:IfLink2}
- {block:IfLink3}<a class="navi1" href="{text:Link3 URL}">{text:Link3}</a>{/block:IfLink3}
- </div>
- </div>
- {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
- <div id="content">
- <div class = "autopagerize_page_element">
- {block:Posts}
- <div class="posts">
- {block:IndexPage}
- <div class="perma">
- <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>
- <div class="pe">{NoteCount}<br/>
- <a href="{ReblogURL}" target="_blank">reblog</a></div>
- </div>
- {/block:IndexPage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
- {/block:ContentSource}
- {block:Text}
- {block:Title}<div class="headings"> {Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:If400px}<img src="{PhotoURL-500}" style="display:block; width:400px"/>{/block:If400px}
- {block:If500px}<img src="{PhotoURL-500}" style="display:block; width:500px"/>{/block:If500px}
- {block:IndexPage}
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:If400px}{Photoset-400}{/block:If400px}
- {block:If500px}{Photoset-500}{/block:If500px}
- {block:IndexPage}
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Video}
- {block:If400px}{Video-400}{/block:If400px}
- {block:If500px}{Video-500}{/block:If500px}
- {block:IndexPage}
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Quote}
- <div style="padding-bottom:10px;border-bottom:1px dotted {color:Caption Border};">{Quote}</div>
- {block:Source}<div style="text-align:right;margin-top:5px;">- {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="headings"><a href="{URL}" target="{Target}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="headings">{Title}</div>{/block:Title}
- <div class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="audiobox">
- <div class="audio">{AudioPlayerBlack}</div>
- <div class="art">
- <div class="art1"><img src="http://media.tumblr.com/54069ebef561b50072881dd315e23c47/tumblr_inline_mnnxqaVaBo1qz4rgp.jpg"/></div>
- {block:AlbumArt}<div class="art2"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
- </div>
- </div>
- <div class="audioinfo">
- {block:TrackName}<div style="text-transform:uppercase;font-family:century gothic;letter-spacing:1px;margin-bottom:5px;border-bottom:1px dotted {color:Headings Border};padding:2px 0 2px 0;"><span style="letter-spacing:0px;font-family:calibri;"><b>TITLE:</b></span><br/>{TrackName}</div>{/block:TrackName}
- {block:Artist}<div style="border-bottom:1px dotted {color:Caption Border};padding:5px 0"><b>ARTIST:</b><br/>{Artist}</div>{/block:Artist}
- {block:Album}<div style="border-bottom:1px dotted {color:Caption Border};padding:5px 0;"><b>ALBUM:</b><br/>{Album}</div>{/block:Album}
- {block:PlayCount}<div style="border-bottom:1px dotted {color:Caption Border};padding:5px 0;"><b>PLAYED:</b><br/>{FormattedPlayCount} times</div>{/block:PlayCount}
- </div>
- {block:IndexPage}
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Answer}
- <div class="ask">
- <div style="margin-top:-10px;font-size:50px;opacity:0.1;margin-bottom:-40px;margin-left:0px;font-weight:bold">❝</div><div style="position:relative;text-indent:25px;">{Question}</div>
- <div class="asker">- {Asker}</div></div>
- {Answer}
- {/block:Answer}
- </div>
- {block:PermalinkPage}
- <div id="info">
- {block:Date}<div class="date">{ShortMonth} {DayOfMonthWithZero}, {Year}</div>{/block:Date}
- {block:RebloggedFrom}
- <div class="via">Via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> Source: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
- </div>
- {/block:RebloggedFrom}
- {block:HasTags}<div class="taggu"><div style="text-align:left">Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div></div>{/block:HasTags}
- {block:PostNotes}
- <p>{NoteCountWithLabel}:
- <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment