Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- {MobileAppHeaders}<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
- <meta charset="utf-8">
- <!--
- Ello theme
- created by softwaring.tumblr.com
- download at jubileethemes.tumblr.com
- I've left tags in the CSS to help with customization,
- PLEASE REMEMBER TO INCLUDE YOUR URL IN THE URL BOX!!
- All rules apply, do not steal/copy/take bits of coding etc
- -->
- <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}">
- {/block:Description}
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- <link rel="shortcut icon" href="{Favicon}"/>
- <a href="http://jubileethemes.tumblr.com" style="font: 8px consolas; text-transform: uppercase; position:fixed; top: 5px; left: 5px; z-index: 99999;">theme</a><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
- <!--
- this is used to autoscroll to your posts when ppl come to ur page
- If you wanna redirect to a tag and also to scroll to the post, do
- the /tagged/whatever/#postsection
- -->
- <script type="text/javascript">
- if(location.href == 'http://{text:url}.tumblr.com/') location.replace('http://{text:url}.tumblr.com/#postsection');
- </script>
- <script type="text/javascript">
- if(location.href == 'http://{text:url}.tumblr.com/ask') location.replace('http://{text:url}.tumblr.com/ask/#postsection');
- </script>
- <script type="text/javascript">
- if(location.href == 'http://{text:url}.tumblr.com/submit') location.replace('http://{text:url}.tumblr.com/submit/#postsection');
- </script>
- <meta name="color:background" content="#fff"/>
- <meta name="color:text" content="#000"/>
- <meta name="color:links" content="#000"/>
- <meta name="color:links hover" content="#000"/>
- <meta name="color:header" content="#FAD6AB"/>
- <meta name="color:header background one" content="#FAD6AB"/>
- <meta name="color:header background two" content="#977189"/>
- <meta name="image:header" content=""/>
- <meta name="image:smaller header" content=""/>
- <meta name="if:gradient header" content="0"/>
- <meta name="if:fullsized header image" content="1"/>
- <meta name="if:infinite scroll" content="0"/>
- <meta name="if:shorter header" content="0"/>
- <meta name="if:captions" content="0"/>
- <meta name="if:tags" content="0"/>
- <meta name="text:url" content="username"/>
- <meta name="text:navigation title" content="navigation"/>
- <meta name="text:ask title" content="contact"/>
- <meta name="text:archive title" content="index"/>
- <meta name="text:link 1 title" content="" />
- <meta name="text:link 1 url" content="" />
- <meta name="text:link 2 title" content="" />
- <meta name="text:link 2 url" content="" />
- <meta name="text:link 3 title" content="" />
- <meta name="text:link 3 url" content="" />
- <meta name="text:link 4 title" content="" />
- <meta name="text:link 4 url" content="" />
- <meta name="text:link 5 title" content="" />
- <meta name="text:link 5 url" content="" />
- <meta name="text:link 6 title" content="" />
- <meta name="text:link 6 url" content="" />
- <meta name="select:header img shape" content=" moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;" title="rounded">
- <meta name="select:header img shape" content=" -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;" title="circle">
- <meta name="select:header img shape" content="" title="default">
- <meta name="select:post alignment" content="left: 50%; margin-left: -200px;" title="centered"/>
- <meta name="select:post alignment" content="left: 15%;" title="left"/>
- <meta name="select:post alignment" content="right: 5%;" title="right"/>
- <style>
- /* text selection and scrollbars leave these alone */
- ::-moz-selection{background:black;color:white;text-shadow:none}::selection{background:black;color:white;text-shadow:none}
- ::-webkit-scrollbar-thumb {{block:ifgradientheader}background: {color:header background two};{/block:ifgradientheader}
- {block:ifnotgradientheader}background: {color:header} url({image:header})top left fixed repeat; {block:iffullsizedheaderimage}background-size:cover;
- {/block:iffullsizedheaderimage}{/block:ifnotgradientheader}border: 4px solid {color:background};border-left: none;}
- ::-webkit-scrollbar {background: {color:background};width: 10px;}
- ::-webkit-scrollbar:horizontal {display: none;}
- /* change font and what not here */
- body { font: 12px courier new; letter-spacing: 1px; background: {color:background}; color: {color:text}; }
- /* links */
- a { color: {color:links}; text-decoration:none;}
- a:hover {color:{color:links hover}; }
- /* wrapper and posts */
- #wrapper { width: 400px; margin: auto; }
- #post { width: 400px; margin: 0px auto 150px; }
- #post img { width: 400px;}
- .ft {padding: 10px; font-size: 14px; text-align: right; font-style: italic;}
- .body { padding: 5px; }
- ul { margin: 0; }
- li { list-style:none; margin: 0; }
- blockquote { margin: 0; padding: 5px; }
- .caption { padding: 5px; {block:ifnotcaptions} display:none; {/block:ifnotcaptions} }
- .tags { padding: 5px; {block:ifnottags} display:none; {/block:ifnottags} }
- .low { {block:ifshorterheader} top: 55%; {/block:ifshorterheader} {block:ifnotshorterheader} top: 105%; {/block:ifnotshorterheader} position:absolute; {select:post alignment} }
- .permalink { padding: 10px 5px 0; }
- .permalink a { padding: 0 15px; }
- /* header */
- #sidebar { width: 100%; {block:ifshorterheader} height: 50%; {/block:ifshorterheader} {block:ifnotshorterheader} height: 100%; {/block:ifnotshorterheader} top: 0px; left: 0px; display:inline-flex; display: -webkit-flex; {block:ifgradientheader} background-image: -ms-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
- background-image: -moz-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
- background-image: -o-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
- background-image: -webkit-gradient(linear, left top, right top, color-stop(0, {color:header background one}), color-stop(1, {color:header background two}));
- background-image: -webkit-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
- background-image: linear-gradient(to right, {color:header background one} 0%, {color:header background two} 100%);{/block:ifgradientheader}
- {block:ifnotgradientheader}background: {color:header} url({image:header})top left fixed repeat; {block:iffullsizedheaderimage}background-size:cover;{/block:iffullsizedheaderimage}{/block:ifnotgradientheader}position:absolute; }
- .top { margin: auto; width: 400px; text-align: center; }
- .bottom { width: 100%; height: 20px; left: 0px; position:absolute; {block:ifshorterheader} top: 50%; {/block:ifshorterheader} {block:ifnotshorterheader} top: 100%; {/block:ifnotshorterheader} {block:ifgradientheader} background-image: -ms-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
- background-image: -moz-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
- background-image: -o-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
- background-image: -webkit-gradient(linear, left top, right top, color-stop(0, {color:header background one}), color-stop(1, {color:header background two}));
- background-image: -webkit-linear-gradient(left, {color:header background one} 0%, {color:header background two} 100%);
- background-image: linear-gradient(to right, {color:header background one} 0%, {color:header background two} 100%); background-attachment:fixed;{/block:ifgradientheader}{block:ifnotgradientheader}background: {color:header} url({image:header})top left fixed repeat; {block:iffullsizedheaderimage}background-size:cover;{/block:iffullsizedheaderimage}{/block:ifnotgradientheader} text-align: center; color: transparent; }
- .bottom a { color: transparent; }
- /* smaller header */
- .head { width: 400px; margin: 0 0 150px 0px; }
- .info { padding: 15px; text-align: justify; }
- .links { padding: 5px 0; opacity: 0.7; }
- h1 { margin: 0; }
- /* post sider */
- .side { position:absolute; text-align: center; margin-top: 0px; margin-left: -105px; width: 85px; opacity: 0;text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
- /* post titles */
- h2 { font: 14px consolas; margin: 0 0 25px; text-transform: uppercase; }
- #post:hover .side { opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
- /* pop up links and askbox */
- .linkbox, .askbox { display:none; margin: auto; width: 400px; text-align: center; }
- .pagenotes img { display:none; }
- {CustomCSS}
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
- <script>
- // MADE BY SOFTWARING
- $(document).ready(function() {
- $(".ask").click(function() {
- $(".askbox").fadeToggle();
- $(".linkbox").hide();
- }); // SOFTWARING
- $(".link").click(function() {
- $(".linkbox").fadeToggle();
- $(".askbox").hide();
- }); });
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/mqkrxog/R05n9k05f/masonry.js"></script>
- </head><body>
- <div id="sidebar"><div class="top">
- <div class="linkbox">
- <h2>{text:navigation title}</h2>
- refresh {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} {block:iflink4title}• <a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4title} {block:iflink5title}• <a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5title} {block:iflink6title}• <a href="{text:link 6 url}">{text:link 6 title}</a>{/block:iflink6title}
- </div>
- <div class="askbox">
- <h2>{AskLabel}</h2>
- <iframe frameborder="0" scrolling="no" width="100%" height="260" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
- </div>
- </div>
- </div>
- <div class="bottom">
- <a name="postsection">{title}</a>
- </div>
- <div class="low">
- <div class="head">
- <img src="{image:smaller header}" style="max-width:128px; max-height:128px; margin-right: 2.125em; overflow:hidden; float: left; {select:header img shape}">
- <div class="info">
- <a href="/"><h1>@{title}</h1></a>
- <div class="links">
- <a href="#" class="link">{text:navigation title}</a>
- • <a href="#" class="ask">{text:ask title}</a>
- • <a href="/archive">{text:archive title}</a>
- </div>
- {description}
- </div>
- </div>
- <div id="wrapper">
- {block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <div id="post">
- <div class="side">
- <div class="avatar">{block:RebloggedFrom}<img src="{ReblogRootPortraitURL-64}" style="width: 64px; {select:header img shape}"/> {/block:RebloggedFrom}
- <a href="{ReblogURL}" target="_blank" class="details" style="margin-top: 23px; position:absolute; margin-left: -60.5px; color:{color:background}; font: 16px consolas;
- -webkit-text-stroke: 0.5px {color:text};"><b>reblog</b></a>
- </div>
- </div>
- {block:Text}
- {block:Title}<div class="ft">{title}</div>{/block:Title}
- <div class="body">{body}</div>
- {/block:Text}
- {block:Link}
- <div class="ft"><a href="{URL}" class="link" {Target}>{Name}</a></div>
- {block:Description}
- <div class="body">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Quote}
- <div class="ft">{Quote}</div>
- {block:Source}
- <div class="body">— {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Photo}<center>
- {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
- {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
- {block:IndexPage}</a>{/block:IndexPage}</center>
- {/block:Photo}
- {block:Chat}
- <div class="body">
- {block:Title}
- {Title}
- {/block:Title}
- {block:Lines}
- {block:Label}
- <div class="ft">{Label}</div>
- {/block:Label}
- <div class="line">
- <li>{Line}</li></div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Video}
- {Video-400}
- {/block:Video}
- {block:Photoset}
- {Photoset-400}
- {/block:Photoset}
- {block:Audio}
- <div style="padding: 10px; background: black; color: white;"><center>
- {block:AlbumArt}<img src="{AlbumArtURL}" style="width: 380px;">{/block:AlbumArt}
- {AudioPlayerBlack}
- {block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</center>
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="ft">
- {Question}
- <p align="right" style="margin: 0px;padding:2px;">— {Asker}</p>
- </div>
- {Answer}
- {/block:Answer}
- {block:IndexPage}
- {block:caption}<div class="caption">{Caption}</div>{/block:caption}
- <div class="permalink">
- ~{12HourWithZero}:{Minutes} <a href="{Permalink}/#postsection"><i class="fa fa-eye"></i> {NoteCount}</a> <a href="{Permalink}/#postsection"><i class="fa fa-ellipsis-h"></i> i</a> </div>
- <div class="tags">
- {block:HasTags}{block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}{block:date}
- <div style="padding: 25px;"> {Caption} </div>
- Posted {TimeAgo} with {NoteCountWithLabel}<br>{block:HasTags}Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
- {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}{/block:date}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- {block:ifnotinfinitescroll}<div id="post" style="padding-bottom: 10px; text-align: center; text-transform: uppercase;">{block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">past</a> {/block:PreviousPage}{block:JumpPagination length="5"}{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}">forward</a> {/block:NextPage}{/block:Pagination}<br><a href="http://jubileethemes.tumblr.com">theme by jubilee</a></div>{/block:ifnotinfinitescroll}
- {block:ifinfinitescroll}
- {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a>{/block:NextPage}
- {/block:ifinfinitescroll}
- </div></div></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement