Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!-- Harbour theme | Copyright © 2015 by Lukasz Kmiec, dribbble.com/lukaszkmiec -->
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
- <title>{Title}{block:PermalinkPage}{block:PostSummary} - {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
- {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
- {block:Hidden}
- <meta name="select:Sidebar" content="two" title="Left column mode">
- <meta name="select:Sidebar" content="narrow_m" title="Hamburger mode">
- <meta name="select:Avatar Shape" content="48px" title="Round">
- <meta name="select:Avatar Shape" content="0" title="Square">
- <meta name="color:Header Title Color" content="#fff">
- <meta name="color:Header Tagline Color" content="#b9b9b9">
- <meta name="color:Body Text Color" content="#222">
- <meta name="color:Body Link Color" content="#222">
- <meta name="color:Body Link Hover Color" content="#666">
- <meta name="color:Body Date Color" content="#666">
- <meta name="color:Body Tag Color" content="#aaa">
- <meta name="color:Body Border Color" content="#ddd">
- <meta name="color:Body Background Color" content="#fff">
- <meta name="color:Sidebar Background Color" content="#fff">
- <meta name="color:Sidebar Gradient Color" content="#eee">
- <meta name="color:Hamburger Background Color" content="#222">
- <meta name="text:Header Image Mask Opacity" content="0.5">
- <meta name="text:Blog Name Font by Google Fonts" content="Montserrat">
- <meta name="text:Blog Name Font Styles and Subset" content="400,700">
- <meta name="text:Post Header Font by Google Fonts" content="Playfair Display">
- <meta name="text:Post Header Font Styles and Subset" content="400,700italic,700,400italic&subset=latin,latin-ext">
- <meta name="text:Post Text Font by Google Fonts" content="Playfair Display">
- <meta name="text:Post Text Font Styles and Subset" content="400,700italic,700,400italic&subset=latin,latin-ext">
- <meta name="text:Disqus Shortname" content="">
- <meta name="text:Google Analytics ID" content="">
- <meta name="text:Sidebar Header Name" content="About">
- <meta name="text:Sidebar Description" content="Similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem.">
- <meta name="text:Facebook Username" content="">
- <meta name="text:Twitter Username" content="">
- <meta name="text:Instagram Username" content="">
- <meta name="text:Pinterest Username" content="">
- <meta name="text:Flickr Username" content="">
- <meta name="text:LinkedIn Username" content="">
- <meta name="text:Dribbble Username" content="">
- <meta name="text:Behance Username" content="">
- <meta name="text:DeviantArt Username" content="">
- <meta name="if:Infinite Scroll" content="0">
- <meta name="if:Show Header Image" content="1">
- <meta name="if:Show Avatar" content="1">
- <meta name="if:Show Date" content="1">
- <meta name="if:Use Relative Dates" content="1">
- <meta name="if:Show Like Icon" content="1">
- <meta name="if:Show Reblog Icon" content="1">
- <meta name="if:Show Share Icon" content="1">
- <meta name="if:Show Pages In Sidebar" content="1">
- <meta name="if:Show Ask Page Link" content="1">
- <meta name="if:Disqus Comments" content="0">
- <meta name="if:Google Analytics" content="0">
- {/block:Hidden}
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
- <link href="http://static.tumblr.com/exfrxzc/fgFnjpg6m/reset.css" rel="stylesheet" type="text/css">
- <link href="http://static.tumblr.com/exfrxzc/OPhnjpg9h/jquery.mcustomscrollbar.css" rel="stylesheet" type="text/css">
- <link href="http://fonts.googleapis.com/css?family={text:Blog Name Font by Google Fonts}:{text:Blog Name Font Styles and Subset}" rel="stylesheet" type="text/css">
- <link href="http://fonts.googleapis.com/css?family={text:Post Header Font by Google Fonts}:{text:Post Header Font Styles and Subset}" rel="stylesheet" type="text/css">
- <link href="http://fonts.googleapis.com/css?family={text:Post Text Font by Google Fonts}:{text:Post Text Font Styles and Subset}" rel="stylesheet" type="text/css">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="shortcut icon" href="http://www.favicon.cc/logo3d/766381.png">
- <!--[if lt IE 9]>
- <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
- <script src="http://static.tumblr.com/exfrxzc/8L3nlxig5/html5shiv.min.js"></script>
- <![endif]-->
- <style>
- body {
- font-family: "{text:Post Text Font by Google Fonts}";
- color: {color:Body Text Color};
- background-color: {color:Body Background Color};
- }
- .cb { clear: both; }
- img { display: block; }
- b, strong { font-weight: 700; }
- a, h1, h2, h3 { color: {color:Body Link Color}; font-weight: 700; }
- a:hover { color: {color:Body Link Hover Color}; }
- header.header {
- position: relative;
- background: url({HeaderImage}) center 50% no-repeat;
- background-size: cover;
- }
- .opacity {
- background-color: rgba(0,0,0,{text:Header Image Mask Opacity});
- }
- header.header .narrow {
- margin: 0 auto;
- padding-top: 100px;
- padding-bottom: 100px;
- max-width: 770px;
- }
- .narrow_c {
- text-align: center;
- }
- .narrow_c h1 {
- margin: 0 7% 11px 7%;
- font-family: "{text:Blog Name Font by Google Fonts}";
- font-size: 70px;
- color: #fff;
- letter-spacing: -1px;
- line-height: 70px;
- }
- .narrow_c h1 a {
- color: {color:Header Title Color};
- }
- .narrow_c h1 a:hover {
- }
- .narrow_c .description {
- margin: 0 7% 0 7%;
- font-size: 20px;
- color: {color:Header Tagline Color};
- font-style: italic;
- line-height: 30px;
- }
- .u_avatar {
- position: absolute;
- bottom: -48px;
- left: 50%;
- margin-left: -48px;
- width: 96px;
- height: 96px;
- z-index: 1;
- }
- .u_avatar img {
- border-radius: {select:Avatar Shape};
- -webkit-border-radius: {select:Avatar Shape};
- -moz-border-radius: {select:Avatar Shape};
- }
- .hax {
- display: none;
- width: 45px;
- height: 45px;
- position: fixed;
- top: 40px;
- left: 40px;
- z-index: 10;
- }
- .hax:hover { cursor: pointer; }
- .hax.hamburger {
- background: url(http://static.tumblr.com/exfrxzc/CgXnjyr0c/hax.png) 10px 10px no-repeat;
- background-size: 75px auto;
- }
- .hax.iks {
- background: url(http://static.tumblr.com/exfrxzc/CgXnjyr0c/hax.png) -40px 10px no-repeat;
- background-size: 75px auto;
- }
- .hax.hamburger, .hax.iks {
- background-color: {color:Hamburger Background Color};
- border-radius: 23px;
- -webkit-border-radius: 23px;
- -moz-border-radius: 23px;
- }
- /* WYJATKI DLA TRYBU .NARROW_M */
- header.header.narrow_m .hax { /* pojawianie iksa na trybie jednokolumnowym */
- display: block;
- }
- .container.narrow_m { /* anulowanie .container width:1190 na trybie jednokolumnowym */
- width: 770px;
- }
- .container.narrow_m, .container.narrow_m aside.aside, .container.narrow_m .posts { /* anulowanie display:table na trybie jednokolumnowym */
- display: block;
- }
- .container.narrow_m .posts { /* anulowanie width:770px na trybie jednokolumnowym */
- width: 100%;
- }
- .container.narrow_m aside.aside { /* wczesniejsze (przed 1024px) schowanie .aside za prawą krawedzia na trybie jednokolumnowym */
- width: 420px;
- margin-top: 0;
- height: 100%;
- position: fixed;
- top: 0;
- left: -100%;
- -moz-transition: all .2s ease-in-out;
- -webkit-transition: all .2s ease-in-out;
- transition: all .2s ease-in-out;
- }
- .container.narrow_m aside.aside.out { /* wczesniejsze (przed 1024px) schowanie .aside za prawą krawedzia na trybie jednokolumnowym (dotyczy j/w .container.narrow_m .aside) */
- left: 0;
- }
- /* WYJATKI DLA TRYBU NARROW END */
- /* OGOLNE */
- .container {
- position: relative;
- width: 1190px;
- margin: 0 auto;
- display: table; /* tylko regular_m */
- }
- aside.aside {
- width: 420px;
- display: table-cell; /* tylko regular_m */
- margin-top: 0;
- background: {color:Sidebar Background Color};
- background: -moz-linear-gradient(left, {color:Sidebar Background Color} 0%, {color:Sidebar Gradient Color} 100%);
- background: -webkit-gradient(left top, right top, color-stop(0%, {color:Sidebar Background Color}), color-stop(100%, {color:Sidebar Gradient Color}));
- background: -webkit-linear-gradient(left, {color:Sidebar Background Color} 0%, {color:Sidebar Gradient Color} 100%);
- background: -o-linear-gradient(left, {color:Sidebar Background Color} 0%, {color:Sidebar Gradient Color} 100%);
- background: -ms-linear-gradient(left, {color:Sidebar Background Color} 0%, {color:Sidebar Gradient Color} 100%);
- background: linear-gradient(to right, {color:Sidebar Background Color} 0%, {color:Sidebar Gradient Color} 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Sidebar Background Color}', endColorstr='{color:Sidebar Gradient Color}', GradientType=1 );
- vertical-align: top;
- z-index: 2;
- }
- aside.aside .aside_c {
- padding: 15px 70px 70px 70px; /* padding w aside dla regular_m i narrow_m */
- }
- aside.aside h3 {
- margin-top: 90px;
- }
- aside.aside ul {
- margin-top: 26px;
- }
- aside.aside ul li {
- margin-bottom: 11px;
- padding: 0 0 14px 0;
- border-bottom: 1px {color:Body Border Color} solid;
- }
- aside.aside ul li:hover {
- }
- aside.aside ul li a {
- font-size: 18px;
- line-height: 30px;
- }
- h1 {
- font-size: 40px;
- line-height: 50px;
- font-weight: 700;
- }
- h3 {
- font-size: 24px;
- line-height: 34px;
- font-weight: 700;
- }
- h1, h2, h3 {
- font-family: "{text:Post Header Font by Google Fonts}";
- }
- .posts {
- position:relative; /* tylko regular_m */
- padding-bottom: 180px;
- width: 770px;
- display: table-cell;
- vertical-align: top;
- }
- .post {
- padding: 90px 0 0 0;
- }
- .post h1 {
- margin: 0 70px 0 70px;
- }
- .when {
- display: block;
- margin: 10px 70px 0 70px;
- }
- p {
- margin: 26px 0 0 0;
- }
- .post p, .komentarze, footer, .post ul, .post ol, .p_notes {
- margin: 26px 70px 0 70px;
- }
- .post p.img {
- margin: 26px 0 0 0;
- }
- .post p img, figure img {
- height: auto;
- max-width: 770px;
- }
- figure iframe, p.img iframe {
- width: 100%;
- }
- .spotify_audio_player {
- height: 80px;
- }
- .when, .komentarze {
- color: {color:Body Date Color};
- }
- p, .when, .post > ul li, .post > ol li, .komentarze, footer, .post blockquote, .pagination {
- font-size: 18px;
- line-height: 30px;
- }
- .post ul {
- padding-left: 18px;
- list-style-type: disc;
- }
- .post ol {
- padding-left: 18px;
- list-style-type: decimal;
- }
- .post blockquote.bq_p {
- margin: 0 70px;
- border: none;
- font-size: 40px;
- font-style: italic;
- line-height: 50px;
- }
- .bq_p > a {
- font-weight: 400;
- margin-left: 0 !important;
- }
- .post blockquote.bq_p:before, .post blockquote.bq_p:after {
- content: "\"";
- }
- .post > blockquote {
- border-left: 3px {color:Body Border Color} solid;
- }
- .post > blockquote { /* tylko pierwszy reblog */
- margin-left: 70px;
- margin-top: 26px;
- }
- blockquote > * { /* zagniezdzone reblogi */
- margin-left: 20px !important;
- padding-left: 0;
- }
- .link_og_blockquote { /* jakas tumblrowa klasa do reblog */
- padding-left: 20px;
- padding-right: 70px;
- }
- blockquote > ul, blockquote > ol {
- margin-left: 38px;
- }
- p.saidby:before { /* autor cytatu */
- content: "— ";
- }
- footer, footer a {
- font-weight: 400;
- color: {color:Body Tag Color};
- }
- footer a:hover {
- color: #ccc;
- }
- .likes {
- width: 100px;
- float: right;
- text-align: right;
- }
- .likes > ul {
- height: 18px;
- line-height: 18px;
- margin-top: 6px;
- margin-left: 0;
- margin-right: 0;
- padding-left: 0;
- }
- .likes ul li {
- display: inline-block;
- width: 20px;
- height: 19px;
- margin-left: 10px;
- }
- .likes ul li div:hover {
- opacity: 0.8;
- }
- .likes ul li.more {
- position: relative;
- }
- .likes ul li.more ul.fa-ul {
- position: absolute;
- margin: 0;
- padding: 0;
- opacity: 0;
- top: -130px;
- left: 0px;
- visibility: hidden;
- }
- .likes ul li.more.shareon ul.fa-ul {
- opacity: 1;
- visibility: visible;
- transition: all 0.6s ease 0s;
- }
- .likes ul li .like_button {
- width: 18px;
- height: 18px;
- }
- .likes ul li .like_toggle {
- vertical-align: top;
- }
- .likes ul li a svg {
- width: 18px;
- height: 18px;
- vertical-align: top;
- }
- .likes ul li .fa-ul {
- width: 21px;
- }
- .likes ul li .fa-ul li {
- margin: 0;
- margin-bottom: 12px;
- font-size: 18px;
- background-color: {color:Body Background Color};
- border-radius: 3px;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- }
- .fa-ul li a {
- display: block;
- height: 18px;
- width: 18px;
- }
- .fa-ul li a i {
- vertical-align: top;
- }
- .p_notes {
- margin-top: 90px;
- line-height: 28px;
- }
- .p_notes ol.notes {
- margin-top: 20px;
- list-style-type: none;
- margin-left: 0;
- margin-right: 0;
- padding-left: 0;
- }
- ol.notes li a.avatar_frame {
- display: inline-block;
- }
- ol.notes li a.avatar_frame img {
- margin-right: 10px;
- border-radius: 8px;
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- }
- .post h1 > a {
- }
- .post h1 > a:hover {
- }
- .pagination {
- margin: 90px 70px 0 70px;
- }
- .whereami, .next, .prev {
- float: left;
- }
- .whereami {
- width: 34%;
- text-align: center;
- }
- .next, .prev {
- width: 33%;
- }
- .next {
- text-align: right;
- }
- #disqus_thread {
- margin: 70px 70px 0 70px;
- }
- iframe#ask_form {
- margin: 70px 9%;
- width: 82%;
- }
- .footer {
- position: absolute;
- bottom: 0;
- font-size: 16px;
- line-height: 28px;
- margin: 0 70px 0 70px;
- padding: 12px 0 50px 0;
- border-top: 1px {color:Body Border Color} solid;
- }
- /* for 1190px or less */
- @media screen and (max-width: 1190px) {
- .container { /* włączenie trybu jednokolumnowego w trybie .regular_m */
- width: 770px;
- }
- .container, aside.aside, .posts { /* wyłączenie display:table w trybie jednokolumnowym */
- display: block;
- }
- aside.aside {
- width: 420px;
- margin-top: 0;
- height: 100%;
- position: fixed;
- top: 0;
- left: -100%;
- -moz-transition: all .2s ease-in-out;
- -webkit-transition: all .2s ease-in-out;
- transition: all .2s ease-in-out;
- }
- aside.aside.out {
- left: 0;
- }
- .hax {
- display: block;
- }
- .posts {
- width: 100%;
- }
- }
- /* for 768px or less */
- @media screen and (max-width: 768px) {
- .container,
- .container.narrow_m { /* anulownie 770px na trybie jednokolumnowym */
- width: 100%;
- }
- .post p img, figure img {
- width: 100%;
- }
- }
- /* for 480px or less */
- @media screen and (max-width: 480px) {
- .narrow_c h1 {
- font-size: 45px;
- line-height: 45px;
- }
- .narrow_c .description {
- font-size: 16px;
- line-height: 24px;
- }
- .post {
- padding: 70px 0 0 0;
- }
- h1, .post blockquote.bq_p {
- font-size: 30px;
- line-height: 40px;
- }
- p, .when, .post > ul li, .post > ol li, .komentarze, footer, .post blockquote, .pagination {
- font-size: 16px;
- line-height: 26px;
- }
- aside.aside,
- .container.narrow_m aside.aside { /* włączenie width 100% na trybie jednokolumnowym - potrzebne od 480px (fluid .aside), wcześniej nadane width:420px z chowania na 1024px w trybie dwukolumnowym */
- width: 100%;
- }
- aside.aside .aside_c {
- padding: 65px 35px 35px 35px;
- }
- aside.aside h3 {
- margin-top: 50px;
- }
- .post h1 {
- margin: 0 35px;
- }
- .post blockquote.bq_p {
- margin: 0 35px 22px 35px;
- }
- .when {
- margin: 10px 35px 0 35px;
- }
- .post p, .komentarze, footer, .post ul, .post ol, .p_notes, #disqus_thread {
- margin: 26px 35px 0 35px;
- }
- .likes > ul {
- margin-top: 6px;
- margin-left: 0;
- margin-right: 0;
- padding-left: 0;
- }
- .pagination, .p_notes {
- margin: 70px 35px 0 35px;
- }
- .post > blockquote {
- margin-left: 35px;
- }
- .link_og_blockquote { /* jakas tumblrowa klasa do reblog */
- padding-right: 35px;
- }
- .hax {
- top: 35px;
- left: 35px;
- }
- .footer {
- margin-left: 35px;
- margin-right: 35px;
- }
- .soundcloud_audio_player {
- height: 290px;
- }
- }
- #infscr-loading {
- margin-top: 90px;
- }
- #infscr-loading > img {
- margin: 0 auto;
- }
- #infscr-loading > div {
- margin: 70px;
- text-align: center;
- }
- .load-more-posts {
- border: 1px solid #dddddd;
- display: block;
- padding: 20px;
- text-align: center;
- }
- {CustomCSS}
- </style>
- </head>
- <script type="text/javascript">
- var rev = "fwd";
- function titlebar(val)
- {
- var msg = "welcome to my blog, hoe";
- var res = " ";
- var speed = 100;
- var pos = val;
- msg = "welcome to my blog, hoe";
- var le = msg.length;
- if(rev == "fwd"){
- if(pos < le){
- pos = pos+1;
- scroll = msg.substr(0,pos);
- document.title = scroll;
- timer = window.setTimeout("titlebar("+pos+")",speed);}
- else{
- rev = "bwd";
- timer = window.setTimeout("titlebar("+pos+")",speed);}}
- else{
- if(pos > 0){
- pos = pos-1;
- var ale = le-pos;
- scrol = msg.substr(ale,le);
- document.title = scrol;
- timer = window.setTimeout("titlebar("+pos+")",speed);}
- else{
- rev = "fwd";
- timer = window.setTimeout("titlebar("+pos+")",speed);
- }}}
- titlebar(0);
- </script>
- <body>
- {block:IfShowHeaderImage}
- <header class="header {select:Sidebar}">
- {block:IfShowAvatar}
- <div class="u_avatar"><img src="{PortraitURL-96}" width="96" height="96" alt="Avatar" /></div>
- {/block:IfShowAvatar}
- <div class="opacity">
- <div class="narrow">
- <div class="narrow_c">
- <h1><a href="{BlogURL}">{Title}</a></h1>
- <div class="description">{Description}</div>
- </div>
- </div>
- </div>
- <div class="hax hamburger"></div>
- </header>
- {/block:IfShowHeaderImage}
- <div class="container {select:Sidebar}">
- <aside class="aside" class="mCustomScrollbar" data-mcs-theme="dark">
- <div class="aside_c">
- <h3>{text:Sidebar Header Name}</h3>
- <p>{text:Sidebar Description}</p>
- <ul>
- <li><a href="{BlogURL}archive" {target}>{lang:Archive}</a></li>
- {block:IfShowAskPageLink}<li><a href="{BlogURL}ask">Ask me anything</a></li>{/block:IfShowAskPageLink}
- {block:IfFacebookUsername}<li><a href="http://facebook.com/{text:Facebook Username}/">Facebook</a></li>{/block:IfFacebookUsername}
- {block:IfTwitterUsername}<li><a href="http://twitter.com/{text:Twitter Username}">Twitter</a></li>{/block:IfTwitterUsername}
- {block:IfInstagramUsername}<li><a href="http://instagram.com/{text:Instagram Username}">Instagram</a></li>{/block:IfInstagramUsername}
- {block:IfPinterestUsername}<li><a href="https://www.pinterest.com/{text:Pinterest Username}">Pinterest</a></li>{/block:IfPinterestUsername}
- {block:IfFlickrUsername}<li><a href="https://www.flickr.com/photos/{text:Flickr Username}">Flickr</a></li>{/block:IfFlickrUsername}
- {block:IfLinkedInUsername}<li><a href="http://linkedin.com/in/{text:LinkedIn Username}">LinkedIn</a></li>{/block:IfLinkedInUsername}
- {block:IfDribbbleUsername}<li><a href="http://dribbble.com/{text:Dribbble Username}">Dribbble</a></li>{/block:IfDribbbleUsername}
- {block:IfBehanceUsername}<li><a href="https://www.behance.net/{text:Behance Username}">Behance</a></li>{/block:IfBehanceUsername}
- {block:IfDeviantArtUsername}<li><a href="http://{text:DeviantArt Username}.deviantart.com">Deviantart</a></li>{/block:IfDeviantArtUsername}
- </ul>
- {block:IfShowPagesInSidebar}
- {block:HasPages}
- <h3>Pages</h3>
- <ul>
- {block:Pages}
- <li><a href="{URL}">{Label}</a></li>
- {/block:Pages}
- </ul>
- {/block:HasPages}
- {/block:IfShowPagesInSidebar}
- </div> <!-- aside_c -->
- </aside> <!-- aside -->
- <div class="posts">
- {block:Posts}
- <article class="post">
- {block:Text}
- {block:Title}
- <header class="t_text">
- <h1><a href="{Permalink}">{Title}</a></h1>
- </header>
- {/block:Title}
- {block:IfShowDate}
- <time class="when">
- {block:Date}
- {block:IfNotUseRelativeDates}
- {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {12Hour}:{Minutes} {AmPm}
- {/block:IfNotUseRelativeDates}
- {block:IfUseRelativeDates}
- {TimeAgo}
- {/block:IfUseRelativeDates}
- {/block:Date}
- </time>
- {/block:IfShowDate}
- {Body}
- {/block:Text}
- {block:Quote}
- <header class="t_quote">
- <blockquote class="bq_p"><a href="{Permalink}">{Quote}</a></blockquote>
- </header>
- {block:Source}
- <p class="saidby">{Source}</p>
- {/block:Source}
- {/block:Quote}
- {block:Photo}
- {block:IfShowDate}
- <time class="when t_photo">
- {block:Date}
- {block:IfNotUseRelativeDates}
- <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {12Hour}:{Minutes} {AmPm}</a>
- {/block:IfNotUseRelativeDates}
- {block:IfUseRelativeDates}
- <a href="{Permalink}">{TimeAgo}</a>
- {/block:IfUseRelativeDates}
- {/block:Date}
- </time>
- {/block:IfShowDate}
- <figure>
- <p class="img">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</p>
- </figure>
- {block:Caption}
- <p>{Caption}</p>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:IfShowDate}
- <time class="when t_photoset">
- {block:Date}
- {block:IfNotUseRelativeDates}
- <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {12Hour}:{Minutes} {AmPm}</a>
- {/block:IfNotUseRelativeDates}
- {block:IfUseRelativeDates}
- <a href="{Permalink}">{TimeAgo}</a>
- {/block:IfUseRelativeDates}
- {/block:Date}
- </time>
- {/block:IfShowDate}
- {block:Photos}
- <figure>
- <p class="img">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}</p>
- </figure>
- {block:Caption}
- <p>{Caption}</p>
- {/block:Caption}
- {/block:Photos}
- {block:Caption}
- <p>{Caption}</p>
- {/block:Caption}
- {/block:Photoset}
- {block:Link}
- <header class="t_link">
- <h1><a {Target} href="{URL}">{Name}</a></h1>
- </header>
- <p class="saidby"><a href="{URL}">{URL}</a></p>
- {block:Description}
- <p>{Description}</p>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <header class="t_chat">
- <h1><a href="{Permalink}">{Title}</a></h1>
- </header>
- {/block:Title}
- {block:IfShowDate}
- <time class="when">
- {block:Date}
- {block:IfNotUseRelativeDates}
- {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes} {AmPm}
- {/block:IfNotUseRelativeDates}
- {block:IfUseRelativeDates}
- {TimeAgo}
- {/block:IfUseRelativeDates}
- {/block:Date}
- </time>
- {/block:IfShowDate}
- {block:Lines}
- {block:Label}
- <p><strong>{Label}</strong> {Line}</p>
- {/block:Label}
- {/block:Lines}
- {/block:Chat}
- {block:Answer}
- <header class="t_answer">
- <h1>{Asker}: <a href="{Permalink}">{Question}</a></h1>
- </header>
- {block:IfShowDate}
- <time class="when">
- {block:Date}
- {block:IfNotUseRelativeDates}
- {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes} {AmPm}
- {/block:IfNotUseRelativeDates}
- {block:IfUseRelativeDates}
- {TimeAgo}
- {/block:IfUseRelativeDates}
- {/block:Date}
- </time>
- {/block:IfShowDate}
- <p>{Answer}</p>
- {/block:Answer}
- {block:Video}
- {block:IfShowDate}
- <time class="when t_wideo">
- {block:Date}
- {block:IfNotUseRelativeDates}
- <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {12Hour}:{Minutes} {AmPm}</a>
- {/block:IfNotUseRelativeDates}
- {block:IfUseRelativeDates}
- <a href="{Permalink}">{TimeAgo}</a>
- {/block:IfUseRelativeDates}
- {/block:Date}
- </time>
- {/block:IfShowDate}
- <figure>
- <p class="img">{Video-700}</p>
- </figure>
- {block:Caption}
- <p>{Caption}</p>
- {/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:IfShowDate}
- <time class="when t_audio">
- {block:Date}
- {block:IfNotUseRelativeDates}
- <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} | {12Hour}:{Minutes} {AmPm}</a>
- {/block:IfNotUseRelativeDates}
- {block:IfUseRelativeDates}
- <a href="{Permalink}">{TimeAgo}</a>
- {/block:IfUseRelativeDates}
- {/block:Date}
- </time>
- {/block:IfShowDate}
- <figure>
- <p class="img">{AudioPlayer}</p>
- </figure>
- {block:Caption}
- <p>{Caption}</p>
- {/block:Caption}
- {/block:Audio}
- {block:IndexPage}
- <footer>
- {block:HasTags}
- {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
- {/block:HasTags}
- <div class="likes">
- <ul>
- {block:IfShowShareIcon}
- <li class="more">
- <div><a href="#" onclick="return false;"><svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><circle r="2" cy="9" cx="3"></circle><circle r="2" cy="9" cx="9"></circle><circle r="2" cy="9" cx="15"></circle></svg></a></div>
- <ul class="fa-ul">
- <li><a href="https://pinterest.com/pin/create/button/?url={URLEncodedShortURL}"><i class="fa fa-pinterest-square"></i></a></li>
- <li><a href="https://plus.google.com/share?url={URLEncodedShortURL}"><i class="fa fa-google-plus-square"></i></a></li>
- <li><a href="https://twitter.com/home?status={URLEncodedShortURL}"><i class="fa fa-twitter-square"></i></a></li>
- <li><a href="https://www.facebook.com/sharer/sharer.php?u={URLEncodedShortURL}"><i class="fa fa-facebook-square"></i></a></li>
- </ul>
- </li>
- {/block:IfShowShareIcon}
- {block:IfShowLikeIcon}
- <li><div>{LikeButton size="18" color="gray"}</div></li>
- {/block:IfShowLikeIcon}
- {block:IfShowReblogIcon}
- <li><div>{ReblogButton size="18" color="gray"}</div></li>
- {/block:IfShowReblogIcon}
- </ul>
- </div><div class="cb"></div>
- </footer>
- {/block:IndexPage}
- {block:PermalinkPage}
- <footer>
- {block:HasTags}
- {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
- {/block:HasTags}
- <div class="likes">
- <ul>
- {block:IfShowShareIcon}
- <li class="more">
- <div><a href="#" onclick="return false;"><svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><circle r="2" cy="9" cx="3"></circle><circle r="2" cy="9" cx="9"></circle><circle r="2" cy="9" cx="15"></circle></svg></a></div>
- <ul class="fa-ul">
- <li><a href="https://pinterest.com/pin/create/button/?url={URLEncodedShortURL}"><i class="fa fa-pinterest-square"></i></a></li>
- <li><a href="https://plus.google.com/share?url={URLEncodedShortURL}"><i class="fa fa-google-plus-square"></i></a></li>
- <li><a href="https://twitter.com/home?status={URLEncodedShortURL}"><i class="fa fa-twitter-square"></i></a></li>
- <li><a href="https://www.facebook.com/sharer/sharer.php?u={URLEncodedShortURL}"><i class="fa fa-facebook-square"></i></a></li>
- </ul>
- </li>
- {/block:IfShowShareIcon}
- {block:IfShowLikeIcon}
- <li><div>{LikeButton size="18" color="gray"}</div></li>
- {/block:IfShowLikeIcon}
- {block:IfShowReblogIcon}
- <li><div>{ReblogButton size="18" color="gray"}</div></li>
- {/block:IfShowReblogIcon}
- </ul>
- </div><div class="cb"></div>
- </footer>
- {block:IfDisqusComments}
- <div id="disqus_thread"></div>
- <script type="text/javascript">
- /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
- var disqus_shortname = '{text:Disqus Shortname}'; // required: replace example with your forum shortname
- /* * * 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="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
- {/block:IfDisqusComments}
- <div class="p_notes">
- {block:PostNotes}
- {block:NoteCount}
- {NoteCountWithLabel}
- {/block:NoteCount}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- </article>
- {/block:Posts}
- {block:PermalinkPagination}
- <div class="pagination">
- <div class="prev">{block:PreviousPost}<a href="{PreviousPost}">{lang:Previous post}</a>{/block:PreviousPost} </div>
- <div class="whereami"> </div>
- <div class="next"> {block:NextPost}<a href="{NextPost}">{lang:Next post}</a>{/block:NextPost}</div>
- <div class="cb"></div>
- </div>
- {/block:PermalinkPagination}
- {block:PermalinkPage}
- <div class="footer">
- © {block:Date}{Year}{/block:Date} <a href="{BlogURL}">{Title}</a>. All rights reserved.
- </div>
- {/block:PermalinkPage}
- {block:IfInfiniteScroll}{block:Pagination}
- <div class="pagination">
- {block:NextPage}
- <a href="{NextPage}" class="load-more-posts">{lang:Load more posts}</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}{/block:IfInfiniteScroll}
- {block:IfNotInfiniteScroll}{block:Pagination}
- <div class="pagination">
- <div class="prev">{block:PreviousPage}<a href="{PreviousPage}">{lang:Newer}</a>{/block:PreviousPage} </div>
- <div class="whereami">
- {lang:CurrentPage of TotalPages 2}
- </div>
- <div class="next"> {block:NextPage}<a href="{NextPage}">{lang:Older}</a>{/block:NextPage}</div>
- <div class="cb"></div>
- </div>
- {/block:Pagination}{/block:IfNotInfiniteScroll}
- {block:IndexPage}
- <div class="footer">
- © {block:Date}{Year}{/block:Date} <a href="{BlogURL}">{Title}</a>. All rights reserved. 2015.
- </div>
- {/block:IndexPage}
- </div> <!-- posts -->
- </div> <!-- container -->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/exfrxzc/r4gnnmk1h/jquery.infinitescroll.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/exfrxzc/8Ncnjpg8f/jquery.mcustomscrollbar.concat.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/exfrxzc/zztnnmkbq/scripts.js"></script>
- {block:IfGoogleAnalytics}
- <script type="text/javascript">
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
- _gaq.push(['_trackPageview']);
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- </script>
- {/block:IfGoogleAnalytics}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement