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">
- <head>
- <!-- ----------------------------------------------
- #2 DIFFINDO THEME BY EXCOLO
- acrisolar.tumblr.com [main blog]
- excolo.tumblr.com [tumblr themes]
- ---------------------------------------------- -->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="color:background" content="#e1e4a9"/>
- <meta name="color:text" content="#757575"/>
- <meta name="color:links" content="#1e5d88"/>
- <meta name="color:hover" content="#9bcfe4"/>
- <meta name="color:permalink hover state" content="#ffffff"/>
- <meta name="color:sidebar" content="#7e804e"/>
- <meta name="color:sidebar2" content="#b3b582"/>
- <meta name="color:sidebar text" content="#ffffff"/>
- <meta name="color:navigations link" content="#fff"/>
- <meta name="color:navigations" content="#b3b582"/>
- <meta name="color:navigations hover" content="#b3b582"/>
- <meta name="color:posts background" content="#ffffff"/>
- <meta name="color:permalink background" content="#d2dce2"/>
- <meta name="color:back to top button" content="#959da7"/>
- <meta name="color:blockquote" content="#959da7"/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:background" content=""/>
- <meta name="if:alternate title font" content="0"/>
- <meta name="if:infinite scroll" content="0"/>
- <meta name="if:full sized background" content="0"/>
- <meta name="if:show captions" content="1"/>
- <meta name="if:show archive link" content="1"/>
- <meta name="if:show rss link" content="0"/>
- <meta name="if:search" content="1"/>
- <meta name="if:back to top button" content="1"/>
- <meta name="if:fixed sidebar" content="1"/>
- <meta name="if:show tags on index page" content="1"/>
- <meta name="text:ask label" content="message"/>
- <meta name="text:submit label" content="submit"/>
- <meta name="text:rss label" content="subscribe"/>
- <meta name="text:Twitter username" content="" />
- <meta name="text:Google Analytics ID" content="" />
- <script src="http://static.tumblr.com/sjl0ztp/UGEm6pwaz/cufon-yui.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/sjl0ztp/iJ9m6pwe3/websymbolsfont_400.font.js" type="text/javascript"></script>
- <script type="text/javascript">
- Cufon.replace('#sub1', { fontFamily: 'websymbolsfont', hover: false }); // Requires a selector engine for IE 6-7, see above
- </script>
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=PT+Sans);
- body {
- margin: 0 0 20px 0;
- background-color: {color:Background};
- background-image:url({image:background});
- background-attachment: fixed;
- background-repeat: repeat;
- {block:iffullsizedbackground}background-size:100%;{/block:iffullsizedbackground}
- font-family: 'pt sans', arial, sans-serif;
- font-size: 12px;
- line-height:110%;
- color:{color:text};
- letter-spacing:0.5px;
- }
- iframe#tumblr_controls {
- top: 5px !important;
- right: 5px !important;
- position: fixed !important;
- }
- #container {
- margin-left: auto;
- margin-right: auto;
- width: 520px;
- text-align: center;
- }
- a {
- color:{color:links};
- text-decoration:none;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- a:hover {
- color:{color:hover};
- text-decoration:none;
- }
- #cage{
- width:835px;
- }
- #content{
- width:550px;
- height:100%;
- float:right;
- padding:20px;
- }
- #sidebar {
- width:170px;
- position:fixed;
- height:100%;
- background:{color:sidebar};
- padding:20px;
- border-right:30px solid {color:sidebar2};
- color:{color:sidebar text};
- }
- #sidebar a, #sidebar a:hover {
- color:{color:sidebar text};
- }
- #sidebarimg {
- width:100%;
- align:center;
- }
- #sidebar .linka {
- margin-top:20px;
- }
- #sidebar .linka a {
- display:block;
- background:{color:navigations};
- color:{color:navigations link};
- font-family:consolas, courier new;
- text-align:center;
- font-size:10px;
- letter-spacing:2px;
- border-bottom:3px solid {color:sidebar};
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- #sidebar .linka a:hover {
- border-bottom:3px solid {color:navigations hover};
- }
- #sidebar h2 {
- font-weight:500;
- margin:5px 0px 20px;
- {block:ifalternatetitlefont}font-family:'Bangers', arial, serif;font-size:35px;{/block:ifalternatetitlefont}
- {block:ifnotalternatetitlefont}font-family:'Miniver', arial, serif;font-size:25px;{/block:ifnotalternatetitlefont}
- color:#fff;
- }
- #sidebar h3 {
- font-family:consolas, courier new;
- text-transform:uppercase;
- letter-spacing:5px;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- border-left:10px solid {color:sidebar};
- border-right:10px solid {color:sidebar};
- }
- #sidebar h3:hover, #sidebarimg:hover + h3 {
- border-left:10px solid {color:navigations hover};
- border-right:10px solid {color:navigations hover};
- }
- #sidebar .pagnition {
- margin-top:20px;
- text-align:center;
- }
- #sidebar .pagnition a {
- background:{color:navigations};
- border:2px solid {color:navigations};
- color:{color:navigations link};
- padding:0px 5px;
- margin-left:2px;
- }
- #sidebar .current_page, #sidebar .pagnition a:hover {
- background:{color:navigations};
- border:2px solid {color:navigations hover};
- color:{color:navigations link};
- padding:0px 5px;
- }
- #entry {
- width: 400px;
- position:relative;
- background:{color:posts background};
- margin-bottom:20px;
- {block:ifboxshadow}
- -moz-box-shadow:0px 3px 5px {color:posts border};
- -webkit-box-shadow:0px 3px 5px {color:posts border};
- box-shadow:0px 3px 5px {color:posts border};
- {/block:ifboxshadow}
- padding:10px;
- }
- #entry .posttitle {
- font-size:20px;
- font-family:georgia;
- font-style:italic;
- margin-top:5px;
- padding-left:10px;
- border-left:2px solid {color:links};
- border-right:2px solid {color:links};
- }
- #entry .linktitle {
- font-size:20px;
- font-family:georgia;
- font-style:italic;
- margin-top:5px;
- border-bottom-style: double;
- border-bottom-color:{color:links};
- }
- #entry .title{
- font-family:georgia;
- font-style:italic;
- font-size: 20px;
- line-height: 20px;
- letter-spacing: 0px;
- font-weight: normal;
- padding:0px 0px 0px 0px;
- }
- #entry .posttitle a, #entry .linktitle a, #entry .title a {
- color:{color:text};
- }
- #entry .audioplayer {
- position:absolute;
- width:28px;
- height:28px;
- background:url(http://static.tumblr.com/sjl0ztp/1DNm957sg/border.png);
- padding:10px;
- overflow:hidden;
- top:63px;
- left:63px;
- }
- #entry .audioplayer .inner {
- width:28px;
- overflow:hidden;
- }
- .perma {
- position:absolute;
- margin-top:-10px;
- margin-left:410px;
- }
- .perma:hover {
- }
- .perma .top {
- width:100px;
- height:25px;
- overflow:hidden;
- margin-bottom:5px;
- }
- .perma .mid {
- width:100px;
- height:25px;
- opacity:0.7;
- overflow:hidden;
- margin-bottom:5px;
- }
- .perma .bot {
- width:100px;
- height:25px;
- opacity:0.4;
- overflow:hidden;
- margin-bottom:5px;
- }
- .perma .square {
- margin-left:20px;
- width:25px;
- height:25px;
- background:{color:permalink background};
- }
- .perma .info1 {
- position:absolute;
- font-size:12px;
- padding:6px 7px;
- color:#333;
- margin-left:55px;
- text-transform:uppercase;
- font-family:consolas;
- top:0px;
- display:none;
- min-width:150px;
- text-align:left;
- opacity:0.6;
- background: {color:permalink hover state};
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- .perma .info2 {
- position:absolute;
- font-size:12px;
- padding:6px 7px;
- color:#333;
- margin-left:55px;
- text-transform:uppercase;
- font-family:consolas;
- top:30px;
- display:none;
- min-width:135px;
- opacity:0.6;
- background: {color:permalink hover state};
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- .perma .info3 {
- position:absolute;
- font-size:12px;
- padding:6px 7px;
- color:#333;
- margin-left:55px;
- text-transform:uppercase;
- font-family:consolas;
- top:60px;
- display:none;
- width:135px;
- opacity:0.6;
- background: {color:permalink hover state};
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- .top:hover + .info1, .mid:hover + .info2, .bot:hover + .info3 {
- display:block;
- }
- .perma .info1:hover, .perma .info2:hover, .perma .info3:hover {
- display:block;
- opacity:0.95;
- }
- #postnotes{
- text-align: justify;
- }
- #postnotes blockquote{
- border: 0px;
- }
- blockquote{
- margin:0px 5px;
- padding:7px 10px;
- border-left: 2px solid {color:links};
- border-right: 2px solid {color:links};
- background:{color:blockquote};
- }
- #footer{
- float: left;
- width: 500px;
- position:relative;
- background-color:transparent;
- font-family:consolas;
- text-align:center;
- font-size:10px;
- letter-spacing:5px;
- margin:7px auto 20px;
- }
- .postnotes ul, .postnotes ol, .postnotes li { list-style:none; margin:0px; padding:0px; }
- .postnotes li { padding:5px 0px; }
- .postnotes .avatar { margin-right:10px; }
- .chat ul, .chat ol, .chat li{list-style:none; margin-left:-40px; padding:0px;}
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label {font-weight:600;}
- .notes img{
- width:10px;
- position:relative;
- top:3px;
- }
- .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
- {block:IndexPage}
- width: 400px !important;
- {/block:IndexPage}
- }
- .photo, div.photo, .photo img {
- {block:IndexPage}
- width:400px;
- display:block;
- {/block:IndexPage}
- }
- .arrow-down {
- width: 0;
- height: 0;
- border-left: 10px inset transparent;
- border-right: 10px inset transparent;
- border-top: 10px solid {color:permalink background};
- margin:0px auto;
- }
- #infscr-loading {
- text-align: center;
- z-index: 100;
- position: fixed;
- left:50%;
- bottom: 20px;
- font-size:0px;
- background:#fff;
- padding:2px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- width:16px;
- height:16px;
- }
- .q {
- font-family:georgia;
- font-size:80px;
- padding-top:25px;
- }
- #twitter {
- width:150px;
- background:{color:navigations};
- padding:7px 10px 10px 10px;
- font-family:consolas, courier new;
- font-size:11px;
- }
- #twitter_container {
- height:auto !important;
- }
- #twitter_update_list {
- padding: 0;
- overflow: hidden;
- margin:0px auto;
- }
- #twitter_update_list li {
- width: 100%;
- list-style: none;
- }
- #twitter_update_list li a {
- text-decoration: none;
- }
- #twitter_update_list li a:hover {
- }
- #top-link{
- position:fixed;
- bottom:15px;
- right:15px;
- margin:0px auto;
- font-size:20px;
- padding-top:5px;
- text-align:center;
- width:25px;
- height:20px;
- background:{color:back to top button};
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- color:{color:background};
- }
- {CustomCSS}
- </style>
- <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
- <script type="text/javascript" src="http://static.tumblr.com/sjl0ztp/07tm8j6sa/jquery.scrollto-1.4.0-min.js"></script>
- <script type="text/javascript">
- jQuery.fn.topLink = function(settings) {
- settings = jQuery.extend({
- min: 1,
- fadeSpeed: 200,
- ieOffset: 50
- }, settings);
- return this.each(function() {
- //listen for scroll
- var el = $(this);
- el.css('display','none'); //in case the user forgot
- $(window).scroll(function() {
- if(!jQuery.support.hrefNormalized) {
- el.css({
- 'position': 'absolute',
- 'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
- });
- }
- if($(window).scrollTop() >= settings.min)
- {
- el.fadeIn(settings.fadeSpeed);
- }
- else
- {
- el.fadeOut(settings.fadeSpeed);
- }
- });
- });
- };
- $(document).ready(function() {
- $('#top-link').topLink({
- min: 400,
- fadeSpeed: 500
- });
- //smoothscroll
- $('#top-link').click(function(e) {
- e.preventDefault();
- $.scrollTo(0,300);
- });
- });
- </script>
- </head>
- <body>
- {block:ifbacktotopbutton}<a href="#top" title="back to top"><div id="top-link">↑</div></a>{/block:ifbacktotopbutton}
- {block:ifinfinitescroll}
- {block:indexpage}
- <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
- <script>
- $(function(){
- var $container = $('#content');
- $container.infinitescroll({
- navSelector : '#page-nav', // selector for the paged navigation
- nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
- itemSelector : '#entry', // selector for all items you'll retrieve
- loading: {
- finishedMsg: '<em>no more!</em>',
- img: 'http://static.tumblr.com/sjl0ztp/LkXm7hysx/snake_transparent.gif'
- }
- },
- // trigger Masonry as a callback
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 1 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- <nav id="page-nav">
- {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
- {/block:indexpage}
- {/block:ifinfinitescroll}
- <div id="cage">
- <div id="sidebar">
- <center><a href="/"><img src="{image:sidebar}" id="sidebarimg"><h3>{Title}</h3></a></center>
- <div class="inner">
- <div class="description">{Description}</div>
- <div class="linka">
- {block:ifshowarchivelink}<a href="/archive">archive</a>{/block:ifshowarchivelink}
- {block:askenabled}<a href="/ask">{text:ask label}</a>{/block:askenabled}
- {block:submissionsenabled}<a href="/submit">{text:submit label}</a>{/block:submissionsenabled}
- {block:ifshowrsslink}<a href="{rss}">{text:rss label}</a>{/block:ifshowrsslink}
- <a href="http://excolo.tumblr.com">theme</a>
- </div>
- {block:ifnotinfinitescroll}
- <div class="pagnition">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
- {block:JumpPagination length="3"}
- {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}">></a>{/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:ifnotinfinitescroll}
- </div>
- {block:iftwitterusername}
- <div id="twitter">
- <div id="twitter_container">
- <ul id="twitter_update_list"></ul>
- </div>
- </div>
- {/block:iftwitterusername}
- </div>
- <div id="content">
- {block:Posts}
- <div id="entry">
- {block:IndexPage}
- <section class="perma">
- <a href="{permalink}" title="go to the permalink page"><div class="top""><div class="square"></div></div><div class="info1">{lang:Posted TimeAgo}{block:ifshowtagsonindexpage}{block:HasTags}<small><br />{lang:Tagged with} {block:Tags}#{Tag} {/block:Tags}</small>{/block:HasTags}{/block:ifshowtagsonindexpage}</div></a>
- <a href="{permalink}" title="go to the permalink page"><div class="mid"><div class="square"></div></div><div class="info2">{lang:It has NoteCount notes}</div></a>
- <a href="{reblogurl}" title="reblog this post"><div class="bot"><div class="square"></div></div><div class="info3">Reblog This Post</div></a>
- </section>
- {/block:IndexPage}
- {/block:IndexPage}
- {block:Text}
- {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Link}
- <span class="linktitle"><a href="{URL}">{Name} →</a></span>
- {block:Description}{Description}{/block:Description}
- {block:Link}
- {block:Photo}{block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{Permalink}"><img src="{PhotoURL-400}" alt="{alt}" title="{alt}" width="400px"/></a></div>{LinkCloseTag}{block:ifshowcaptions}{block:caption}{caption}{/block:caption}{/block:ifshowcaptions}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"width="400px"/>{LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Quote}
- <table border="0"><tr><td style="vertical-align:top;"><div class="q">“</div></td><td><span class="title"><a href="{permalink}">{Quote}</a></span> {block:Source}<p style="margin:5px 0px 0px 0px;text-align:right;">-- <b>{Source}</b></p>{/block:Source}</td></tr></table>
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Answer}
- <div style="padding:5px;background:{color:permalink background};color:{color:posts background};">{Question}</div>
- <div class="arrow-down"></div>
- <div style="font-family:consolas;text-align:center;font-weight:600;margin-top:5px;"><img src="{AskerPortraitURL-16}" style="border:5px solid rgb('{RGBcolor:permalink background}');"><br />{lang:Asked by Asker 2}</div>
- {Answer}
- {/block:Answer}
- {block:Audio}
- {block:AudioPlayer}
- <table border="0"><tr>
- {block:AlbumArt}<td style="width:150px;vertical-align:top;"><div class="audioplayer"><div class="inner">{AudioPlayerBlack}</div></div><a href="{Permalink}"><div style="width:150px;height:150px;background:{color:Blockquote};"><img src="{AlbumArtURL}" width="150px" height="150px"></div></a>
- </td>{/block:AlbumArt}
- <td style="width:220px;vertical-align:top;padding-left:10px;">{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<br />{/block:Album}
- {block:TrackName}<b>Track:</b> {TrackName}<br />{/block:TrackName}
- {block:PlayCount}<div style="width:100%;border-bottom:1px dotted {color:text};padding-bottom:10px;margin-bottom:10px;"><b>Played:</b> {Playcount} times</div>{/block:PlayCount}
- {block:caption}{caption}{/block:caption}
- </td>
- </tr></table>
- {/block:AudioPlayer}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:indexpage}{block:ifshowcaptions}{block:caption}<div style="padding:10px 20px;">{caption}</div>{/block:caption}{/block:ifshowcaptions}{/block:indexpage}
- {block:Video}
- </div>
- {/block:Posts}
- {block:posts}
- {block:permalinkpage}
- {block:caption}<div id="entry">{caption}</div>{/block:caption}
- {block:date}<div id="entry">
- {lang:Posted TimeAgo with NoteCount notes}<br />{block:RebloggedFrom}{lang:Reblogged from ReblogParentName 2}<br />
- {lang:Originally from ReblogRootName 2}<br />{/block:RebloggedFrom}
- {block:ContentSource}© <a href="{SourceURL}">{SourceTitle}</a><br />{/block:ContentSource}
- {block:HasTags}{lang:Tagged with} {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>{/block:date}
- {block:PostNotes}<div id="entry"><span class="postnotes">{PostNotes}</span></div>{/block:PostNotes}
- {/block:permalinkpage}
- {/block:posts}
- </div>
- </div>
- {block:ifTwitterUsername}
- <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
- <script src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count=1" type="text/javascript"></script>{/block:ifTwitterUsername}
- {block:IfGoogleAnalyticsID}
- <script>
- var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
- (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
- g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
- s.parentNode.insertBefore(g,s)}(document,'script'));
- </script>
- {/block:IfGoogleAnalyticsID}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement