Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- "sunset" - theme 16 v1 by dyothms/luhyns
- Please do not remove the credit
- -->
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!------script1------>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!------meta1------>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:title" content="#797979"/>
- <meta name="color:text" content="#999"/>
- <meta name="color:bold" content="#ceb3ce"/>
- <meta name="color:link" content="#ceb3ce"/>
- <meta name="color:hover" content="#bbb"/>
- <meta name="color:hover message" content="#cec2ce"/>
- <meta name="color:sidebar border" content="#ddd"/>
- <meta name="color:blogtitle" content="#e7dfe7"/>
- <meta name="color:navi background" content="#e5d9e5"/>
- <meta name="color:navi text" content="#cec2ce"/>
- <meta name="color:post border" content="#ddd"/>
- <meta name="color:permalink" content="#f3f0f3"/>
- <meta name="color:topbar" content="#dfd8df"/>
- <meta name="color:scroll bar" content="#e5d5e5"/>
- <meta name="image:background" content="0"/>
- <meta name="image:sidebar" content="http://static.tumblr.com/bgzjy3u/efpniibt5/16ediy.jpg"/>
- <meta name="text:link 1 title" content="link one"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2 title" content="link two"/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 3 title" content="link three"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4 title" content="link four"/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 5 title" content="theme"/>
- <meta name="text:link 5 url" content="http://dyothms.tumblr.com"/>
- <meta name="text:blogtitle" content="title"/>
- <meta name="text:topbar" content="quote"/>
- <meta name="if:show topbar" content="1"/>
- <meta name="if:transparent sidebar" content="0"/>
- <meta name="if:blogtitle one" content="1"/>
- <meta name="if:blogtitle two" content="0"/>
- <meta name="if:navigation one" content="0"/>
- <meta name="if:navigation two" content="0"/>
- <meta name="if:navigation three" content="1"/>
- <meta name="if:faded posts" content="1"/>
- <meta name="if:monochrome" content="0"/>
- <meta name="if:show captions" content="0"/>
- <!------meta2------>
- <style type="text/css">
- /* basics1 */
- body {
- font-family:calibri;
- font-size:11px;
- line-height:12px;
- color:{color:text};
- background-color:{color:background};
- background-image:url({image:background});
- background-attachment:fixed;
- background-repeat:repeat;
- }
- a:link, a:active, a:visited{
- color:{color:link};
- text-decoration:none;
- }
- a:hover {
- color: {color:hover};
- }
- b, strong {
- color:{color:bold};
- }
- img {
- border:0;
- max-width:100%;
- height:auto;
- }
- ::-webkit-scrollbar {width: 6px; height: 3px; background: white;}
- ::-webkit-scrollbar-thumb {background-color: {color:scroll bar}; border: 2px solid white;}
- #s-m-t-tooltip{
- z-index:999999;
- max-width:300px;
- margin:15px;
- padding:2px 5px;
- border:1px solid {color:hover message};
- background:#fff;
- color:{color:hover message};
- font-size:8px;
- line-height:10px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- #wrap{
- width:100px;
- margin:auto;
- }
- /* posts1 */
- #posts {
- z-index:10;
- margin-top:10px;
- margin-left:-150px;
- width:630px;
- {block:ifshowtopbar}margin-top:30px;{/block:ifshowtopbar}
- }
- #entry {
- float:left;
- margin:20px;
- margin-left:10px;
- padding:15px;
- background:white;
- border:1px solid {color:post border};
- {block:IndexPage}width:250px;{/block:IndexPage}
- {block:PermalinkPage}width:500px;
- padding:20px;{/block:PermalinkPage}
- }
- #entry img {
- {block:IndexPage}
- {block:ifFadedPosts}opacity:0.75;{/block:ifFadedPosts}
- {block:ifMonochrome}
- -webkit-filter: grayscale(60%);
- -moz-filter: grayscale(60%);
- filter: grayscale(60%);
- {/block:ifMonochrome}
- {/block:IndexPage}
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;
- transition: all 0.4s ease;
- }
- #entry:hover img {
- opacity:1;
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- filter: grayscale(0%);
- }
- .fdmc {
- {block:ifFadedPosts}opacity:0.75;{/block:ifFadedPosts}
- {block:ifMonochrome}
- -webkit-filter: grayscale(60%);
- -moz-filter: grayscale(60%);
- filter: grayscale(60%);
- {/block:ifMonochrome}
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;
- transition: all 0.4s ease;
- }
- #entry:hover .fdmc {
- opacity:1;
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- filter: grayscale(0%);
- }
- #perma1 {
- z-index:3;
- position:absolute;
- opacity:0;
- margin-top:-10px;
- height:auto;
- width:240px;
- background:white;
- padding:5px;
- padding-bottom:8px;
- border-bottom:3px double #ccc;
- font-family:calibri;
- font-size:9px;
- line-height:10px;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;
- transition: all 0.4s ease;
- }
- #entry:hover #perma1 {
- opacity:1;
- margin-top:0px;
- }
- .tags1 {
- margin-top:2px;
- font-family:consolas;
- font-size:8px;
- }
- #posts blockquote {
- margin-left:10px;
- padding-left:5px;
- border-left:solid 1px #ddd;
- }
- #permalink {
- margin-top:5px;
- padding:5px;
- font-family:calibri;
- font-size:9px;
- line-height:10px;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- background:{color:permalink};
- {block:ifnavigationone}
- background:transparent;
- border-top:1px solid {color:permalink};
- border-bottom:1px solid {color:permalink};
- {/block:ifnavigationone}
- }
- #permalink a {
- {block:ifnotnavigationone}
- color:{color:text};
- {/block:ifnotnavigationone}
- }
- #posts #tags{
- text-align:right;
- font-size:8px;
- text-transform:uppercase;
- font-family:consolas;
- letter-spacing:1px;
- }
- #posts #notecontainer {
- margin-top: 20px;
- width: 500px;
- font-size: 11px;
- line-height:16px;
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:1px;
- }
- #posts #notecontainer ol.notes {
- list-style-type: none;
- margin: 0;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- #posts #notecontainer img.avatar {
- margin-right: 5px;
- width: 16px;
- height: 16px;
- }
- .caption a {
- text-decoration:underline;
- }
- .title {
- font-family:calibri;
- font-size:12px;
- letter-spacing:2px;
- text-transform:uppercase;
- line-height:20px;
- color:{color:title};
- }
- .title a {
- text-decoration:underline;
- }
- #asker{
- position:absolute;
- margin-top:5px;
- margin-left:5px;
- }
- #asker img{
- width:26px;
- background:white;
- padding:2px;
- }
- #qu{
- padding: 5px;
- padding-left:40px;
- min-height:30px;
- text-align:left;
- background: #f5f5f5;
- }
- #qu a {
- font-family:consolas;
- letter-spacing:1px;
- text-transform:uppercase;
- text-decoration:underline;
- }
- .qsource {
- font-style:italic;
- text-align:right;
- }
- .chat {
- margin-bottom:4px;
- }
- .audplayer {
- border-left:1px solid {color:permalink};
- margin-left:10px;
- margin-top:5px;
- padding-left:5px;
- }
- /* sidebar */
- #sidebar {
- z-index:8;
- position:fixed;
- margin-top:140px;
- margin-left:-400px;
- width:150px;
- padding:10px;
- background:white;
- border:1px solid {color:sidebar border};
- {block:ifTransparentSidebar}background:transparent;
- border:0px;{/block:ifTransparentSidebar}
- }
- .blogtitle1 {
- margin-bottom:8px;
- padding:5px;
- font-family:calibri;
- font-size:9px;
- line-height:10px;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- border-top:1px solid {color:blogtitle};
- border-bottom:1px solid {color:blogtitle};
- }
- .blogtitle2 {
- margin-bottom:8px;
- padding:5px;
- font-family:calibri;
- font-size:9px;
- line-height:10px;
- letter-spacing:1px;
- text-align:center;
- background:{color:blogtitle};
- text-transform:uppercase;
- }
- .simg {
- width:150px;
- }
- .simg img {
- width:150px;
- }
- .desc {
- padding:2px;
- font-family:calibri;
- font-size:10px;
- letter-spacing:1px;
- }
- .navi1 {
- margin-top:5px;
- padding:5px;
- font-family:calibri;
- font-size:9px;
- line-height:10px;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- color:{color:navi text};
- border-top:1px solid {color:navi background};
- border-bottom:1px solid {color:navi background};
- }
- .navi1 a {
- color:{color:navi text};
- }
- .navi2 {
- overflow:hidden;
- margin-top:5px;
- font-family:calibri;
- font-size:9px;
- line-height:20px;
- height:20px;
- letter-spacing:1px;
- text-align:center;
- background:{color:navi background};
- text-transform:uppercase;
- color:{color:navi text};
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;
- transition: all 0.4s ease;
- }
- .navi2:hover {
- height:116px;
- }
- .navi2 a {
- color:{color:navi text};
- }
- .n2 {
- border-top:1px solid {color:navi text};
- line-height:18px;
- font-size:8px;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .n2:hover {
- letter-spacing:4px;
- }
- .navi3 {
- margin-top:5px;
- -webkit-transition: all 0.4s ease;
- -moz-transition: all 0.4s ease;
- -o-transition: all 0.4s ease;
- transition: all 0.4s ease;
- }
- .n3 {
- float:left;
- margin-left:2px;
- margin-right:2px;
- width:26px;
- height:10px;
- background:{color:navi background};
- border-bottom:2px solid {color:navi background};
- }
- .n3:hover {
- border-bottom:2px solid {color:navi text};
- }
- /* topbar */
- #topbar {
- z-index:20;
- position:fixed;
- top:0px;
- left:0px;
- height:27px;
- width:100%;
- background:white;
- border-bottom:4px double {color:topbar};
- color:{color:topbar};
- text-transform:uppercase;
- text-align:center;
- line-height:26px;
- font-family:calibri;
- letter-spacing:4px;
- }
- #crt {
- z-index: 4783;
- position:fixed;
- bottom:-1px;
- right:10px;
- width:60px;
- background:white;
- border: 1px solid #eee;
- padding: 5px;
- font-family: calibri;
- font-size: 10px;
- line-height: 12px;
- letter-spacing:1px;
- color:#bbb;
- font-style:italic;
- text-align:center;
- transition: all 0.6s ease-out;
- -o-transition-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- #crt a{
- color:#bbb;
- }
- #crt:hover{
- opacity: 0;
- transition: all 0.6s ease-out;
- -o-transition-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- #ctpl {
- z-index: 4780;
- position:fixed;
- bottom:-1px;
- right:10px;
- width:60px;
- background:white;
- border: 1px solid #eee;
- padding: 5px;
- font-family: calibri;
- font-size: 10px;
- line-height: 12px;
- letter-spacing:1px;
- color:#bbb;
- font-style:italic;
- text-align:center;
- transition: all 0.6s ease-out;
- -o-transition-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- }
- #ctpl a{
- color:#bbb;
- }
- {CustomCSS}
- </style>
- <!------title------>
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <meta name="viewport" content="width=820" />
- <!------script2------>
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#posts');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '#entry',
- });
- });
- $container.infinitescroll({
- itemSelector : "#entry",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx : 10000,
- extraScrollPx: 12000,
- },
- // trigger Masonry as a callback
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- </head>
- <body>
- <div id="wrap">
- <!------topbar------>
- {block:ifshowtopbar}<div id="topbar">{text:topbar}</div>{/block:ifshowtopbar}
- <a href="http://dyothms.tumblr.com/"><div id="crt">theme</div>
- <div id="ctpl">dyothms</div></a>
- <!------sidebar------>
- <div id="sidebar">
- {block:ifblogtitleone}<div class="blogtitle1">{text:blogtitle}</div>{/block:ifblogtitleone}
- {block:ifblogtitletwo}<div class="blogtitle2">{text:blogtitle}</div>{/block:ifblogtitletwo}
- {block:ifsidebarimage}<div class="simg"><img src="{image:sidebar}" /></div>{/block:ifsidebarimage}
- <div class="desc">{description}</div>
- {block:ifnavigationone}<div class="navi1">
- <a href="{text:link 1 url}" title="{text:link 1 title}">01.</a>
- <a href="{text:link 2 url}" title="{text:link 2 title}">02.</a>
- <a href="{text:link 3 url}" title="{text:link 3 title}">03.</a>
- <a href="{text:link 4 url}" title="{text:link 4 title}">04.</a>
- <a href="{text:link 5 url}" title="{text:link 5 title}">05.</a>
- </div>{/block:ifnavigationone}
- {block:ifnavigationtwo}<div class="navi2">+navigation
- <a href="{text:link 1 url}"><div class="n2">{text:link 1 title}</div></a>
- <a href="{text:link 2 url}"><div class="n2">{text:link 2 title}</div></a>
- <a href="{text:link 3 url}"><div class="n2">{text:link 3 title}</div></a>
- <a href="{text:link 4 url}"><div class="n2">{text:link 4 title}</div></a>
- <a href="{text:link 5 url}"><div class="n2">{text:link 5 title}</div></a>
- </div>{/block:ifnavigationtwo}
- {block:ifnavigationthree}
- <center>
- <div class="navi3">
- <a href="{text:link 1 url}" title="{text:link 1 title}"><div class="n3"></div></a>
- <a href="{text:link 2 url}" title="{text:link 2 title}"><div class="n3"></div></a>
- <a href="{text:link 3 url}" title="{text:link 3 title}"><div class="n3"></div></a>
- <a href="{text:link 4 url}" title="{text:link 4 title}"><div class="n3"></div></a>
- <a href="{text:link 5 url}" title="{text:link 5 title}"><div class="n3"></div></a>
- </div>
- {/block:ifnavigationthree}
- </center>
- </div><!--sidebar-->
- <!------posts1------>
- <div id="posts">
- {block:Posts}
- <div id="entry">
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="caption">{Body}</div>
- {block:IndexPage}
- <div id="permalink">
- <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
- </div>
- {/block:IndexPage}
- {/block:Text}
- {block:Link}
- <div class="title"><a href="{URL}" >{Name}</a></div>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}
- {block:IndexPage}
- <div id="permalink">
- <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
- </div>
- {/block:IndexPage}
- {/block:Link}
- {block:Answer}
- <div id="asker"><img src="{AskerPortraitURL-30}"></div>
- <div id="qu">{Asker}: <i>{Question}</i></div>
- <div class="caption">{Answer}</div>
- {block:IndexPage}
- <div id="permalink">
- <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
- </div>
- {/block:IndexPage}
- {/block:Answer}
- {block:Photo}
- {block:IndexPage}
- <div id="perma1"><a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
- {block:HasTags}<div class="tags1">
- {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {LinkOpenTag}<img src="{PhotoURL-250}" />{LinkCloseTag}
- {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-500}" />
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <div id="perma1"><a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
- {block:HasTags}<div class="tags1">
- {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- <div class="fdmc">{Photoset-250}</div>
- {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Video}
- {/block:IndexPage}
- <div id="perma1"><a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
- {block:HasTags}<div class="tags1">
- {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- <div class="fdmc">{Video-250}</div>
- {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Audio}
- <div class="title">{block:TrackName}<u>{TrackName}</u>{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
- <div class="audplayer">{AudioPlayer}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:IndexPage}
- <div id="permalink">
- <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
- </div>
- {/block:IndexPage}
- {/block:Audio}
- {block:Quote}
- <div class="title">"{Quote}"</div>
- {block:Source}<div class="qsource">—{Source}</div>{/block:Source}
- {block:IndexPage}
- <div id="permalink">
- <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
- </div>
- {/block:IndexPage}
- {/block:Quote}
- {block:Chat}
- {block:Title}{Title}<br />{/block:Title}
- {block:Lines}
- <div class="chat">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
- {/block:Lines}
- {block:IndexPage}
- <div id="permalink">
- <a href="{Permalink}">{notecountwithlabel}</a> // <a href="{Permalink}">{timeago}</a>
- </div>
- {/block:IndexPage}
- {/block:Chat}
- {block:PermalinkPage}
- <div id="permalink">
- {block:Date}{lang:Posted TimeAgo}{/block:Date}
- {block:NoteCount} with {NoteCountWithLabel} -{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">{lang:via}</a> - <a href="{ReblogRootURL}" title="{ReblogRootName}">{lang:source}</a>
- {/block:RebloggedFrom}
- {block:NotReblog}my original post{/block:NotReblog}
- </div>
- {block:HasTags}<div id="tags">
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div>
- {/block:HasTags}
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- <center>{block:ContentSource}
- <br><a href="{SourceURL}">
- {lang:Source}:
- {block:SourceLogo}
- <img src="{BlackLogoURL}" width="{LogoWidth}"
- height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}
- {SourceLink}
- {/block:NoSourceLogo}
- </a>
- {/block:ContentSource}</center>
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- {/block:PermalinkPage}
- </div><!--entry-->
- {/block:Posts}
- </div><!--posts-->
- <!------posts2------>
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> ·{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div><!--wrap-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement