Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!------------------------------------------------------------------------
- strawberry
- by @atlasthemes
- pls do not remove credit thanks!<3
- all credits at
- atlasthemes.tumblr.com/credits
- ------------------------------------------------------------------------->
- <html>
- <head>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <meta name="image:sidebar" content=""/>
- <meta name="color:link" content="#bbbbbb" />
- <meta name="color:text" content="#777777" />
- <meta name="color:accent" content="#d13854">
- <meta name="color:light accent" content="#d13854">
- <meta name="if:justify text" content="1"/>
- <meta name="if:search bar" content="1"/>
- <meta name="if:updates" content="1"/>
- <meta name="if:projects" content="1"/>
- <meta name="if:network" content="1"/>
- <meta name="if:disclaimer" content="1"/>
- <meta name="text:title" content="your title here">
- <meta name="text:font size" content="10px"/>
- <meta name="select:font" content="Open Sans"/>
- <meta name="select:font" content="Lato"/>
- <meta name="select:font" content="Fira Sans"/>
- <meta name="select:font" content="Helvetica"/>
- <meta name="select:letter spacing" content="0px"/>
- <meta name="select:letter spacing" content="0.3px"/>
- <meta name="select:letter spacing" content="0.5px"/>
- <meta name="select:letter spacing" content="0.75px"/>
- <meta name="select:letter spacing" content="1px"/>
- <meta name="select:post size" content="400px"/>
- <meta name="select:post size" content="450px"/>
- <meta name="select:post size" content="500px"/>
- <meta name="select:post size" content="540px"/>
- <!-- icon font -->
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
- <!-- google fonts -->
- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700" rel="stylesheet">
- <!-- scripts -->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <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><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script type="text/javascript">
- var sidebar = new StickySidebar('#sidebar', {
- containerSelector: '#main-content',
- innerWrapperSelector: '.sidebar__inner',
- topSpacing: 20,
- bottomSpacing: 20
- });
- </script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script>
- $(document).ready(function(){ $('.posts').unnest({
- yourCaption: ".caption",
- wrapName: ".cap",
- newCaptionUsername: true,
- originalPostCaptionUsername: false,
- tumblrAvatars: false,
- tumblrAvatarClass: ".icon",
- usernameColon: false
- });
- }); </script>
- <script>
- $(document).ready(function(){
- $('.search').submit(function(event){
- var value = $('input:first').val();
- location.replace('https://{Name}.tumblr.com/tagged/' + value);
- });
- });
- </script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- highRes: true,
- gutter: '1px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- }); </script>
- <style type="text/css">
- /* --- selection --- */
- ::-moz-selection {background:#f6f6f6;color:{color:text};}
- ::selection {background:#f6f6f6;color:{color:text};}
- /* --- fade in --- */
- @-webkit-keyframes fadein {
- 0% {opacity: 0;}
- 100% { opacity: 1; } }
- @-moz-keyframes fadein {
- 0% { opacity: 0; }
- 100% { opacity: 1; } }
- @keyframes fadein {
- 0% { opacity: 0; }
- 100% { opacity: 1; } }
- ::-webkit-scrollbar {width:7px;height:7px;}
- ::-webkit-scrollbar {background-color:transparent;}
- ::-webkit-scrollbar-track {border:3px solid #fff;background-color:#ededed;}
- ::-webkit-scrollbar-thumb {border:3px solid #fff;background-color:{color:accent};min-height:24px;min-width:24px;}
- #s-m-t-tooltip {max-width:300px;margin-top:-40px;margin-left:-18px;font-size:10px;text-align:center;text-transform:lowercase;padding:3px 5px;color:{color:link};background-color:#fff;z-index:999999;box-shadow:1px 1px 3px #eee;border-radius:3px;}
- body {background:#fff;color: {color:text};font-family: {select:font};font-size: {text:font size};letter-spacing:{select:letter spacing};{block:ifjustifytext} text-align:justify;{/block:ifjustifytext} {block:ifnotjustifytext} text-align:left;{/block:ifnotjustifytext} line-height:185%;word-wrap: break-word;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-animation: fadein 1s;-moz-animation:fadein 1s;animation:fadein 1s;}
- a {color: {color:link};text-decoration: none;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
- a:hover{color:{color:accent};-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
- h1 {font-size:15px;font-weight:400;line-height:18px;margin:5px 0px;} h2, h3, h4, h5, h6 {font-size:14px;font-weight:400;margin:0px 0px 7px 0px;} small {font-size:10px!important;} big {font-size:12px!important;} hr {width:100%;margin:15px auto;border-width: 1px 0px 0px 0px;border-style: solid;border-color:#eee;} pre {font-size: {text:font size};font-family: {select:font};width:{select:post size};text-align: left;word-break: break-all;color:{color:Text};}
- /* containers */
- #main-content {width:calc({select:post size} + 340px);display:block;position:relative;margin:auto;top:100px;}
- .postscontainer {display:inline-block;position:relative;width:{select:post size};margin:auto;}
- /* sidebar */
- #sidebar {
- display:inline-block;
- position:relative;
- width:200px;
- margin-right:135px;
- float:left;
- }
- .sbimage {
- width:100%;
- height:auto;
- margin-bottom:10px;
- }
- .sbimage img {
- width:100%;
- height:auto;
- margin:0px;
- padding:0px;
- border-radius:2px;
- }
- .title {display:block;position: relative;font-size:15px;margin-bottom:8px;} .title a {color:#333;} .title a:hover {color:{color:accent};} #description {display:block;color:{color:text};font-style:italic;text-align:left;}
- section {
- padding-bottom:20px;
- margin-bottom:20px;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- transition: all .3s ease-in-out;
- }
- section:hover .t {color:{color:accent};-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
- .t {
- display:block;
- background-color:#fff;
- padding:3px 0px;
- font-size:11px;
- margin-bottom:10px;
- color:#333;
- border-bottom:1px solid #f7f7f7;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- transition: all .3s ease-in-out;
- }
- .t span {float:right;font-size:9px;}
- #nav {
- display:grid;
- grid-template-columns: 49% 49%;
- grid-gap:2%;
- }
- {block:ifupdates}
- .updates span {color:{color:link};display:block;}
- .updates span b {width:35%;display:inline-block;font-weight:400;color:{color:text};}
- {/block:ifupdates}
- {block:ifnotupdates}
- .updates {display:none;}
- {/block:ifnotupdates}
- {block:ifprojects}
- .meter {
- display:inline-block;
- height: 6px;
- width: 100%;
- position: relative;
- background:#f7f7f7; /* progress bar background color */
- -moz-border-radius: 25px;
- -webkit-border-radius: 25px;
- border-radius: 25px;
- padding:0px;
- margin:10px 0px;
- }
- .meter > span {
- display: block;
- height: 100%;
- border-top-right-radius: 8px;
- border-bottom-right-radius: 8px;
- border-top-left-radius: 20px;
- border-bottom-left-radius: 20px;
- background-color:{color:light accent}; /* progress bar fill color */
- position: relative;
- overflow: hidden;
- }
- .p span {font-size:9.5px;text-transform:uppercase;letter-spacing:1px;display:block;font-weight:700;}
- .p img {
- width:100%;
- margin-bottom:10px;
- padding:0px;
- border-radius:2px;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- transition: all .3s ease-in-out;
- }
- .p article {margin-bottom:25px;}
- .p article:only-of-type {margin-bottom:0px;}
- .p article:last-of-type {margin-bottom:0px;}
- .plinks {margin:5px 0px;}
- .plinks a {display:inline-block;font-size:9.5px;padding:1px 6px;background-color:#fafafa;margin-right:7px;margin-bottom:5px;}
- .plinks a:hover {color:{color:text};}
- {/block:ifprojects}
- {block:ifnotprojects}
- .p {display:none;}
- {/block:ifnotprojects}
- {block:ifnetwork}
- .network {text-align:left;}
- .network img {
- width:36px;
- height:36px;
- border:2px solid #fff;
- border-radius:100%;
- }
- {/block:ifnetwork}
- {block:ifnotnetwork}
- .network {display:none;}
- {/block:ifnotnetwork}
- {block:ifnotdisclaimer}
- #d {display:none;}
- {/block:ifnotdisclaimer}
- /* captions */
- .tumblr_blog {display:inline-block;color:#333;text-transform:lowercase;margin-top:5px;font-weight:700;border-bottom:0px!important;}
- .icon {width:15px!important;height:15px!important;margin-right:8px;margin-bottom:-4px;line-height:15px;border-radius:100%;}
- .cap {
- margin:10px 0px;
- padding:0;
- width:{select:post size};
- position:relative;
- background-color:#fff;
- border-radius:2px;
- border-bottom:1px solid #f7f7f7;
- }
- .cap a {border-bottom:1px solid #f1f1f1;}
- .cap blockquote {width:calc({select:post size} - 32px);margin-left:0px;padding:1px 10px 1px 20px;border-left:2px solid #f1f1f1;background-color:#fbfbfb;border-top-right-radius:3px;border-bottom-right-radius:3px;}
- /* like button */
- .like-b {position:relative;display:inline-block;height:1em;line-height:1em;overflow:hidden;margin-bottom:-2px;} .like-b .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0;} .like-b .liked + .b {color:{color:Text};} .like-b .liked + .b:after {content:'d';}
- /* search */
- {block:ifsearchbar}
- .search .query {border-top:0;border-left:0;border-right:0;outline:0;font-family:inherit;font-size:10px!important;color:{color:link};background-color:transparent;width:100%;text-align:left;font-style:italic;border-bottom:1px dotted #f7f7f7;letter-spacing:{select:letter spacing};margin-top:5px;}
- ::-webkit-input-placeholder {color: inherit;}
- :-moz-placeholder {color:inherit; opacity:0.5;}
- ::-moz-placeholder {color:inherit; opacity:0.5;}
- :-ms-input-placeholder {color:inherit;}
- input:focus::-webkit-input-placeholder {color:transparent;}
- input:focus:-moz-placeholder {color:transparent;}
- input:focus::-moz-placeholder {color:transparent;}
- input:focus:-ms-input-placeholder {color:transparent;}
- {block:ifsearchbar}
- {block:ifnotsearchbar}
- .search .query {display:none;}
- {/block:ifnotsearchbar}
- /* posts */
- .posts {display:block;width:{select:post size};font-size:{text:font size};font-family: {select:font};margin:0px auto 125px auto;{block:ifjustifytext}text-align:justify;{/block:ifjustifytext}{block:ifnotjustifytext}text-align:left;{/block:ifnotjustifytext}}
- .posts img {max-width:100%;height:auto;} ul li {list-style:circle;margin-left:-10px;margin-bottom:5px;}
- .info {width:100%;margin-top:10px;text-align:left;text-transform:lowercase;color:{color:link};font-size:calc({text:font size} - 1.5px);} .info a {color:{color:link};margin-right:10px;font-size:{text:font size};} .info a:hover {text-decoration:none;color:{color:accent};} .info i {margin-right:10px;}
- .tags {width:100%;margin-top:6px;font-family:{select:font};text-align:left;font-size:{text:font size};word-break:break-word;color:{color:link};} .tags a {margin-right:10px;color:{color:link};} .tags a:hover {color:{color:text};}
- .postsnote {min-height:50px;max-height:242px;overflow-y:scroll;overflow-x:hidden;margin-top:40px;margin-bottom:50px;} .postsnote ol, .notes-bottom ul {margin:0px;padding:0;list-style:none;} .postsnote li {width:100%;float:left;text-align:left;} .postsnote li img.avatar {width:12px;height:12px;border-radius:100%;margin-right:8px;margin-bottom:-2px;} .more_notes_link {list-style:none;text-transform:lowercase;margin-top:10px;float:left;}
- .photo-slideshow {visibility: hidden;} .photo-slideshow.processed {visibility: visible;} .photo-slideshow .row {clear: both;width: 100%;} .photo-slideshow .pxu-photo {display: block;float: clear;width: 100%;overflow: hidden;} .photo-slideshow .pxu-photo img {display: block;} .photo-slideshow.processed .pxu-photo img {width:100%;height: auto;} .photo-slideshow .pxu-photo:first-child img {margin:auto;} .photo-slideshow .count-1 {max-width:100%;height: auto;} .set {margin-left:10px;} .photo-slideshow .count-2 {width:50%;height: auto;} .photo-slideshow .count-3 {width:33.33%;height: auto;}
- .playerbuttonbg {position: absolute;left: 20px;top: 20px;width: 19px;height: 19px;background-color: #f2f2f2;padding: 10px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;opacity: .6;filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6; transition: opacity .7s ease-in-out;-moz-transition: opacity .7s ease-in-out;-webkit-transition: opacity .7s ease-in-out;} .playerbuttonbg:hover {opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1; } .newplayerbutton {position: relative;width: 19px;height: 19px;overflow: hidden;} .playerbuttonhug {position: absolute;top: 0px;left: 0px;} .tumblr_audio_player {-moz-transform: scale(0.60, 0.60);-webkit-transform: scale(0.60, 0.60);-o-transform: scale(0.60, 0.60);-ms-transform: scale(0.60, 0.60);transform: scale(0.60, 0.60); -moz-transform-origin: top left;-webkit-transform-origin: top left;-o-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .audioimgwrapper {position:absolute;left:0px;top:0px;overflow:hidden;width:79px;height: 79px;padding-left:3px;} .audioimgwrapper img {margin-top:3px;width:100%;height:auto;} .trackdetails {width:auto;font-size:10px;line-height:18px;display:inline-block;margin-left:95px;margin-top:20px;padding:5px;max-height:80px;} .audiowrapper {background-color:#fafafa;position:relative;display:inline-block;width:{select:post size};height:82px;border:1px solid #f7f7f7;}
- iframe#youtube_iframe {width: {select:post size}!important;height: auto;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;} .atlas {position:fixed;right:20px;bottom:20px;} .atlas a {color:#a1a1a1;background:transparent;font-family:times new roman;font-size:14px;} .atlas a:hover {color:{color:accent};}
- .quote {font-size:14px;font-style:italic;line-height:20px;letter-spacing:-0.2px;} .source {font-family:{select:font};color:{color:link};margin-top:5px;} .chat {margin-top:5px;font-size: {text:font size};} .chatlabel {font-family:{select:font};text-transform:lowercase;display:inline-block;margin-right:1px;font-weight:600;} .chat .lines {margin-left:0; } .chat .lines span {font-weight: bold;} .linktitle {font-size:14px;line-height:20px;margin:10px 0px;font-family:{select:font};}
- .asker {display:block;color:{color:text};font-weight:700;text-transform:lowercase;} .asker a {display:inline-block;} .question {padding:15px;background-color:#fafafa;border-bottom:1px solid #f7f7f7;margin-bottom:5px;} .answer {display:block;position:relative;background-color:#fff;margin:15px 0px;}
- iframe.tmblr-iframe {z-index:99999999999999!important;top:0!important;right:0!important;opacity:0.4;filter:invert(1) contrast(150%);-webkit-filter:invert(1) contrast(150%);-o-filter:invert(1) contrast(150%);-moz-filter:invert(1) contrast(150%);-ms-filter:invert(1) contrast(150%);transform:scale(0.65);transform-origin:100% 0;-webkit-transform:scale(0.65);-webkit-transform-origin:100% 0;-o-transform:scale(0.65);-o-transform-origin:100% 0;-moz-transform:scale(0.65);-moz-transform-origin:100% 0;-ms-transform:scale(0.65);-ms-transform-origin:100% 0;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
- iframe.tmblr-iframe:hover {opacity:0.6!important;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
- /* pagination */
- .pagination {width:100%;text-align:center;font-size:{text:font size};margin-bottom:75px;} .pagination a {color:{color:link};margin-right:8px;} .pagination a:hover {color:{color:accent};} .current-page {color:{color:link};font-size:{text:font size};margin-right:8px;font-weight:700;}
- </style>
- </head>
- <body>
- <!----------------------------------------------------------------------->
- <!----------------------------------------------------------------------->
- <!----------------------------------------------------------------------->
- <!----------------------------------------------------------------------->
- <!----------------------------------------------------------------------->
- <div id="main-content" class="main">
- <!-- sidebar -->
- <div id="sidebar" class="sidebar">
- <div class="sidebar__inner">
- <section>
- <div class="title"><a href="/">{text:title}</a></div>
- <div id="description">{Description}</div>
- </section>
- <!-- navigation -->
- <section>
- <div class="t">navigation <span><i class="fas fa-link"></i></span></div>
- <div id="nav">
- <a href="/">home</a>
- <a href="/">contact</a>
- <a href="/">archive</a>
- <a href="/">one</a>
- <a href="/">two</a>
- <a href="/">three</a>
- <a href="/">four</a>
- <a href="/">five</a>
- </div>
- </section>
- <!-- search -->
- {block:ifsearchbar}
- <section>
- <div class="t">search <span><i class="fas fa-search"></i></span></div>
- <form class="search" action="javascript:return false">
- <input type="text" class="query" placeholder="search this blog">
- </form>
- </section>
- {/block:ifsearchbar}
- <!-- updates -->
- {block:ifupdates}
- <section>
- <div class="t">updates <span><i class="fas fa-bookmark"></i></span></div>
- <div class="updates">
- <span><b>5/01</b> new theme</span>
- <span><b>4/15</b> updated old themes</span>
- <span><b>4/05</b> blog redesign!</span>
- <span><b>date</b> content</span>
- </div>
- </section>
- {/block:ifupdates}
- {block:ifprojects}
- <!-- projects section -->
- <section class="p" style="text-align:left;">
- <div class="t">projects <span><i class="fas fa-bars"></i></span></div>
- <!-- personally, i think the sidebar looks best with only one project, but you can display more than one if you want to! to add more projects, just copy the "project one" section, and paste it after "end project one." then update with new information. -->
- <!--project one -->
- <article>
- <!-- project image --> <img src="https://images.unsplash.com/reserve/YFdIoUsRJCAehcoUnQaS_Straw.jpg?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1494&q=80"/>
- <!-- project title --> <span>project title</span>
- <!-- project description --> write a little bit about your project here. best to keep it short!
- <!-- progress bar - optional, delete if you don't want! adjust percentage to change progress bar "fill" amount -->
- <div class="meter">
- <span style="width: 30%"></span>
- </div>
- <!-- project links --> <div class="plinks">
- <a href="/">link</a>
- <a href="/">link</a>
- <a href="/">link</a>
- </div>
- </article><!-- end project one -->
- <!-- end projects section -->
- </section>
- {/block:ifprojects}
- <!-- network -->
- {block:ifnetwork}
- <section class="network">
- <div class="t">network <span><i class="fas fa-users"></i></span></div>
- <a href="/" title="blog name">
- <img src="https://66.media.tumblr.com/1775180741021f61d9d8dcb5f3632b34/tumblr_inline_pqu5xr4VhZ1w79hr3_540.png"></a>
- <a href="/" title="blog name">
- <img src="https://66.media.tumblr.com/e95ea68047f180c5dd6a034622e79267/tumblr_inline_pqu5xzvSH11w79hr3_540.png"></a>
- <a href="/" title="blog name">
- <img src="https://66.media.tumblr.com/7762717b91377c6324b31c22f466ee22/tumblr_inline_pqu5yoJU2r1w79hr3_540.png"></a>
- <a href="/" title="blog name">
- <img src="https://66.media.tumblr.com/8377852bf2d351a9531b2853a4357445/tumblr_inline_pqu607f6u61w79hr3_540.png"></a>
- <a href="/" title="blog name">
- <img src="https://66.media.tumblr.com/39980b8a849ace073b90e01f96ee650a/tumblr_inline_pqu606LWah1w79hr3_540.png"></a>
- </section>
- {/block:ifnetwork}
- <!-- disclaimer -->
- {block:ifdisclaimer}
- <section id="d" style="text-align:left;">
- <div class="t">disclaimer <span><i class="fas fa-exclamation"></i></span></div>
- Lorem ipsum dolor sit amet, conse ctetur adipi scing elit. Nulla varius eu risus eget fermentum. Nunc blandit eros ac est aliquet, in lobortis nulla dignissim.
- </section>
- {/block:ifdisclaimer}
- </div><!-- end sidebar inner -->
- </div><!--end sidebar -->
- <div id="content" class="content">
- <div class="postscontainer" id="{PostID}">
- {block:Posts}<div class="posts" id="{PostID}">{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="caption">{Body}</div>
- {/block:Text}
- {block:Quote}<div class="caption"><div class="quote">“{Quote}”</div><div class="source">{block:Source}{Source}{/block:Source}</div></div>{/block:Quote}
- {block:Link}<div class="linktitle"><a href="{URL}">{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:lines}<div class="chat"><div class="lines">{block:label}<div class="chatlabel">{label}</div>{/block:label} {line}</br></div></div>{/block:lines}{/block:Chat}
- {block:Answer}
- <div class="question"><div class="asker">{Asker} said: </div>{Question}</div>
- <div class="caption"><div class="answer">{Answer}</div></div>
- {/block:Answer}
- <div class="ph">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}</div>
- {block:Photoset}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Audio}{block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}<br/>{block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</div></div>{/block:AudioPlayer}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
- {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Date}<div class="info"><i class="fas fa-clock"></i><a title="{timeago}" href="{Permalink}">{DayOfWeek}</a> {block:NoteCount}<i class="fas fa-bookmark"></i><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<i class="fas fa-heart"></i><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></span><i class="fas fa-retweet"></i><a href="{ReblogURL}" target="_blank" class="details">reblog</a>
- {block:PermalinkPage}{block:RebloggedFrom}<br/><i class="fas fa-location-arrow"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <i class="fas fa-map-marker-alt"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}</div>{/block:Date}
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="postsnote">{PostNotes}</div>{/block:PostNotes}
- </div><!--end posts-->
- {/block:Posts}
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}
- <a href="{PreviousPage}">prev</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}">next</a>
- {/block:NextPage}{/block:Pagination}
- </div>
- </div><!--end post container-->
- </div><!--end content container-->
- </div><!--end main-content container-->
- <!-- don't edit -->
- <div class="atlas"><a href="https://www.atlasthemes.tumblr.com" target="_blank">a</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment