Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme neon by amboise
- be cool and don't steal nor copy n.n
- don't remove this bit on info either please
- base code by sorrism
- custom tumblr controls by cyantists
- infinite scroll by paul irish
- photosets by pixel union
- shortening notes, lightboxes, tumblr controls by shythemes
- flexible frames script by nouvae
- remove tumblr redirects script by magnusthemes
- feather icons by cole demis
- tooltips by malihu
- full credits at https://amboise.tumblr.com/credits
- -->
- <!DOCTYPE html>
- <head>
- <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{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}
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!--Default Variables-->
- <meta name="color:Big Background" content="#ffffff"/>
- <meta name="color:Sidebar" content="#ffffff"/>
- <meta name="color:Sidebar Text" content="#666666"/>
- <meta name="color:Sidebar Borders" content="#eeeeee"/>
- <meta name="color:Icons" content="#666666"/>
- <meta name="color:Icons Background" content="#ffffff"/>
- <meta name="color:Icons Borders" content="#eeeeee"/>
- <meta name="color:Top Border" content="#ffdfd3"/>
- <meta name="color:Avatar Border" content="#eeeeee"/>
- <meta name="color:Polka Dots" content="#d9d9d9"/>
- <meta name="color:Circle" content="#e5eef7"/>
- <meta name="color:Circle Two" content="#e5eef7"/>
- <meta name="color:Background" content="#f8f8f8"/>
- <meta name="color:Text" content="#666666"/>
- <meta name="color:Post" content="#ffffff"/>
- <meta name="color:Info" content="#a4a3a3"/>
- <meta name="color:Borders" content="#eeeeee"/>
- <meta name="color:Link" content="#a7a7a7"/>
- <meta name="color:Link Hover" content="#000000"/>
- <meta name="color:Tooltip Text" content="#000000"/>
- <meta name="color:Tooltip Background" content="#ffffff"/>
- <meta name="color:Tooltip Borders" content="#eeeeee"/>
- <meta name="color:Lightbox" content="#000000"/>
- <meta name="color:Scrollbar" content="#d5d5d5" />
- <meta name="select:Font Size" content="13px" title="13px"/>
- <meta name="select:Font Size" content="14px" title="14px"/>
- <meta name="select:Font" content="ABeeZee" title="ABeeZee"/>
- <meta name="select:Font" content="Ubuntu" title="Ubuntu"/>
- <meta name="select:Font" content="Muli" title="Muli"/>
- <meta name="select:Font" content="Lato" title="Lato"/>
- <meta name="select:Font" content="Fira Sans" title="Fira Sans"/>
- <meta name="select:Font" content="Nunito Sans" title="Nunito Sans"/>
- <meta name="select:Font" content="Karla" title="Karla"/>
- <meta name="select:Font" content="PT Sans" title="PT Sans"/>
- <meta name="select:Link 1 Icon" content="home" title="Home"/>
- <meta name="select:Link 1 Icon" content="mail" title="Mail"/>
- <meta name="select:Link 1 Icon" content="calendar" title="Calendar"/>
- <meta name="select:Link 1 Icon" content="user" title="User"/>
- <meta name="select:Link 1 Icon" content="bell" title="Update"/>
- <meta name="select:Link 1 Icon" content="bookmark" title="Bookmark"/>
- <meta name="select:Link 1 Icon" content="cloud" title="Cloud"/>
- <meta name="select:Link 1 Icon" content="code" title="Code"/>
- <meta name="select:Link 1 Icon" content="coffee" title="Coffee"/>
- <meta name="select:Link 1 Icon" content="compass" title="Navigate"/>
- <meta name="select:Link 1 Icon" content="droplet" title="Droplet"/>
- <meta name="select:Link 1 Icon" content="facebook" title="Facebook"/>
- <meta name="select:Link 1 Icon" content="feather" title="Feather"/>
- <meta name="select:Link 1 Icon" content="frown" title="Sad Face"/>
- <meta name="select:Link 1 Icon" content="meh" title="Meh Face"/>
- <meta name="select:Link 1 Icon" content="smile" title="Happy Face"/>
- <meta name="select:Link 1 Icon" content="heart" title="Heart"/>
- <meta name="select:Link 1 Icon" content="instagram" title="Instagram"/>
- <meta name="select:Link 1 Icon" content="message-circle" title="Chat Bubble"/>
- <meta name="select:Link 1 Icon" content="moon" title="Moon"/>
- <meta name="select:Link 1 Icon" content="music" title="Music"/>
- <meta name="select:Link 1 Icon" content="star" title="Star"/>
- <meta name="select:Link 1 Icon" content="tag" title="Tag"/>
- <meta name="select:Link 1 Icon" content="trash-2" title="Trash"/>
- <meta name="select:Link 1 Icon" content="twitter" title="Twitter"/>
- <meta name="select:Link 1 Icon" content="shopping-cart" title="Shop"/>
- <meta name="select:Link 2 Icon" content="mail" title="Mail"/>
- <meta name="select:Link 2 Icon" content="calendar" title="Calendar"/>
- <meta name="select:Link 2 Icon" content="star" title="Star"/>
- <meta name="select:Link 2 Icon" content="bell" title="Update"/>
- <meta name="select:Link 2 Icon" content="bookmark" title="Bookmark"/>
- <meta name="select:Link 2 Icon" content="cloud" title="Cloud"/>
- <meta name="select:Link 2 Icon" content="code" title="Code"/>
- <meta name="select:Link 2 Icon" content="coffee" title="Coffee"/>
- <meta name="select:Link 2 Icon" content="compass" title="Navigate"/>
- <meta name="select:Link 2 Icon" content="droplet" title="Droplet"/>
- <meta name="select:Link 2 Icon" content="facebook" title="Facebook"/>
- <meta name="select:Link 2 Icon" content="feather" title="Feather"/>
- <meta name="select:Link 2 Icon" content="frown" title="Sad Face"/>
- <meta name="select:Link 2 Icon" content="meh" title="Meh Face"/>
- <meta name="select:Link 2 Icon" content="smile" title="Happy Face"/>
- <meta name="select:Link 2 Icon" content="heart" title="Heart"/>
- <meta name="select:Link 2 Icon" content="instagram" title="Instagram"/>
- <meta name="select:Link 2 Icon" content="message-circle" title="Chat Bubble"/>
- <meta name="select:Link 2 Icon" content="moon" title="Moon"/>
- <meta name="select:Link 2 Icon" content="music" title="Music"/>
- <meta name="select:Link 2 Icon" content="tag" title="Tag"/>
- <meta name="select:Link 2 Icon" content="trash-2" title="Trash"/>
- <meta name="select:Link 2 Icon" content="twitter" title="Twitter"/>
- <meta name="select:Link 2 Icon" content="shopping-cart" title="Shop"/>
- <meta name="select:Link 2 Icon" content="user" title="User"/>
- <meta name="select:Link 2 Icon" content="home" title="Home"/>
- <meta name="select:Link 3 Icon" content="star" title="Star"/>
- <meta name="select:Link 3 Icon" content="compass" title="Navigate"/>
- <meta name="select:Link 3 Icon" content="bell" title="Update"/>
- <meta name="select:Link 3 Icon" content="bookmark" title="Bookmark"/>
- <meta name="select:Link 3 Icon" content="cloud" title="Cloud"/>
- <meta name="select:Link 3 Icon" content="code" title="Code"/>
- <meta name="select:Link 3 Icon" content="coffee" title="Coffee"/>
- <meta name="select:Link 3 Icon" content="facebook" title="Facebook"/>
- <meta name="select:Link 3 Icon" content="feather" title="Feather"/>
- <meta name="select:Link 3 Icon" content="frown" title="Sad Face"/>
- <meta name="select:Link 3 Icon" content="meh" title="Meh Face"/>
- <meta name="select:Link 3 Icon" content="smile" title="Happy Face"/>
- <meta name="select:Link 3 Icon" content="heart" title="Heart"/>
- <meta name="select:Link 3 Icon" content="instagram" title="Instagram"/>
- <meta name="select:Link 3 Icon" content="message-circle" title="Chat Bubble"/>
- <meta name="select:Link 3 Icon" content="moon" title="Moon"/>
- <meta name="select:Link 3 Icon" content="music" title="Music"/>
- <meta name="select:Link 3 Icon" content="tag" title="Tag"/>
- <meta name="select:Link 3 Icon" content="trash-2" title="Trash"/>
- <meta name="select:Link 3 Icon" content="twitter" title="Twitter"/>
- <meta name="select:Link 3 Icon" content="shopping-cart" title="Shop"/>
- <meta name="select:Link 3 Icon" content="user" title="User"/>
- <meta name="select:Link 3 Icon" content="home" title="Home"/>
- <meta name="select:Link 3 Icon" content="mail" title="Mail"/>
- <meta name="select:Link 3 Icon" content="calendar" title="Calendar"/>
- <meta name="select:Link 4 Icon" content="bell" title="Update"/>
- <meta name="select:Link 4 Icon" content="bookmark" title="Bookmark"/>
- <meta name="select:Link 4 Icon" content="cloud" title="Cloud"/>
- <meta name="select:Link 4 Icon" content="code" title="Code"/>
- <meta name="select:Link 4 Icon" content="coffee" title="Coffee"/>
- <meta name="select:Link 4 Icon" content="facebook" title="Facebook"/>
- <meta name="select:Link 4 Icon" content="feather" title="Feather"/>
- <meta name="select:Link 4 Icon" content="frown" title="Sad Face"/>
- <meta name="select:Link 4 Icon" content="meh" title="Meh Face"/>
- <meta name="select:Link 4 Icon" content="smile" title="Happy Face"/>
- <meta name="select:Link 4 Icon" content="heart" title="Heart"/>
- <meta name="select:Link 4 Icon" content="instagram" title="Instagram"/>
- <meta name="select:Link 4 Icon" content="message-circle" title="Chat Bubble"/>
- <meta name="select:Link 4 Icon" content="moon" title="Moon"/>
- <meta name="select:Link 4 Icon" content="music" title="Music"/>
- <meta name="select:Link 4 Icon" content="star" title="Star"/>
- <meta name="select:Link 4 Icon" content="tag" title="Tag"/>
- <meta name="select:Link 4 Icon" content="trash-2" title="Trash"/>
- <meta name="select:Link 4 Icon" content="twitter" title="Twitter"/>
- <meta name="select:Link 4 Icon" content="shopping-cart" title="Shop"/>
- <meta name="select:Link 4 Icon" content="user" title="User"/>
- <meta name="select:Link 4 Icon" content="home" title="Home"/>
- <meta name="select:Link 4 Icon" content="mail" title="Mail"/>
- <meta name="select:Link 4 Icon" content="calendar" title="Calendar"/>
- <meta name="select:Link 4 Icon" content="compass" title="Navigate"/>
- <meta name="select:Link 5 Icon" content="coffee" title="Coffee"/>
- <meta name="select:Link 5 Icon" content="bookmark" title="Bookmark"/>
- <meta name="select:Link 5 Icon" content="cloud" title="Cloud"/>
- <meta name="select:Link 5 Icon" content="code" title="Code"/>
- <meta name="select:Link 5 Icon" content="facebook" title="Facebook"/>
- <meta name="select:Link 5 Icon" content="feather" title="Feather"/>
- <meta name="select:Link 5 Icon" content="frown" title="Sad Face"/>
- <meta name="select:Link 5 Icon" content="meh" title="Meh Face"/>
- <meta name="select:Link 5 Icon" content="smile" title="Happy Face"/>
- <meta name="select:Link 5 Icon" content="heart" title="Heart"/>
- <meta name="select:Link 5 Icon" content="instagram" title="Instagram"/>
- <meta name="select:Link 5 Icon" content="message-circle" title="Chat Bubble"/>
- <meta name="select:Link 5 Icon" content="moon" title="Moon"/>
- <meta name="select:Link 5 Icon" content="music" title="Music"/>
- <meta name="select:Link 5 Icon" content="star" title="Star"/>
- <meta name="select:Link 5 Icon" content="tag" title="Tag"/>
- <meta name="select:Link 5 Icon" content="trash-2" title="Trash"/>
- <meta name="select:Link 5 Icon" content="twitter" title="Twitter"/>
- <meta name="select:Link 5 Icon" content="shopping-cart" title="Shop"/>
- <meta name="select:Link 5 Icon" content="user" title="User"/>
- <meta name="select:Link 5 Icon" content="home" title="Home"/>
- <meta name="select:Link 5 Icon" content="mail" title="Mail"/>
- <meta name="select:Link 5 Icon" content="calendar" title="Calendar"/>
- <meta name="select:Link 5 Icon" content="compass" title="Navigate"/>
- <meta name="select:Link 5 Icon" content="bell" title="Update"/>
- <meta name="if:Contained" content=""/>
- <meta name="if:Show Captions" content=""/>
- <meta name="if:Show Tags" content=""/>
- <meta name="if:Show Top Info" content=""/>
- <meta name="if:Show Search Bar" content=""/>
- <meta name="if:Load More" content=""/>
- <meta name="if:Infinite Scroll" content=""/>
- <meta name="text:Search Bar Input" content="search blog...">
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 2 URL" content=""/>
- <meta name="text:Link 3" content=""/>
- <meta name="text:Link 3 URL" content=""/>
- <meta name="text:Link 4" content=""/>
- <meta name="text:Link 4 URL" content=""/>
- <meta name="text:Link 5" content=""/>
- <meta name="text:Link 5 URL" content=""/>
- <meta name="image:Header" content=""/>
- <meta name="image:Background" content=""/>
- <!-- fonts and icons ------------------------------------------------------->
- <link href="https://fonts.googleapis.com/css?family={select:font}:400,400i,700,700i|Marck+Script" rel="stylesheet">
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <!-- CSS customization ----------------------------------------------------->
- <style type="text/css">
- /* lightbox */
- #tumblr_lightbox, .tmblr-lightbox {
- background-color:rgba({RGBcolor:lightbox},.75)!important;
- }
- #vignette, .vignette {
- opacity:0;
- }
- #tumblr_lightbox img, .lightbox-image {
- box-shadow:none!important;
- border-radius:0!important;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- max-width:none;
- }
- #tumblr_lightbox_caption, .lightbox-caption {
- visibility:hidden;
- }
- /* tumblr controls by@cyantists */
- iframe.tmblr-iframe {
- z-index:50;
- top:20px!important;
- right:20!important;
- opacity:0;
- padding-right:38px;
- /* delete invert(1) from here */
- 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%);
- /* to here if your blog has a dark background */
- 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;}
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;
- }
- .hcontrols {
- position:fixed;
- top:30px;
- right:15px;
- z-index:50;
- }
- .hcontrols svg {
- width:16px;
- height:16px;
- }
- /* text selection color */
- /* scrollbar */
- ::-webkit-scrollbar {
- width:.4em;
- background:{color:background};
- }
- ::-webkit-scrollbar,
- ::-webkit-scrollbar-thumb {
- overflow:visible;
- border-radius: 4px;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:scrollbar};
- }
- #s-m-t-tooltip {
- max-width:300px;
- z-index:100000000;
- margin:0 14px 0 12px;
- padding:5px 10px 5px 10px;
- color:{color:Tooltip Text};
- background-color:{color:Tooltip Background};
- border:1px solid {color:Tooltip Borders};
- font-size:calc({select:font size} - 2px);
- text-transform:lowercase;
- letter-spacing:2px;
- line-height:16px;
- }
- /* main structure */
- body {
- color:{color:text};
- background-color:{color:background};
- font-size:{select:font size};
- font-family:{select:font};
- line-height:1.5em;
- letter-spacing:.75px;
- font-weight:400;
- text-transform:lowercase;
- word-wrap:break-word;
- text-align:left;
- margin:0;
- }
- b, strong {font-weight:700;}
- a {
- color:inherit;
- text-decoration:none;
- transition:all .3s linear;
- -webkit-transition:all .3s linear;
- -o-transition:all .3s linear;
- -moz-transition:all .3s linear;
- }
- a, a img {cursor:pointer;}
- a:hover {
- text-decoration:none;
- }
- img {
- opacity:1;
- border:0;
- text-decoration:none;
- max-width:100%;
- height:auto;
- display:block;
- }
- blockquote {
- padding:0 0 0 15px;
- margin:.75em 0;
- border-left:2px solid {color:borders};
- }
- pre {
- padding:0;
- margin:0;
- line-height:inherit!important;
- background:transparent;
- font-family:inherit!Important;
- font-size:inherit!important;
- white-space:pre-wrap;
- white-space:-moz-pre-wrap;
- white-space:-pre-wrap;
- white-space:-o-pre-wrap;
- word-wrap:break-word;
- }
- p {margin:.5em 0;}
- p:first-of-type {margin-top:0;}
- p:last-of-type {margin-bottom:.5em;}
- small, big, sup, pre {
- font-size:{select:font size}!important;
- line-height:1.5em!important;
- vertical-align:baseline!important;
- }
- h1, h2, h3, h4 {
- margin:.5em 0;
- font-size:{select:font size};
- font-weight:bold;
- padding:0;
- color:{color:text};
- }
- .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
- hr {
- border:none;
- box-shadow:0;
- margin:2em auto;
- width:75px;
- border-top:1px solid {color:borders};
- }
- /* sidebar */
- header {
- z-index:99;
- position:fixed;
- top:0;
- left:0;
- width:calc(30% - 1px);
- height:100vh;
- overflow:hidden;
- color:{color:sidebar text};
- background:{color:sidebar};
- border-right:1px solid {color:sidebar borders};
- }
- .b-t {
- z-index:1000;
- height:20px;
- width:100%;
- position:fixed;
- top:0;
- left:0;
- right:0;
- background:{color:top border};
- }
- .info {
- position:absolute;
- top:50%;
- left:50%;
- transform:translate(-50%,-50%);
- text-align:center;
- max-height:60%;
- }
- .polka {
- width:75px;
- height:75px;
- background:transparent;
- background-image:radial-gradient({color:polka dots} 20%, transparent 0), radial-gradient({color:polka dots} 20%, transparent 0);
- background-size:1.1em 1.1em;
- background-position:0 0, 1.1em 1.1em;
- position:absolute;
- margin-top:-25px;
- left:calc(50% - (150px / 2) - 2px);
- z-index:0;
- }
- .icon {
- width:90px;
- height:90px;
- padding:5px;
- margin-left:calc(50% - (100px / 2) - 4px);
- border:2px solid {color:avatar border};
- border-radius:50%;
- background:{color:sidebar} no-repeat center;
- background-size:cover;
- overflow:hidden;
- position:relative;
- z-index:1;
- }
- .icon img {
- width:90px;
- height:90px;
- overflow:hidden;
- border-radius:50%;
- }
- .circle {
- z-index:2;
- position:absolute;
- border-radius:50%;
- }
- .circle.two {
- width:15px;
- height:15px;
- border:1px solid {color:circle two};
- margin-top:-30px;
- left:calc(50% + 30px);
- }
- .circle.one {
- width:25px;
- height:25px;
- background:{color:circle};
- margin-top:-30px;
- left:calc(50% + 15px);
- }
- .blogtitle {
- display:inline-block;
- font-size:calc({select:font size} + 2px);
- font-weight:bold;
- margin-top:25px;
- margin-bottom:15px;
- }
- .enter {
- margin-top:50px;
- margin-left:calc(50% - (25px / 2));
- width:25px;
- height:25px;
- }
- .cher {
- {block:IfShowSearchBar}display:block;{/block:IfShowSearchBar}
- {block:IfNotShowSearchBar}display:none;{/block:IfNotShowSearchBar}
- border:1px solid {color:borders};
- border-radius:.4em;
- background:{color:post};
- padding:10px 15px 10px 15px;
- margin:0 auto 100px auto;
- width:calc(60% - 30px);
- }
- .cher svg {
- color:{color:text};
- float:right;
- margin-top:-17.5px;
- width:15px;
- height:15px;
- }
- .sfm input {
- border:0;
- margin:0;
- padding:0;
- width:calc(100% - 25px);
- color:{color:text};
- text-align:left;
- text-transform:lowercase;
- letter-spacing:.75px;
- font-family:{select:font};
- font-size:{select:font size};
- background:transparent;
- }
- ::placeholder {
- color:{color:text};
- opacity: 1;
- }
- :-ms-input-placeholder {
- color:{color:text};
- }
- ::-ms-input-placeholder {
- color:{color:text};
- }
- .enter:hover {
- cursor:pointer;
- }
- .enter svg {
- width:25px;
- height:25px;
- fill:{color:top border};
- }
- .navi svg {
- width:15px;
- height:15px;
- padding:6px;
- margin:5px 0 5px 1.5px;
- overflow:hidden;
- border-radius:50%;
- }
- /* posts */
- .rblg {
- margin-bottom:25px;
- height:29px;
- {block:IndexPage}{block:IfNotShowTopInfo}display:none;{/block:IfNotShowTopInfo}{/block:IndexPage}
- }
- .username {
- display:inline-block;
- margin-top:.75em;
- margin-bottom:.75em;
- }
- .rblg img, .username img {
- width:24px;
- height:24px;
- padding:3px;
- border:1px solid {color:borders};
- border-radius:50%;
- overflow:hidden;
- float:left;
- margin-top:-5px;
- margin-right:15px;
- }
- .ellip {
- width:100%;
- }
- .ellip .rr {
- max-width:calc(100% - 80px);
- overflow:hidden;
- white-space:nowrap;
- text-overflow:ellipsis;
- }
- .rr, .ago {
- display:inline-block;
- }
- .rblg .rr {
- float:left;
- }
- .rblg .ago {
- float:right;
- }
- section {
- width:70%;
- margin-left:30%;
- }
- .item-two {
- margin-top:150px;
- position:relative;
- }
- .posts {
- width:60%;
- margin:auto auto 100px auto;
- }
- input:focus,
- select:focus,
- textarea:focus,
- button:focus {
- outline:none;
- }
- .ph {
- position:relative;
- overflow:hidden;
- }
- .ph img {
- width:100%;
- display:block;
- }
- .photo, .photoset, .video, .npf_photoset {
- border:1px solid {color:borders};
- }
- /* titles */
- .title {
- font-weight:700;
- margin-bottom:10px;
- display:inline-block;
- }
- .link-title {
- padding:25px;
- background:{color:post};
- border:1px solid {color:borders};
- margin-bottom:25px;
- }
- /* captions */
- .captions {
- {block:IndexPage}{block:IfNotShowCaptions}display:none;{/block:IfNotShowCaptions}{/block:IndexPage}
- }
- .comment, .com {
- list-style:none;
- padding:15px 0 15px;
- border-top:1px dashed {color:borders};
- }
- .comment:last-of-type, .com:last-of-type {
- padding-bottom:0;
- }
- .comment:first-of-type {
- border-top:0;
- }
- .com:first-of-type {
- border-top:0;
- padding-top:0;
- }
- .tex a, .cred a, .title {
- color:{color:link hover};
- box-shadow:inset 0 -.5em 0 0 rgb({RGBcolor:link},0.5);
- border-bottom:1px solid {color:link};
- }
- .tex li, .tex blockquote {text-align:left;}
- .tex img {
- width:100%;
- }
- .tmblr-full, .npf_photoset {
- margin-bottom:15px;
- }
- .user {
- display:inline-block;
- line-height:1em;
- margin-bottom:.75em;
- }
- .user img {
- }
- /* quote */
- .quote {
- padding-bottom:15px;
- font-size:calc({select:font size} + 1px);
- font-weight:bold;
- }
- .source {
- padding-top:10px;
- text-transform:lowercase;
- text-align:left;
- }
- /* audio */
- .soundcloud_audio_player {
- max-height:116px!important;
- width:100%!important;
- }
- .spotify_audio_player {
- max-height:80px!important;
- width:100%!important;
- }
- .box-p {
- position:absolute;
- top:30px;
- right:25px;
- width:35px;
- height:35px;
- background:transparent;
- border:1px solid {color:borders};
- overflow:hidden;
- border-radius:50%;
- }
- .audio {
- position:relative;
- height:100px;
- border:1px solid {color:borders};
- background:{color:post};
- border-radius:.4em;
- }
- .minfo {
- position:absolute;
- margin:28px 25px 25px 125px;
- width:calc(100% - 200px);
- }
- .track {
- font-weight:700;
- }
- .track, .artist {
- width:100%;
- overflow:hidden;
- white-space:nowrap;
- text-overflow:ellipsis;
- }
- .cover {
- width:100px;
- height:100px;
- float:left;
- left:0;
- }
- .cover img {
- opacity:1;
- z-index:1;
- width:100px;
- height:100px;
- position:absolute;
- }
- .cover svg {
- float:left;
- opacity:0.25;
- z-index:0;
- position:absolute;
- color:{color:text};
- width:50px;
- height:50px;
- margin:25px 0 0 20px;
- }
- /* asks */
- .q {
- padding:25px;
- border:1px solid {color:borders};
- background:{color:post};
- }
- .as {
- text-transform:lowercase;
- }
- .ques, .ques a {
- text-decoration:none!important;
- border:none!important;
- box-shadow:none!important;
- }
- .answer {
- display:inline-block;
- padding:25px 0 0 0;
- }
- /*chat*/
- .chat {
- text-align:left;
- margin:0;
- padding:0;
- list-style:none;
- }
- .l {
- padding:7.5px 0;
- }
- .label {
- color:{color:link hover};
- font-weight:bold;
- box-shadow:inset 0 -.5em 0 0 rgb({RGBcolor:link},0.5);
- border-bottom:1px solid {color:link};
- display:inline-block;
- }
- .l:first-of-type {
- padding-top:0;
- }
- .l:last-of-type {
- border:0;
- }
- /* permalink and notes */
- .when {
- margin:0;
- padding-top:25px;
- text-transform:lowercase;
- color:{color:info};
- }
- .when, .when a, .post-controls a, .rblg a {
- color:{color:info}!important;
- text-decoration:none!important;
- border:none!important;
- box-shadow:none!important;
- }
- .when span {display:block;}
- input:focus,
- select:focus,
- textarea:focus,
- button:focus {
- outline:none;
- }
- .when svg {
- width:18px;
- height:18px;
- margin-right:10px;
- color:{color:info};
- }
- .perma svg {
- margin:0;
- }
- .perma {
- float:right;
- background-color:transparent;
- border:none;
- padding:0;
- text-decoration:none;
- display:inline-block;
- cursor:pointer;
- z-index:10;
- position:relative;
- }
- .post-controls {
- height:20px;
- z-index:10;
- position:relative;
- }
- .more, .post-controls, .reblog, .like, .button {
- display:inline-block;
- }
- .reblog svg {
- transform: rotate(90deg);
- transform: scaleX(-1);
- }
- .notecount {
- display:block;
- padding:5px 0 0 0;
- font-size:calc({select:font size} - 1px);
- }
- .post-controls .like .liked + svg {
- opacity:.8;
- }
- .post-controls .like .liked + svg path {
- fill:#ec5a5a;
- }
- .post-controls .like .like_button {
- position:relative;
- }
- .post-controls .like .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;
- }
- /* tags */
- .button {
- background-color:transparent;
- padding:0;
- border:none;
- text-decoration:none;
- cursor:pointer;
- margin-top:1px;
- }
- .tags {
- display:none;
- color:{color:info};
- margin-top:15px;
- }
- .tags a {
- margin-right:10px;
- }
- /* post notes */
- .pagenotes {
- width:60%;
- margin:-75px auto 100px auto;
- padding-top:25px;
- border-top:1px dashed {color:borders};
- }
- ol.notes {
- list-style:none;
- padding:0px;
- margin:0px;
- }
- ol.notes li.note {
- display:block;
- padding:0;
- }
- li.note blockquote {
- margin-right:10px;
- }
- ol.notes li.note img.avatar {display:none!important;}
- a.more_notes_link {
- display:block;
- text-transform:lowercase;
- text-align:left;
- color:{color:text};
- }
- /* pagination */
- /* pagination */
- footer {
- text-transform:lowercase;
- position:relative;
- width:50%;
- margin:-20px 0 75px 50%;
- }
- footer a, .pagination a, .load a, .paged a {
- display:inline-block;
- }
- .pagination.two, .more.two, .paged {
- width:60%;
- margin:0 auto;
- }
- {block:ifInfiniteScroll}
- .pagination, #infscr-loading {
- display:none!important;
- }
- {/block:ifInfiniteScroll}
- {block:ifNotInfiniteScroll}
- .more, .load {
- display:none;
- }
- {/block:ifNotInfiniteScroll}
- /* scroll to top */
- footer .scrollup {
- display:inline-block;
- float:right;
- text-align:right;
- margin-bottom:75px;
- }
- .pagination.two, .more.two {
- display:none;
- }
- .cr {
- position:fixed;
- bottom:15px;
- right:15px;
- z-index:50;
- }
- .cr svg {
- width:16px;
- height:16px;
- }
- .cred {
- width:calc(100% - 50px);
- border-top:1px solid {color:borders};
- background:{color:post};
- padding:15px 25px 65px 25px;
- text-align:center;
- font-size:calc({select:font size} - 1px);
- }
- /* media quieres */
- {block:IfContained}
- @media (min-width:1200px) {
- .container {
- width:60%;
- height:70%;
- }
- .b-t {
- width:60%;
- top:15%;
- left:20%;
- }
- header {
- top:15%;
- left:calc(20% + 1px);
- width:calc(20% - 1px);
- height:70%;
- }
- .navi {
- /*margin-top:20px;*/
- left:calc(40% - 17px)!important;
- }
- section {
- margin-left:32.5%;
- }
- .posts:last-of-type {
- margin-bottom:0;
- padding-bottom:100px;
- }
- }
- @media (max-width:1199px) and (min-width:901px) {
- .container {
- width:80%;
- height:80%;
- }
- .b-t {
- width:80%;
- top:10%;
- left:10%;
- }
- header {
- top:10%;
- left:calc(10% + 1px);
- width:calc(25% - 1px);
- height:80%;
- }
- .navi {
- /*margin-top:20px;*/
- left:calc(35% - 17px)!important;
- }
- section {
- margin-left:31%;
- }
- .posts:last-of-type {
- margin-bottom:0;
- padding-bottom:100px;
- }
- }
- @media (min-width:901px) {
- body {
- background:{color:big background};
- background-image:url('{image:background}');
- background-attachment:fixed;
- background-repeat:repeat;
- }
- .container {
- border:1px solid {color:borders};
- background:{color:background};
- position:fixed;
- top:50%;
- left:50%;
- transform:translate(-50%,-50%);
- overflow-y:scroll;
- overflow-x:hidden;
- -webkit-overflow-scrolling: touch;
- }
- .item-two {
- margin-top:100px;
- }
- section {
- height:100%;
- }
- }
- {/block:IfContained}
- @media (min-width:901px) {
- .item, .enter, .cred {
- display:none!important;
- }
- .navi {
- width:32px;
- z-index:100;
- position:fixed;
- top:50%;
- left:calc(30% - 18px);
- transform:translate(0,-50%);
- }
- .navi svg {
- color:{color:icons};
- background:{color:icons background};
- border:1px solid {color:icons borders};
- }
- }
- @media (max-width:900px) {
- .first, .item, .item-two, .cr {
- display:none;
- }
- {block:HomePage}
- .page-1 {
- display:block;
- }
- {/block:HomePage}
- iframe.tmblr-iframe, .hcontrols {
- display:none;
- }
- header {
- width:100%;
- position:absolute;
- border:none;
- }
- .blogtitle {
- font-size:3.5vw;
- }
- section {
- width:100%;
- margin-left:0;
- padding-top:75px;
- min-height:calc(100vh - 75px);
- }
- .item-two {
- height:75px;
- margin-top:100vh;
- }
- .posts, .cher {
- margin-bottom:50px;
- }
- .posts:last-of-type {
- margin-bottom:75px;
- }
- .pagenotes {
- margin:-25px auto 50px auto;
- }
- .abb, .posts, .pagenotes, .pagination, .more, .paged {
- width:90%;
- }
- .cher {
- width:calc(90% - 30px);
- }
- .navi {
- z-index:98;
- left:0;
- right:0;
- bottom:0;
- width:100%;
- height:50px;
- position:fixed;
- overflow:hidden;
- background:{color:sidebar};
- border-top:1px solid {color:sidebar borders};
- }
- .navi svg {
- color:{color:sidebar text};
- background:{color:sidebar};
- border:1px solid {color:sidebar borders};
- }
- .pew {
- margin:2px auto 0 auto;
- width:100%;
- display:inline-flex;
- vertical-align:top;
- justify-content:center;
- align-items:center;
- }
- {block:IfLoadMore}
- .pew {
- width:auto;
- position:absolute;
- top:50%;
- left:50%;
- transform:translate(-50%,-50%);
- }
- {/block:IfLoadMore}
- .pagination.one {
- margin:5px 2.5% 0 2.5%;
- }
- .next {
- float:right;
- margin-top:-5px;
- }
- .navi svg {
- float:left;
- margin:5px;
- }
- footer {
- width:100%;
- margin:-20px auto 75px auto;
- }
- }
- @media (max-width:480px) {
- .item-two {
- height:50px;
- }
- .polka {
- width:50%;
- height:calc(50% / 2);
- left:10%;
- }
- .blogtitle {
- font-size:6vw;
- }
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="b-t"></div>
- <header class="first">
- <div class="info">
- <div class="polka dot"></div>
- <div class="icon">
- <img src="{image:header}">
- </div>
- <div class="circle one"></div>
- <div class="circle two"></div>
- <div class="punto"></div>
- <div class="blogtitle"><a href="/">{Title}</a></div>
- <div class="desc">{description}</div>
- <div class="enter">
- <!-- icon by kiranshastry on flaticon -->
- <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g><path d="M256,0C156.595,0,75.726,82.14,75.726,183.099v145.807C75.726,429.865,156.595,512,256,512c99.399,0,180.274-81.886,180.274-182.534V183.099C436.274,82.14,355.399,0,256,0z M402.366,329.466c0,81.954-65.656,148.627-146.366,148.627c-80.705,0-146.366-66.927-146.366-149.192V183.099c0-82.265,65.661-149.192,146.366-149.192c80.711,0,146.366,66.927,146.366,149.192V329.466z"/></g></g><g><g><path d="M256,140.15c-9.364,0-16.954,7.59-16.954,16.954v59.338c0,9.364,7.59,16.954,16.954,16.954c9.364,0,16.954-7.59,16.954-16.954v-59.338C272.954,147.74,265.364,140.15,256,140.15z"/></g></g></svg>
- </div>
- </div>
- </header>
- <div class="navi">
- <div class="pew">
- {block:Pagination}
- <div class="pagination one">
- <a {block:PreviousPage}class="active prev" href="{PreviousPage}" title="prev"{/block:PreviousPage}> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg> </a>
- </div>
- {/block:Pagination}
- {block:ifLink1}
- <a href="{text:Link 1 URL}" title="{text:Link 1}">
- <i data-feather="{select:Link 1 Icon}"></i>
- </a>
- {/block:ifLink1}
- {block:ifLink2}
- <a href="{text:Link 2 URL}" title="{text:Link 2}">
- <i data-feather="{select:Link 2 Icon}"></i>
- </a>
- {/block:ifLink2}
- {block:ifLink3}
- <a href="{text:Link 3 URL}" title="{text:Link 3}">
- <i data-feather="{select:Link 3 Icon}"></i>
- </a>
- {/block:ifLink3}
- {block:ifLink4}
- <a href="{text:Link 4 URL}" title="{text:Link 4}">
- <i data-feather="{select:Link 4 Icon}"></i>
- </a>
- {/block:ifLink4}
- {block:ifLink5}
- <a href="{text:Link 5 URL}" title="{text:Link 5}">
- <i data-feather="{select:Link 5 Icon}"></i>
- </a>
- {/block:ifLink5}
- {block:Pagination}
- <div class="pagination one">
- <a {block:NextPage}class="active next" href="{NextPage}" title="next"{/block:NextPage}> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-right"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg> </a>
- </div>
- {block:IndexPage}
- {block:IfLoadMore}
- <div class="more one">
- <a href="#" class="load" title="load more"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></a>
- </div>
- {/block:IfLoadMore}
- {/block:IndexPage}
- {/block:Pagination}
- </div>
- </div>
- <!-- posts ----------------------------------------------------------------->
- <div class="container">
- {block:HomePage}
- <header class="item page-{CurrentPage}">
- <div class="info">
- <div class="polka dot"></div>
- <div class="icon"><img src="{image:header}"></div>
- <div class="circle one"></div>
- <div class="circle two"></div>
- <div class="punto"></div>
- <div class="blogtitle"><a href="/">{Title}</a></div>
- <div class="desc">{description}</div>
- <div class="enter">
- <!-- icon by kiranshastry on flaticon -->
- <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 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g><path d="M256,0C156.595,0,75.726,82.14,75.726,183.099v145.807C75.726,429.865,156.595,512,256,512c99.399,0,180.274-81.886,180.274-182.534V183.099C436.274,82.14,355.399,0,256,0z M402.366,329.466c0,81.954-65.656,148.627-146.366,148.627c-80.705,0-146.366-66.927-146.366-149.192V183.099c0-82.265,65.661-149.192,146.366-149.192c80.711,0,146.366,66.927,146.366,149.192V329.466z"/></g></g><g><g><path d="M256,140.15c-9.364,0-16.954,7.59-16.954,16.954v59.338c0,9.364,7.59,16.954,16.954,16.954c9.364,0,16.954-7.59,16.954-16.954v-59.338C272.954,147.74,265.364,140.15,256,140.15z"/></g></g></svg>
- </div>
- </div>
- </header>
- {/block:HomePage}
- <section id="entries">
- <div class="item-two page-{CurrentPage}"></div>
- {block:IndexPage}
- <div class="cher">
- <script language="javascript">
- function send()
- {document.theform.submit()}
- </script>
- <form action="/search" method="get" class="sfm" name="theform">
- <input type="text" name="q" placeholder="{text:search bar input}" id="sf"/>
- </form>
- <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
- </div>
- {/block:IndexPage}
- {block:Posts}
- <article class="posts {block:caption}captioned{/block:caption}">
- {block:Date}
- <div class="rblg">
- <div class="ellip">
- {block:RebloggedFrom}
- <a href="{ReblogRootURL}" target="_blank"><img src="{ReblogRootPortraitURL-64}"></a>
- <div class="rr"><a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a></div>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <a href="{Permalink}"><img src="{PortraitURL-64}"></a>
- <div class="rr"><a href="{Permalink}">{Name}</a></div>
- {/block:NotReblog}
- <div class="ago">{TimeStamp}</div>
- </div>
- </div>
- {/block:Date}
- <!-- quote ----------------------------------------------------------------->
- {block:Quote}
- <div class="quote">{quote}</div>
- {block:Source}<div class="source">{source}</div>{/block:Source}
- {/block:Quote}
- <!-- text ------------------------------------------------------------------>
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="com">
- {block:IsNotOriginalEntry}<span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="username" target="_blank">
- <img src="{PortraitURL-64}">{Username}</a></span>{/block:IsNotOriginalEntry}
- <div class="tex">{Body}</div>
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {block:NotReblog}
- <li class="com {block:Title}ted{/block:Title}">
- <div class="tex">{Body}</div>
- </li>
- {/block:NotReblog}
- {/block:Text}
- <!-- link ------------------------------------------------------------------>
- {block:Link}<div class="link-title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- {block:NotReblog}
- <li class="com">
- <div class="tex">{Description}</div>
- </li>
- {/block:NotReblog}
- {/block:Description}
- {block:RebloggedFrom}
- {block:Reblogs}
- <li class="com">
- <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="username" target="_blank">{username}</a>
- <div class="tex">{body}</div>
- </li>
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Link}
- <!-- chat ------------------------------------------------------------------>
- {block:Chat}
- {block:Title}<div class="title">{title}</div>{/block:Title}
- <ol class="chat {block:Title}ted{/block:Title}">
- {block:lines}
- <li class="l {Alt}">
- {block:label}<span class="label">{label}</span>{/block:label} {line}
- </li>
- {/block:lines}
- </ol>
- {/block:Chat}
- <div class="ph">
- <!-- photo ----------------------------------------------------------------->
- {block:Photo}
- <div class="photo">
- <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
- <img src="{PhotoURL-HighRes}">
- </a>
- </div>
- {/block:Photo}
- <!-- photoset -------------------------------------------------------------->
- {block:Photoset}
- <div class="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>
- </div>
- {/block:Photoset}
- <!-- video ----------------------------------------------------------------->
- {block:Video}
- <div class="video">{Video-500}</div>
- {/block:Video}
- <!-- audio ----------------------------------------------------------------->
- {block:Audio}
- <div class="audio">
- {block:AudioPlayer}
- <div class="cover">
- {block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-music"><path d="M9 17H5a2 2 0 0 0-2 2 2 2 0 0 0 2 2h2a2 2 0 0 0 2-2zm12-2h-4a2 2 0 0 0-2 2 2 2 0 0 0 2 2h2a2 2 0 0 0 2-2z"></path><polyline points="9 17 9 5 21 3 21 15"></polyline></svg>
- </div>
- <div class="minfo">
- <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
- <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
- </div>
- <div class="box-p">{AudioPlayer}</div>
- {/block:AudioPlayer}
- {block:AudioEmbed}
- <div class="embed">{AudioEmbed-500}</div>
- {/block:AudioEmbed}
- </div>
- {/block:Audio}
- <!-- answers --------------------------------------------------------------->
- {block:Answer}
- <div class="q">
- <span class="as"><b>{Asker}</b> sent:</span>
- <div class="ques">{Question}</div>
- </div>
- {block:Answerer}
- <div class="answer">
- <div class="tex texted">{Answer}</div>
- </div>
- {/block:Answerer}
- {block:NotReblog}
- <div class="answer">
- <div class="tex texted">{Replies}</div>
- </div>
- {/block:NotReblog}
- {block:RebloggedFrom}
- {block:Reblogs}
- {block:IsActive}
- <li class="comment">
- <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{username}</a></span>
- <div class="tex">{Body}</div>
- </li>
- {/block:IsActive}
- {block:IsDeactivated}
- <li class="comment">
- <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user inactive deactivated" target="_blank">{Username}</a></span>
- <div class="tex">{Body}</div>
- </li>
- {/block:IsDeactivated}
- {/block:Reblogs}
- {/block:RebloggedFrom}
- {/block:Answer}
- <!-- controls ------------------------------------------------------------->
- {block:Date}
- <div class="when">
- <a href="{Permalink}" class="perma" title="see post"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg></a>
- <div class="post-controls">
- <a href="#" class="like" title="like">{LikeButton}<svg xmlns="https://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></a>
- <a href="{ReblogURL}" target="_blank" class="reblog" title="reblog"><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg></a>
- <a target="_blank" {block:RebloggedFrom}href="{ReblogRootURL}"{/block:RebloggedFrom} {block:NotReblog}href="{Permalink}"{/block:NotReblog} title="source"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-send"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg></a>
- {block:IfShowTags}
- {block:HasTags}
- <button class="button" title="tags"><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-tag"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7" y2="7"></line></svg></button>
- </div>
- {/block:HasTags}
- {/block:IfShowTags}
- </div>
- <div class="notes">
- <div class="notecount">{NoteCountWithLabel}</div>
- </div>
- </div>
- {/block:Date}
- <!-- captions ------------------------------------------------------------->
- {block:Caption}
- <div class="captions">
- {block:Reblogs}
- <li class="comment">
- {block:IsNotOriginalEntry}
- <span><a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Username}</a></span>
- {/block:IsNotOriginalEntry}
- <div class="tex">{Body}</div>
- </li>
- {/block:Reblogs}
- {block:NotReblog}
- <li class="comment">
- <div class="tex">{Caption}</div>
- </li>
- {/block:NotReblog}
- </div>
- {/block:Caption}
- {block:IfShowTags}
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IfShowTags}
- </article>
- <!-- post notes ------------------------------------------------------------>
- {block:PostNotes}
- <article class="posts pagenotes">
- <div class="postnotes">{PostNotes}</div>
- </article>
- {/block:PostNotes}
- {/block:Posts}
- </section>
- <!-- don't remove credit please -->
- <div class="cred">theme by <a href="https://amboise.tumblr.com/" target="_blank">amboise</a></div>
- </div> <!-- container -->
- <!-- don't remove credit please -->
- <a class="cr" href="https://amboise.tumblr.com/" target="_blank"><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-power"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line></svg></a>
- <!-- jquery -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script><link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
- <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
- <script src="//static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
- <script type="text/javascript" src="https://static.tumblr.com/cqvi50o/VSzox2ncv/style-my-tooltips.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src="https://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
- {block:IndexPage}{block:ifInfiniteScroll}<script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}{/block:IndexPage}
- <script>
- $('header .enter').click(function(){
- $('html, body').animate({scrollTop: $(".item-two").offset().top}, 1000)}),
- $(document).ready(function(){
- // feather icons
- feather.replace()
- // npf plugin by codematurgy
- npfPhotosets(".posts", {
- rowClass:"npf_row",
- imageContainerClass:"tmblr-full",
- generatedPhotosetContainerClass:"npf_photoset",
- imageClass:"npf_image",
- includeSingleRowImagesInPhotosets: true,
- insertGalleryIndicator: false,
- galleryIndicatorClass: "npf_gallery_indicator",
- galleryIndicatorContent: "<img src='image_url'>",
- photosetMargins:"2"
- });
- // timeago
- $(".ago").timeAgo({
- time: "letter",
- });
- // short notes
- var $container = $('.notes');
- $container.find('.notecount').each(function(){
- var n = $(this).html().split(' ')[0].replace(/,/g, '');
- if (n > 999) {
- n = Math.floor(n / 100) / 10;
- $(this).text(n + 'k notes');
- }
- });
- // tooltips
- $("[title]").style_my_tooltips({
- tip_follows_cursor: true,
- tip_delay_time: 100,
- tip_fade_speed: 300
- });
- // photosets
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '2px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- // tags
- $('button').each(function() {
- $(this).click(function() {
- $(this).closest('article').find('.tags').slideToggle('fast');
- });
- });
- // audio player
- var $audio = $('iframe.tumblr_audio_player');
- $audio.load(function() {
- $(this).contents().find('head').append('<style type="text/css">' +
- '.audio-player {background:transparent;transform:scale(1);color:{color:text};max-width:30px!important;margin-top:3px!important;}' +
- '.audio-player .progress, .audio-player .audio-info {display:none;}' +
- '</style>');
- });
- // flexible frames by nouvae
- function flexFrame() {
- $(".comment").each(function() {
- $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
- flexibleFrames($(".iframe-flex"));
- });
- flexibleFrames($(".video"));}
- $(document).ready(flexFrame);
- // infinite scroll
- {block:IndexPage}
- var $container = $('#entries');
- {block:ifInfiniteScroll}
- $container.infinitescroll({
- itemSelector: '.posts',
- navSelector: '.pagination',
- nextSelector: '.next',
- loadingImg: '',
- loadingText: '',
- bufferPx: 1000,
- errorCallback: function(){
- $('.load').hide();
- },
- },
- function(arrayOfNewElems) {
- flexFrame();
- var $newElems = $(arrayOfNewElems);
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '2px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- var npfOptions = {
- rowClass:"npf_row",
- imageContainerClass:"tmblr-full",
- generatedPhotosetContainerClass:"npf_photoset",
- imageClass:"npf_image",
- includeSingleRowImagesInPhotosets: true,
- insertGalleryIndicator: false,
- galleryIndicatorClass: "npf_gallery_indicator",
- galleryIndicatorContent: "<img src='image_url'>",
- photosetMargins:"2"
- }
- npfPhotosets(".posts", npfOptions);
- $newElems.find(".ago").timeAgo({
- time: "letter",
- });
- $newElems.find('.notecount').each(function(){
- var n = $(this).html().split(' ')[0].replace(/,/g, '');
- if (n > 999) {
- n = Math.floor(n / 100) / 10;
- $(this).text(n + 'k notes');
- }
- });
- $newElems.find('button').each(function() {
- $(this).click(function() {
- $(this).closest('article').find('.tags').slideToggle('fast');
- });
- });
- var $audio = $('iframe.tumblr_audio_player');
- $audio.load(function() {
- $(this).contents().find('head').append('<style type="text/css">' +
- '.audio-player {background:transparent;transform:scale(1);color:{color:text};max-width:30px!important;margin-top:3px!important;}' +
- '.audio-player .progress, .audio-player .audio-info {display:none;}' +
- '</style>');
- });
- var $newElemsIDs = $newElems.map(function(){
- return this.id;
- }).get();
- Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs)
- feather.replace()
- });
- {block:IfLoadMore}
- $(window).unbind('.infscr');
- $('.load').click(function(){
- $container.infinitescroll('retrieve');
- return false;
- });
- {/block:IfLoadMore}
- {/block:IfInfiniteScroll}
- {/block:IndexPage}
- // minimal soundcloud player by shythemes
- var color = '{color:link}';
- $('.soundcloud_audio_player').each(function(){
- $(this).attr({ src: $(this).attr('src').split('&')[0] + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=true&origin=tumblr&color=' + color.split('#')[1], height: 116, width: '100%' });
- });
- //remove tumblr redirects script by magnusthemes@tumblr
- $('a[href*="t.umblr.com/redirect"]').initialize(function(){
- var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
- var replaceURL = decodeURIComponent(originalURL);
- $(this).attr("href", replaceURL);
- });
- });
- </script>
- <div class="hcontrols">
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-vertical"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg>
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </body></html>
Add Comment
Please, Sign In to add comment