Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <!--
- Arroyo
- astrocodes @ tumblr
- Credits:
- > PXU photosets by pixelunion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
- > FontAwesome
- > Un-nested captions by @neothm and @magnusthemes
- -->
- <meta name="color:Accent" content="#ff9e4f">
- <meta name="color:Gradient Color 1" content="#ff9e4f">
- <meta name="color:Gradient Color 2" content="#c26dff">
- <meta name="select:Font" content="Overpass" title="Overpass">
- <meta name="select:Font" content="Space Mono" title="Space Mono">
- <meta name="select:Font" content="Roboto Mono" title="Roboto Mono">
- <meta name="select:Font" content="Roboto" title="Roboto">
- <meta name="select:Font" content="Segoe UI" title="Segoe UI">
- <meta name="select:Font" content="Karla" title="Karla">
- <meta name="text:Intro Blurb" content="This is where you'll tell people a little bit about your blog :^)">
- <meta name="text:Custom Link 1 URL" content="/">
- <meta name="text:Custom Link 1 Name" content="One">
- <meta name="text:Custom Link 2 URL" content="/">
- <meta name="text:Custom Link 2 Name" content="Two">
- <meta name="text:Custom Link 3 URL" content="/">
- <meta name="text:Custom Link 3 Name" content="Three">
- <meta name="text:Custom Link 4 URL" content="/">
- <meta name="text:Custom Link 4 Name" content="Four">
- <meta name="text:Footer Title" content="More">
- <meta name="text:Footer Tag 1 URL" content="/">
- <meta name="text:Footer Tag 1 Name" content="Tag one">
- <meta name="text:Footer Tag 2 URL" content="/">
- <meta name="text:Footer Tag 2 Name" content="Tag two">
- <meta name="text:Footer Tag 3 URL" content="/">
- <meta name="text:Footer Tag 3 Name" content="Tag three">
- <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i,500,500i,700,700i|Space+Mono:400,400i,700,700i|Overpass:400,400i,700,700i|Roboto:400,400i,700,700i|Karla:400,700&display=swap" rel="stylesheet">
- <script src="https://kit.fontawesome.com/c2d255a331.js" crossorigin="anonymous"></script>
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
- <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <script> $(function(){ $('article').unnest({
- yourCaption: ".caption", //your caption selector, the div wrapping {Caption}
- wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
- newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
- originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
- tumblrAvatars: false, //”dashboard style” caption, have the avatar of the blog next to the username
- tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
- usernameColon: false //if turned to false, removes the colon at the end of usernames
- }); }); </script>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
- <style type="text/css">
- /* ---- THE BASICS ---- */
- body {
- background-color:#fff;
- font-family:'{select:font}';
- margin:0;
- }
- ::selection {
- background-color:{color:accent};
- color:#fff;
- }
- a {
- font-weight:700;
- color:#111;
- border-bottom:3px solid {color:gradient color 1};
- text-decoration:none;
- transition:.4s;
- border-radius:3px;
- }
- a:hover {
- transition:.4s;
- color:#111;
- background:{color:gradient color 1};;
- }
- /* ---- TOP BAR ---- */
- .topbar {
- background-color:rgba(0,0,0,0.85);
- position:fixed;
- padding:20px;
- top:0;
- width:calc(100% - 40px);
- z-index:9999999;
- overflow:hidden;
- }
- .topbar_title {
- text-align:center;
- font-size:30px;
- color:#fff;
- text-transform:capitalize;
- letter-spacing:0.5px;
- font-weight:700;
- }
- .nav1 {
- float:left;
- color:#1a3c34;
- letter-spacing:0.5px;
- margin-top:-35px;
- font-size:18px;
- margin-left:20px;
- }
- .nav1 a {
- display:inline-block;
- text-transform:capitalize;
- text-decoration:none;
- margin-right:30px;
- color:#fff;
- font-weight:400;
- transition:.4s;
- padding:9px;
- padding-bottom:4px;
- padding-top:4px;
- border-radius:3px;
- border:none;
- }
- .nav1 a:hover {
- color:{color:gradient color 2};
- transition:.4s;
- background:none;
- transform:scale(1.15);
- }
- .nav2 {
- float:right;
- color:#1a3c34;
- letter-spacing:0.5px;
- margin-top:-33px;
- font-size:14px;
- margin-right:10px;
- }
- .nav2 a {
- display:inline-block;
- text-transform:capitalize;
- text-decoration:none;
- margin-right:30px;
- color:#fff;
- font-weight:700;
- transition:.4s;
- padding:9px;
- padding-bottom:4px;
- padding-top:4px;
- border-radius:3px;
- border:none;
- }
- .nav2 a:hover {
- color:{color:gradient color 2};
- transition:.4s;
- background:none;
- transform:scale(1.1);
- }
- /* ---- INTRO ---- */
- .intro {
- background-image: linear-gradient(50deg, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
- width:calc(100% - 40px);
- padding:20px;
- height:950px;
- margin-top:-10px;
- }
- .intro_greeting {
- color:rgba(0,0,0,0.7);
- font-weight:300;
- font-size:50px;
- text-align:center;
- width:calc(100% - 500px);
- margin-top:300px;
- margin-left:250px;
- }
- .intro_greeting p {
- font-size:17px;
- margin-top:50px;
- line-height:30px;
- font-weight:400;
- }
- .fa-arrow-circle-down {
- font-size:55px;
- margin-top:90px;
- color:rgba(0,0,0,0.6);
- transition:.4s;
- }
- button {
- background:none;
- border:none;
- transition:.4s;
- transform:scale(1.0);
- cursor:hand;
- }
- button:focus {
- outline:none;
- cursor:hand;
- }
- button:hover {
- transition:.4s;
- cursor:pointer;
- }
- button:hover .fa-arrow-circle-down {
- color:rgba(0,0,0,0.76);
- transition:.4s;
- transform:scale(1.1);
- }
- /* ---- POSTS WRAPPER ---- */
- .wrapper {
- margin-left:220px;
- width:calc(100% - 425px);
- padding:20px;
- height:auto;
- margin-top:150px;
- padding-top:120px;
- }
- /* ---- POSTS ---- */
- article {
- width:600px;
- padding:30px;
- padding-bottom:0px;
- margin-bottom:150px;
- margin-top:100px;
- background-color:#fff;
- transition:.4s;
- border-radius:5px;
- border:1px solid #f0f0f0;
- box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.15);
- }
- article img {
- width:600px;
- }
- article .caption img {
- border-radius:5px;
- max-width:500px;
- }
- article img.photo {
- border-radius:5px;
- }
- article .video {
- margin-top:10px;
- width:500px!important;
- border-radius:5px!important;
- }
- .caption {
- margin-left:0px;
- padding-top:10px;
- text-align:left;
- line-height:25px;
- margin-top:10px;
- }
- .caption img {
- max-width:500px;
- margin-top:10px;
- }
- /* reblogs */
- blockquote.tumblr_parent {
- padding-left:20px;
- padding-top:00px;
- padding-bottom:10px;
- padding-right:20px;
- width:600px;
- margin-left:-20px;
- word-break:break-word;
- color:#222;
- margin-top:0px;
- font-size:14px;
- line-height:25px;
- text-align:left;
- }
- /* non-reblogged original post */
- .originalpost blockquote.tumblr_parent {
- width:480px;
- margin:0;
- color:#222;
- border:none;
- background:transparent!important;
- padding-left:0px;
- font-size:14px;
- padding-top:30px;
- }
- /* non-reblogged original post */
- .caption.originalpost {
- margin:-5px 0;
- line-height:30px;
- background:transparent!important;
- border:none;
- font-size:14px;
- padding-top:30px;
- }
- /* reblogs; tumblr user icons */
- img.tumblr_avatar {
- margin-right:10px;
- margin-top:2px!important;
- height:30px;
- width:30px;
- margin-left:0px;
- float:left;
- border-radius:100%!important;
- vertical-align:middle!important;
- color:#fff;
- }
- /* reblogs; tumblr user names */
- .caption a.tumblr_blog {
- font-size:14px;
- text-decoration:none;
- line-height:20px;
- color:#222;
- display:block;
- padding:5px;
- padding-bottom:10px;
- text-align:left;
- font-weight:700;
- background:transparent;
- margin-top:2px;
- margin-bottom:0px;
- transition:.3s;
- border-bottom:1px solid #f0f0f0;
- border-radius:0px;
- }
- /* reblogs; tumblr user names hover */
- .caption a:hover.tumblr_blog {
- color:{color:accent};
- transition:.3s;
- }
- .quote {
- font-size:28px;
- font-weight:700;
- color:#222;
- letter-spacing:-0.5px;
- }
- .text_title {
- font-weight:700;
- font-size:22px;
- color:#222;
- }
- /* ---- FOOTER ---- */
- .footer {
- background-color:#111;
- width:calc(100% - 60px);
- padding:10px;
- padding-left:50px;
- color:#fff;
- bottom:0;
- height:180px;
- }
- h1 {
- font-size:30px;
- color:#fff;
- letter-spacing:-1px;
- font-weight:700;
- text-transform:capitalize;
- }
- .footer_nav {
- margin-top:10px;
- font-size:13.5px;
- }
- .footer_nav a {
- display:inline;
- color:#fff;
- margin-left:20px;
- text-transform:capitalize;
- text-decoration:none;
- transition:.3s;
- border-radius:5px;
- padding-left:5px;
- padding-right:5px;
- border:none;
- font-weight:400;
- }
- .footer_nav a:hover {
- color:#fff;
- background:rgba(255,255,255,0.2);
- transition:.3s;
- }
- .credit {
- border-top:1px solid rgba(255,255,255,0.1);
- color:rgba(255,255,255,0.7);
- margin-top:30px;
- padding-top:20px;
- font-size:12px;
- width:calc(100% - 50px);
- }
- .credit a {
- color:#fff;
- transition:.3s;
- border-radius:0px;
- padding-left:5px;
- padding-right:5px;
- text-decoration:none;
- }
- .credit a:hover {
- color:#fff;
- background:rgba(255,255,255,0.2);
- transition:.3s;
- }
- .description {
- float:right;
- font-size:12px;
- margin-top:-30px;
- text-align:right;
- margin-right:40px;
- width:calc(100% - 540px);
- }
- /* ---- TUMBLR CONTROLS ---- */
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0;
- transform:scale(0.55);
- transform-origin:100% 0;
- transition:.5s;
- margin-right:30px;
- }
- iframe.tmblr-iframe:hover {
- transform:scale(0.6);
- transform-origin:100% 0;
- transition:.5s;
- }
- /* ---- SCROLL PROGRESS BAR ---- */
- .progress-container {
- width: 100%;
- height: 8px;
- background: transparent;
- z-indeX:999999999999999999999999999999999;
- left:0;
- margin-top:16px;
- position:absolute;
- border-bottom-left-radius:50px;
- border-bottom-right-radius:50px;
- }
- .progress-bar {
- height: 5px;
- background-image: linear-gradient(50deg, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
- width: 0%;
- }
- /* ---- AUDIO POSTS ---- */
- iframe.tumblr_audio_player {
- height:85px;!important
- }
- .audio_player {
- width:32px;
- overflow:hidden;
- transform:scale(1.1);
- }
- .audio_player_container {
- margin-left:20px;
- margin-top:30px;
- }
- .audio_player_bg {
- width:75px;
- height:75px;
- text-align:center;
- padding:5px;
- background:#111;
- margin-bottom:30px;
- z-index:1;
- position:absolute;
- margin-left:250px;
- margin-top:-35px;
- border-radius:100%;
- }
- .audio_info {
- text-align:center;
- margin-top:0px;
- font-size:12px;
- color:#fff;
- background:#111;
- margin-right:0px;
- margin-bottom:30px;
- width:590px;
- padding-top:50px;
- padding-bottom:20px;
- border-bottom-left-radius:5px;
- border-bottom-right-radius:5px;
- }
- .fa-music {
- margin-right:5px;
- padding-right:10px;
- }
- .album-art-container {
- width:590px;
- height:200px;
- overflow:hidden;
- background-image: linear-gradient(50deg, {color:gradient color 1} 0%, {color:gradient color 2} 100%);
- z-index:-1;
- border-top-left-radius:5px;
- border-top-right-radius:5px;
- }
- .album-art-container img {
- margin-top:-100px;
- opacity:0.35;
- width:590px;
- transition:0.4s;
- }
- article:hover .album-art-container img {
- transform:scale(1.05);
- transition:0.4s;
- }
- /* ---- PHOTOSETS ---- */
- .photo-slideshow {
- visibility: hidden;
- }
- .photo-slideshow.processed {
- visibility: visible;
- }
- .photo-slideshow .row {
- clear: both;
- width: 100%;
- }
- .photo-slideshow .pxu-photo {
- display: block;
- float: left;
- margin-right:5px;
- width: 100%;
- overflow: hidden;
- }
- .photo-slideshow .pxu-photo img {
- display: block;
- border:none;
- }
- .photo-slideshow.processed .pxu-photo img {
- width: 100%;
- height: auto;
- border:none;
- }
- .photo-slideshow .pxu-photo:first-child img {
- margin-left: 0;
- border:none;
- }
- .photo-slideshow .count-1 {
- width: 100%;
- }
- .photo-slideshow .count-2 {
- width: 50%;
- }
- .photo-slideshow .count-3 {
- width: 33.33%;
- }
- .photo-slideshow .count-4 {
- width: 25%;
- }
- .photo-slideshow .count-5 {
- width: 20%;
- }
- .photo-slideshow .info {
- display: none;
- }
- /* ---- POST INFO AND TAGS ---- */
- .postinfo {
- border-bottom:1px solid #f0f0f0;
- background:#fafafa;
- padding:15px;
- margin-left:-30px;
- width:630px;
- margin-top:-30px;
- text-align:left;
- margin-bottom:30px;
- font-size:17px;
- }
- .fa-image, .fa-images, .fa-quote-left, .fa-file-alt, .fa-volume-up, .fa-video, .fa-comments-alt, .fa-question-circle, .fa-share-square {
- font-size:25px;
- vertical-align:middle;
- margin-right:10px;
- }
- .fa-sync-alt, .fa-info-circle {
- font-size:25px;
- vertical-align:middle;
- margin-right:15px;
- }
- .reblog-perma {
- float:right;
- }
- .reblog-perma a {
- border:none;
- }
- .reblog-perma a:hover {
- background:none;
- opacity:.7;
- }
- .tags {
- padding:30px;
- margin-left:-30px;
- margin-top:40px;
- bottom:0;
- width:600px;
- color:#222;
- font-size:13px;
- text-align:left;
- border-top:1px solid #f0f0f0;
- background:#fafafa;
- }
- .tags a {
- color:#222;
- font-weight:700;
- padding:2px;
- letter-spacing:0.5px;
- border-radius:0px;
- border-color:{color:accent};
- }
- .tags a:hover {
- background:{color:accent};
- color:#111;
- border-radius:3px;
- }
- .fa-tags {
- font-size:18px;
- vertical-align:middle;
- margin-right:10px;
- float:left;
- }
- /* ---- BACK-TO-TOP BUTTON ---- */
- #top {
- width: 40px;
- line-height: 40px;
- overflow: hidden;
- z-index: 999;
- display: none;
- cursor: pointer;
- position: fixed;
- bottom: 10px;
- right: 10px;
- color: {color:accent};
- text-align: center;
- font-size: 33px;
- text-decoration: none;
- border-radius:100%;
- border:none;
- }
- #top:hover {
- transform:scale(1.15);
- background:none;
- }
- /* ---- PERMALINK PAGE ---- */
- {block:PermalinkPage}
- .intro {
- display:none;
- }
- article {
- margin-top:-45px;
- padding-bottom:30px;
- }
- .postinfo {
- display:none;
- }
- {/block:PermalinkPage}
- .post-notes {
- width:660px;
- text-align:center;
- font-size:13px;
- line-height:35px;
- border-top:1px solid #f0f0f0;
- padding-top:20px;
- margin-bottom:50px;
- list-style-type: none;
- background-color:#fff;
- }
- .notes {
- list-style-type: none;
- }
- .notes {
- list-style-type: none;
- }
- .notes img {
- display:none;
- list-style-type: none;
- }
- .permalink-info {
- margin-top:-70px;
- margin-bottom:20px;
- background-color:#fff;
- padding:30px;
- }
- /* ---- CHAT POSTS ---- */
- .chat-line {
- text-align:left;
- }
- .chat-label {
- text-align:left;
- }
- /* ---- ASK POSTS ---- */
- .question {
- font-size:13px;
- padding:10px;
- border-bottom:1px solid rgba(0,0,0,0.05);
- text-align:left;
- }
- .asker {
- padding:10px;
- border-radius:0px;
- text-align:left;
- }
- .asker a {
- color:#111;
- border-radius:0px;
- padding:2px;
- }
- .asker a:hover {
- border-radius:3px;
- }
- .asker-question {
- padding:10px;
- }
- .answer {
- margin-left:0px;
- text-align:right;
- font-size:13px;
- }
- /* ---- LINK POSTS ---- */
- .link {
- background:{color:accent};
- padding:10px;
- padding-top:25px;
- padding-bottom:25px;
- border-radius:5px;
- text-align:center;
- }
- .link a {
- border:none;
- color:#fff;
- padding:10px;
- padding-top:25px;
- padding-bottom:25px;
- border-radius:5px;
- transition:0.3s;
- letter-spacing:0.5px;
- }
- .link a:hover .fa-arrow-right {
- transform:translateX(5px);
- transition:0.3s;
- color:#fff;
- opacity:1;
- }
- .link a:hover {
- background-color:{color:accent};
- opacity:0.8;
- }
- .fa-arrow-right {
- color:#fff;
- font-size:20px;
- vertical-align:middle;
- margin-left:10px;
- transition:0.3s;
- opacity:0.7;
- }
- .link-description {
- font-size:14px;
- line-height:25px;
- background:#fafafa;
- padding:10px;
- margin-top:10px;
- margin-bottom:30px;
- border-radius:5px;
- }
- /* ---- PAGINATION ---- */
- .pagination {
- padding:20px;
- padding-bottom:80px;
- width:660px;
- font-size:35px;
- margin-left:50px;
- }
- .pagination_next {
- float:right;
- }
- .pagination_previous {
- float:left;
- }
- .pagination a {
- border-radius:0px;
- border:none;
- }
- .pagination a:hover {
- color:{color:accent};
- background:none;
- transform:scale(1.15);
- }
- </style>
- </head>
- <!--- audio player styling --->
- <script>
- $(document).ready(function() {
- $('iframe.tumblr_audio_player').load( function() {
- $('iframe.tumblr_audio_player').contents().find("head")
- .append($("<style type='text/css'> .audio-player{background:transparent; color:#fff;} </style>"));
- });
- });
- </script>
- <body>
- <div class="topbar">
- <div class="topbar_title">{Title}</div>
- <div class="nav1">
- <a href="/"><i class="fal fa-home-alt"></i></a>
- <a href="/ask"><i class="fal fa-comment-alt-edit"></i></a>
- <a href="/archive"><i class="fal fa-calendar-week"></i></a>
- <a href="/submit"><i class="fal fa-inbox-in"></i></a>
- <a href="https://tumblr.com/follow/{Name}"><i class="fal fa-user-plus"></i></a>
- </div>
- <div class="nav2">
- <a href="{text:custom link 1 url}">{text:custom link 1 name}</a>
- <a href="{text:custom link 2 url}">{text:custom link 2 name}</a>
- <a href="{text:custom link 3 url}">{text:custom link 3 name}</a>
- <a href="{text:custom link 4 url}">{text:custom link 4 name}</a>
- </div>
- <div class="progress-container">
- <div class="progress-bar" id="myBar"></div>
- </div>
- </div>
- <div class="intro">
- <div class="intro_greeting">
- Welcome to <span style="color:#111;font-weight:700;">{Name}</span>
- <p>{text:intro blurb}<br>
- <button type="button"><span class="fal fa-arrow-circle-down"></span></button><p>
- </div>
- </div>
- <div class="wrapper">
- {block:Posts}
- <div align="center">
- <article id="p-{PostType}" class="post">
- {block:Quote}
- <div class="postinfo">
- <span class="fas fa-quote-left"></span> Post: <b>Quote</b>
- <div class="reblog-perma">
- <a href="{ReblogURL}"><span class="far fa-sync-alt"></span></a>
- <a href="{Permalink}"><span class="far fa-info-circle"></span></a>
- </div>
- </div>
- <div class="quote">{Quote}</div>
- {/block:Quote}
- {block:Photo}
- <div class="postinfo">
- <span class="fas fa-image"></span> Post: <b>Photo</b>
- <div class="reblog-perma">
- <a href="{ReblogURL}"><span class="far fa-sync-alt"></span></a>
- <a href="{Permalink}"><span class="far fa-info-circle"></span></a>
- </div>
- </div>
- <img src="{PhotoURL-500}">
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Text}
- <div class="postinfo">
- <span class="far fa-file-alt"></span> Post: <b>Text</b>
- <div class="reblog-perma">
- <a href="{ReblogURL}"><span class="far fa-sync-alt"></span></a>
- <a href="{Permalink}"><span class="far fa-info-circle"></span></a>
- </div>
- </div>
- {block:Title}<div class="text_title">{Title}</div>{/block:Title}
- <div class="caption">{Body}</div>
- {/block:Text}
- {block:Audio}
- <div class="postinfo">
- <span class="fas fa-volume-up"></span> Post: <b>Audio</b>
- <div class="reblog-perma">
- <a href="{ReblogURL}"><span class="far fa-sync-alt"></span></a>
- <a href="{Permalink}"><span class="far fa-info-circle"></span></a>
- </div>
- </div>
- {block:AlbumArt}
- <div class="album-art-container">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="audio_player_bg">
- <div class="audio_player_container">
- <div class="audio_player">{AudioPlayer}</div>
- </div>
- </div>
- <div class="audio_info">
- {block:TrackName}
- <span style="font-size:20px;font-weight:700;letter-spacing:1px;">{TrackName}</span>
- {/block:TrackName}
- <br>
- {block:Artist}
- <span style="opacity:0.7;font-size:14px;font-style:italic;letter-spacing:1px;font-weight:400;">{Artist}</span>
- {/block:Artist}
- </div>
- {/block:Audio}
- {block:Photoset}
- <div class="postinfo">
- <span class="far fa-images"></span> Post: <b>Photoset</b>
- <div class="reblog-perma">
- <a href="{ReblogURL}"><span class="far fa-sync-alt"></span></a>
- <a href="{Permalink}"><span class="far fa-info-circle"></span></a>
- </div>
- </div>
- <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></div>{/block:Photos}</div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- <div class="postinfo">
- <span class="fas fa-video"></span> Post: <b>Video</b>
- <div class="reblog-perma">
- <a href="{ReblogURL}"><span class="far fa-sync-alt"></span></a>
- <a href="{Permalink}"><span class="far fa-info-circle"></span></a>
- </div>
- </div>
- {Video-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Chat}
- <div class="postinfo">
- <span class="far fa-comments-alt"></span> Post: <b>Chat</b>
- <div class="reblog-perma">
- <a href="{ReblogURL}"><span class="far fa-sync-alt"></span></a>
- <a href="{Permalink}"><span class="far fa-info-circle"></span></a>
- </div>
- </div>
- {block:Title}
- <div class="text_title">{Title}</div>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- {block:Label}
- <div class="chat-label"><b>{Label}</b>
- {/block:Label}{Line}</div><br>
- {/block:Lines}
- </ul>
- </li>
- {/block:Chat}
- {block:Answer}
- <div class="postinfo">
- <span class="far fa-question-circle"></span> Post: <b>Question</b>
- <div class="reblog-perma">
- <a href="{ReblogURL}"><span class="far fa-sync-alt"></span></a>
- <a href="{Permalink}"><span class="far fa-info-circle"></span></a>
- </div>
- </div>
- <div class="question">
- <div class="asker">{Asker} sent:</div>
- <div class="asker-question">{Question}</div>
- </div>
- <div class="caption"><div class="answer">{Answer}</div></div>
- {/block:Answer}
- {block:Link}
- <div class="postinfo">
- <span class="fas fa-share-square"></span> Post: <b>Link</b>
- <div class="reblog-perma">
- <a href="{ReblogURL}"><span class="far fa-sync-alt"></span></a>
- <a href="{Permalink}"><span class="far fa-info-circle"></span></a>
- </div>
- </div>
- <div class="link">
- <a href="{URL}">{Name} <i class="far fa-arrow-right"></i></a>
- </div>
- <div class="link-description">{Description}</div>
- {/block:Link}
- {block:HasTags}
- <div class="tags">
- <i class="far fa-tags"></i>
- {block:Tags}
- <a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}{block:RebloggedFrom}<!-- {ReblogParentName} -->{/block:RebloggedFrom}
- </article>
- {block:PermalinkPage}
- <div class="permalink-info">
- Posted on {Month} {DayOfMonthWithSuffix}, {Year} with {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- </div>
- {block:PostNotes}
- <div class="post-notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- <div align="center">
- {block:Pagination}
- <div class="pagination">
- {block:NextPage}
- <div class="pagination_next"><a href="{NextPage}"><i class="fas fa-chevron-right"></i></a></div>
- {/block:NextPage}
- {block:PreviousPage}
- <div class="pagination_previous"><a href="{PreviousPage}"><i class="fas fa-chevron-left"></i></a></div>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- </div>
- <div class="footer">
- <h1>{text:footer title}</h1>
- <div class="footer_nav">
- Tags: <a href="{text:footer tag 1 url}">{text:footer tag 1 name}</a> <a href="{text:footer tag 2 url}">{text:footer tag 2 name}</a> <a href="{text:footer tag 3 url}">{text:footer tag 3 name}</a>
- </div>
- <div class="description">{Description}</div>
- <div class="credit">Created by <a href="https://astrocodes.tumblr.com">astrocodes</a></div>
- </div>
- <a id="top" title="Back to top" href="#"><span class="fal fa-arrow-circle-up"></span></a>
- <script>
- window.onscroll = function() {myFunction()};
- function myFunction() {
- var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
- var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
- var scrolled = (winScroll / height) * 100;
- document.getElementById("myBar").style.width = scrolled + "%";
- }
- </script>
- <script>
- $("button").click(function() {
- $('html,body').animate({
- scrollTop: $(".wrapper").offset().top},
- 'slow');
- });
- </script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '5px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- <script>
- $(window).scroll(function() {
- var height = $(window).scrollTop();
- if (height > 100) {
- $('#top').fadeIn();
- } else {
- $('#top').fadeOut();
- }
- });
- $(document).ready(function() {
- $("#top").click(function(event) {
- event.preventDefault();
- $("html, body").animate({ scrollTop: 0 }, "slow");
- return false;
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment