Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Plante
- // a revamp of tiny plant
- by espoirthemes //
- + please don't remove the credit
- + you can edit the code as much as you want, without removing credit
- + feel free to ask me any questions about the theme, with the
- exception of asking for major edits
- +enjoy!
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}">
- {/block:Description}
- <link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet">
- <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}">
- <meta name="color:header" content="mediumaquamarine" />
- <meta name="color:sidebar background top" content="mediumaquamarine"/>
- <meta name="color:sidebar background bottom" content="cornflowerblue" />
- <meta name="color:posts" content="#fff" />
- <meta name="color:links" content="mediumaquamarine" />
- <meta name="color:link border" content="mediumaquamarine" />
- <meta name="color:border" content="#eee" />
- <meta name="color:chat odd background" content="mediumaquamarine" />
- <meta name="color:chat odd" content="white" />
- <meta name="color:chat even background" content="cornflowerblue" />
- <meta name="color:chat even" content="white" />
- <meta name="color:ask bubble" content="mediumaquamarine" />
- <meta name="color:ask text" content="#fff" />
- <meta name="color:asker" content="mediumaquamraine" />
- <meta name="color:asker background" content="white" />
- <meta name="color:tag background" content="mediumaquamarine" />
- <meta name="color:tags" content="white" />
- <meta name="color:pagination" content="mediumaquamarine" />
- <meta name="color:current page" content="mediumaquamarine" />
- {PostTypographyStyles}
- <style type="text/css">
- /* Colors */
- body {
- background: {BackgroundColor};
- margin: 0;
- font-family: 'Oxygen', sans-serif;
- font-size: 16px;
- overflow-x:hidden;
- }
- a {
- text-decoration: none;
- color: {color:links};
- }
- header {
- width:100%;
- background: {color:header};
- position:fixed;
- z-index:99;
- padding:0px 0px 0px 0px;
- top: 0px;
- }
- nav {
- width:96%;
- padding:10px;
- position: relative;
- margin:0px auto;
- transform:translate(25%, 0);
- }
- nav li {
- display:inline-block;
- list-style: none;
- margin:14px;
- position: relative;
- }
- nav li a {
- padding:4px 8px;
- border-radius:30px;
- color:white;
- }
- nav li img {
- position:absolute;
- width:60px;
- left:10px;
- border-radius:10px;
- margin-top:-10px;
- }
- aside {
- width:25%;
- min-width:250px;
- top:0px;
- position:fixed;
- z-index:999; text-align:center;
- height:100vh;
- background:linear-gradient({color:sidebar background top}, {color:sidebar background bottom});
- }
- aside img {
- margin:80px 0 0 0;
- width:100px;
- padding:10px;
- border:1px solid rgba(255,255,255,.34);
- border-radius:100%;
- }
- aside .title {
- padding:0px 10px;
- font-size:1.2em;
- font-weight:bold;
- position:relative;
- color:rgba(255,255,255,.9);
- }
- .title:before {
- position:absolute;
- content:'@{Name}';
- margin-top:30px;
- font-weight:normal;
- font-size:.7em;
- width:90%;
- text-align:center;
- }
- .description {
- padding:20px;
- color:rgba(255,255,255,1);
- }
- .cover {
- width:100%;
- height:100%;
- background:rgba(255,255,255,.28);
- }
- .container {
- width:calc(100% - 25%);
- position:relative;
- left:25%;
- margin:100px auto;
- }
- .posts {
- width:50%;
- margin:100px 0px;
- position:relative;
- border-radius:8px;
- background:{color:posts};
- }
- .im {
- overflow:hidden;
- }
- .posts img, .posts iframe {
- max-width:100%;
- border-radius:8px;
- }
- /* Post Captions */
- .caption{
- padding:40px;
- top:0px;
- left:0px;
- transition:.6s;
- background:white;
- }
- .user {
- margin:6px;
- padding:4px;
- border-radius:4px;
- border:none;
- background:rgba({RGBcolor:links}, .12)
- }
- .reblog-header img {
- transform:translate(0,-4px);
- }
- .deactivated:after {
- content:'deactivated';
- position:absolute;
- padding-left:8px;
- opacity:0;
- transition:.4s ease-in-out;
- }
- .deactivated:hover:after {
- opacity:1;
- }
- .postinfo {
- width:100%;
- padding:10px;
- bottom:0px;
- border-top:1px solid #eee;
- line-height:210%;
- background:white;
- }
- .audiocaption{
- padding:10px;
- overflow:auto;
- }
- .answercaption {
- background:white;
- padding:10px;
- }
- /*Ask Posts */
- .question {
- width:100%;
- background:#eee;
- padding:10px;
- max-height:50%;
- }
- .answer {
- padding:10px;
- max-height:40%;
- overflow:auto;
- }
- /*styling for the speech bubble */
- .speechbubble {
- width:calc(70% - 16px);
- position: relative;
- left:80px;
- margin: 0;
- padding:16px;
- height: auto;
- border-radius:8px;
- line-height:150%;
- background: {color:ask bubble};
- color:{color:ask text};
- {block:permalinkpage}
- width:360px;
- {/block:permalinkpage}
- }
- .speechbubble a {
- color:{color:asker};
- background:{color:asker background};
- padding:2px 4px;
- border-radius:8px;
- }
- /* 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:10px;
- line-height:150%;
- border-radius:8px;
- margin:10px;
- }
- .chat:nth-of-type(odd) {
- background:{color:chat odd background};
- color:{color:chat odd};
- width:80%;
- border-bottom-left-radius:0;
- -webkit-transition:.5s;
- transition:.5s; }
- .chat:nth-of-type(odd) b {
- color:{color:chat odd};
- -webkit-transition:.5s;
- transition:.5s; }
- .chat:nth-of-type(even) {
- background:{color:chat even background};
- color:{color:chat even};
- width:80%;
- transform:translate(20%,0);
- border-bottom-right-radius:0px;
- -webkit-transition:.5s;
- transition:.5s; }
- .chat:nth-of-type(even) b{
- color:{color:chat even};
- -webkit-transition:.5s;
- transition:.5s; }
- /* Audio Posts */
- .posts #albumart{
- z-index:2;
- float:left;
- border-radius:100%;
- height:100px;
- border:1px solid {color: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:30px;
- 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:120px;
- background-color:transparent;
- padding:14px;
- padding-left:4px;
- max-height:140px;
- text-align:left;
- color:{color:text};
- }
- .trackname {
- letter-spacing:2px;
- padding:2px;
- font-size:1em;
- font-weight:300;
- color:#333;
- }
- .artist {
- letter-spacing:2px;
- padding:2px;
- }
- .album {
- padding:2px;
- }
- #audiopost {
- padding:20px;
- }
- .socialshare {
- border-radius:30px;
- top:0px;
- padding:10px;
- transition:.4s ease;
- }
- .socialshare li {
- list-style:none;
- margin:2px;
- display:inline-block;
- }
- .socialshare a {
- border:none;
- }
- /* post info */
- .info {
- position:relative;
- border-top:1px solid {color:border};
- padding:10px;
- color:rgba(0,0,0,.4);
- }
- .info a {
- border:none;
- color:rgba(0,0,0,.4);
- }
- /* Tags */
- .tags {
- position:relative;
- line-height:200%;
- opacity:.8;
- padding:10px;
- {block:ifhovertags}
- opacity:0;
- transform:translate(0,10px);
- {/block:ifhovertags}
- }
- .tags a:hover {
- background:transparent;
- color:{color:links};
- }
- .tags a {
- border:none;
- margin:2px;
- border:2px solid {color:link border};
- opacity:.88em;
- background:{color:tag background};
- padding:2px 6px;
- color:white;
- transition:.4s all;
- border-radius:30px;
- }
- @media only screen and (max-width: 768px) {
- /* For mobile phones: */
- .container {
- column-count:1!important;
- }
- .a, .b {
- display:none;
- }
- .posts {
- width:90%!important;
- }
- nav {
- width:94%!important;
- }
- }
- @media only screen and (min-width: 600px) {
- /* For tablets: */
- }
- .post:hover .inf {
- transform: translate3d(0,0,0);
- opacity:1;
- transition:.6s
- }
- .inf {
- position:absolute;
- right:10px;
- }
- .inf svg {
- width:16px;
- height:16px;
- fill:{color:links};
- }
- .inf .like svg {
- width:16px;
- margin-top:6px;
- height:16px;
- fill:{color:likes};
- }
- .inf .like { /* Make a parent element */
- float:right;
- transform:translate(0, -6px);
- }
- .inf .like .like_button { /* Position like button above your custom one */
- position: absolute;
- top: 0;
- margin-top: 6px;
- opacity: 0;
- }
- .inf .like .like_button.liked { /* Keep the functionality active */
- opacity: 1;
- }
- .inf .like:active svg {
- opacity:0;
- }
- .inf a{ color:#555; padding:5.2px; border-radius:8%; text-decoration:none;
- height:14px;
- transition: all .4s ease-in;
- }
- .inf a:hover{ transition:.4s ease-in-out; box-shadow:none; text-shadow:none;
- color:#ccc;
- opacity:.52;
- text-decoration:none;
- }
- ol.notes {
- background:{color:posts};
- padding:10px;
- position:relative;
- width:50%;
- border-radius:8px;
- }
- ol.notes li {
- padding:10px;
- list-style:none;
- border-bottom:1px solid {color:border};
- }
- #search {
- margin-top:20px;
- position:relative;
- }
- #search-scope input,
- #search-scope label {
- cursor: pointer;
- }
- #search form .query {
- border: none;
- border:none;
- outline: none;
- background:none;
- line-height:120%;
- width: 80%;
- margin-left:8%;
- float: left;
- background:none;
- font-size:1em;
- padding:10px 6px;
- opacity:1;
- border:2px solid rgba(255,255,255,.8);
- border-radius:30px;
- color: black;
- }
- ::placeholder {
- color:white;
- }
- #egg { opacity:.8;right:10px; position:fixed;bottom:10px;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:1px solid #777; z-index:4;
- transform:scale(1.12);
- }
- #egg:hover { animation-name: egg;
- animation-duration: 1s;
- animation-iteration-count: infinite;}
- @keyframes egg{
- 0%{}
- 10%{transform:rotate(20deg)}
- 80%{transform:rotate(-20deg)}
- 100%{}
- }
- #pagination {
- margin:50px;
- text-align: center;
- position: relative;
- left:25%;
- width: 44%;
- }
- #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:current page};
- color:#fff;
- opacity:1;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div><span class="sr-only" style="position: absolute !important;
- clip: rect(1px 1px 1px 1px);
- clip: rect(1px, 1px, 1px, 1px);" >theme made by espoirthemes</span></a>
- <header>
- <nav>
- <li> <a href="/">{lang:Home}</a> </li>
- <li> <a href="/ask">Ask</a></li>
- <li> <a href="/archive">{lang:Archive}</a> </li>
- {block:HasPages}{block:Pages} <li> <a href="{URL}">{label}</a> {/block:Pages}{/block:HasPages}
- </nav>
- </header>
- <aside>
- <div class="cover">
- <center><img src="{PortraitUrl-128}"></center> <p>
- <a href="/" class="title">{title}</a>
- <div class="description">
- {Description}
- </div>
- <div id="search">
- <form action="/search" method="get" id="search-form">
- <input type="hidden" name="t" value="{Name}" />
- <input type="text" name="q" class="query" value="{SearchQuery}" placeholder="Search"/>
- <div class="clear"></div>
- </form></div>
- </div>
- </aside>
- <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: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}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/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 -->
- <!-- photo posts -->
- {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}<!-- end photo posts -->
- {block:Panorama}
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {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}
- {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}<!-- 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}
- <h1> <a href="{URL}" style="border:none" class="link" {Target}>{Name}</a></h1>
- {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;"><h1>{title}</h1></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}
- {Video-500}{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}
- <div class="info">
- <center><div class="inf">
- <div class="like">
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- width="369.486px" height="369.486px" viewBox="0 0 369.486 369.486" style="enable-background:new 0 0 369.486 369.486;"
- xml:space="preserve">
- <g>
- <g>
- <path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-159.16c-0.038-0.041-0.076-0.082-0.113-0.123
- C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
- s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
- l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
- l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z M46.295,177.252l138.448,149.219l138.448-149.22
- c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-14.891-31.224-23.09-50.051-23.09
- c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
- l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-23.086S62.039,45.333,48.594,60.22l-2.244,2.484
- C17.828,94.283,17.809,145.65,46.295,177.252z"/>
- </g>
- </g>
- </svg>
- {LikeButton size="15"}
- </div>
- <a href="{ReblogURL}" style="">
- <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 489.935 489.935" style="enable-background:new 0 0 489.935 489.935;" xml:space="preserve">
- <g>
- <path d="M278.235,33.267c-116.7,0-211.6,95-211.6,211.7v0.7l-41.9-63.1c-4.1-6.2-12.5-7.9-18.7-3.8c-6.2,4.1-7.9,12.5-3.8,18.7
- l60.8,91.5c2.2,3.3,5.7,5.4,9.6,5.9c0.6,0.1,1.1,0.1,1.7,0.1c3.3,0,6.5-1.2,9-3.5l84.5-76.1c5.5-5,6-13.5,1-19.1
- c-5-5.5-13.5-6-19.1-1l-56.1,50.7v-1c0-101.9,82.8-184.7,184.6-184.7s184.7,82.8,184.7,184.7s-82.8,184.7-184.6,184.7
- c-49.3,0-95.7-19.2-130.5-54.1c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1c40,40,93.1,62,149.6,62
- c116.6,0,211.6-94.9,211.6-211.7S394.935,33.267,278.235,33.267z"/>
- </g>
- </svg>
- </a></div>
- </center>
- <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:permalinkpage}
- {block:RebloggedFrom}<br> {lang:via} <a href="{ReblogParentURL}"> {ReblogParentName}</a> {lang:source} <a href="{ReblogRootURL}"> {ReblogRootName}</a>
- {/block:RebloggedFrom} {/block:permalinkpage}
- </div> <!-- end info -->
- {/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">Previous Post</a>
- {/block:PreviousPost}
- {block:NextPost}
- <a href="{NextPost}" class="jump_page">Next Post</a>
- {/block:NextPost}
- {/block:PermalinkPagination}
- </div>
- {block:PostNotes} {PostNotes-16} {/block:PostNotes} {/block:Posts}
- </div>
- <div id="pagination">
- {block:Pagination}
- {block:previousPage}<a href="{PreviousPage}" class="jump_page">Prev</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">✘</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">{lang:next}</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>
Add Comment
Please, Sign In to add comment