Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- // Theme
- Bec 2.0
- by espoirthemes //
- + edits to the code are allowed
- + send questions to espoirthemes.com/contact
- + please do not move or remove the credit
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}">
- {/block:Description}
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
- <meta name="color:background" content="mistyrose" />
- <meta name="color:posts" content="#fff" />
- <meta name="color:links" content="crimson" />
- <meta name="color:border" content="#eee" />
- <meta name="color:ask bubble" content="crimson" />
- <meta name="color:ask bubble 2" content="salmon" />
- <meta name="color:ask text" content="#fff"/>
- <meta name="color:hover info background" content="salmon" />
- <meta name="color:hover info icon" content="#fff" />
- <meta name="color:pagination" content="#f57483" />
- <link href="https://fonts.googleapis.com/css?family=Raleway|Shrikhand" rel="stylesheet">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript">
- $(window).load(function() { $("#loading").delay(0).fadeOut();
- })
- </script>
- <style>
- body {
- background:{color:background};
- margin:0;
- font-size:1em;
- font-family:Raleway;
- overflow-x:hidden;
- word-wrap:break-word;
- }
- a {
- text-decoration:none;
- color:{color:links};
- }
- header {
- width:100%;
- padding-top:100px;
- padding-bottom:50px;
- min-height:20vh;
- background:{color:background};
- }
- .title {
- text-align:center;
- font-size:7em;
- color:crimson;
- text-shadow: -2px 2px 0 salmon,
- -4px 4px 0 salmon,
- -6px 6px 0 pink,
- -8px 8px 0 pink;
- font-family:Shrikhand;
- }
- .description, .menu {
- text-align:center;
- width:50%;
- margin:10px auto;
- }
- .menu a {
- border:2px solid {color:links};
- padding:4px 10px;
- border-radius:10px;
- line-height:200%;
- }
- .description {
- padding:20px 40px;
- }
- h1 {
- font-size:2em;
- }
- h2 {
- font-size:1.8em;
- }
- h1, h2 {
- font-family:Shrikhand;
- color:crimson;
- padding:10px 10px 30px 10px;
- border-bottom:1px dotted {color:border};
- text-align:center;
- }
- #con {
- width:60%;
- margin:100px auto;
- column-count:2;
- column-gap:40px;
- }
- article {
- width:90%;
- display:inline-block;
- break-inside:avoid;
- margin:30px auto;
- position:relative;
- border-radius:8px;
- background:{color:posts};
- }
- .posts img, iframe {
- opacity:.8;
- }
- .posts img {
- max-width:100%;
- display:block;
- }
- .caption {
- padding:40px;
- margin:10px 0;
- }
- .tags {
- border-top:1px dotted {color:border};
- padding:15px;
- }
- .tags a {
- opacity:.8;
- margin:0px 4px;
- }
- ol.notes {
- line-height:200%;
- }
- .user, .deactivated, .tumblelog, ol.notes .like .action a {
- margin:6px;
- margin-left:20px;
- padding:4px;
- border-radius:4px;
- border:none;
- position:relative;
- background:rgba({RGBcolor:links}, .12)
- }
- .user: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:links}, .12); /* keep same color as bubble */
- display: block;
- width: 0;
- z-index: 1;
- left: -13px;
- top: 6px;
- }
- .reblog-header img {
- transform:translate(0,-4px);
- }
- .deactivated:before {
- content:'deactivated';
- position:absolute;
- padding-left:8px;
- opacity:0;
- transition:.4s ease-in-out;
- }
- .deactivated:hover:before {
- opacity:1;
- }
- .speechbubble {
- width:calc(70% - 16px);
- position: relative;
- left:80px;
- margin: 0;
- padding:16px;
- border-radius:10px;
- height: auto;
- color:{color:ask text};
- background: linear-gradient(to right, {color:ask bubble}, {color:ask bubble 2});
- {block:permalinkpage}
- width:360px;
- {/block:permalinkpage}
- }
- /* the before and after are the triangle part of the speech bubble */
- .speechbubble:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 12px 17px 12px 0;
- border-color: transparent {color:ask bubble}; /* keep same color as bubble */
- display: block;
- width: 0;
- z-index: 1;
- left: -16px;
- top: 10px;
- }
- /* Chat Posts */
- .chat {
- padding:5px;
- line-height:150%;
- }
- .chat:nth-of-type(odd) {
- background:linear-gradient( to right, {color:links}, {color:header});
- 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:links};
- -webkit-transition:.5s;
- transition:.5s; }
- .chat:nth-of-type(even) b{
- color:{color:links};
- -webkit-transition:.5s;
- transition:.5s; }
- /* Audio Posts */
- .posts #albumart{
- z-index:2;
- float:left;
- border-radius:100%;
- height:100px;
- border:1px solid {color:info border};
- width:100px;
- }
- /* circle inside the album art to make it look like a CD */
- .playerbox {
- float:left;
- padding:6px;
- }
- .posts #albumart img{
- float:left;
- border-radius:100%;
- width:100px;
- height:100px;
- border-width:0px; transition:.6s;
- }
- .playerbox:hover #albumart img{
- transition:0.6s;
- transform:rotate(300deg); }
- .player {
- width:20px;
- overflow:hidden;
- height:40px;
- transform:scale(1.2);
- border-radius:100%;
- top:8px;
- bottom:10px;
- left:4px;
- 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:white;
- top:22px;
- position:relative;
- border:1px solid {color:info border};
- -webkit-transition-duration:500ms;
- -moz-transition-duration:500ms;
- -o-transition-duration:500ms;
- -ms-transition-duration:500ms;
- }
- {/block:permalinkpage}
- .infobox {
- float:left top;
- margin-left:50px;
- background-color:transparent;
- padding:14px;
- padding-left:4px;
- max-height:140px;
- text-align:left;
- color:{color:text};
- }
- .trackname {
- letter-spacing:2px;
- padding:6px;
- font-size:1em; background:rgba({RGBcolor:icon color a}, .48);
- font-weight:300;
- }
- .artist {
- letter-spacing:2px;
- padding:6px;
- background:rgba({RGBcolor:icon color a}, .28);
- }
- .album {
- padding:6px;
- background:rgba({RGBcolor:icon color a}, .08);
- }
- .artist, .album, .trackname {
- border-top-right-radius:30px;
- border-bottom-right-radius:30px;
- padding-left:40px;
- }
- #audiopost {
- width:{text:post size}px;
- {block:permalinkpage}
- width:500px;
- {/block:permalinkpage}
- }
- .hoverinfo {
- position:relative;
- background:{color:hover info background};
- border-top-right-radius:10px;
- border-top-left-radius:10px;
- }
- .partial {
- height:calc(100% - 30px - 1.2em)!important;
- }
- .hoverinfo a {
- color:{color:hover info icon};
- }
- .h {
- color:white;
- font-size:2.4em;
- text-align:center;
- padding:10px 10px 0px 10px;
- }
- .posts:hover .hoverinfo {
- opacity:1;
- }
- #loading {
- position: fixed;
- left: 0px;
- top: 0px;
- width: 100%;
- font-size:28px;
- font-family: "up";
- height: 100%;
- z-index: 9999999;
- background:{color:background};
- {block:TagPage}display:none; {/block:TagPage}
- {block:SearchPage}display:none; {/block:SearchPage}
- }
- #envelope {
- background-color: #fff;
- height: 180px;
- margin: 200px auto;
- perspective: 700px;
- perspective-origin: 50%;
- position: relative;
- transform-style: preserve-3d;
- width: 300px;
- animation: floaty 1s infinite;
- }
- @keyframes floaty {
- 0% {
- transform:translate(0,0);
- }
- 50% {
- transform:translate(0, 12px);
- }
- }
- @keyframes beat{
- 0% {
- transform: scale(1.12);
- }
- 50% {
- transform: scale(1);
- }
- 100% {
- transform: scale(1.12);
- }
- }
- @keyframes floatyy {
- 0% {
- transform: scale(.8) translate(0,0);
- }
- 50% {
- transform: scale(.81) translate(0, 12px);
- }
- 100% {
- transform:scale(.8);
- }
- }
- #flap {
- border-color: #fff transparent transparent;
- border-style: solid;
- border-width: 110px 150px 87px 150px;
- height: 0;
- left: 0;
- position: absolute;
- top: 0;
- transform: rotateX(0) translateZ(10px);
- transform-origin: 50% 0;
- width: 0;
- }
- #front {
- border-color: transparent #fbfbfb #f7f7f7 #fcfcfc;
- border-style: solid;
- border-width: 87px 150px;
- bottom: 0;
- height: 0;
- left: 0;
- position: absolute;
- width: 0;
- }
- .heart{
- position: absolute;
- width: 110px;
- z-index:99999;
- height: 100px;
- margin-left:-50px;
- left:50%;
- animation: floaty 1s infinite;
- transform:scale(.8);
- margin-top:250px;
- }
- .heart:before,
- .heart:after{
- position: absolute;
- content: "";
- left: 50px;
- top: 0;
- width: 50px;
- height: 80px;
- background: #fc2e5a;
- border-radius: 50px 50px 0 0;
- transform: rotate(-45deg);
- transform-origin: 0 100%;
- }
- .heart:after{
- left: 0;
- transform: rotate(45deg);
- transform-origin :100% 100%;
- }
- .wing {
- background:white;
- border-radius: 12px 20px 60px 20px;
- width:120px;
- height:50px; margin-top:260px;
- position:absolute;
- }
- .right {
- margin-left:-60px;
- left:50%;
- animation:flap1 1s infinite;
- border-bottom:3px solid rgba(0,0,0,.08);
- border-radius: 12px 20px 60px 20px;
- transform:rotate(-10deg) translate(250px,0);
- }
- @keyframes flap1 {
- 0% {
- transform:rotate(-10deg) translate(250px,0);
- }
- 50% {
- transform:rotate(-5deg) translate(250px,0);
- }
- }
- @keyframes flap2 {
- 0% {
- transform:rotate(10deg) translate(-248px,0);
- }
- 50% {
- transform:rotate(5deg) translate(-248px,0);
- }
- }
- .left {
- border-radius:12px 20px 20px 60px;
- margin-left:-60px;
- left:50%;
- animation:flap2 1s infinite;
- border-bottom:3px solid rgba(0,0,0,.08);
- transform:rotate(10deg) translate(-248px, 0);
- }
- .right:before {
- position:absolute;
- content:'';
- background:white;
- width:70%;
- height:70%;
- border-bottom:3px solid rgba(0,0,0,.08);
- border-radius: 20px 20px 60px 20px;
- transform:rotate(20deg) translate(-1px,0);
- margin-top:38px;
- }
- .right:after {
- position:absolute;
- content:'';
- background:white;
- width:40%;
- transform:rotate(29deg) translate(-8px,0);
- height:30%;
- border-bottom:3px solid rgba(0,0,0,.08);
- border-radius: 0px 0px 60px 70px;
- margin-top:66px;
- }
- .left:before {
- position:absolute;
- content:'';
- background:white;
- width:70%;
- border-bottom:3px solid rgba(0,0,0,.08);
- transform:translate(46%,0) rotate(-20deg);
- height:60%;
- border-radius:12px 20px 70px 70px;
- margin-top:40px;
- }
- .left:after {
- position:absolute;
- content:'';
- background:white;
- width:40%;
- border-bottom:3px solid rgba(0,0,0,.08);
- height:30%;
- transform:translate(164%,0) rotate(-34deg);
- border-radius:0px 0px 70px 60px;
- margin-top:58px;
- }
- @media screen and (max-width: 1000px) {
- #con {
- width:90%;
- left:0;
- margin:50px auto;
- }
- }
- @media screen and (max-width: 700px) {
- #con {
- column-count:1;
- }
- .posts {
- width:100%;
- }
- }
- #pagination {
- margin:50px;
- text-align: center;
- position: relative;
- {block:permalinkpage}
- transform:translate(-100px,0);
- {/block:permalinkpage}
- }
- #pagination a, .current_page {
- margin: 0 6px;
- display: inline-block;
- width: 40px;
- height: 40px;
- text-align: center;
- background: {color:pagination};
- border-radius: 100%;
- color: #fff; opacity:.6;
- line-height: 42px;
- }
- .current_page {
- background: {color:pagination};
- color:#fff;
- opacity:1;
- }
- .info {
- padding:20px;
- }
- {CustomCSS}
- #egg { opacity:.6;right:10px; bottom:10px; position:fixed;bottom:4px;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%;
- border:2px solid {color:links}; z-index:4;
- }
- #egg:hover { animation-name: egg;
- animation-duration: 1s;
- animation-iteration-count: infinite;}
- @keyframes egg{
- 0%{}
- 10%{transform:rotate(20deg)}
- 80%{transform:rotate(-20deg)}
- 100%{}
- }
- </style>
- </head>
- <body>
- <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>
- <header>
- <div class="title">
- {title}
- </div>
- <div class="description">
- {Description}
- </div>
- <div class="menu">
- <a href="/"><span class="sf sf-heart-o"></span> {lang:Home}</a>
- {block:AskEnabled}<a href="/ask"><span class="sf sf-heart-o"></span> Ask</a> {/block:AskEnabled}
- {block:SubmissionEnabled}<a href="/submit"><span class="sf sf-heart-o"></span> Submit</a>{/block:SubmissionEnabled}
- <a href="/archive"><span class="sf sf-heart-o"></span> {lang:Archive}</a>
- {Block:HasPages}{block:Pages} <a href="{url}"><span class="sf sf-heart-o"></span> {Label}</a>{/block:Pages} {/block:HasPages}
- </div>
- </header>
- <div id="loading">
- <div class="wing right"></div><div class="wing left"></div><div class="heart"></div><div id="envelope"><div id="flap"></div><div id="front"></div></div>
- </div>
- <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>
- <div id="con" class="container">
- {block:Tagpage}
- <article class="posts {block:Answer} answers {/block:answer}"><div class="caption">
- {lang:Showing TagResultCount posts tagged Tag}
- </div></article>
- {/block:tagpage}
- {block:SearchPage}
- <article class="posts"><div class="caption">
- {lang:Showing SearchResultCount results for SearchQuery}
- </div></article>
- {/block:SearchPage}
- {block:DayPage}
- <article class="posts"><div class="caption">
- {lang:Viewing everything posted on Month DayOfMonth Year}
- </div></article>
- {/block:DayPage}
- {block:Posts}<article class="posts">
- {block:indexpage}
- <div class="hoverinfo {block:HasTags} partial {/block:HasTags}">
- <div class="h">
- <a href="{permalink}"><span class="sf sf-beating-heart"></span></a>
- </div></div>
- {/block:indexpage}
- <!-- {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}
- <!-- text post start -->
- {block:Text}
- {block:Title}
- <h2>{Title}</h2>
- {/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} <!-- text post end -->
- {block:Panorama}
- {LinkOpenTag}
- <div class="im"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></div>
- {LinkCloseTag}
- {block:Caption}
- <div class="caption"> {Caption}</div>
- {/block:Caption}
- {/block:Panorama}
- <!-- photo posts -->
- {block:Photo}
- <div class="im"> <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
- {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}<!-- end photo posts -->
- {block:Panorama}
- {LinkOpenTag}
- <div class="im"> <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></div>
- {LinkCloseTag}
- {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:Panorama}
- <!-- photoset posts -->
- {block:Photoset}
- <div class="im"> {Photoset}</div>
- {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}<!-- end photoset -->
- <!-- quote posts -->
- {block:Quote}
- <div class="caption">
- "{Quote}"
- {block:Source}
- <br> -{Source}
- {/block:Source}
- </div>
- {/block:Quote} <!-- end quote posts -->
- <!-- link posts --> {block:Link}
- <h2> <a href="{URL}" style="border:none" class="link" {Target}>{Name}</a></h2>
- {block:Description}
- <div class="caption">{Description}</div>
- {/block:Description}
- {/block:Link}
- <!-- end link posts -->
- {block:Chat}
- <div class="caption">
- {block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h2>{title}</h2></a>{/block:Title}
- {block:Lines} <div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}
- </div>
- {/block:Chat}{block:Video}
- <center>{Video-400}</center>
- {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="trackname"> {block:TrackName}
- Track: {TrackName}
- {/block:TrackName} </div>
- <div class="artist">
- {block:Artist}
- Artist: {Artist}
- {/block:Artist} </div>
- <div class="album">
- {block:Album}
- Album: {Album}
- {/block:Album}
- </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}
- <div class="caption">
- <br>
- <div class="askerportrait"><img style="position:absolute; margin-left:10px" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker} said: {Question}</div> {answer}
- </div>
- {/block:Answer}
- {block:Date}
- {block:permalinkpage}
- <div class="info">
- <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}" title="at {12hour}:{minutes}{AmPM}" >{lang:Posted on DayOfMonth Month Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:RebloggedFrom}<br> {lang:via} <a href="{ReblogParentURL}"> {ReblogParentName}</a> {lang:source} <a href="{ReblogRootURL}"> {ReblogRootName}</a>
- {/block:RebloggedFrom}
- </div> <!-- end info -->
- {/block:permalinkpage}
- {/block:Date}
- {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div> {/block:HasTags}
- </article><!--posts end-->
- <div id="pagination"><!-- navigation for next post and previous post -->
- {block:PermalinkPagination}
- {block:PreviousPost}
- <a href="{PreviousPost}" class="jump_page"><span class="sf sf-arrow-left"></span></a>
- {/block:PreviousPost}
- Choose the next love letter
- {block:NextPost}
- <a href="{NextPost}" class="jump_page"><span class="sf sf-arrow-right"></span></a>
- {/block:NextPost}
- {/block:PermalinkPagination}
- </div>
- {block:IfDisqusShortname}
- <div id="disqus_thread"></div>
- <script type="text/javascript">
- /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
- var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
- var disqus_url = '{Permalink}';
- /* * * DON'T EDIT BELOW THIS LINE * * */
- (function() {
- var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
- dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
- (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
- })();
- </script>
- <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
- <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
- {/block:IfDisqusShortname}
- {block:PostNotes} {PostNotes-16} {/block:PostNotes} {/block:Posts}
- </div>
- <div id="pagination">
- {block:Pagination}
- {block:previousPage}<a href="{PreviousPage}" class="jump_page"> <span class="sf sf-arrow-left"></span></a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page"><span>{CurrentPage}</span></span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}" class="jump_page"><span class="sf sf-arrow-right"></span></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- <center>{block:DayPagination}{block:PreviousDayPage}
- <a href="{PreviousDayPage}" class="jump_page">
- « {ShortMonth} {DayOfMonth}
- </a>
- {/block:PreviousDayPage}{block:NextDayPage}
- <a href="{NextDayPage}" class="jump_page">
- {ShortMonth} {DayOfMonth} »
- </a>
- {/block:NextDayPage}{/block:DayPagination}</center>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement