Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- // Foudre
- by espoirthemes //
- + please do not claim as your own or redistribute
- + you may edit the code as long as you keep the credit visible
- + questions about this theme can be sent to help@espoirthemes.com
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <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}
- <link href='http://fonts.googleapis.com/css?family={text:Google Font}' rel='stylesheet' type='text/css'>
- <meta name="image:background" content="" />
- <meta name="color:background" content="#f4f4f4" />
- <meta name="color:text" content="#000" />
- <meta name="color:links" content="#222" />
- <meta name="color:link underline" content="#222" />
- <meta name="color:link hover" content="#eee" />
- <meta name="color:reblog button" content="#444" />
- <meta name="color:like button" content="#444" />
- <meta name="color:posts" content="#fff" />
- <meta name="color:sidebar" content="#fff" />
- <meta name="color:description" content="#f6f6f6" />
- <meta name="color:border" content="#dedede" />
- <meta name="color:scrollbar" content="#222" />
- <meta name="color:scrollbar background" content="#ccc" />
- <meta name="color:ask bubble" content="#eee" />
- <meta name="color:ask bubble text" content="#aaa" />
- <meta name="text:link1" content="01" />
- <meta name="text:url1" content="/" />
- <meta name="text:link2" content="02" />
- <meta name="text:url2" content="/" />
- <meta name="text:link3" content="03" />
- <meta name="text:url3" content="url3" />
- <meta name="text:link4" content="04" />
- <meta name="text:url4" content="url4" />
- <meta name="text:Google Font" content="Roboto" />
- <meta name="if:full background" content="" />
- <meta name="if:rounded corners" content="" />
- <meta name="if:post shadow" content="" />
- <meta name="if:round search bar" content="" />
- <meta name="if:no hover tags" content="" />
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- }); }); </script>
- <style type="text/css">
- .links_head { cursor:pointer; margin:2px auto; padding:2px;}
- .links_body { text-align:left; display:none;margin:2px; position:relative; font-size:.9em; max-height:200px; overflow:auto;border-top:1px dotted {color:border}; padding:4px; }
- .links_body li {
- list-style:none;
- margin:0px auto;
- }
- </style>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style>
- #s-m-t-tooltip{
- max-width:300px;
- margin-top:-50px;
- margin-left:-20px;
- border:2px solid white;
- box-shadow: 0px 0px 0px 2px #000;
- font-family:verdana;
- padding:5px 5px;
- background:#000;
- color:white;
- z-index:99999999;
- font-size:.9em;
- }
- #s-m-t-tooltip:after{
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 8px 10px 0;
- border-color: #000 transparent;
- display: block;
- width: 0;
- z-index: 1;
- bottom: -10px;
- left: 10%;}
- </style>
- </head>
- <style type="text/css">
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
- border:1px solid {color:border};
- background:{color:posts};
- border-top:none;
- padding:4px;
- }
- ::selection {
- background:#eee;
- color:#222;
- transition:.6s;
- }
- 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-size:1em;
- font-family:{text:Google Font}, sans-serif;
- }
- li {
- list-style:circle;
- }
- ::-webkit-scrollbar {
- width: 14px;
- height:6px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color:scrollbar};
- border:6px solid {color:background};
- border-top:2px solid {color:background};
- border-bottom:2px solid {color:background};
- cursor:pointer;
- border-radius: 8px;
- }
- ::-webkit-scrollbar-track {
- background:{color:scrollbar background};
- border: 6px solid {color:background};
- border-top:10px solid {color:background};
- border-bottom:10px solid {color:background};
- }
- a{
- color:{color:links};
- transition:.6s;
- }
- a:hover {
- color:{color:link hover};
- transition:.6s;
- }
- .text{padding:10px;
- }
- .text a {
- text-decoration:none;
- border-bottom:1px solid {color:link underline};
- }
- .captiontext {
- padding:40px 40px 10px 40px;
- position:relative;
- }
- .caption {
- top:0px;
- opacity:0;
- height:100%;
- overflow:auto;
- width:100%;
- position:absolute;
- transition:.8s;
- color:#fefefe;
- }
- .caption a {
- color:#f9f9f9;
- }
- .posts:hover .caption{
- background: rgba(0, 0, 0, .32);
- opacity:1;
- transition:.8s;
- }
- .captiontext blockquote {
- border-color:#eee;
- }
- blockquote{
- border-left:1px solid {color:border};
- padding-left:4px;
- margin:10px;
- }
- blockquote img{
- max-width:100%;
- }
- #container {
- width:600px;
- margin:10px auto;
- }
- .posts{
- margin:100px auto 120px auto;
- width: 400px;
- position:relative;
- border:1px solid {color:border};
- background-color:{color:posts};
- {block:IndexPage}
- animation-name:fade;
- opacity:0;
- animation-duration:2s;
- animation-iteration-count:1;
- animation-fill-mode:forwards;
- {/block:IndexPage}
- {block:ifroundedcorners}
- border-radius:4px;
- {block:ifroundedcorners}
- {block:ifpostshadow}
- box-shadow:10px 10px rgba(0,0,0,.074);
- {/block:ifpostshadow}
- }
- .posts img {
- display:block;
- max-width:100%;
- {block:ifroundedcorners}
- border-radius:4px;
- {block:ifroundedcorners}
- }
- @keyframes fade {
- 0% {
- opacity:0;
- transform:translate(0px, -200px);
- }
- 100% {
- opacity:1;
- transform:translate(0,0);
- }
- }
- #side {
- position:fixed;
- width:280px;
- padding:10px;
- top:100px;
- margin-left:-250px;
- background:{color:sidebar};
- border:1px solid {color:border};
- {block:ifroundedcorners}
- border-radius:4px;
- {block:ifroundedcorners}
- }
- #sidebar {
- border:1px solid {color:border};
- position:relative;
- margin-left:100px;
- padding:10px;
- background:{color:description};
- {block:ifroundedcorners}
- border-radius:4px;
- {block:ifroundedcorners}
- }
- #sidebar:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 12px 15px 12px 0;
- border-color: transparent {color:description};
- display: block;
- width: 0;
- z-index: 1;
- left: -15px;
- top: 20px;
- }
- #sidebar:before
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 12px 15px 12px 0;
- border-color: transparent {color:border};
- display: block;
- width: 0;
- z-index: 0;
- left: -16px;
- top: 20px;
- }
- .sidebarimage img {
- width:60px;
- transform:translate(-100px, -10px);
- position:absolute;
- border:1px solid {color:border};
- }
- h1{ padding:10px; font-size:1.2em; text-align:center; border-bottom:1px solid {color:border};}
- .info{
- padding:10px 0px;
- text-align:center;
- position:absolute;
- {block:ifpostshadow}
- margin-top:8px;
- {/block:ifpostshadow}
- }
- .info a{ margin:0 2px; text-decoration:none; }
- .im {
- background:{color:background};
- {block:ifroundedcorners}
- border-radius:4px;
- {block:ifroundedcorners}
- }
- .speechbubble
- {
- width:250px;
- position: relative;
- background:#eee;
- left:80px;
- margin: 0;
- border-radius:4px;
- font-size:14px;
- padding:20px;
- height: auto;
- background: #fff;
- border: {color:border} solid 1px;
- }
- .speechbubble:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 12px 17px 12px 0;
- border-color: transparent #fff;
- display: block;
- width: 0;
- z-index: 1;
- left: -17px;
- top: 12px;
- }
- .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:12px;
- }
- #albumart{
- z-index:2;
- width:120px;
- float:left;border-radius:100%;
- height:120px;
- border:1px solid {color:border};
- }
- .playerbox {
- float:left;
- padding:6px;
- }
- #albumart img{
- width:120px;
- height:120px;
- float:left;border-radius:100%;
- 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:30px;
- position:relative;
- border:1px solid {color:border};
- -webkit-transition-duration:500ms;
- -moz-transition-duration:500ms;
- -o-transition-duration:500ms;
- -ms-transition-duration:500ms;
- }
- .infobox {
- float:left top;
- margin-left:90px;
- background-color:transparent;
- padding:14px;
- padding-left:2px;
- max-height:140px;
- text-align:center;
- color:{color:text};
- }
- .track {
- letter-spacing:2px;
- padding:8px 10px;
- margin-left:-14px;
- font-size:1em;
- border-bottom:1px solid {color:border};
- font-weight:300;
- text-transform:uppercase; transition:.6s;
- color:#333;
- }
- .artist {
- letter-spacing:2px;
- padding:2px;
- font-style:italic;
- }
- .album {
- font-size:.9em;
- }
- .playcount {
- font-size:.8em;
- text-transform:uppercase;
- letter-spacing:3px;
- }
- #audiolo {
- width:400px;
- }
- .linkp{
- font-size:24px;
- position:relative;
- text-align:center;
- background:{color:description};
- padding:6px;
- border-radius:4px;
- border:1px solid {color:border};
- }
- .linkp a{text-decoration:none; border-bottom:{color:border}; }
- .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; }
- .inf{
- font-size:13.2px;
- font-family:consolas;
- position:absolute;
- padding:4px;
- width:98%;
- text-align:left;
- margin-top:4px;
- position:relative;
- opacity:0;
- text-align:right;
- float:right;
- transition:.6s;
- transform: translate3d(0px,50px,0px);
- }
- .posts:hover .inf {
- transform: translate3d(0,0,0);
- {block:ifpostshadow}
- transform:translate3d(0,8px, 0);
- {/block:ifpostshadow}
- opacity:1;
- transition:.6s
- }
- .inf svg {
- width:16px;
- height:16px;
- fill:{color:reblog button};
- }
- .inf .like svg {
- width:16px;
- opacity:.4;
- margin-top:6px;
- height:16px;
- fill:{color:like button};
- }
- .inf .like { /* Make a parent element */
- position: absolute;
- right:10px;
- }
- .inf .like .like_button { /* Position like button above your custom one */
- position: absolute;
- top: 0;
- margin-top: 4px;
- margin-left:-2px;
- opacity: 0;
- }
- .inf .like .like_button.liked { /* Keep the functionality active */
- opacity: 1;
- }
- .inf a{ color:{color:reblog button}; padding:5.2px; border-radius:8%; text-decoration:none;
- opacity:.4;
- height:14px;
- transition: all .4s ease-in;
- }
- .inf li {
- list-style:none;
- display:inline-block;
- padding:2px;
- border-radius:100%;
- border:1px solid {AccentColor};
- }
- .inf a:hover{ transition:.4s ease-in-out; box-shadow:none; text-shadow:none;
- color:#ccc;
- opacity:.52;
- text-decoration:none;
- }
- .sourcevia {
- position:absolute;
- right:-60px;
- }
- .sourcevia li {
- width:40px;
- border-radius:8px; transform:translate(20px, 0px);
- margin:8px;
- opacity:0;
- list-style:none;
- transition:.6s;
- }
- .sourcevia li:nth-child(2) {
- transition-delay:.4s;
- }
- .posts:hover .sourcevia li:nth-child(2) {
- transition-delay:.4s;
- }
- .sourcevia img {
- width:36px;
- border-radius:6px;
- }
- .posts:hover .sourcevia li{
- opacity:1;
- transform:translate(0,0);
- transition:.6s;
- }
- .tags {
- opacity:.6;
- right:-220px;
- width:200px;
- position:absolute;
- opacity:0;
- transition:.6s;
- bottom:10px;
- transform:translate(50px, 0px);
- {block:ifnohovertags}
- opacity:1;
- transform:translate(0,0);
- {/block:ifnohovertags}
- }
- .posts:hover .tags {
- opacity:1;
- transition:.6s;
- transform:translate(0,0);
- }
- .tags a {
- border:none;
- text-decoration:none;
- }
- .jump_page {
- padding: 4px 8px;
- border:1px solid {color:border};
- background:{color:posts};
- color:{color:text};
- font-size:1em;
- text-decoration:none;
- }
- .current_page {
- padding: 4px 8px;
- border:1px solid {AccentColor};
- background:{color:posts};
- color:{color:text};
- font-size:1em;
- text-decoration:none;
- }
- #egg { opacity:.8;left: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%;
- font-family: "bitxmap";
- border:1px solid #444; 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%{}
- }
- ol.notes {
- margin:auto;
- position:relative;
- width:400px;
- animation-name: Up 4s;
- list-style:none;
- padding:none;
- animation-iteration-count:1;
- animation-fill-mode:forwards;
- }
- ol.notes li {
- border:1px solid {color:border};
- list-style:none;
- padding:10px;
- padding-left:none;
- width:100%;
- transform:translate(-30px, 0px);
- margin:10px 0px;
- background-color:{color:posts};
- }
- ol.notes img {
- margin:0px 10px 0px 0px;
- border-radius:4px;
- }
- ol.notes .like:before {
- background:#D95E40 url(http://static.tumblr.com/svdghan/hNCo953tc/like_bt.png);
- content:'';
- width:16px;
- height:16px;
- float:right;
- background-repeat:no-repeat;
- padding:1px;
- background-size:17px 18px;
- border-radius:100%;
- }
- ol.notes .reblog:before {
- content:'';
- background-repeat:no-repeat;
- padding:1px;
- float:right;
- background:#56bc8a url(http://static.tumblr.com/svdghan/N3Ho953ts/reblog_white.png);
- width:16px;
- height:16px;
- border-radius:100%;
- background-size:17px 18px;
- }
- ol.notes .reblog.original_post:before {
- background:{color:posts};
- width:16px;
- height:16px;
- padding:1px;
- float:right;
- border:1px solid transparent;
- content:'';
- }
- .menu {
- padding:10px;
- }
- .menu a {
- text-decoration:none;
- }
- .menu li {
- list-style:none;
- font-size:1.12em;
- padding:2px;
- }
- .menu i {
- border-right:1px solid {color:border};
- padding:3px 2px 2px 2px; background:{AccentColor};
- }
- .menu li:hover i {
- }
- .menu li:hover{
- transition:.6s;
- }
- .menu li:after {
- content:' โบ';
- float:right;
- transform:translate(0px, 0);
- transition:.6s;
- }
- .links_head:after{
- content:'';
- }
- .menu li:hover:after{
- transform:translate(4px,0);
- transition:.6s;
- }
- .menu li:last-child:after {
- content:'';
- }
- .links_body li:after {
- content:'';
- }
- .title a{
- font-family:{TitleFont};
- color:{TitleColor};
- font-size:1.2em;
- padding:10px;
- text-decoration:none;
- }
- .clear {
- clear: both;
- height: 0px;
- overflow: hidden;
- }
- .search {
- background: #eee;
- border: 1px solid {color:Background};
- }
- .search-scope {
- font-size: 12px;
- text-align: center;
- }
- #search-scope input,
- #search-scope label {
- cursor: pointer;
- }
- #search form {
- margin: 0;
- position:relative;
- z-index:9999;
- }
- #search form .query {
- border: none;
- border:1px solid {color:border};
- outline: none;
- background:none;
- line-height:120%;
- width:90%;
- float: left;
- background:{color:description};
- font-size:1em;
- padding:10px;
- {block:ifroundedcorners}
- border-radius:4px;
- {block:ifroundedcorners}
- {block:ifroundsearchbar}
- border-radius:30px;
- {/block:ifroundsearchbar}
- color: black;
- }
- #egg { opacity:.8;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%;
- font-family: "bitxmap";
- border:1px solid #444; 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%{}
- }
- {CustomCSS}
- </style>
- <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>
- <div id="container">
- <div id="side">
- <div id="sidebar">
- <div class="sidebarimage"> <a href="/"><img src="{PortraitURL-128}"></div></a>
- <div style="overflow:auto; max-height:100px">
- {Description}
- </div> </div>
- <br>
- <div class="title"> <a href="/"> {Title}</a></div>
- <div class="menu">
- <li><a href="/">{lang:Home}</a></li>
- {block:AskEnabled}
- <li><a href="/ask">{AskLabel}</a></li>
- {/block:AskEnabled}
- {block:SubmissionsEnabled}
- <li><a href="/submit">{SubmitLabel}</a> </li>
- {/block:SubmissionsEnabled}
- <li><a href="/archive">{lang:Archive}</a></li>
- <li><div class="links_list">
- <p class="links_head"><a title="click for links"><a>{lang:Pages}</a></p>
- <div class="links_body"><center><div style="text-align:left;"><blockquote>
- {block:HasPages} {block:Pages}<li>
- <a href="{URL}">{Label}</a></li>
- {/block:Pages} {/block:HasPages}
- <li><a href="{text:url1}">{text:link1}</a></li>
- <li><a href="{text:url2}">{text:link2}</a></li>
- <li><a href="{text:url3}">{text:link3}</a></li>
- <li><a href="{text:url4}">{text:link4}</a></li></blockquote>
- </center>
- </div></div>
- </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>
- </div>
- <div class="entries">
- {block:SearchPage}<div class="posts" style="padding:10px;">
- {lang:SearchResultCount results for SearchQuery}
- {block:NoSearchResults}
- {lang:Sorry no results for SearchQuery}
- {/block:NoSearchResults}
- </div>
- {/block:SearchPage}
- {block:TagPage}
- <div class="posts" style="padding:10px">{lang:Showing TagResultCount posts tagged Tag}
- </div>
- {/block:TagPage}
- {block:Posts}<div class="posts">
- <div class="sourcevia">
- {block:RebloggedFrom}
- <li>
- <a href="{ReblogRootURL}" title="{lang:Source}: {ReblogRootName}"><img src="{ReblogRootPortraitURL-64}"><span class="sr-only" style="position: absolute !important;
- clip: rect(1px 1px 1px 1px);
- clip: rect(1px, 1px, 1px, 1px);" >{lang:Source} {ReblogRootName}</span> </a> </li>
- <li> <a href="{ReblogParentURL}" title="{lang:Via}: {ReblogParentName}"> <img src="{ReblogParentPortraitURL-64}"><span class="sr-only" style="position: absolute !important;
- clip: rect(1px 1px 1px 1px);
- clip: rect(1px, 1px, 1px, 1px);" >{lang:Via} {ReblogParentName}</span></a> </li>
- {/block:RebloggedFrom}
- {block:date}
- {block:NotReblog}
- <li> <a href="http://{Name}.tumblr.com" title="{lang:Posted by PostAuthorName}"> <img src="{PortraitURL-64}"><span class="sr-only" style="position: absolute !important;
- clip: rect(1px 1px 1px 1px);
- clip: rect(1px, 1px, 1px, 1px);" >{lang:Posted by PostAuthorName}</span></a> </li>
- {/block:NotReblog} {/block:Date}
- {block:Submission} <li> <a href="{SubmitterURL}" title="Submitted by: {Submitter}"> <img src="{SubmitterPortraitURL-64}"><span class="sr-only" style="position: absolute !important;
- clip: rect(1px 1px 1px 1px);
- clip: rect(1px, 1px, 1px, 1px);" >Submitted by {Submitter}</span></a> </li> {/block:Submission}
- </div>
- <!-- {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}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}{block:Photo}
- <div class="im"> <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>
- {block:indexpage}
- {block:Caption}
- <div class="caption"> <div class="captiontext">{Caption}</div></div>
- {/block:Caption}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}
- <div class="text" style="border-top:1px solid {color:border}">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}{block:Panorama}
- {LinkOpenTag}
- <div class="im"> <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></div>
- {LinkCloseTag} {block:indexpage}
- {block:Caption}
- <div class="caption"> <div class="captiontext">{Caption}</div></div>
- {/block:Caption}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}
- <div class="text" style="border-top:1px solid {color:border}">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Panorama}{block:Photoset}
- <div class="im">{Photoset}</div>
- {block:indexpage}
- {block:Caption}
- <div class="caption"> <div class="captiontext">{Caption}</div></div>
- {/block:Caption}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}
- <div class="text" style="border-top:1px solid {color:border};">{Caption}</div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}{block:Quote}
- <div class="text">
- "{Quote}"
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="text"> <br>
- <center>
- <a href="{URL}" class="linkp" target="_blank" style=" text-decoration:none; border-bottom:1px solid {color:border}"> {Name}</a>
- </center> </div>
- {block:Description}
- <div class="text"> {Description}</div>
- {/block:Description} <br>
- {/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="text">{Caption}</div>
- {/block:Caption}
- {/block:Video}
- {block:Audio}
- <div id="audiolo">
- <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><br>
- <div class="text" style="border-top:1px solid {color:border}">{caption}</div> <br>
- {/block:Audio}
- {block:Answer}
- <br>
- <div class="askerportrait"><img style="position:absolute; margin-left:10px" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker} shouted: {Question}</div>
- {block:Answerer}<br>
- <div class="askerportrait"><img style="position:absolute; margin-left:10px" src="{AnswererPortraitURL-40}" align="left" /></div><div class="speechbubble">{Answerer} shouted back: {Answer}</div>
- {/block:Answerer}
- <div class="text"> {replies}</div>
- {/block:Answer}
- {block:Date}
- <div class="info">
- <a href="{Permalink}">{NoteCountWithLabel}</a> <a href="{permalink}">{TimeAgo}</a>
- </div> {/block:Date}
- <div class="inf">{block:Date}
- <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="18"}
- </div>
- <a href="{ReblogURL}" style="right:40px; position:absolute">
- <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> {/block:Date}
- {block:HasTags} <div class="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div> {/block:HasTags}
- </div><!--posts end-->{/block:Posts}</div><center> <br>
- {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}</center> <br>
- {block:PostNotes} {PostNotes-16} {/block:PostNotes}
- <center>
- {block:Pagination}<div style="padding:20px">{block:PreviousPage}
- <a href="{PreviousPage}" class="jump_page">Previous</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}" class="jump_page">Next</a>
- {/block:NextPage}</div>{/block:Pagination}
- </center>
- </div><!--container end-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement