Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- + THIS IS A P L A N T O P I C THEME +
- ----------------------------------------
- PLANTOPIC-THEMES.TUMBLR.COM
- .+*DISTANCE*+.
- 27/05/2015
- >>------------------ > THEME NOTES < --------------------<<
- PLEASE READ THESE BEFORE USING
- >> -------------------------------- <<
- YOU ARE FREE TO USE THIS AS YOU PLEASE AS LONG AS YOU KEEP THE CREDIT.
- REMOVING THE CREDIT FROM THIS THEME WILL NOT CHANGE THE FACT THAT I AM THE ORIGINAL CREATOR AND OWNER. THE CREDIT SHOULD NOT BE A PROBLEM AS IT IS ONLY TINY ON THE BOTTOM RIGHT OF THIS THEME.
- PLEASE DO NOT USE THIS A BASE CODE, TAKE CODE SNIPPETS OR RE-UPLOAD AS YOUR OWN, YOU CAN TWEAK THIS THEME AS YOU LIKE AS LONG AS YOU KEEP THE ORIGINAL CREDIT.
- -->
- <!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">
- <head>
- <link rel="icon" href="{text:favicon url}"/>
- <title>{Title}</title>
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
- <meta name="image:background" content="" />
- <meta name="color:background" content="#fff" />
- <meta name="color:colour" content="#000" />
- <meta name="color:text" content="#000" />
- <meta name="color:link" content="#000" />
- <meta name="color:link hover" content="#888" />
- <meta name="color:photo padding border" content="#000" />
- <meta name="color:photo padding" content="#fff" />
- <meta name="color:box shadow" content="#dfdfdf" />
- <meta name="if:white tumblr controls" content="1"/>
- <meta name="if:show blog title" content="1" />
- <meta name="if:show photo border" content="1" />
- <meta name="if:show photo padding" content="0" />
- <meta name="if:show box shadow" content="0" />
- <meta name="if:sky background" content="1"/>
- <meta name="if:mountain background" content="0"/>
- <meta name="if:one column" content="0"/>
- <meta name="if:two column" content="1"/>
- <meta name="if:sidebar top" content="0"/>
- <meta name="if:sidebar middle" content="0"/>
- <meta name="if:sidebar bottom" content="1"/>
- <meta name="if:show link a" content="1"/>
- <meta name="if:show link b" content="1"/>
- <meta name="if:show link c" content="1"/>
- <meta name="if:show link d" content="1"/>
- <meta name="if:show online counter" content="0"/>
- <meta name="if:show hit counter" content="0"/>
- <meta name="text:ask link" content="/ask" />
- <meta name="text:favicon url" content="" />
- <meta name="text:blog title" content="DISTANCE" />
- <meta name="text:linka url" content="LINK A URL" />
- <meta name="text:linka title" content="LINK A" />
- <meta name="text:linkb url" content="LINK B URL" />
- <meta name="text:linkb title" content="LINK B" />
- <meta name="text:linkc url" content="LINK C URL" />
- <meta name="text:linkc title" content="LINK C" />
- <meta name="text:linkd url" content="LINK D URL" />
- <meta name="text:linkd title" content="LINK D" />
- <meta name="text:online counter" content="online counter" />
- <meta name="text:hit counter" content="hit counter" />
- <meta name="if:show social icons" content="1"/>
- <meta name="if:facebook icon" content="1"/>
- <meta name="if:twitter icon" content="1"/>
- <meta name="if:instagram icon" content="1"/>
- <meta name="if:youtube icon" content="1"/>
- <meta name="if:pinterest icon" content="1"/>
- <meta name="if:soundcloud icon" content="1"/>
- <meta name="text:facebook url" content="http://facebook.com" />
- <meta name="text:twitter url" content="http://twitter.com" />
- <meta name="text:instagram url" content="http://instagram.com" />
- <meta name="text:youtube url" content="http://youtube.com" />
- <meta name="text:pinterest url" content="http://pinterest.com" />
- <meta name="text:soundcloud url" content="http://soundcloud.com" />
- <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
- {block:indexpage}
- {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
- <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#posts');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '.post',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#page-nav',
- nextSelector : '#page-nav a',
- itemSelector : '.post',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#posts').show(500);
- });
- </script>
- {/block:indexpage}
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:0
- }
- );
- });
- })(jQuery);
- </script>
- <style type="text/css">
- @font-face { font-family: "caviar"; src: url('https://copy.com/gkyB9iWsTiLnEgSK'); }
- iframe#tumblr_controls {
- top: 0% !important;
- right:0% !important;
- position: fixed !important;
- {block:ifwhitetumblrcontrols}
- -webkit-filter: invert(100%);
- {/block:ifwhitetumblrcontrols}}
- body{
- font-family: Consolas;
- font-size: 11px;
- color: {color:text};
- background-color: {color:background};
- background-image:url('{image:background}');
- background-attachment: fixed;
- {block:ifskybackground}
- background-image:url('https://copy.com/K1NobwH7ISREyKIj');
- {/block:ifskybackground}
- {block:ifmountainbackground}
- background-image:url('https://copy.com/wdmIlNcvwklVB1cw');
- {/block:ifmountainbackground}}
- #s-m-t-tooltip {
- opacity: 1;
- color: black; /* text colour */
- text-align: center;
- letter-spacing: 1px; /* letter spacing */
- min-width: 10px;
- max-width: 200px;
- overflow: visible;
- position: absolute;
- z-index: 999999999999;
- padding: 3px; /* padding */
- padding-left: 4px;
- margin: -20px 20px 15px 0px;
- border-radius: 0px;
- font-family: Calibri;
- font-size: 10px;
- text-transform: uppercase;
- border-radius: 5px;
- background-color: white;}
- #s-m-t-tooltip:after {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 4px 5px 0;
- display: block;
- width: 0;
- z-index: 1;
- bottom: -4px;
- left: 12px;
- border-color: white transparent;}
- ::-webkit-scrollbar-thumb{
- border-radius: 10px;
- height: 25px;
- width: 11px;
- border: 2px solid {color:background};
- background: {color:colour};}
- ::-webkit-scrollbar {
- width: 9px;
- height: 10px;
- border-left: 4px solid {color:background};
- border-right: 4px solid {color:background};
- background: {color:colour};}
- a {
- color: {color:link};
- text-decoration: none;}
- a:hover {
- -webkit-transition-duration: 0.4s;
- color: {color:link hover};
- font-style: normal;}
- a:active,a:focus {
- outline: 0;}
- #sidebar {
- position: fixed;
- height: auto;
- text-align: right;
- padding: 4px;
- width: 190px;
- z-index: 9999999999999999999999;
- {block:ifsidebartop}
- top: 30px;
- {/block:ifsidebartop}
- {block:ifsidebarmiddle}
- top: 40%;
- {/block:ifsidebarmiddle}
- {block:ifsidebarbottom}
- bottom: 20px;
- {/block:ifsidebarbottom}
- {block:IndexPage}
- {block:ifonecolumn}
- left: 50%;
- margin-left: -370px;
- {/block:ifonecolumn}
- {block:iftwocolumn}
- left: 53%;
- margin-left: -520px;
- {/block:iftwocolumn}
- {/block:IndexPage}
- {block:PermalinkPage}
- left: 50%;
- margin-left: -440px;
- {/block:PermalinkPage}}
- .blogtitle {
- font-family: "caviar";
- font-size: 30px;
- text-align: right:
- color: {color:text};}
- .description {
- text-align: right;
- color: {color:text};
- font-family: Consolas;
- position: relative;
- right: 0px;
- width: 190px;
- height: auto;
- padding: 5px;
- font-size: 10px;}
- #links {
- position: relative;
- left: 0px;
- width: 190px;
- text-align: right;}
- .links a {
- display: inline;
- width: 13px;
- margin: 1px;
- font-family: Consolas;
- text-transform: uppercase;
- font-size: 11px;
- letter-spacing: 3px;
- color: {color:text};
- opacity: 1;
- text-align: center;
- z-index: 9999999999999;}
- .links a:hover{
- font-style: italic;}
- .notes {
- text-align: left;
- padding-right: 5px;
- padding-top: 10px;
- margin-top: 0px;
- font-family: Calibri;
- font-size: 11px;
- letter-spacing: 2px;}
- li.notes {
- float: left;
- width: 400px;
- margin-top: 0px;
- list-style-type: none;}
- li.note {
- float: left;
- text-align: left;
- padding-top: 5px;
- opacity: 1;
- text-transform: uppercase;}
- li.note img.avatar {
- width: 0px;
- height: 0px;
- opacity: 0;}
- .permalink {
- margin-top: 2px;
- margin-bottom: -10px;
- padding: 6px 0px 0px 0px;
- text-align: right;
- word-spacing: 5px;
- font-family: Calibri;
- text-transform: uppercase;
- font-size: 10px;
- line-height: 11px;
- color: {color:links};
- {block:permalinkpage}
- opacity: 0;
- height: 1px;
- width: 1px;
- {/block:permalinkpage}}
- .permalink a{
- color: {color:text};
- letter-spacing: 4px;}
- .permalink a:hover{
- font-style: normal;
- color: {color:link hover};}
- .photoperma {
- position: absolute;
- bottom: -10px;
- left: 21px;
- padding: 0px;
- color: black;
- font-size: 10px;
- font-family: Calibri;
- text-transform: uppercase;
- letter-spacing: 4px;
- list-style: none;
- opacity: 0;
- transition: 0.4s 0s ease-in;}
- .photoperma li {
- float: left;
- width: 250px;
- background-color: white;
- text-align: center;
- margin-bottom: 5px;
- padding-top: 1px;
- padding-bottom: 1px;
- border-bottom: solid 2px {color:colour};}
- .photoperma a{
- color: black;
- text-decoration: none;}
- .photoperma a:hover{
- font-style: normal;
- color: {color:links hover};}
- .post:hover .photoperma{
- bottom: 30px;
- opacity: 0.8;}
- #reblog{
- bottom: 15px;
- right: 20px;
- font-size: 20px;
- color: {color:colour};
- position: fixed;
- z-index:999999999999999;}
- #reblog a{
- color: {color:text};}
- #reblog a:hover{
- color: {color:colour};
- font-style: normal;}
- .headings{
- font-size: 14px;
- text-transform: uppercase;
- line-height 14px;
- letter-spacing: 2px;
- font-family: Calibri;
- color: {color:text};}
- .headings:hover {
- font-style: normal;}
- #posts {
- position: absolute;
- float: left;
- margin-top: 0px;
- {block:IndexPage}
- height: 100%;
- {block:ifonecolumn}
- width: 322px;
- left: 50%;
- margin-left: -161px;
- {/block:ifonecolumn}
- {block:iftwocolumn}
- width: 644px;
- left: 53%;
- margin-left: -322px;
- {/block:iftwocolumn}
- {/block:IndexPage}
- {block:PermalinkPage}
- padding: 15px;
- width: 400px;
- left: 50%;
- margin-left: -213px;
- {block:ifshowboxborder}
- border: 1px solid {color:photo padding};
- background-color: {color:box background};
- {/block:ifshowboxborder}
- {block:ifnotshowboxborder}
- border: 1px solid transparent;
- {/block:ifnotshowboxborder}
- {block:ifnotshowboxborder}
- border: 1px double transparent;
- background-color: transparent;
- {/block:ifnotshowboxborder}
- {block:ifshowboxshadow}
- box-shadow: 4px 5px 2px {color:box shadow};
- {/block:ifshowboxshadow}
- {/block:PermalinkPage}}
- .post {
- {block:indexpage}
- float: left;
- padding: 20px;
- opacity: 1;
- font-size: 10px;
- padding-bottom: 18px;
- width: 250px;
- margin: 15px;
- position: relative;
- font-family: Calibri;
- font-size: 10px;
- color: {color:text};
- {block:ifshowphotopadding}
- border: 1px solid {color:photo padding border};
- background-color: {color:photo padding};
- {/block:ifshowphotopadding}
- {block:ifnotshowphotopadding}
- border: 1px solid transparent;
- {/block:ifnotshowphotopadding}
- {block:ifnotshowphotopadding}
- border: 1px double transparent;
- background-color: transparent;
- {/block:ifnotshowphotopadding}
- {block:ifshowboxshadow}
- box-shadow: 4px 5px 2px {color:box shadow};
- {/block:ifshowboxshadow}
- {/block:indexpage}
- {block:permalinkpage}
- width: 400px;
- {/block:permalinkpage}}
- .post img{
- max-width: 100%;
- {block:ifshowphotoborder}
- border: solid 1px {color:photo padding border};
- {/block:ifshowphotoborder}
- {block:ifnotshowphotoborder}
- border: solid 1px transparent;
- {/block:ifnotshowphotoborder}
- opacity: 100;}
- .quote {
- text-align: right;
- font-size: 13px;}
- .quotesource {
- text-align: left;}
- .chat {
- text-align: right;
- line-height: 11px;}
- .captions { }
- .captions img {
- {block:IndexPage}
- width: 150px;
- height: 100%;
- {/block:IndexPage}
- {block:PermalinkPage}
- max-width: 310px;
- {/block:PermalinkPage}
- }
- .video embed, .video object, .video iframe {
- {block:IndexPage}
- width: 250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 400px;
- {/block:PermalinkPage}}
- .audiopost {
- height: 50px;
- {block:IndexPage}
- width: 250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 400px;
- {/block:PermalinkPage}}
- .albumart {
- position: absolute;
- right: 20px;
- top: 20px;
- width: 50px;
- height: 50px;
- {block:PermalinkPage}
- top: 15px;
- right: 15px;
- {/block:PermalinkPage}}
- .albumart img {
- float: right;
- position: absolute;
- width: 50px;
- height: 50px;}
- .playbox {
- width: 26px;
- height: 26px;
- overflow: hidden;
- position: absolute;
- opacity: 0.7;
- z-index: 99999999999999999999;
- right: 32px;
- top: 32px;
- {block:PermalinkPage}
- top: 25px;
- right: 25px;
- {/block:PermalinkPage}}
- .info {
- padding: 5px;
- line-height: 12px;
- overflow: hidden;
- font-size: 9px;
- text-transform: uppercase;
- text-align: left;
- width: 190px;
- height: 40px;
- {block:PermalinkPage}
- width: 340px;
- {/block:PermalinkPage}}
- .social-icons {
- top: 5px;
- left: 5px;
- width: 43px;
- height: auto;
- background-color: transparent;
- position: fixed;
- z-index: 9999999999999999999;}
- .social-icons a {
- display: block;
- position: relative;
- margin: 5px;
- width: 33px;
- height: 34px;
- opacity: 0.3;
- transition: 0.2s 0.1s ease-in;}
- .social-icons a:hover {
- opacity: 1;}
- </style>
- </head>
- <body>
- <div id="sidebar">
- {block:ifshowblogtitle}
- <div class="blogtitle">{text:blog title}</div>
- {/block:ifshowblogtitle}
- <div class="description">{description}</div>
- <div id="links">
- <div class="links">
- <a href="/">home</a>
- <a href="{text:ask link}">ask</a>
- {block:ifshowlinka}
- <a href="{text:linka url}">{text:linka title}</a>
- {/block:ifshowlinka}
- {block:ifshowlinkb}
- <a href="{text:linkb url}">{text:linkb title}</a>
- {/block:ifshowlinkb}
- {block:ifshowlinkc}
- <a href="{text:linkc url}">{text:linkc title}</a>
- {/block:ifshowlinkc}
- {block:ifshowlinkd}
- <a href="{text:linkd url}">{text:linkd title}</a>
- {/block:ifshowlinkd}
- {block:ifshowonlinecounter}
- {text:online counter}
- {/block:ifshowonlinecounter}
- {block:ifshowhitcounter}
- {text:hit counter}
- {/block:ifshowhitcounter}
- </div>
- </div>
- </div>
- {block:ifshowsocialicons}
- <div class="social-icons">
- {block:iffacebookicon}
- <a href="{text:facebook url}" title="ADD ME ON FACEBOOK">
- <img src="https://copy.com/lFiGpo27hVV9TgmA"></a>
- {/block:iffacebookicon}
- {block:iftwittericon}
- <a href="{text:twitter url}" title="FOLLOW ME ON TWITTER">
- <img src="https://copy.com/fwC40ySejuHnleqr"></a>
- {/block:iftwittericon}
- {block:ifinstagramicon}
- <a href="{text:instagram url}" title="FOLLOW ME ON INSTAGRAM">
- <img src="https://copy.com/0cWJ2fro8Ogi3Wwo"></a>
- {/block:ifinstagramicon}
- {block:ifyoutubeicon}
- <a href="{text:youtube url}" title="SUBSCRIBE TO ME ON YOUTUBE">
- <img src="https://copy.com/K1THkG4VzJ6rKDcY"></a>
- {/block:ifyoutubeicon}
- {block:ifpinteresticon}
- <a href="{text:pinterest url}" title="FOLLOW ME ON PINTEREST">
- <img src="https://copy.com/fG1DvRjoYBlEItYb"></a>
- {/block:ifpinteresticon}
- {block:ifsoundcloudicon}
- <a href="{text:soundcloud url}" title="FOLLOW ME ON SOUNDCLOUD">
- <img src="https://copy.com/pwktHSLm6WeIAIvR"></a>
- {/block:ifsoundcloudicon}
- </div>
- {/block:ifshowsocialicons}
- <div id="posts">
- {block:Posts}
- {block:Text}
- <div class="post">
- <div class="headings">
- {block:Title}{Title}{/block:Title}</div>
- <div class="captions">{Body}</div>
- <div class="permalink">
- <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post">
- {block:IndexPage}
- <div class="photoperma">
- <li><a href="{Permalink}">{NoteCount} NOTES</a></li>
- <br>
- <li><a href="{ReblogURL}" target="_blank">REBLOG</a></li>
- </div>
- <a href="{permalink}"><img src="{PhotoURL-250}" width="250" alt="{PhotoAlt}"/></a>
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}"/> <br>
- {/block:PermalinkPage}
- {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- {block:Indexpage}
- {Photoset}
- <div class="permalink">
- <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
- {/block:Indexpage}
- {block:PermalinkPage}
- {Photoset}
- {/block:PermalinkPage}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post">
- <div class="quote">'<i>{Quote}</i>'</div>
- <div class="quotesource">— {Source}</div>
- <div class="permalink"> <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div></div>
- {/block:Quote}
- {block:Link}
- <div class="post">
- <div class="headings"><a href="{URL}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- <div class="permalink">
- <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div></div>
- {/block:Link}
- {block:Chat}
- <div class="post">
- <div class="chat">{block:Title}{Title}{/block:Title}<br>
- {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
- {/block:Label}{/block:Lines}</div>
- <div class="permalink">
- <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div></div>
- {/block:Chat}
- {block:Video}
- <div class="post">
- {block:IndexPage}
- <div class="video">{Video-250}</div><div class="permalink">
- <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-400}
- {/block:PermalinkPage}</div>
- {/block:Video}
- {block:Answer}
- <div class="post">
- {Asker}: <br> "{Question}" <br><br>
- <div style="text-align: right;">
- <i> {Answer} </i>
- </div>
- <div class="permalink"><a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div></div>
- {/block:Answer}
- {block:Audio}
- <div class="post">
- <div class="audiopost">{block:AlbumArt}
- <div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- <div class="info"><b>Artist:</b>
- <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
- {block:IndexPage}<div class="permalink">
- <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IndexPage}</div>
- {/block:Audio}
- {block:PermalinkPage}
- <div class="notes">
- <div class="captions">{Caption}</div>
- {block:NoteCount} Posted {TimeAgo} with {NoteCount} notes{/block:NoteCount}
- {block:RebloggedFrom}<br>
- Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- <br>
- {block:ContentSource}
- Source: <a href="{SourceURL}">{SourceTitle} </a>
- {/block:ContentSource}
- {PostNotes}
- {/block:PermalinkPage}
- {/block:posts}
- </div></div>
- <div id="reblog">
- <a href="http://plantopic-themes.tumblr.com" title="theme credit">+</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement