Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- // {Thm:Revamp}
- Fresh Air
- by espoirthemes //
- + basic html and css knowledge is required to customize this theme
- + feel free to edit and custom the theme to your liking,
- but don't redistribute, use as a base, or claim as your own
- + please do not move or remove the credit
- Version 2.1
- last updated jul. 2018
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:background" content="" />
- <meta name="image:header" content="https://images.unsplash.com/photo-1508108712903-49b7ef9b1df8?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=e8e408ae0aa57c599eea33bdabc0498b&auto=format&fit=crop&w=1650&q=80" />
- <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Raleway" rel="stylesheet">
- <meta name="color:background" content="#f7f7f7" />
- <meta name="color:posts" content="#fff" />
- <meta name="color:text" content="#222" />
- <meta name="color:links" content="#aaa" />
- <meta name="color:underline" content="#b8cfe0" />
- <meta name="color:border" content="#eee" />
- <meta name="color:scrollbar" content="#eee" />
- <meta name="color:scrollbar background" content="#f8f8f8" />
- <meta name="color:tooltip" content="#000" />
- <meta name="color:tooltip text" content="#fff" />
- <meta name="color:selection background" content="#ddd" />
- <meta name="color:selection text" content="#000" />
- <meta name="color:usernames" content="#b5b4df" />
- <meta name="color:info links" content="cornflowerblue" />
- <meta name="color:current page" content="#fff" />
- <meta name="color:current page text" content="#444" />
- <meta name="color:pagination text" content="#fff" />
- <meta name="color:jump page" content="#529ecc" />
- <meta name="text:notes" content="breaths" />
- <meta name="text:asked" content="shouted" />
- <meta name="text:bullet point" content="+" />
- <meta name="text:tag symbol" content="#" />
- <meta name="if:full background" content="" />
- <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
- <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- });
- }); </script>
- <script>
- $(document).ready(function(){
- $('#press').click(function(){
- $('.panel').toggleClass('active');
- $('#press').toggleClass('sf-apps-o');
- $('#press').toggleClass('sf-cross-o');
- $('.title').toggleClass('open');
- })
- $('#close').click(function(){
- $('.panel').toggleClass('active');
- })
- var targetOffset = $("#container").offset().top - 700;
- var $w = $(window).scroll(function(){
- if ( $w.scrollTop() > targetOffset ) {
- $('header').css({"position":"fixed"});
- $('header').css({"width":"30%"});
- $('.headerimg').css({"width":"60%"});
- $('.headerimg').css({"height":"50%"});
- $('.title').css({"transform":"translate(-20px, 100px)"});
- $('aside').css({"height":"110vh"});
- $('.descr').css({"display":"none"});
- } else {
- $('header').css({"position":"relative"});
- $('header').css({"width":"100%"});
- $('.headerimg').css({"width":"60%"});
- $('.headerimg').css({"height":"80%"});
- $('.title').css({"transform":"translate(0,0)"});
- $('aside').css({"height":"0px"});
- $('.descr').css({"display":"block"});
- }
- });
- });
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- </head>
- <style type="text/css">
- ::selection {
- background: {color:selection background}; /* WebKit/Blink Browsers */color:{color:selection text};
- }
- ::-moz-selection {
- background: {color:selection background}; /* Gecko Browsers */color:{color:selection text};
- }
- ::-webkit-scrollbar {
- width: 10px;
- height:10px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:scrollbar};
- border-radius: 2px;
- }
- ::-webkit-scrollbar-track {
- background:{color:scrollbar background};
- border: 4px solid {color:background};
- }
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop
- { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); filter: invert(100%); opacity:0.8; z-index:99999; top:2px; right:2px;}
- body{
- margin:0;
- background:{color:background} url({image:background})
- {block:iffullbackground} no-repeat center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover; {/block:iffullbackground};
- background-attachment:fixed;
- word-wrap:break-word;
- font-family:Raleway;
- font-size:16.2px;
- color:{color:text};
- line-height:160%;
- overflow-x:hidden;
- }
- a{
- color:{color:links};
- text-decoration:none;
- transition:.6s;
- }
- a:hover {
- color:{color:link hover};
- transition:.6s;
- }
- li {
- list-style:none;
- }
- .posts li:before {
- content:'{text:bullet point} ';
- }
- blockquote{border-left:2px dotted #b5b4df; padding-left:4px;}
- blockquote img{max-width:100%;}
- #container {
- width:70%;
- margin:100px auto;
- position:relative;
- }
- ol.notes {
- line-height:200%;
- }
- .posts, ol.notes{
- width:44%;
- position:relative;
- margin:50vh auto;
- {block:permalinkpage}
- margin:50px auto;
- {/block:permalinkpage}
- break-inside:avoid;
- }
- .posts img {
- max-width:100%;
- box-shadow:6px 6px 40px rgba(0,0,0,.06);
- border-radius:8px;
- }
- .posts iframe {
- box-shadow:6px 6px 40px rgba(0,0,0,.06);
- border-radius:8px;
- }
- .caption {
- position:relative;
- width:calc(100% - 40px);
- margin-top:8px;
- padding:20px;
- background:{color:posts};
- border-radius:8px;
- }
- .reblog-content a {
- border-bottom:2px solid {color:underline};
- }
- .user, .tumblr_blog, .deactivated, .tumblelog, ol.notes .like .action a {
- margin:6px;
- margin-left:20px;
- padding:4px;
- border-radius:4px;
- border:none;
- position:relative;
- background:rgba({RGBcolor:usernames}, .12)
- }
- .user:after, .tumblr_blog:after, .deactivated:after, .tumblelog:after, ol.notes .like .action a:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 8px 13px 8px 0;
- border-color: transparent rgba({RGBcolor:usernames}, .12); /* keep same color as bubble */
- display: block;
- width: 0;
- z-index: 1;
- left: -13px;
- top: 6px;
- }
- h1{ padding:20px; margin-top:2px; font-size:18px; text-align:center; padding-bottom:30px; position:relative;}
- .info {
- position: relative;
- text-align: center;
- transition: .6s;
- padding: 8px;
- }
- .info a {
- color:{color:info links};
- margin:6px;
- }
- .posts:hover .info {
- opacity:1;
- transition:.6s
- }
- .reblob {
- position:absolute;
- opacity:0;
- top:60px;
- right:-60px;
- background:{color:posts};
- transition:.6s;
- font-size:.92em;
- font-size:22px;
- padding:8px 10px 4px 10px;
- border-radius:100%;
- width:20px;
- transform: translate3d(30px,-52px,50px);
- }
- .likey {
- position:absolute;
- opacity:0;
- top:120px;
- right:-60px;
- background:{color:posts};
- transition:.6s;
- font-size:.92em;
- font-size:22px;
- padding:8px 10px 4px 10px;
- border-radius:100%;
- width:20px;
- transform: translate3d(30px,-52px,50px);
- }
- .reblob a {
- color:gray;
- }
- .posts:hover .reblob, .posts:hover .likey {
- transform: translate3d(0px,-52px,0px);
- opacity:1;
- transition:.6s
- }
- .tags {
- position:relative;
- }
- .tag {
- text-align:center;
- font-size:.92em;
- }
- #description {
- left:240px;
- top:100px;
- width:180px;
- position:fixed;
- }
- #description li {
- list-style:none;
- border:1px solid {color:border};
- padding:6px;
- margin:4px 0px 0px 0px;
- background:{color:posts};
- }
- .links_body li:first-child:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 0 15px 15px;
- border-color: {color:posts} transparent;
- display: block;
- width: 0;
- z-index: 1;
- margin-top:-40px;
- left:20%;
- }
- .links_body li:first-child:before
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 0 15px 15px;
- border-color: {color:border} transparent;
- display: block;
- width: 0;
- z-index: 0;
- margin-top:-22px;
- left: 20%;
- }
- #description:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 12px 17px 12px 0;
- border-color: transparent {color:posts};
- display: block;
- width: 0;
- z-index: 1;
- left: -14px;
- top: 23px;
- }
- #description:before
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 12px 17px 12px 0;
- border-color: transparent {color:border};
- display: block;
- width: 0;
- z-index: 0;
- left: -16px;
- top: 23px;
- }
- #sidebar li {
- list-style:none;
- padding:6px;
- margin:2px 0px 0px 0px;
- background:{color:posts};
- }
- .speechbubble
- {
- width:70%;
- position: relative;
- background:#eee;
- left:80px;
- margin: 0;
- font-size:14px;
- padding:20px;
- height: auto;
- background: #FFFFFF;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- border: {color:border} solid 1px;
- }
- .speechbubble:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 12px 17px 12px 0;
- border-color: transparent #FFFFFF;
- display: block;
- width: 0;
- z-index: 1;
- left: -17px;
- top: 23px;
- }
- .speechbubble:before
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 12px 17px 12px 0;
- border-color: transparent {color:border};
- display: block;
- width: 0;
- z-index: 0;
- left: -18px;
- top: 23px;
- }
- .speechbubble2
- {
- position: relative;
- background:#eee;
- font-size:14px;
- text-align:left;
- height: auto;
- background: #FFFFFF;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- border: {color:border} solid 1px;
- width:70%;
- left:30px;
- color:{color:ask post text};
- margin: 0;
- padding:10px;
- text-align:right;
- }
- .speechbubble2:after
- {
- content: '';
- position:absolute;
- border-style: solid;
- border-width: 10px 0 10px 17px;
- border-color: transparent #FFFFFF;
- display: block;
- width: 0;
- z-index: 1;
- right: -17px;
- top: 10px;
- }
- .speechbubble2:before
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 10px 0 10px 17px;
- border-color: transparent {color:border};
- display: block;
- width: 0;
- z-index: 0;
- right: -18px;
- top: 10px;
- }
- #albumart{
- z-index:2;
- width:90px;
- float:left;border-radius:100%;
- height:90px;
- border:1px solid {color:border};
- }
- .playerbox {
- float:left;
- padding:6px;
- }
- #albumart img{
- width:90px;
- height:90px;
- float:left;border-radius:100%;
- border-width:0px; transition:.6s;
- }
- .playerbox:hover #albumart img{
- transition:0.6s;
- transform:rotate(300deg); }
- .player {
- max-width:20px;
- overflow:hidden;
- max-height:40px;
- transform:scale(1.16);
- border-radius:100%;
- top:8px;
- bottom:10px;
- left:0px;
- padding:8px;
- padding-top:6px;
- padding-left:10px;
- padding-bottom:0px;
- border-radius:100%;
- position:absolute;
- }
- .playercon {
- width:56px;
- height:56px;
- border-radius:100%;
- left:0px;
- background:#f2f2f2;
- top:16px;
- position:relative;
- -webkit-transition-duration:500ms;
- -moz-transition-duration:500ms;
- -o-transition-duration:500ms;
- -ms-transition-duration:500ms;
- }
- .infobox {
- float:left top;
- margin-left:120px;
- background-color:transparent;
- padding:14px;
- padding-left:2px;
- max-height:140px;
- color:{color:text};
- }
- .track {
- font-size:16px;
- letter-spacing:2px;
- padding:2px;
- font-weight:300;
- text-transform:uppercase; transition:.6s;
- color:#333;
- }
- .artist {
- letter-spacing:2px;
- padding:2px;
- font-size:14px;
- font-style:italic;
- }
- .album {
- font-size:12px;
- }
- .playcount {
- font-size:12px;
- text-transform:uppercase;
- letter-spacing:3px;
- }
- #audiopost {
- padding:10px;
- border-radius:8px;
- background:{color:posts};
- }
- .linkp{
- font-size:24px; text-align:center;
- }
- .linkp a{text-decoration:none; }
- .linkp:after{
- content:'»';
- transition:.6s; margin-left:2px;
- }
- .linkp:hover:after{
- margin-left:10px;
- transition:.6s;
- color:{color:link};
- }
- .chat {
- padding:5px;
- line-height:150%;
- }
- .chat:nth-of-type(odd) {
- background:{color:text};
- color:{color:posts};
- -webkit-transition:.5s;
- transition:.5s; }
- .chat:nth-of-type(odd) b {
- color:{color:posts};
- -webkit-transition:.5s;
- transition:.5s; }
- .chat:nth-of-type(even) {
- background:{color:posts};
- color:{color:text};
- -webkit-transition:.5s;
- transition:.5s; }
- .chat:nth-of-type(even) b{
- color:{color:text};
- -webkit-transition:.5s;
- transition:.5s; }
- #perma {
- position: absolute;
- letter-spacing: .5px;
- text-transform: lowercase;
- margin-top:0px;
- margin-left:460px;
- z-index:99;
- opacity:0; transition:.6s;
- }
- #perma:before{content:''; position:absolute; width:1px;height:0px; background:{color:border}; margin-left:20px;
- ; top:10px; z-index:-1; transition:.6s; }
- #perma:after {content:''; position:absolute; width:0px;height:1px; background:{color:border}; left:-60px; top:20px; z-index:-1; transition:.6s;
- }
- #perma img {
- border:2px solid {color:border}; margin:6px;
- min-width:30px;
- }
- #perma a {
- border:none;
- }
- .posts:hover #perma{
- opacity:1;
- transition-delay:.6s;
- transition:2s;
- }
- .posts:hover #perma:before{height:50px; transition:.9s; transition-delay:.6s; ; }
- .posts:hover #perma:after{width:100px; transition:.9s;
- }
- #egg { opacity:.8;right:10px; bottom:10px; position:fixed;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
- font-family: "bitxmap";
- border:2px solid #aaa; z-index:99999;
- }
- #egg:hover { animation-name: egg;
- animation-duration: 1s;
- animation-iteration-count: infinite;}
- @keyframes egg{
- 0%{}
- 10%{transform:rotate(20deg)}
- 80%{transform:rotate(-20deg)}
- 100%{}
- }
- header {
- position:fixed;
- width:30%;
- left:0px;
- top:0px;
- height:100vh;
- width:100%;
- height:100vh;
- position:relative;
- z-index:9;
- top:0px;
- margin:0px auto;
- display:flex;
- justify-content:center;
- align-items:center;
- flex-wrap:wrap;
- transition:1s;
- }
- .headerimg {
- width:60%;
- height:50%;
- z-index:9;
- background:url({image:header});
- position:relative;
- background-size:auto 100%;
- box-shadow:6px 6px 40px rgba(0,0,0,.06);
- border-radius:8px;
- width:60%;
- height:80%;
- }
- .title.open {
- opacity:0;
- transition:.6s;
- }
- .title {
- display:none;
- transition:.6s;
- display:block;
- position:absolute;
- margin-left:-22%;
- font-size:2.2em;
- z-index:10;
- font-family:Abril Fatface;
- }
- #press {
- position:absolute;
- color:white;
- right:20px;
- cursor:pointer;
- z-index:99;
- transition:.6s;
- font-size:1.2em;
- top:20px;
- }
- .panel {
- width:calc(100% - 40px);
- padding:20px;
- background:rgba(0,0,0,.18);
- position:absolute;
- height:calc(100% - 40px);
- opacity:0;
- font-family:Raleway!important;
- color:white;
- font-size:1.2em;
- transition:.6s;
- z-index:9;
- }
- .panel a {
- color:white;
- }
- .panel.active {
- opacity:1;
- }
- .panel li{
- list-style:none;
- margin:14px 0;
- padding-left:40px;
- counter-increment: menu;
- }
- .panel li:before {
- content: "0" counter(menu) " ";
- font-family:sans-serif;
- font-size:.8em;
- border-bottom:1px solid {color:underline};
- transform:translate(-24px, 0px);
- position:absolute;
- }
- /** Pagination **/
- #pagination {
- margin: -40px auto 100px auto;
- left: 0;
- right: 0;
- z-index:99999;
- text-align: center;
- position: relative;
- width: 100%;
- display:block;
- }
- #pagination a, .jump_page, .current_page {
- margin: 0 4px;
- display: inline-block;
- width: 40px;
- height: 40px;
- text-align: center;
- background: {color:jump page};
- border-radius: 100%;
- color:{color:pagination text};
- line-height: 42px;
- }
- .currentpage {
- background: {color:jump page};
- color:{color:pagination text};
- padding:10px;
- margin:10px;
- border-radius:30px;
- }
- .current_page {
- background: {color:current page};
- color:{color:current page text};
- }
- </style>
- <body>
- <aside></aside>
- <header>
- <div class="title">{Title}
- <p class="descr" style="font-family:raleway; margin-top:8px; font-size:.52em; width:400px">
- {Description}
- </div>
- <div class="headerimg">
- <div class="button">
- <a id="press" class="sf sf-apps-o"></a>
- <div class="panel">
- <li><a href="/">Home</a></li>
- {block:AskEnabled}
- <li><a href="/ask">Ask</a></li>
- {/block:AskEnabled}
- {block:SubmissionsEnabled}
- <li><a href="/submit">Submit</a> </li>
- {/block:SubmissionsEnabled}
- <li><a href="/archive">Archive</a></li> {Block:HasPages} {block:Pages}<li> <a href="{URL}">{Label}</a></li> {/block:Pages} {/block:HasPages}
- </div>
- </div>
- </div>
- </header>
- <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>
- <div id="container">
- {block:searchpage}<div class="caption">
- {lang:SearchResultCount results for SearchQuery}</div>
- {/block:searchpage}
- {block:NoSearchResults} <div class="caption">
- {lang:No posts containing SearchQuery}</div>
- {/block:NoSearchResults}
- {block:TagPage}<div class="caption">
- {lang:Showing TagResultCount posts tagged Tag}</div>
- {/block:TagPage}
- {block:Posts}<div class="posts">
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Text}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <div class="caption"> {block:NotReblog}
- <figcaption>
- {Body}
- </figcaption>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
- <div class="reblog-header">
- {block:IsActive}
- <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
- <img src="{PortraitURL-64}" style="width:24px; float:left">
- </a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
- <img src="{PortraitURL-64}" style="width:24px; float:left">
- </span>
- {/block:IsDeactivated}
- {block:IsActive}
- <a target="_blank" href="{Permalink}" class="user">{Username}</a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive deactivated">{Username}</span>
- {/block:IsDeactivated}
- </div>
- <div class="reblog-content">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}</div>
- {/block:Text}{block:Photo}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
- {block:Caption}
- <div class="caption"> {block:NotReblog}
- <figcaption>
- {Caption}
- </figcaption>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
- <div class="reblog-header">
- {block:IsActive}
- <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
- <img src="{PortraitURL-64}" style="width:24px; float:left">
- </a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
- <img src="{PortraitURL-64}" style="width:24px; float:left">
- </span>
- {/block:IsDeactivated}
- {block:IsActive}
- <a target="_blank" href="{Permalink}" class="user">{Username}</a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive deactivated">{Username}</span>
- {/block:IsDeactivated}
- </div>
- <div class="reblog-content">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}</div>
- {/block:Caption}
- {/block:Photo}{block:Panorama}
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Panorama}{block:Photoset}
- {Photoset}
- {block:Caption}
- <div class="caption"> {block:NotReblog}
- <figcaption>
- {Caption}
- </figcaption>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
- <div class="reblog-header">
- {block:IsActive}
- <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
- <img src="{PortraitURL-64}" style="width:24px; float:left">
- </a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
- <img src="{PortraitURL-64}" style="width:24px; float:left">
- </span>
- {/block:IsDeactivated}
- {block:IsActive}
- <a target="_blank" href="{Permalink}" class="user">{Username}</a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive deactivated">{Username}</span>
- {/block:IsDeactivated}
- </div>
- <div class="reblog-content">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <big> {Quote} </big>
- <br>
- {block:Source}
- -{Source}
- {/block:Source}<br>
- {/block:Quote}
- {block:Link}
- <div class="caption"> <center>
- <a href="{URL}" class="linkp" target="_blank"> {Name}</a>
- </center> </div>
- {block:Description}<div class="caption">
- {Description}</div> {/block:description}
- {/block:Link}
- {block:Chat}
- {block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h1>{title}</h1></a>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}
- {/block:Chat}
- {block:Video}
- {Video-400}
- {block:Caption}
- <div class="caption"> {block:NotReblog}
- <figcaption>
- {Caption}
- </figcaption>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
- <div class="reblog-header">
- {block:IsActive}
- <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
- <img src="{PortraitURL-64}" style="width:24px; float:left">
- </a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
- <img src="{PortraitURL-64}" style="width:24px; float:left">
- </span>
- {/block:IsDeactivated}
- {block:IsActive}
- <a target="_blank" href="{Permalink}" class="user">{Username}</a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive deactivated">{Username}</span>
- {/block:IsDeactivated}
- </div>
- <div class="reblog-content">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}</div>
- {/block:Caption}
- {/block:Video}
- {block:Audio}
- <div id="audiopost">
- <div class="playerbox">
- <div id="albumart"> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
- <center><div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></center></div>
- <div class="infobox">
- <div class="track"> {block:TrackName}
- {TrackName}
- {/block:TrackName} </div>
- <div class="artist">
- {block:Artist}{Artist}
- {/block:Artist} </div>
- <div class="album">
- {block:Album}
- {Album}
- {/block:Album}
- </div>
- <div class="playcount">
- {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
- </div></div>
- <br>
- {block:Caption}
- <div class="caption"> {block:NotReblog}
- <figcaption>
- {Caption}
- </figcaption>
- {/block:NotReblog}
- {block:RebloggedFrom}
- <div class="reblog-list">
- {block:Reblogs}
- <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
- <div class="reblog-header">
- {block:IsActive}
- <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
- <img src="{PortraitURL-64}" style="width:24px; float:left">
- </a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
- <img src="{PortraitURL-64}" style="width:24px; float:left">
- </span>
- {/block:IsDeactivated}
- {block:IsActive}
- <a target="_blank" href="{Permalink}" class="user">{Username}</a>
- {/block:IsActive}
- {block:IsDeactivated}
- <span class="inactive deactivated">{Username}</span>
- {/block:IsDeactivated}
- </div>
- <div class="reblog-content">
- {Body}
- </div>
- </div>
- {/block:Reblogs}
- </div>
- {/block:RebloggedFrom}</div>
- {/block:Caption}
- {/block:Audio}
- {block:Answer} <br><div class="caption">
- <div class="askerportrait"><img style=" margin-left:0px; position:absolute;" src="{AskerPortraitURL-48}" align="left" /></div><div class="speechbubble">{Asker} {text:asked}: {Question}</div><br>
- {block:Answerer}
- <div class="askerportrait"><img style="right:20px; position:absolute;" src="{AnswererPortraitURL-48}" align="right" /></div><div class="speechbubble2" style="text-align:left;">{Answerer}: {Answer}</div>
- <br>
- {/block:Answerer}
- {block:NotReblog}
- <div class="askerportrait"><img style="right:20px; position:absolute;" src="{PortraitURL-48}" align="right" /> </div><div class="speechbubble2" style="text-align:left">{replies}</div>
- {/block:NotReblog}
- </div>
- {/block:Answer}
- <div class="info">
- {block:Date}
- <a href="{permalink}" title="{timeAgo}">{24HourWithZero}:{Minutes} {CapitalAMPM}</a> <span class="sf sf-cloud-o"></span> <a href="{Permalink}">{NoteCount} {text:notes}</a> {/block:Date}
- </div>
- {block:Date}
- <div class="likey">
- {LikeButton color="gray"}
- </div>
- <div class="reblob">
- <a href="{ReblogURL}" class="sf sf-reblog-o"></a></div> {/block:Date}
- {block:HasTags}<div class="tags"> <div class="tag">{block:tags} <a href="{TagURL}">{text:tag symbol}{Tag}</a>{/block:tags}</div></div> {/block:HasTags}
- </div>
- <!--posts end-->{/block:Posts}
- <center>
- {block:Pagination}
- <div id="pagination">
- {block:previousPage} <span class ="jump_page"><a href="{PreviousPage}"> <span class="sf sf-arrow-left"></span></a></span>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page sf sf-cloud-o"></span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage} <span class="jump_page">
- <a href="{NextPage}"> <span class="sf sf-arrow-right"></span> </a>
- </span>{/block:NextPage}
- </div>
- {/block:Pagination}
- {block:DayPagination}{block:PreviousDayPage}
- <a href="{PreviousDayPage}" class="jump_page">
- <span class="sf sf-arrow-left"></span>
- </a>
- {/block:PreviousDayPage}
- {block:PreviousDayPage}
- <span class="currentpage"> Previous: {ShortMonth} {Dayofmonth} </span>
- {/block:PreviousDayPage}
- {block:NextDayPage}
- <span class="currentpage">Next: {ShortMonth} {Dayofmonth} </span>
- {/block:NextDayPage}
- {block:NextDayPage}
- <a href="{NextDayPage}" class="jump_page">
- <span class="sf sf-arrow-right"></span>
- </a>
- {/block:NextDayPage}{/block:DayPagination}
- {block:PermalinkPagination}
- {block:PreviousPost}
- <a href="{PreviousPost}" class="jump_page"><span class="sf sf-arrow-left"></span></a>
- {/block:PreviousPost}
- {block:NextPost}
- <a href="{NextPost}" class="jump_page"><span class="sf sf-arrow-right"></span></a>
- {/block:NextPost}
- {/block:PermalinkPagination} </center>
- {block:PostNotes} {PostNotes} {/block:PostNotes}
- </div><!--container end-->
- </body>
- </html>
Add Comment
Please, Sign In to add comment