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>
- <!-- ----------------------------------------------
- #5 IMMBOLUS 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="#eeeeee"/>
- <meta name="color:Text" content="#585858"/>
- <meta name="color:Links" content="#a84141"/>
- <meta name="color:Links Hover" content="#dfd230"/>
- <meta name="color:Title" content="#585858"/>
- <meta name="color:Header Text" content="#585858"/>
- <meta name="color:Lines" content="#D9EAF3"/>
- <meta name="color:Posts Background" content="#ffffff"/>
- <meta name="color:Margin" content="#e4e4e4"/>
- <meta name="color:Meta" content="#dfd230"/>
- <meta name="color:Posts Shadow" content="#000000"/>
- <meta name="color:Navigations" content="#a84141"/>
- <meta name="color:Navigations Hover" content="#dfd230"/>
- <meta name="color:Timestamp Background" content="#dfd230"/>
- <meta name="color:Timestamp Text" content="#ffffff"/>
- <meta name="if:Auto Hide Description" content="1"/>
- <meta name="if:Show Tags" content="1"/>
- <meta name="if:Show Archive Link" content="1"/>
- <meta name="if:Show RSS Link" content="0"/>
- <meta name="if:Timestamps" content="1"/>
- <meta name="if:Cross Icon" content="1"/>
- <meta name="if:Hide Captions" content="1"/>
- <meta name="if:Infinite Scroll" content="1"/>
- <meta name="if:Full Sized Background" content="0"/>
- <meta name="if:Back To Top Button" content="1"/>
- <meta name="font:Text" content="Century Gothic"/>
- <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="image:background" content="http://25.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo6_500.png"/>
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Alice);
- body {
- font: normal 12px {font:Text}, arial, sans-serif;
- color:#585858;
- margin:0px;
- padding:0px;
- background:{color:Background} url({image:Background});
- {block:IfFullSizedBackground}background-size:100%;{/block:IfFullSizedBackground}
- background-attachment:fixed;
- }
- 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:Links Hover};
- }
- #quince /* container */ {
- width:530px;
- margin:0px auto;
- }
- #navigs {
- font:20px 'Alice', serif;
- text-align:right;
- }
- #navigs a { color:{color:Navigations};-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear; }
- #navigs a:hover { color:{color:Navigations Hover}; }
- #navigs a:after {
- content:' ยท ';
- color:{color:Title};
- }
- #navigs a:last-child:after {
- content:'';
- }
- .description {
- margin:0 0 15px 0;
- }
- #snug /* header */ {
- margin:20px 0px 40px 0px;
- color:{color:Header Text};
- }
- #snug .noncross img {
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- overflow:hidden;
- }
- #snug .hicon {
- width:67px;
- height:66px;
- float:left;
- margin-top:10px;
- cursor:help;
- }
- #snug .portrait1, #snug .portrait3, #snug .portrait7, #snug .portrait9 {
- float:left;
- width:22px;
- height:22px;
- visibility:hidden;
- }
- #snug .portrait2 {
- float:left;
- width:22px;
- height:22px;
- background:url({PortraitURL-96}) -22px 0px;
- background-size:66px;
- }
- #snug .portrait4 {
- float:left;
- width:22px;
- height:22px;
- background:url({PortraitURL-96}) 0px -22px;
- background-size:66px;
- }
- #snug .portrait5 {
- float:left;
- width:22px;
- height:22px;
- background:url({PortraitURL-96}) -22px -22px;
- background-size:66px;
- }
- #snug .portrait6 {
- float:left;
- width:22px;
- height:22px;
- background:url({PortraitURL-96}) -44px -22px;
- background-size:66px;
- }
- #snug .portrait8 {
- float:left;
- width:22px;
- height:22px;
- background:url({PortraitURL-96}) -22px -44px;
- background-size:66px;
- }
- #snug .title {
- font-family: 'Alice', Times New Roman, serif;
- font-size:80px;
- letter-spacing:-5px;
- text-align:right;
- margin:0px 0px 10px 0px;
- color:{color:Title};
- }
- #snug .title a { color:{color:Title}; }
- #snug .title span { cursor:help; }
- #puck /* individual post */ {
- width: 530px;
- margin:0px 0px 40px 0px;
- }
- #quince .tstamp {
- position:absolute;
- z-index:999;
- background:rgba({RGBcolor:Timestamp Background},0.7);
- color:{color:Timestamp Text};
- text-align:center;
- width:35px;
- height:25px;
- padding:5px 10px 25px 10px;
- -webkit-border-radius: 100px;
- -moz-border-radius: 100px;
- border-radius: 100px;
- margin:10px 0 0 -30px;
- font:12px Alice;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- {block:IfNotTimestamps}display:none;{/block:IfNotTimeStamps}
- }
- #quince .tstamp:hover { background:rgba({RGBcolor:Timestamp Background},0.9); }
- #puck .tstamp { color:{color:Timestamp Text}; }
- #puck .meta {
- margin:18px 0 0 0;
- font-family:'Alice', serif;
- opacity:0.5;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- color:{color:Meta};
- }
- #puck .meta a {
- color:{color:Meta};
- }
- #puck:hover .meta {
- opacity:1;
- }
- #puck .quote {
- font-size:30px;
- font-family:'Alice', serif;
- line-height:30px;
- margin:-10px 0px 20px 0px;
- }
- #puck .title {
- font-size:25px;
- font-family:'Alice', serif;
- line-height:40px;
- }
- #puck .linktitle {
- font-size:25px;
- font-family:'Alice', serif;
- line-height:40px;
- }
- #puck .linktitle:after {
- content:' โ';
- }
- #quince .photo {
- -webkit-box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
- -moz-box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
- box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
- width:500px;
- margin:0px auto 10px auto;
- padding:15px;
- background:{color:Posts Background};
- }
- .paper {
- font: normal 12px {font:Text}, arial, sans-serif;
- padding: 26px 40px 26px 70px;
- position: relative;
- line-height: 20px;
- background: -webkit-gradient(linear, 0 0, 0 100%, from({color:Lines}), color-stop(4%, {color:Posts Background})) 0 4px;
- background: -webkit-linear-gradient(top, {color:Lines} 0%, {color:Posts Background} 8%) 0 24px;
- background: -moz-linear-gradient(top, {color:Lines} 0%, {color:Posts Background} 8%) 0 4px;
- background: -ms-linear-gradient(top, {color:Lines} 0%, {color:Posts Background} 8%) 0 4px;
- background: -o-linear-gradient(top, {color:Lines} 0%, {color:Posts Background} 8%) 0 4px;
- background: linear-gradient(top, {color:Lines} 0%, {color:Posts Background} 8%) 0 4px;
- -webkit-background-size: 100% 20px;
- -moz-background-size: 100% 20px;
- -ms-background-size: 100% 20px;
- -o-background-size: 100% 20px;
- background-size: 100% 20px;
- -webkit-box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
- -moz-box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
- box-shadow: 0 1px 4px rgba({RGBcolor:Posts Shadow},0.2), 0 5px 5px rgba({RGBcolor:Posts Shadow},0.07);
- overflow:auto;
- }
- .paper::before {
- content: '';
- position: absolute;
- width: 2px;
- top: 0;
- left: 40px;
- bottom: 0;
- border: 1px solid;
- border-color: transparent {color:Margin};
- }
- .paper h1,.paper h2 {
- font-size: 16px;
- line-height: 16px;
- margin: 0 0 4px;
- }
- .paper h3,.paper h4,.paper h5 {
- font-size: 14px;
- line-height: 16px;
- margin: 0 0 4px;
- }
- .paper h4,.paper h5 {
- font-weight: normal;
- }
- .paper p { margin: 0 0 20px; }
- .paper p:last-child { margin: 0; }
- .paper ul { margin: 0 0 20px; }
- .paper blockquote { margin:0px 0px 20px -24px;border-left:1px solid #efe4e4;padding:0px 0px 0px 23px;font-style:italic; }
- .nocaption {
- display:none;
- }
- .pagnition {
- font:15px Alice;
- text-align:center;
- margin:0 0 40px 0;
- color:{color:Header Text};
- {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
- }
- .pagnition a { color:{color:Header Text}; }
- .pagnition a:hover { text-decoration:underline;}
- #postnotes ol {
- list-style-type:none;
- margin:0px;
- padding:0px;
- }
- #postnotes {
- font: normal 12px "Lucida Grande", arial, sans-serif;
- line-height: 20px;
- }
- #top-link{ display:none; position:fixed; right:15px; bottom:15px;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid {color:Navigations};-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
- #top-link:hover { border-bottom: 15px solid {color:Navigations Hover}; }
- #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;
- }
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
- </script>
- {block:IfAutoHideDescription}
- <script type="text/javascript">
- $(document).ready(function(){
- $(".draw .description").hide();
- $(".draw .head").click(function(){
- $(this).next(".draw .description").slideToggle('fast');
- }); }); </script>
- {/block:IfAutoHideDescription}
- <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>
- {block:ifinfinitescroll}
- {block:indexpage}
- <script src="http://static.tumblr.com/ihdmiub/Noam2kdyo/jquery.infinitescroll.min.js"></script>
- <script>
- $(function(){
- var $container = $('#quince');
- $container.infinitescroll({
- navSelector : '#page-nav', // selector for the paged navigation
- nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
- itemSelector : '#flute', // 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}
- </head>
- <body>
- {block:IfBackToTopButton}
- <div id="top"></div>
- <a style="border:none;" href="#top"><div id="top-link"></div></a>
- {/block:IfBackToTopButton}
- <!-- start content -->
- <div id="quince">
- <!-- start header -->
- <div id="snug">
- <div class="draw">
- <a class="head">
- {block:IfCrossIcon}
- <div class="hicon">
- <div class="portrait1"></div><div class="portrait2"></div><div class="portrait3"></div><div class="portrait4"></div><div class="portrait5"></div><div class="portrait6"></div><div class="portrait7"></div><div class="portrait8"></div><div class="portrait9"></div>
- </div>
- {/block:IfCrossIcon}
- {block:IfNotCrossIcon}
- <div class="hicon noncross">
- <img src="{PortraitURL-96}" width="66" height="66">
- </div>
- {/block:IfNotCrossIcon}
- <div class="title"><span>{Title}</span></div></a>
- <div class="description">{Description}</div>
- <div id="navigs">
- <a href="/">home</a>
- {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}
- {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><span><span>{/block:iflink1title}
- {block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a><span><span>{/block:iflink2title}
- {block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a><span><span>{/block:iflink3title}
- <a href="http://excolo.tumblr.com">theme</a>
- </div>
- </div>
- </div>
- {block:Posts}
- <!-- start each post -->
- <div id="flute">
- <a href="{Permalink}">
- <div class="tstamp">
- <div style="font-size:25px;margin:-5px 0 -5px 0;">{DayOfMonthWithZero}</div>
- <div style="margin:0 0 -2px; 0;">{ShortMonth}</div>
- <div style="font-size:11px;">{Year}</div>
- </div>
- </a>
- {block:Photo}
- <div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
- {/block:Photo}
- {block:Video}
- <div class="photo">{Video-500}</div>
- {/block:Video}
- {block:Photoset}
- <div class="photo">{Photoset-500}</div>
- {/block:Photoset}
- <div id="puck">
- <div class="paper{block:IndexPage}{block:Photo}{block:IfHideCaptions} nocaption{/block:IfHideCaptions}{/block:Photo}{block:Video}{block:IfHideCaptions} nocaption{/block:IfHideCaptions}{/block:Video}{block:Photoset}{block:IfHideCaptions} nocaption{/block:IfHideCaptions}{/block:Photoset}{/block:IndexPage}">
- {block:Text}
- {block:Title}
- <div class="title"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" class="linktitle" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Video}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:AlbumArt}
- <img src="{AlbumArtURL}" alt="Album art" width="200" align="left" style="padding:0 15px 0 0;" />
- {/block:AlbumArt}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div style="width:200px;overflow:hidden;background:#000;margin:15px 0 0 0;"><div style="width:100px;overflow:hidden;float:left;">{AudioPlayerBlack}</div> <p style="margin:5px 0 0 0;color:#fff;font-size:10px;">click to play</p></div>
- {/block:Audio}
- <div class="meta">
- {block:Date}<a href="{Permalink}">Posted {TimeAgo}</a>{/block:Date}
- <a href="{Permalink}#postnotes">with {NoteCountWithLabel}</a>{block:IndexPage}{block:IfShowTags}<br />
- {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}{/block:IndexPage}
- {block:PermalinkPage}<br />
- {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br />{/block:HasTags}
- {block:RebloggedFrom}{lang:Originally from ReblogRootName 2}<br />{lang:Reblogged from ReblogParentName 2}<br />{/block:RebloggedFrom}
- {block:ContentSource}Sourced from <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
- {/block:PermalinkPage}
- </div>
- </div>
- </div>
- {block:PermalinkPage}
- <div id="puck">
- <div class="paper">
- {block:PostNotes}
- <div id="postnotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- {block:IndexPage}
- <div class="pagnition">
- {block:PreviousPage}<a href="{PreviousPage}">Prevous Page /</a> {/block:PreviousPage}<small><small>Page {CurrentPage} of {TotalPages}</small></small>{block:NextPage} <a href="{NextPage}">/ Next Page</a>{/block:NextPage}
- </div>
- {/block:IndexPage}
- </div>
- {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