Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- theme #19: perto
- by leopardraws
- thanks for using my themes!
- feel free to change fonts and colors.
- enjoy!! <3
- -->
- <!DOCTYPE html>
- <head>
- <title>{Title}{block:searchpage}, search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
- </title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="{MetaDescription}" />
- <meta name="color:Links" content="#444444"/>
- <meta name="color:Accent" content="#fbd159"/>
- <meta name="color:Audio player background" content="#111111"/>
- <meta name="color:Audio player font" content="#f0f0f0"/>
- <meta name="color:Background" content="#fafafa"/>
- <meta name="color:Vertical sidebar" content="#111111"/>
- <meta name="color:Vertical title" content="#fafafa"/>
- <meta name="color:Initials" content="#ffffff"/>
- <meta name="color:Permalink font" content="#aaaaaa"/>
- <meta name="color:Fonts" content="#666666"/>
- <meta name="color:Entry" content="#ffffff"/>
- <meta name="color:Post title" content="#222222"/>
- <meta name="color:Borders" content="#eeeeee"/>
- <meta name="image:Initials" content="https://goo.gl/4kDnK9"/>
- <meta name="image:Sidebar" content="https://goo.gl/WLaA6y"/>
- <meta name="image:Header" content="https://goo.gl/JXRohV"/>
- <meta name="image:Background" content=""/>
- <meta name="if:Show header" content="1"/>
- <meta name="if:Show search box" content="1"/>
- <meta name="if:Show tumblr controls on hover" content="1"/>
- <meta name="if:Accentuate tumblr controls background" content="0"/>
- <meta name="text:Initials" content="&"/>
- <meta name="text:Sidebar title" content="nobody"/>
- <meta name="text:Sidebar phrase" content="i just want somebody near me"/>
- <meta name="text:Link 1 URL" content="url 01 "/>
- <meta name="text:Link 1 title" content="title 01"/>
- <meta name="text:Link 2 URL" content="url 02"/>
- <meta name="text:Link 2 title" content="title 02"/>
- <meta name="text:Link 3 URL" content="url 03"/>
- <meta name="text:Link 3 title" content="title 03"/>
- <meta name="text:Link 4 URL" content="url 04"/>
- <meta name="text:Link 4 title" content="title 04"/>
- <meta name="text:Link 5 URL" content="url 05"/>
- <meta name="text:Link 5 title" content="title 05"/>
- <meta name="select:Posts width" content="350px"/>
- <meta name="select:Posts width" content="400px"/>
- <meta name="select:Posts width" content="450px"/>
- <meta name="select:Posts width" content="500px"/>
- <meta name="select:Posts width" content="540px"/>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
- </script>
- <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
- <link rel="stylesheet" href="https://static.tumblr.com/ev0x8sk/9SPpjubmp/ico.css">
- <link href="//fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Nunito+Sans:400,400i,600,600i,700,700i,800,800i,900,900i|Roboto:400,400i,600,600i,700,700i,800,800i,900,900i|Nunito:400,400i,600,600i,700,700i,800,800i,900,900i|Roboto:400,400i,600,600i,700,700i,800,800i,900,900i|Source+Sans+Pro:400,400i,600,600i,700,700i|Roboto:400,400i,600,600i,700,700i" rel="stylesheet" />
- <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,400i,700,700i|PT+Serif:400,400i|Dancing+Script" rel="stylesheet">
- <style type="text/css">
- /* defaults */
- .iframe-controls--desktop {
- position:fixed;
- top:0px!important;
- right:0px!important;
- transform-origin: 100% 0;
- padding:3px 60px 4px 10px;
- transform: scale(0.65,0.65);
- backface-visibility:hidden;
- opacity:.8;
- background:transparent;
- {block:ifnotshowtumblrcontrolsonhover}
- padding-right:10px;
- {/block:ifnotshowtumblrcontrolsonhover}
- {block:ifaccentuatetumblrcontrolsbackground}
- padding:3px 20px 4px 0px!important;
- opacity:1;
- background:{color:vertical sidebar};
- {/block:ifaccentuatetumblrcontrolsbackground}
- {block:ifshowtumblrcontrolsonhover}
- opacity:0;
- transition:.3s;
- {block:ifaccentuatetumblrcontrolsbackground}
- background:transparent!important;
- {/block:ifaccentuatetumblrcontrolsbackground}
- {/block:ifshowtumblrcontrolsonhover}
- z-index:90000000!important; }
- .iframe-controls--desktop:hover {
- {block:ifshowtumblrcontrolsonhover}
- opacity:1;
- {/block:ifshowtumblrcontrolsonhover}
- {block:ifaccentuatetumblrcontrolsbackground}
- background:{color:vertical sidebar}!important;
- {/block:ifaccentuatetumblrcontrolsbackground} }
- ::selection { background:rgba({RGBcolor:accent},.5); color:{color:entry}; }
- ::-webkit-scrollbar {
- width:2px;
- height:2px;
- background:{color:entry}; }
- ::-webkit-scrollbar-thumb {
- background:{color:accent}; }
- a {
- text-decoration:none;
- transition:.3s;
- color:{color:links};
- border-bottom:1px solid {color:accent}; }
- a:hover, .answers a:hover {
- border-bottom:1px solid {color:borders};
- cursor:hand; }
- p { margin:5px 0; }
- p:only-child { margin:0!important; }
- p:first-child, p:first-of-type { margin-top:0!important; }
- p:last-child, p:last-of-type { margin-bottom:0!important; }
- i { font-style:italic; }
- pre { white-space:pre-wrap; }
- .read_more_container {
- width: 100%;
- display: block;
- text-align: center;
- margin-top: 10px;
- position: relative;
- box-shadow: 0px -10px 50px {color:entry}; }
- .read_more_container a {
- font: 800 9px 'Nunito';
- text-transform: uppercase;
- letter-spacing: .5px;
- color:{color:vertical sidebar};
- border: none; }
- code {
- display:inline-block;
- padding:15px 17px;
- width:calc(100% - 35px);
- overflow-y:auto;
- white-space:nowrap;
- background:rgba({RGBcolor:borders},.3);
- border:1px solid {color:borders}; }
- iframe#ask_form { margin-top:10px; }
- blockquote {
- padding-left:14px;
- margin:5px 0 0;
- border-left:1px solid {color:borders}; }
- body {
- margin:0;
- padding:0;
- min-height:100%;
- text-align:left;
- color:{color:fonts};
- background:{color:background};
- }
- body,
- body small,
- body big,
- body pre,
- body sub,
- body sup { -webkit-font-smoothing: antialiased;
- font:10px 'Nunito Sans', sans-serif;
- line-height:16px;
- text-shadow: 0 0 0.25px rgba({rgbcolor:fonts},.1);}
- b,
- b small, small b,
- b big, big b,
- b pre, pre b,
- b sup, sup b,
- b sub, sub b {
- font-weight:400;}
- b, strong { font-weight:700;
- color: {color:post title};}
- #s-m-t-tooltip {
- font-size: 8px;
- letter-spacing:1px;
- padding: 5px 8px;
- text-transform: uppercase;
- max-width:240px;
- margin-left:20px;
- margin-right:15px;
- margin-top:-8px;
- z-index:100;
- font-family:inherit;
- transition:.2s;
- line-height:11px;
- background:{color:entry};
- color:{color:links};}
- /* tumblr lightbox */
- .tumblr-box { border-color:transparent!important; }
- .tmblr-lightbox { background-color:rgba({RGBcolor:background},.9)!important; }
- .tmblr-lightbox .vignette { background:transparent!important }
- .tmblr-lightbox .lightbox-image { box-shadow:0 0 0 transparent!important; }
- .tmblr-lightbox .lightbox-caption {
- color:{color:links}!important;
- text-shadow:0 0 0 transparent!important; }
- .npf_color_joey {color:#ff492f!important; }
- .npf_color_monica { color:#ff8a00!important; }
- .npf_color_chandler { color:#973ff4!important; }
- .npf_color_phoebe { color:#fcf01d!important; }
- .npf_color_rachel { color:#00b8ff!important; }
- .npf_color_ross { color:#00cf35!important; }
- .npf_color_niles { color:#ff62ce!important; }
- .npf_color_frasier { color:#001935!important; }
- .npf_color_mr_big { color:#000c1a!important; }
- .npf_quote { font:400 14px 'PT Serif'!important; }
- .npf_chat { font:400 12px 'Source Code Pro'!important }
- .npf_quirky{ font:400 20px 'Dancing Script'!important; }
- /* lists */
- ul, ol { margin-left:-40px; }
- ol { counter-reset:li; }
- ol li { counter-increment:li; }
- ol li { list-style-type:none; }
- ul li { list-style-type:none; }
- ol li:before {
- content:counter(li, decimal-leading-zero);
- color:{color:borders};
- margin-right:10px;
- text-align:right; }
- ul li:before {
- content:"—";
- letter-spacing:-1px;
- color:{color:borders};
- margin-right:10px; }
- /* post notes */
- .post-notes {
- margin-top:-71px;
- height:auto;}
- .post-notes img.avatar {
- width: 13px;
- height:13px;
- margin-top: 12px;
- margin-right: 10px;
- margin-bottom: -3px;
- border-radius: 100%; }
- .post-notes ol {
- padding-top:8px;
- margin: 0 0 0 -40px;}
- .post-notes li { list-style-type: none!important; }
- .post-notes li.more_notes_link_container {
- text-align: left;
- display: inline-block;
- padding:6px 0 7px; }
- .post-notes li.note.more_notes_link_container a {
- border-bottom:none;
- color:{color:links}!important; }
- a.avatar_frame { border-bottom:none; }
- .e-notes li:last-child { border-bottom:none!important; }
- .e-notes li:before {
- content:'';
- margin-right:0; }
- .e-notes blockquote {
- padding: 5px 10px;
- border: 1px solid {color:borders};
- background: {color:background};
- }
- /* alignment */
- #content {
- width:0;
- position:relative;
- left:480px;
- margin-top:120px;
- margin-bottom:0px;
- display:block;
- {block:PermalinkPage}
- width:540px;
- {/block:PermalinkPage} }
- #content.page1 {
- {block:ifshowheader}
- margin-top:calc(100vh + 80px);
- {/block:ifshowheader} }
- .entry {
- width:{select:posts width};
- position:relative;
- border-radius:2px;
- border:1px solid {color:borders};
- box-shadow:0 0 5px -4px rgba({RGBcolor:title},.1);
- background:{color:entry};
- margin-bottom:90px;
- {block:PermalinkPage}
- width:540px;
- display:block;
- {/block:PermalinkPage}}
- .e-notes {
- width: 100%; }
- .e-info {
- padding:30px 40px;
- border-top:1px solid {color:borders};
- border-bottom:1px solid {color:borders}; }
- .e-notes a { border:none; }
- .e-notes ol { padding:30px 0; margin:0; }
- .e-notes li {
- list-style-type:none;
- display:block;
- padding: 10px 40px; }
- .e-notes li img {
- vertical-align: middle;
- border-radius: 100%;
- margin-right: 10px;
- width: 15px; }
- li.more_notes_link_container, li.more_notes_link_container a {
- text-align: left;
- display: block;
- border-bottom:none; }
- .e-notes li blockquote { margin-top:8px; }
- /* photos & etc */
- .photopost, .photo-slideshow, .video {
- {block:IndexPage}
- max-width:{select:posts width};
- width:{select:posts width};
- {/block:IndexPage}
- {block:PermalinkPage}
- width:540px!important;
- {/block:PermalinkPage}
- display:inline-block;
- overflow:hidden;
- margin:0;
- padding:0;
- margin-bottom:-5px;
- transition:.3s; }
- .photopost img { width:100%;
- margin-bottom:-6px;}
- .photopost a { border:none;
- margin-bottom:-6px; }
- /* audio */
- .audiocontainer {
- background:{color:audio player background};
- color:{color:audio player font};
- display:block;
- position:relative;
- width:{select:posts width};
- height:140px;
- z-index:5;}
- .audiocontainer h1 {
- color:{color:audio player font}; }
- .a-out {
- width: 65px;
- height: 65px;
- z-index: 40;
- border-radius: 100%;
- overflow: hidden;
- position: absolute;
- margin: 35px 40px; }
- .a-in {
- margin: -10px -6px;
- width: 540px;
- position: absolute;}
- .a-info {
- width: calc({select:posts width} - 180px);
- z-index: 40;
- margin: 54px 0px 0 120px;
- position: absolute;
- {block:PermalinkPage}
- width:360px;
- {/block:PermalinkPage} }
- .a-info h1 {
- margin:0;
- font-size: 11px;
- font-family: 'Nunito Sans';
- text-transform: uppercase;
- font-weight: 700;
- letter-spacing: 1px; }
- .a-artist {
- margin-top:-4px;}
- .a-track, .a-artist, .a-info h1 {
- color:{color:audio player font}; }
- .soundcloud_audio_player { margin:30px 10px; }
- /* write */
- .bodies {
- padding:40px 40px 0;
- {block:PermalinkPage}padding:40px;{/block:PermalinkPage} }
- .bodies.question {
- padding:40px;
- margin:40px 40px 0;
- border:1px solid {color:borders}; }
- .bodies.answer { margin-top:5px; }
- h1, h2, h3 {
- font-size:16px;
- font-family:'Nunito Sans';
- font-weight:600;
- color:{color:post title};
- margin:8px 0;}
- h2 { font-size:14px; }
- h3 { font-size:12px; }
- p.source {
- padding-top:5px;
- display:inline-block; }
- p.source:before {
- content: "------------";
- letter-spacing: -2px;
- margin-right: 8px;
- color:{color:accent}; }
- .l-content {
- width:{select:posts width};
- {block:PermalinkPage}
- width:540px;
- {/block:PermalinkPage}
- overflow:hidden;
- margin-bottom:-7px;
- display:inline-block; }
- .hascaption .l-content { margin-bottom:-6px; }
- .l-thumbnail {
- width:{select:posts width};
- height:calc({select:posts width} / 1.5);
- {block:PermalinkPage}
- width:540px;
- height:360px;
- {/block:PermalinkPage}
- background-size:cover;
- background-position:center; }
- .l-thumbnail:before {
- content:'';
- width:{select:posts width};
- height:calc({select:posts width} / 1.5);
- background-image:linear-gradient(rgba(0,0,0,.4), transparent 50%);
- {block:PermalinkPage}
- width:540px;
- height:360px;
- {/block:PermalinkPage}
- display:block;
- position:absolute;
- top:0;
- left:0;
- z-index:120; }
- .l-thumbnail { z-index:10; }
- .l-info {
- position:relative;
- z-index:20;
- background:{color:audio player background};
- padding:40px;
- color:{color:audio player font}; }
- .l-info h1 { margin-bottom:6px;
- color:{color:audio player font}; }
- .l-host.on {
- position:absolute;
- margin-top:20px;
- z-index:900;
- margin-left:25px;
- color:{color:entry}; }
- .l-host {
- z-index:900;
- font-weight:600;
- margin-top:-7px;
- margin-bottom:8px;
- font-size:10px;
- letter-spacing:2px;
- color:{color:audio player font}; }
- .l-host.not { display:none; }
- /* chat posts */
- .chatblock { padding:15px 15px 0 0;
- display:block; }
- .chatblock b { color:{color:links}; }
- .chatarrange .chatblock:first-child { padding-top:0px;}
- .chatarrange .chatblock:nth-last-child(2) { padding-bottom:0px;}
- .chatarrange {
- margin-bottom:7px;
- font-family:'Source Code Pro';
- }
- /* ask posts */
- .ans-asker { display:block; }
- .ans-img {
- border-radius:100%;
- width:30px;
- margin-right:8px; }
- .ans { padding:15px; }
- /* pagination */
- .pagination {
- padding:20px;
- width:150px;
- background:{color:entry};
- border:1px solid {color:borders};
- text-align:center;
- font:700 9.5px 'muli';
- margin-bottom:50px; }
- .pagination a, .pagination span {
- padding: 6px 10px;
- width: 10px;
- display: inline-block;
- text-align: center;
- border-radius:2px;
- margin-right:-4px;
- background:{color:entry};
- border:none;}
- .pagination .current-page {
- font-weight:700;
- color:{color:accent}; }
- /* post controls */
- .perma, .rinfo {
- color:{color:permalink font};
- display:block;
- {block:AskPage}
- display:none;
- {/block:AskPage}
- padding:40px; }
- .perma a, .rinfo a {
- border:none;
- transition:.3s;
- color:{color:permalink font}; }
- .perma .tags a {
- margin-right:5px;
- border:none;
- display:inline-block; }
- .perma .t-perma-control {
- position:absolute;
- width:50px;
- text-align:right;
- margin-left:calc({select:posts width} - 130px);
- margin-top:0px;
- {block:PermalinkPage}
- width:460px;
- {/block:PermalinkPage} }
- .rinfo i { backface-visibility:hidden; }
- .perma i {
- margin-left:10px;
- font-size:12px!important;}
- .perma i.i-reblog { margin-top:1.5px; }
- .tags a:before { content:'#'; }
- .p-control i, .perma i {
- vertical-align:middle;
- display:inline-block; }
- .p-control i.i-reblog { margin-top:-2px; }
- .p-control i.i-heart {
- margin: -3px -1px 0 0px; }
- /* like button */
- .like {
- display:inline-block;
- vertical-align:middle;
- margin:0px 0px .5px;}
- .like:hover { cursor:hand; }
- .like iframe { width: 13px!important;
- height: 15px!important; }
- .like i {
- transition:.4s;
- color {color:links}; }
- .like .like_button {
- position: absolute;
- margin: 1px 10px;
- z-index: 900;
- opacity:0; }
- .perma .like_button { margin:1px 4px; }
- .like .liked ~ .i-heart { color:{color:accent}; }
- #like.liked svg { opacity:0!important; }
- /* captions */
- .c-username {
- font-size:9px;
- font-weight:400;
- text-transform:uppercase;
- letter-spacing:.5px;
- {block:AskPage}
- display:none;
- {/block:AskPage}
- padding:40px;
- margin:0 -40px;
- border-top: 1px solid {color:borders};
- margin-top:40px;
- padding-bottom:0;}
- .c-username.original {
- border:none;
- padding-top:0;
- margin-top:0; }
- .c-username img {
- width: 14px;
- margin-right:6px;
- margin-top:-10px;
- border-radius:100%;
- display: inline-block;
- vertical-align:middle; }
- .c-username a { border:none; }
- .c-username .usern {
- margin-bottom:10px;
- display:inline-block;
- vertical-align:middle; }
- .captions { text-align:left; }
- /* sidebar */
- #title, #blog {
- width:120px;
- padding:40px 0;
- height:calc(100% - 80px);
- z-index:800;
- background:{color:vertical sidebar};
- border-right:1px solid {color:borders};
- position:fixed;
- text-align:center;
- top:0;
- left:0; }
- #title .avatar {
- border-radius:100%;
- background:url('{image:initials}') {color:accent};
- background-size:45px auto;
- display:inline-block;
- width:45px;
- font-size:20px;
- line-height:45px;
- font-weight:800;
- font-family:'Nunito Sans';
- border-radius:100%; }
- #title a .avatar {
- color:{color:initials}; }
- #title a { border-bottom:none; }
- #title .vertical {
- font:300 10px 'Nunito';
- letter-spacing:2px;
- text-transform:uppercase;
- backface-visibility: hidden;
- perspective:1000px;
- color:{color:vertical title};
- transform:rotate(-90deg);
- transform-origin:left center 0;
- width:calc(100vh - 150px);
- text-align:left;
- bottom:60px;
- left:60px;
- position:fixed; }
- #blog {
- box-shadow:0 0 6px -4px rgba({RGBcolor:title},.1);
- background:{color:entry};
- width:270px;
- z-index:800;
- left:121px; }
- #blog .avatar img {
- width:120px;
- margin-bottom:30px;
- margin-top:50px;
- border-radius:100%;
- display:inline-block; }
- #blog h1.title {
- font-size: 11px;
- font-family: 'Nunito Sans';
- text-transform: uppercase;
- font-weight: 700;
- text-align:center;
- letter-spacing: 1px; }
- #blog .descrip {
- padding:0 60px;
- text-align:justify;}
- #blog .links {
- padding:0 60px;
- margin-top:30px;
- text-align:left;
- text-transform:lowercase;
- counter-reset:link; }
- #blog .links a[href=""],
- #blog .links a[href="#"],
- #blog .links a[href=" "] { display:none; }
- #blog .links a {
- font:600 10px 'Nunito';
- margin:5px 0;
- letter-spacing:.5px;
- display:block;
- counter-increment:link;
- border:none; }
- #blog .links .linktext {
- background: {color:entry};
- padding-right:5px; }
- #blog .links a:before {
- font-weight:900;
- content:'0'counter(link,decimal-leading-zero)'.';
- margin-right:4px;}
- #blog .links a:after {
- content:'';
- width:120px;
- height:1px;
- background:{color:borders};
- margin-top:6px;
- left:90px;
- z-index:-1;
- transition:.3s;
- position:absolute; }
- #blog .links a:hover:after {
- box-shadow:120px 0 0 {color:accent} inset; }
- /* searchbar */
- #searchbar {
- width:calc(100% - 392px);
- top:0;
- right:0;
- height:40px;
- z-index:600;
- box-shadow:0 0 6px -4px rgba({RGBcolor:title},.1);
- border-bottom:1px solid {color:borders};
- position:fixed;
- background:{color:entry}; }
- #searchbar .searchbox {
- outline:none;
- border:none;
- line-height:20px;
- height:40px;
- font:400 10px 'Nunito';
- padding:0 15px;
- display:block;
- width:11px;
- transition:.3s;
- color:{color:fonts};
- border-right:1px solid {color:borders};
- background:rgba({RGBcolor:background},.5);
- text-indent:30px;
- }
- #searchbar input[class="searchbox"]:focus { width:250px; }
- #searchbar input[class="searchbox"]::placeholder {
- color:rgba({RGBcolor:fonts},.5); }
- #searchbar .i-search {
- display:inline-block;
- font-size:16px;
- position:absolute;
- pointer-events:none;
- padding-top:12px;
- padding-left:12px;
- color:{color:fonts}; }
- /* header */
- #header {
- width:calc(100% - 392px);
- height:calc(100% - 41px);
- left:392px;
- top:41px;
- position:absolute;
- display:none;
- background:url('{image:header}') {color:accent};
- background-attachment:scroll;
- background-size:auto 100%;
- background-position:top center;
- z-index:500;
- box-shadow:0 0 5px -4px rgba({RGBcolor:title},.1);}
- #header.page1 { display:block; }
- /* top perma */
- .rinfo {
- padding:35px 40px;
- border-bottom:1px solid {color:borders}; }
- .rinfo.photos { border:none; }
- .rinfo .avatar {
- display:inline-block;
- margin-right:10px;
- vertical-align:middle;}
- .rinfo .avatar img {
- width:25px;
- display:inline-block;
- vertical-align:middle;
- border-radius:100%; }
- .rinfo .infor {
- display:inline-block;
- vertical-align:middle; }
- .viasource {
- text-transform:uppercase;
- font-size:9px;
- font-weight:600;
- letter-spacing:.5px;
- display:block;
- margin:1px 0 -2px; }
- .viasource.notes { display:inline!important; }
- .dayofmonth .time, .viasource .time {
- transition:.3s;
- opacity:0; }
- .dayofmonth:hover .time, .viasource:hover .time { opacity:.45; }
- .dayofmonth {
- font-weight:600;
- display:block; }
- .icontrole {
- position:fixed;
- top:12px;
- right:16px;
- font-weight:400;
- font-size:15px;
- color:{color:vertical sidebar};
- {block:ifnotshowtumblrcontrolsonhover}
- display:none;
- {/block:ifnotshowtumblrcontrolsonhover}
- }
- {CustomCSS}
- </style></head>
- <body>
- <div id="searchbar">
- <i class="i-controls icontrole"></i>
- {block:ifshowsearchbox}
- <form onsubmit="return tagSearch(this)">
- <i class="i-search"></i>
- <input type="text"
- name="tag"
- autocomplete="off"
- class="searchbox"
- placeholder="Type and hit enter"/>
- </form>
- {/block:ifshowsearchbox}
- </div>
- <div id="title">
- <a href="/"><div class="avatar">{text:initials}</div></a>
- <div class="vertical">{text:sidebar phrase}</div>
- </div>
- <div id="blog">
- <div class="avatar"><img src="{image:sidebar}"></div>
- <div class="descrip"><h1 class="title">{text:sidebar title}</h1>{Description}</div>
- <div class="links">
- <a href="/"><span class="linktext">index</span></a>
- <a href="/ask"><span class="linktext">message</span></a>
- <a href="/archive"><span class="linktext">archive</span></a>
- <a href="{text:link 1 url}"><span class="linktext">{text:link 1 title}</span></a>
- <a href="{text:link 2 url}"><span class="linktext">{text:link 2 title}</span></a>
- <a href="{text:link 3 url}"><span class="linktext">{text:link 3 title}</span></a>
- <a href="{text:link 4 url}"><span class="linktext">{text:link 4 title}</span></a>
- <a href="{text:link 5 url}"><span class="linktext">{text:link 5 title}</span></a>
- </div>
- </div>
- {block:ifshowheader}
- {block:HomePage}
- <div id="header" class="page{CurrentPage}"></div>
- {/block:HomePage}
- {/block:ifshowheader}
- <div id="content" {block:HomePage}class="page{CurrentPage}"{/block:HomePage}>
- {block:Posts}
- <article class="entry" id="{PostID}">
- {block:RebloggedFrom}
- <div class="rinfo {block:Photo}photos{/block:Photo} {block:Audio}photos{/block:Audio} {block:Link}photos{/block:Link} {block:Photoset}photos{/block:Photoset} {block:Video}photos{/block:Video}">
- <div class="avatar">
- <a href="{ReblogParentURL}">
- <img src="{ReblogParentPortraitURL-128}">
- </a>
- </div>
- <div class="infor">
- <span class="viasource">
- <a href="{ReblogParentURL}">{ReblogParentName}</a>
- </span>
- <span class="dayofmonth">
- <a href="{Permalink}">Reblogged on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</a>
- <span class="time" >{timeago}</span>
- </span>
- </div>
- </div>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <div class="rinfo {block:Photo}photos{/block:Photo} {block:Audio}photos{/block:Audio} {block:Link}photos{/block:Link} {block:Photoset}photos{/block:Photoset} {block:Video}photos{/block:Video}">
- <div class="avatar">
- <a href="/">
- <img src="{PortraitURL-128}">
- </a>
- </div>
- <div class="infor">
- <span class="viasource">
- <a href="/">{name}</a>
- </span>
- <span class="dayofmonth">
- <a href="{Permalink}">
- Posted on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</a>
- <span class="time">{timeago}</span>
- </span>
- </div>
- </div>
- {/block:NotReblog}
- <style>
- .answerhold.answer { margin-top: 25px; }
- .answerhold img {
- display:inline-block;
- vertical-align:top;
- border-radius:100%;
- width:20px;
- margin-right:7px; }
- .answerhold .askerin {
- display:inline-block;
- vertical-align:top; }
- .answerhold a { border:none; }
- .answerhold .usern {
- font-size:9px;
- font-weight:400;
- text-transform:uppercase;
- letter-spacing:.5px; }
- .answers a { border-bottom:1px solid {color:accent}; }
- </style>
- {block:Answer}
- <div class="bodies">
- <div class="answerhold">
- <img src="{AskerPortraitURL-64}">
- <div class="askerin">
- <div class="usern">{Asker} said:</div>
- {Question}
- </div>
- </div>
- <div class="answerhold answer">
- <img src="{PortraitURL-64}">
- <div class="askerin answers">
- <a href="/"><div class="usern">{Name}:</div></a>
- {Answer}
- </div>
- </div>
- </div>
- {/block:Answer}
- {block:Text}
- <div class="bodies">
- {block:NotReblog}
- <div class="c-username original">
- <a href="{Permalink}">
- <img src="{PortraitURL-64}">
- <div class="usern">{Name}</div>
- </a>
- </div>
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:NotReblog}
- {block:Reblogs}
- <div class="c-username {block:IsOriginalEntry}original{/block:IsOriginalEntry}">
- <a href="{Permalink}">
- <img src="{PortraitURL-64}">
- <div class="usern">{Username}</div>
- </a>
- </div>
- {block:IsOriginalEntry}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {/block:IsOriginalEntry}
- {Body}
- {/block:Reblogs}
- </div>
- {/block:Text}
- {block:Quote}
- <div class="bodies">
- <h1 style="margin-top:0;">{Quote}</h1>
- <p class="source">{Source}</p>
- </div>
- {/block:Quote}
- {block:Link}
- <div class="l-content">
- <a href="{URL}">
- {block:Thumbnail}
- {block:Host}<div class="l-host on">{Host}</div>{/block:Host}
- {/block:Thumbnail}
- {block:Thumbnail}
- <div class="l-thumbnail"
- style="background-image:url('{Thumbnail-HighRes}');"></div>
- {/block:Thumbnail}
- <div class="l-info">
- <h1>{Name} ›</h1>
- <div class="l-host {block:Thumbnail}not{/block:Thumbnail}">
- {Host}
- </div>
- {block:Excerpt}<span class="excerpt">{Excerpt}</span>{/block:Excerpt}
- </div>
- </a>
- </div>
- {block:Description}
- <div class="bodies
- link-is {block:Thumbnail}not{/block:Thumbnail}">
- {Description}
- </div>
- {/block:Description}
- {/block:Link}
- {block:Photo}
- <img src="{PhotoURL-HighRes}" class="photopost">
- {/block:Photo}
- {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:Photoset}
- {block:Video}
- <div class="video">{Video-500}</div>
- {/block:Video}
- {block:Audio}
- <div class="audiocontainer">
- {block:AudioEmbed}
- <div class="a-out"><div class="a-in">{AudioEmbed}</div></div>
- {/block:AudioEmbed}
- <div class="a-info">
- {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
- {block:Artist}
- <div class="a-artist">by {Artist}</div>
- {/block:Artist}
- </div>
- </div>
- {/block:Audio}
- {block:Chat}
- <div class="bodies">
- {block:Title}<h1 style="margin-bottom:20px">{Title}</h1>
- {/block:Title}
- <div class="chatarrange">
- {block:Lines}
- <div class="chatblock">
- {block:Label}<b>{Label}</b>{/block:Label}<br>
- {Line}
- </div>
- {/block:Lines}
- </div>
- </div>
- {/block:Chat}
- {block:IndexPage}
- {block:Caption}
- <div class="bodies">
- {block:NotReblog}
- <div class="c-username original">
- <a href="{Permalink}">
- <img src="{PortraitURL-64}">
- <div class="usern">{Name}</div>
- </a>
- </div>
- {Caption}
- {/block:NotReblog}
- {block:Reblogs}
- <div class="c-username {block:Audio}audioy{/block:Audio}
- {block:IsOriginalEntry}original{/block:IsOriginalEntry}">
- <a href="{Permalink}">
- <img src="{PortraitURL-64}">
- <div class="usern">{Username}</div>
- </a>
- </div>
- {Body}
- {/block:Reblogs}
- </div>
- {/block:Caption}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}<div class="bodies">{Caption}</div>{/block:Caption}
- {/block:PermalinkPage}
- {block:Date}
- {block:IndexPage}
- <div class="perma">
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
- </div>
- {/block:HasTags}
- <div class="t-perma-control">
- <div class="like">
- {LikeButton size="14"}<i class="i-heart"></i>
- </div>
- <a href="{ReblogURL}"><i class="i-reblog"></i></a>
- </div>
- <a href="{Permalink}" class="viasource notes">{NoteCountWithLabel}</a>
- </div>
- {/block:IndexPage}
- {/block:Date}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:ReblogParent}{/block:ReblogParent}
- {block:Date}
- {block:PermalinkPage}
- <div class="e-info">
- Posted on {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} at {12Hour}:{Minutes}{CapitalAmPm} with {NoteCountWithLabel}
- {block:RebloggedFrom}<br>
- Via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- Originally from: <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:HasTags}<br>
- Tagged as:{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
- {/block:HasTags}
- </div>
- {block:PostNotes}
- <div class="e-notes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Date}
- </article>
- {/block:Posts}
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">‹</a>
- {/block:PreviousPage}
- {block:JumpPagination length="3"}
- {block:CurrentPage}
- <span class="current-page">0{CurrentPage}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}">0{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">›</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <!-- /content -->
- <a href="//leopardraws.tumblr.com" id="quote">
- <span class="title">theme</span>
- <span class="aspas">”</span>
- </a>
- <style>
- #quote {
- position:fixed;
- z-index:900;
- bottom:15px;
- right:15px;
- transition:.2s;
- font:40px muli;
- line-height:1px;
- border-radius:1px;
- padding:5px 11px 5px 12px;
- text-align:center;
- border-bottom:none; }
- #quote:hover { background:{color:vertical sidebar}; }
- #quote .title {
- text-transform:uppercase;
- letter-spacing:.5px;
- display:inline-block;
- vertical-align:middle;
- font:400 9px 'nunito';
- transition:.2s;
- opacity:0;
- margin-right:-3px;
- color:{color:entry};
- }
- #quote:hover .title { opacity:1; }
- #quote .aspas {
- display:inline-block;
- vertical-align:middle;
- padding-top:20px;
- color:{color:vertical sidebar};
- transition:.2s;}
- #quote:hover .aspas { color:{color:entry};
- </style>
- </body>
- <script src="//static.tumblr.com/ev0x8sk/q2borkomt/jquery.trunc.min.js">
- </script>
- <script>
- $(document).ready(function() {
- $('.excerpt').trunc(150);
- });
- </script>
- <script type="text/javascript">
- function tagSearch(form) {
- if (form.tag.value.replace(/\s/g, '').length > 0) {
- window.location = "/search/" + form.tag.value; }
- return false; }
- </script>
- <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <!-- pxu -->
- <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function() {
- $('.photo-slideshow').pxuPhotoset({
- 'ligthbox': false,
- 'highRes': true,
- 'rounded': false,
- 'exif': false,
- 'captions': false,
- 'gutter': '1px',
- 'photoset': '.photo-slideshow',
- 'photoWrap': '.photo-data',
- 'photo': '.pxu-photo'
- }, function() {
- // callback
- });
- });
- </script>
- <!-- /pxu -->
- <script>
- $(document).ready(function() {
- $('iframe.tumblr_audio_player').load( function() {
- $('iframe.tumblr_audio_player').contents().find("head")
- .append($("<style type='text/css'> .audio-player, .progress { background:{color:audio player background}!important; } .play-pause { color:{color:audio player font}!important; }</style>"));
- });
- });
- </script>
- <script>
- // minimal soundcloud player © shythemes.tumblr
- $(document).ready(function() {
- var color = '{color:accent}';
- $('.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: 20,
- width: '100%'
- });
- });
- });
- </script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:20,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment