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>
- <!-- ----------------------------------------------
- #4 STUPEFY 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="#ffffff"/>
- <meta name="color:text" content="#727272"/>
- <meta name="color:links" content="#dfae7e"/>
- <meta name="color:hover" content="#928d87"/>
- <meta name="color:title background" content="#dfae7e"/>
- <meta name="color:title" content="#ffffff"/>
- <meta name="color:navs background" content="#dfae7e"/>
- <meta name="color:navs" content="#ffffff"/>
- <meta name="color:title hover" content="#928d87"/>
- <meta name="color:navs hover" content="#928d87"/>
- <meta name="color:accent" content="#dfae7e"/>
- <meta name="color:permalink background" content="#e9d3bb"/>
- <meta name="color:permalink text" content="#ffffff"/>
- <meta name="color:posts background" content="#ffffff"/>
- <meta name="color:back to top button" content="#dfae7e"/>
- <meta name="color:blockquote" content="#eeeeee"/>
- <meta name="color:header background" content="#f3f0e9"/>
- <meta name="color:header bottom" content="#dfae7e"/>
- <meta name="color:header text" content="#514e45"/>
- <meta name="image:background" content="http://static.tumblr.com/sjl0ztp/tD0ma0i46/bgpicc.png"/>
- <meta name="if:two columns" 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:back to top button" 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:Google Analytics ID" content="" />
- <meta name="text:link 1 url" content="" />
- <meta name="text:link 1 title" content="" />
- <meta name="text:link 2 url" content="" />
- <meta name="text:link 2 title" content="" />
- <meta name="text:link 3 url" content="" />
- <meta name="text:link 3 title" content="" />
- <meta name="text:music player code" content="" />
- <style type="text/css">
- 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: georgia, times new roman, serif;
- font-size: 10px;
- line-height:120%;
- color:{color:text};
- letter-spacing:0.5px;
- }
- iframe#tumblr_controls {
- top: 5px !important;
- right: 5px !important;
- position: fixed !important;
- z-index:99999 !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;
- }
- ::selection {
- color:#fff;
- background-color:{color:accent};
- }
- ::-moz-selection {
- color:#fff;
- background-color:{color:accent};
- }
- #music {
- background:{color:posts background};
- position:fixed;
- bottom:0px;
- left:0px;
- padding:10px;
- width:20px;
- height:15px;
- overflow:hidden;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- -webkit-border-radius: 0px 30px 0px 0px;
- -moz-border-radius: 0px 30px 0px 0px;
- border-radius: 0px 30px 0px 0px;
- }
- #music:hover {
- width:250px;
- }
- #music .inner {
- width:250px;
- }
- #cage {
- width:830px;
- margin:0px auto;
- }
- #headerblock {
- visibility:hidden;
- margin:0px auto 20px auto;
- }
- #headerfixed {
- position:fixed;
- width:100%;
- z-index:9999;
- border-bottom:2px solid {color:header bottom};
- margin:0px auto 20px auto;
- background:{color:header background};
- opacity:0.85;
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- #headerfixed:hover {
- opacity:1;
- }
- #header {
- background:{color:header background};
- color:{color:header text};
- padding:20px 0px;
- margin:0px auto 0px auto;
- text-align:center;
- width:830px;
- }
- #header .navigations {
- margin-top:10px;
- }
- #header .navigations a {
- background:{color:navs background};
- color:{color:navs};
- font-family:courier new;
- text-transform:uppercase;
- letter-spacing:2px;
- padding:0px 5px;
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- transition: all 0.2s ease;
- }
- #header .navigations a:hover {
- background:{color:navs hover};
- }
- #header .btitleouter {
- margin:0px 0px 15px 0px;
- }
- #header span.btitle {
- background:{color:title background};
- font-family:courier new;
- font-weight:500;
- font-size:20px;
- color:{color:title};
- text-transform:uppercase;
- letter-spacing:3px;
- padding:0px 5px;
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- transition: all 0.2s ease;
- }
- #header span.btitle:hover {
- background:{color:title hover};
- }
- #content{
- {block:indexpage}{block:iftwocolumns}width: 560px;{/block:iftwocolumns}{block:ifnottwocolumns}width:840px;{/block:ifnottwocolumns}{/block:indexpage}
- {block:permalinkpage}width:520px;{/block:permalinkpage}
- height:100%;
- z-index:999;
- margin:0px auto;
- }
- #entry {
- {block:indexpage}width: 250px;{/block:indexpage}
- {block:permalinkpage}width:500px;{/block:permalinkpage}
- position:relative;
- background:{color:posts background};
- margin:0px 10px 10px 0px;
- padding:10px;
- float:left;
- position:relative;
- overflow:hidden;
- }
- .perma {
- position:absolute;
- background:{color:permalink background};
- margin:-10px 0px 0px -10px;
- width:100%;
- padding:2px 0px;
- text-align:center;
- bottom:-10px;
- opacity:0;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- color:{color:permalink text};
- font-family:courier new;
- text-transform:uppercase;
- font-size:9px;
- letter-spacing:1px;
- }
- #entry:hover .perma {
- bottom:0px;
- opacity:0.9;
- }
- #entry .posttitle {
- font-size:15px;
- letter-spacing:3px;
- font-family:courier new;
- text-transform:uppercase;
- margin-top:5px;
- padding-left:10px;
- border-left:10px solid {color:accent};
- }
- #entry .linktitle {
- font-size:15px;
- font-family:courier new;
- letter-spacing:3px;
- text-transform:uppercase;
- margin-top:5px;
- border-bottom-style: double;
- border-bottom-color:{color:links};
- line-height:150%;
- }
- #entry .linktitle:hover {
- border-bottom-color:{color:hover};
- }
- #entry .title{
- font-family:courier new;
- letter-spacing:3px;
- text-transform:uppercase;
- font-size: 15px;
- line-height: 15px;
- letter-spacing: 3px;
- 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:111px;
- left:111px;
- }
- #entry .audioplayer .inner {
- width:28px;
- overflow:hidden;
- }
- blockquote{
- margin:0px 5px;
- padding:7px 10px;
- border-left: 2px solid {color:accent};
- border-right: 2px solid {color:accent};
- background:{color:blockquote};
- }
- .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: 250px !important;
- {/block:IndexPage}
- }
- .photo, div.photo, .photo img {
- {block:IndexPage}
- width:250px;
- 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:accent};
- margin:0px 0px 0px 20px;
- }
- #infscr-loading {
- text-align: center;
- z-index: 100;
- position: fixed;
- left:50%;
- bottom: 20px;
- font-size:0px;
- background:#fff;
- padding:2px;
- -webkit-border-radius: 60px;
- -moz-border-radius: 60px;
- border-radius: 60px;
- width:48px;
- height:48px;
- }
- #infscr-loading img {
- -webkit-border-radius: 60px;
- -moz-border-radius: 60px;
- border-radius: 60px;
- }
- .q {
- font-family:georgia;
- font-size:40px;
- padding-top:10px;
- color:{color:accent};
- }
- #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};
- }
- .credit {
- position:fixed;
- font-family:times new roman;
- bottom:10px;
- left:10px;
- font-size:20px;
- opacity:1;
- }
- .credit:hover {
- opacity:0.8;
- }
- .credit a {
- color:{color:back to top button} !important;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- {block:ifbacktotopbutton}<a onclick="jQuery('html, body').animate( { scrollTop: 0 }, 'slow' );" href="javascript:void(0);"><div id="top-link">↑</div></a>
- {/block:ifbacktotopbutton}
- <div class="credit">
- <a href="http://excolo.tumblr.com" title="theme by excolo">E</a>
- </div>
- {block:ifmusicplayercode}
- <div id="music">
- <div class="inner">
- <div style="float:left;"><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"> </div>
- <div style="float:left;">{text:music player code}</div>
- </div>
- </div>
- {/block:ifmusicplayercode}
- <div id="headerfixed">
- <div id="header">
- <div class="btitleouter"><a href="/"><span class="btitle">{Title}</span></a></div>
- {Description}
- <div class="navigations">
- {block:askenabled}<a href="/ask">{text:ask label}</a> {/block:askenabled}
- {block:submissionsenabled}<a href="/submit">{text:submit label}</a> {/block:submissionsenabled}
- {block:ifshowarchivelink}<a href="/archive">archive</a> {/block:ifshowarchivelink}
- {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}
- {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a> {/block:iflink1title}
- {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a> {/block:iflink2title}
- {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a> {/block:iflink3title}
- </div>
- </div>
- </div>
- <div id="cage">
- <div id="headerblock">
- <div id="header">
- <div class="btitleouter"><a href="/"><span class="btitle">{Title}</span></a></div>
- {Description}
- <div class="navigations">
- {block:askenabled}<a href="/ask">{text:ask label}</a> {/block:askenabled}
- {block:submissionsenabled}<a href="/submit">{text:submit label}</a> {/block:submissionsenabled}
- {block:ifshowarchivelink}<a href="/archive">archive</a> {/block:ifshowarchivelink}
- {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}
- {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a> {/block:iflink1title}
- {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a> {/block:iflink2title}
- {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a> {/block:iflink3title}
- </div>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div id="entry">
- {block:indexpage}
- <a href="{Permalink}"><div class="perma">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear} - {NoteCountWithLabel}</div></a>
- {/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"><img src="{PhotoURL-250}" alt="{alt}" title="{alt}" width="250px"/></div>{LinkCloseTag}{block:ifshowcaptions}{block:caption}{caption}{/block:caption}{/block:ifshowcaptions}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width="500px"/>{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:accent};color:{color:posts background};">{Question}</div>
- <div class="arrow-down"></div>
- <div style="font-family:courier new;text-transform:uppercase;margin:5px 0px 0px 22px;"><img src="{AskerPortraitURL-16}"> {lang:Asked by Asker 2}</div>
- {Answer}
- {/block:Answer}
- {block:Audio}
- {block:AudioPlayer}
- {block:AlbumArt}<div class="audioplayer"><div class="inner">{AudioPlayerBlack}</div></div><a href="{Permalink}"><img src="{AlbumArtURL}" width="250px" height="250px"></a>
- {/block:AlbumArt}
- <br /><br />
- {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}<b>Played:</b> {Playcount} times{/block:PlayCount}
- {/block:AudioPlayer}
- {/block:Audio}
- {block:Video}
- {block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-500}{/block:permalinkpage}
- {block:indexpage}{block:ifshowcaptions}{block:caption}{caption}{/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>
- <nav id="page-nav">
- {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</nav>
- <script src="http://static.tumblr.com/ihdmiub/fXOm2ke05/jquery-1.7.1.min.js"></script>
- <script src="http://static.tumblr.com/ihdmiub/e8tm2kdze/jquery.masonry.min.js"></script>
- <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
- <script>
- $(function(){
- var $container = $('#content');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '#entry',
- columnWidth: 0
- });
- });
- $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: 'No more pages to load.',
- img: 'http://24.media.tumblr.com/tumblr_m3j5g3KlEm1r0fipko8_r1_100.gif'
- }
- },
- // trigger Masonry as a callback
- function( newElements ) {
- // hide new items while they are loading
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- // show elems now they're ready
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- {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