PasteShr

New Paste Browse

portraiturl-96
<!--
 
╭━━━┳╮╱╭┳━━━┳━━━┳━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮
┃╭━╮┃┃╱┃┃╭━━┫╭━╮┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃
┃╰━━┫╰━╯┃╰━━┫┃╱┃┣╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮
╰━━╮┃╭━╮┃╭━━┫╰━╯┃╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃
┃╰━╯┃┃╱┃┃╰━━┫╭━╮┃╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃
╰━━━┻╯╱╰┻━━━┻╯╱╰╯╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯
 
Theme ⎾ESP⏌ by sheathemes @ tumblr

portraiturl-96 PasteShr portraiturl-96

TERMS 
 
> Do not redistribute my codes and claim it as your own

> Do not change, move, or delete my credits

> Use pieces of my code for your own work

> Use any of my themes or pages as a base code for your own work
portraiturl-96 PasteShr portraiturl-96

> Do not do any major customizations to my themes. Please do not try to pass it off as your own.

CREDITS
 
> PixelUnion/Extended-Tumblr-Photoset: https://github.com/PixelUnion/Extended-Tumblr-Photoset | Modified PXU photoset script tutorial by bychloethemes @ tumblr: http://bychloethemes.tumblr.com/post/155956945114/modified-pxu-photoset-script-modified-by
 
> Responsive tumblr videos and external iframes script: https://nouvae.tumblr.com/post/176815415055/tutorial-responsive-tumblr-videos-and-external

portraiturl-96 How to get it for free? portraiturl-96
> Time ago script: https://bychloethemes.tumblr.com/plugins/timeago

> .gifv to gif conversion script: https://felicitysmoak.tumblr.com/post/188159105501/
 
> Custom Tumblr lightbox: http://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes

> Tippy.js: https://atomiks.github.io/tippyjs/
 
> Icons: https://remixicon.com/ | https://phosphoricons.com/ | https://feathericons.com/
 
portraiturl-96 How to use it? portraiturl-96
> Smoothscroll script: https://cdnjs.com/libraries/smoothscroll

> Customaudio.js: https://annasthms.tumblr.com/more/js/customaudio/new
 
 
> NPF images fix v3.0: https://github.com/npf-images-v3/npf-images-v3.github.io/blob/main/WELCOME.md

> Search Suggestions Script: https://shythemes.tumblr.com/post/138692201618/tutorial-search-tags

> Accessible dark mode: https://rstylr.tumblr.com/plugins/darkmode
portraiturl-96 PasteShr portraiturl-96

> Click to show tumblr controls: https://seyche.tumblr.com/post/643682133088583680/hi-looove-your-new-blog-theme-i-was-wondering-if

> Sticky sidebar: https://leafo.net/sticky-kit/

!-->
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en" data-theme="light">
 
portraiturl-96 PasteShr portraiturl-96
<head>

portraiturl-96 How to dowload it? portraiturl-96
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

 
portraiturl-96 How to use it? portraiturl-96

<script src="https://unpkg.com/phosphor-icons"></script>
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">

<title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="altertnate" type="application/rss+xml" href="{RSS}">
    <meta charset="utf-8">
portraiturl-96 How to get it for free? portraiturl-96
    {block:Description}
    <meta name="description" content="{MetaDescription}" />
    {/block:Description}
    <meta http-equiv="x-dns-prefetch-control" content="off"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
 

<meta name="color:background" content="#f8f8f8" />
<meta name="color:accent" content="#ffb79d" />
<meta name="color:accented text" content="#ffffff" />
portraiturl-96 How to get it? portraiturl-96
<meta name="color:Text" content="#3e3e3e" />    
<meta name="color:bold" content="#ffb79d"/>
<meta name="color:italic" content="#000000"/>
<meta name="color:Links" content="#000000" />
<meta name="color:Link Hover" content="#ffb79d" />
<meta name="color:text selection" content="#ffffff" />
<meta name="color:text selection background" content="#ffb79d" />
<meta name="color:Blockquote" content="#ffb79d" />
<meta name="color:scrollbar" content="#ffb79d" />
<meta name="color:linkbar title" content="#000000" />
portraiturl-96 PasteShr portraiturl-96
<meta name="color:linkbar" content="#ffffff" />
<meta name="color:header title" content="#000000" />
<meta name="color:header subtitle" content="#000000" />
<meta name="color:description" content="#000000" />
<meta name="color:Posts" content="#ffffff" />
<meta name="color:Post Title" content="#000000" />
<meta name="color:Post Borders" content="#e8e8e8" />
<meta name="color:question" content="#000000" />
<meta name="color:question background" content="#fafafa" />
<meta name="color:chat odd" content="#ffb79d"/>
portraiturl-96 How to get it? portraiturl-96
<meta name="color:chat even" content="#000000"/>
<meta name="color:pagination" content="#000000" />
<meta name="color:permalink" content="#000000" />
<meta name="color:permalink hover" content="#ffb79d" />

portraiturl-96 How to get it? portraiturl-96
<meta name="select:Body Font" content="Open Sans" title="Open Sans">
<meta name="select:Body Font" content="Exo" title="Exo">
<meta name="select:Body Font" content="Montserrat" title="Montserrat">
<meta name="select:Body Font" content="Roboto" title="Roboto">
<meta name="select:Body Font" content="Poppins" title="Poppins">
<meta name="select:Body Font" content="Ubuntu" title="Ubuntu">
<meta name="select:Body Font" content="Noto Sans" title="Noto Sans">
 
<meta name="select:font size" content="11" title="11px">
<meta name="select:font size" content="12" title="12px">
portraiturl-96 How to get it? portraiturl-96
<meta name="select:font size" content="13" title="13px">
<meta name="select:font size" content="14" title="14px">
<meta name="select:font size" content="15" title="15px">
 
<meta name="select:text align" content="left" title="left">
<meta name="select:text align" content="justify" title="justify">
<meta name="select:description text align" content="center" title="center">
<meta name="select:description text align" content="justify" title="justify">
 
<meta name="select:Post Size" content="400" title="400px">
portraiturl-96 How to use it? portraiturl-96
<meta name="select:Post Size" content="450" title="450px">
<meta name="select:Post Size" content="475" title="475px">
<meta name="select:Post Size" content="500" title="500px">
<meta name="select:Post Size" content="525" title="525px">
<meta name="select:Post Size" content="540" title="540px">
<meta name="select:Post Size" content="650" title="650px">
<meta name="select:Post Size" content="700" title="700px">
 
<meta name="select:Photoset gutter" content="1" title="1px">
<meta name="select:Photoset gutter" content="2" title="2px">
portraiturl-96 How to get it? portraiturl-96
<meta name="select:Photoset gutter" content="4" title="4px">
<meta name="select:Photoset gutter" content="6" title="6px">
<meta name="select:Photoset gutter" content="8" title="8px">
<meta name="select:Photoset gutter" content="10" title="10px">

portraiturl-96 PasteShr portraiturl-96
<meta name="text:social media URL 1" content="social media URL 1" />
<meta name="text:social media name 1" content="Instagram" />
<meta name="text:social media URL 2" content="social media URL 2" />
<meta name="text:social media name 2" content="Twitter" />
<meta name="text:social media URL 3" content="social media URL 3" />
<meta name="text:social media name 3" content="Youtube" />
<meta name="text:social media URL 4" content="social media URL 4" />
<meta name="text:social media name 4" content="Tiktok" />
 
<meta name="text:Custom Link1 URL" content="Link 1 URL" />
portraiturl-96 How to use it? portraiturl-96
<meta name="text:Custom Link1 Name" content="Link 1" />
<meta name="text:Custom Link2 URL" content="Link 2 URL" />
<meta name="text:Custom Link2 Name" content="Link 2" />
<meta name="text:Custom Link3 URL" content="Link 3 URL" />
<meta name="text:Custom Link3 Name" content="Link 3" />
<meta name="text:Custom Link4 URL" content="Link 4 URL" />
<meta name="text:Custom Link4 Name" content="Link 4" />
<meta name="text:Custom Link5 URL" content="Link 5 URL" />
<meta name="text:Custom Link5 Name" content="Link 5" />
<meta name="text:Custom Link6 URL" content="Link 6 URL" />
portraiturl-96 PasteShr portraiturl-96
<meta name="text:Custom Link6 Name" content="Link 6" />

<script src="//npf-images-v3.github.io/script.js"></script>
portraiturl-96 How to get it for free? portraiturl-96
<link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">

:root {
    --NPF-Caption-Spacing:1em;
    --NPF-Image-Spacing:4px;
    
    /*----------BLOG OPTIONS----------*/
    --text-font: {select:font size}px;
portraiturl-96 How to use it? portraiturl-96
    --post-size: {select:post size}px;
}
    /*----------COLOR OPTIONS----------*/

:root, html[data-theme='light'] {
    --LightOn: block; /* displays <span> with moon icon */
    --LightOff: none;  /* hides <span> with sun icon */
    
    --main-background: {color:background};
    --accent: {color:accent};
portraiturl-96 How to dowload it? portraiturl-96
    --accented-text: {color:accented text};
    --lightbox-background: rgba({RGBcolor:background}, 0.6);
    --audio-player-background: rgba({RGBcolor:posts}, 0.8);
    --main-text: {color:text};
    --bold: {color:bold};
    --italic: {color:italic};
    --main-links: {color:links};
    --main-link-hover: {color:link hover};
    --text-selection: {color:text selection};
    --text-selection-background: {color:text selection background};
portraiturl-96 How to get it for free? portraiturl-96
    --blockquote: {color:blockquote};
    --scrollbar: {color:scrollbar};
    --topbar-title: {color:linkbar title};
    --description: {color:description};
    --top-banner: {color:linkbar};
    --header-title: {color:header title};
    --header-subtitle: {color:header subtitle};
    --main-posts: {color:posts};
    --caption-cover: {RGBcolor:posts};
    --post-title: {color:post title};
portraiturl-96 How to get it for free? portraiturl-96
    --post-borders: {color:post borders};
    --question: {color:question};
    --question-background: {color:question background};
    --chat-odd: {color:chat odd};
    --chat-even: {color:chat even};
    --pagination: {color:pagination};
    --permalink: {color:permalink};
    --tag-cover: {RGBcolor:permalink background};
    --permalink-hover: {color:permalink hover};
}
portraiturl-96 PasteShr portraiturl-96

html[data-theme='dark'] {
    --LightOn: none; /* hides <span> with moon icon */
    --LightOff: block; /* displays <span> with sun icon */
    
    --accent: {color:accent night};
    --accented-text: {color:accented text night};
    --main-background: {color:background night};
    --lightbox-background: rgba({RGBcolor:background night}, 0.6);
    --audio-player-background: rgba({RGBcolor:posts background night}, 0.8);
portraiturl-96 PasteShr portraiturl-96
    --main-text: {color:text night};
    --bold: {color:bold night};
    --italic: {color:italic night};
    --main-links: {color:links night};
    --main-link-hover: {color:link hover night};
    --text-selection: {color:text selection night};
    --text-selection-background: {color:text selection background night};
    --sidebar-title: {color:sidebar title night};
    --description: {color:description night};
    --topbar-title: {color:linkbar title night};
portraiturl-96 How to dowload it? portraiturl-96
    --header-title: {color:header title night};
    --header-subtitle: {color:header subtitle night};
    --top-banner: {color:linkbar night};
    --main-posts: {color:posts background night};
    --caption-cover: {RGBcolor:posts background night};
    --post-borders: {color:post borders night};
    --post-title: {color:posts title night};
    --question: {color:question night};
    --question-background: {color:question background night};
    --chat-odd: {color:chat odd night};
portraiturl-96 How to get it? portraiturl-96
    --chat-even: {color:chat even night};
    --pagination: {color:pagination night};
    --permalink: {color:permalink night};
    --permalink-hover: {color:permalink hover night};
}

html.theme-transition,
html.theme-transition *,
html.theme-transition *:before,
html.theme-transition *:after {
portraiturl-96 PasteShr portraiturl-96
  transition: 0s !important;
  transition-delay: 0 !important;
}
 
/*----------TUMBLR CONTROLS----------*/

.ph-gear {
    font-size: 18px;
    background-color: var(--accent);
    color: var(--accented-text);
portraiturl-96 How to get it for free? portraiturl-96
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
}
 
iframe.tmblr-iframe {
    opacity: 0;
    visibility: hidden;
    position:fixed!important;
    z-index: 300!important;
portraiturl-96 How to dowload it? portraiturl-96
    top: 17px!important;
    right: 120px!important;
    opacity:0.6!important;
    transform:scale(0.7);
    transform-origin:100% 0;
    -webkit-transform:scale(0.7);
    -webkit-transform-origin:100% 0;
    -o-transform:scale(0.7);
    -o-transform-origin:100% 0;
    -moz-transform:scale(0.7);
portraiturl-96 How to get it? portraiturl-96
    -moz-transform-origin:100% 0;
    -ms-transform:scale(0.7);
     filter:invert(1);
    -webkit-filter:invert(1);
    -o-filter:invert(1);
    -moz-filter:invert(1);
    -ms-filter:invert(1);
    filter:invert(100%) hue-rotate(180deg);
    -webkit-filter:invert(100%) hue-rotate(180deg);
    -moz-filter:invert(100%) hue-rotate(180deg);
portraiturl-96 How to dowload it? portraiturl-96
    -o-filter:invert(100%) hue-rotate(180deg);
    -ms-filter:invert(100%) hue-rotate(180deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

body.controls-click iframe.tmblr-iframe {
portraiturl-96 PasteShr portraiturl-96
    opacity: 1.0;
    visibility: visible;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
 
iframe.tmblr-iframe:hover {
portraiturl-96 How to dowload it? portraiturl-96
    opacity:1.0!important;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}
 
html[data-theme='dark'] iframe.tmblr-iframe  {
    opacity: 1;
    filter:invert(0)!important;
portraiturl-96 How to dowload it? portraiturl-96
    -webkit-filter:invert(0)!important;
    -o-filter:invert(0)!important;
    -moz-filter:invert(0)!important;
    -ms-filter:invert(0)!important;
    filter:invert(100%) hue-rotate(180deg);
    -webkit-filter:invert(100%) hue-rotate(180deg);
    -moz-filter:invert(100%) hue-rotate(180deg);
    -o-filter:invert(100%) hue-rotate(180deg);
    -ms-filter:invert(100%) hue-rotate(180deg);
    -webkit-transition: 0.6s ease;
portraiturl-96 How to get it? portraiturl-96
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}
 
/*--------CUSTOM TUMBLR LIGHTBOX--------*/
 
.vignette, #vignette {
    opacity:0;
}
portraiturl-96 How to use it? portraiturl-96
.lightbox-image, #tumblr_lightbox img {
    box-shadow:none !important;
    border-radius:0 !important;
    max-width:none;
}
 
.tmblr-lightbox, #tumblr_lightbox {
    background-color: var(--lightbox-background)!important;
}
 
portraiturl-96 How to use it? portraiturl-96
.lightbox-image, #tumblr_lightbox img {
    background-color: var(--main-posts)!important;
    padding: 10px !important;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
 
/*----------SCROLLBAR----------*/
 
::-webkit-scrollbar {
portraiturl-96 How to get it for free? portraiturl-96
    width: 10px;
    height: 6px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: 20px;
portraiturl-96 How to use it? portraiturl-96
    border: 2px solid var(--main-background);
}
 
::-webkit-scrollbar-track {
    background: var(--main-posts);
    border: 8px solid var(--main-posts);
    border-radius: 20px;
}
 
::-webkit-scrollbar-corner {
portraiturl-96 How to get it? portraiturl-96
    background: transparent;
}
 
/*----------TOOLTIPS----------*/
 
.tippy-tooltip.custom-theme {
    background-color: var(--accent);
    color: var(--accented-text);
    text-align:center;
    font-size: 12px;
portraiturl-96 How to dowload it? portraiturl-96
    font-weight: 700;
}
 
.tippy-tooltip.custom-theme .tippy-svg-arrow {
  fill: var(--accent);
}

/*----------TEXT SELECTION----------*/
 
{block:ifCustomTextSelection}
portraiturl-96 PasteShr portraiturl-96
::selection {
    background: var(--text-selection-background);
    color: var(--text-selection);
}
 
::-moz-selection {
    background: var(--text-selection-background);
    color: var(--text-selection);
}
 
portraiturl-96 How to use it? portraiturl-96
::-webkit-selection {
    background: var(--text-selection-background);
    color: var(--text-selection);
}
{/block:ifCustomTextSelection}
 
/*----------THEME BASICS----------*/

body {
    color: var(--main-text);
portraiturl-96 PasteShr portraiturl-96
    font-family: {select:Body Font}, helvetica, sans-serif;
    font-weight: 400;
    font-size: var(--text-font);
    line-height:180%;
    margin:0;
    padding: 0;
    box-sizing: border-box;
    text-align:left;
    background: var(--main-background) url({image:Background}) center;
    background-attachment: {select:Background Attachment};
portraiturl-96 How to dowload it? portraiturl-96
    background-repeat: {select:Background Repeat};
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p:empty {
    display: none;
}
 
b,strong {
portraiturl-96 How to get it? portraiturl-96
    color:var(--bold);
    font-weight: 700;
}
 
i,em {
    color:var(--italic);
}
 
small,sub,sup {
    font-size: calc(var(--text-font) - 0.5px);
portraiturl-96 How to dowload it? portraiturl-96
}
 
h1,h2,h3 {
    font-weight: 700;
    font-size: 1.3em;
    color: var(--bold);
}
 
h4,h5,h6 {
    font-weight: 700;
portraiturl-96 How to dowload it? portraiturl-96
    font-size: 1.2em;
    color: var(--bold);
}
 
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
portraiturl-96 How to use it? portraiturl-96
    padding: 5px 10px;
    font-family: inherit;
    font-weight: 400;
    line-height: 150%;
    color: var(--question);
    background-color: var(--question-background);
}
 
blockquote:not(.tumblr_parent) {
    padding-left: 20px;
portraiturl-96 How to use it? portraiturl-96
    margin: 10px;
    border-left: 3px solid var(--blockquote);
}
 
blockquote img {
    max-width: 100%;
    height: auto;
}

figure {
portraiturl-96 How to get it? portraiturl-96
  margin: 1em 3px;
}
 
a {
    color:var(--main-links);
    text-decoration:none;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
portraiturl-96 PasteShr portraiturl-96
}
 
a:hover {
    color:var(--main-link-hover);
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}
 
portraiturl-96 How to get it for free? portraiturl-96
{block:ifSmallCursor}
html, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto !important; }
a:hover{cursor:url("https://i.imgur.com/IepP2.jpg"), auto !important;}
{/block:ifSmallCursor}

/*----------PAGINATION----------*/

#pagination {
    margin: 20px auto 0 auto;
    text-align:center;
portraiturl-96 PasteShr portraiturl-96
    background-color: var(--main-posts);
    padding: 15px 20px;
    font-size: 1.1em;
}
 
.current_page {
    color:var(--pagination); 
    border-bottom: 2px solid var(--accent);
    padding: 5px 10px;
    font-weight: 700;
portraiturl-96 PasteShr portraiturl-96
    transition: 0.6s;
}
 
#pagination a {
    margin: 0 10px;
    padding: 5px 10px;
    color: var(--pagination);
    font-weight: 700;
    border-bottom: 2px solid transparent;
    -moz-transition: 0.6s ease;
portraiturl-96 PasteShr portraiturl-96
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}
 
#pagination a:hover {
    color: var(--main-link-hover);
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
portraiturl-96 How to get it? portraiturl-96
    transition: 0.6s ease;
}
 
/*----------POSIS CONTAINER----------*/ 
 
.wrap {
    position: relative;
    width: calc(var(--post-size) + 485px);
    margin: 130px auto 0 auto;
    padding-top: 40px;
portraiturl-96 How to dowload it? portraiturl-96
    display: flex;
    align-items: flex-start;
    flex-flow: row wrap;
    justify-content: space-between;
    {block:PermalinkPage}
    width: calc(540px + 485px);
    {/block:PermalinkPage}
}
 
#content {
portraiturl-96 PasteShr portraiturl-96
    width: var(--post-size);
    position: relative;
    margin-bottom: 58px;
    {block:PermalinkPage}
    width: 540px;
    {/block:PermalinkPage}
}
 
.posts {
    position: relative;
portraiturl-96 PasteShr portraiturl-96
    width: var(--post-size);
    background-color: var(--main-posts);
    {block:IndexPage}
    margin-bottom: 100px;
    {/block:IndexPage}
    {block:PermalinkPage}
    margin-bottom: 50px;
    width: 540px;
    {/block:PermalinkPage}
}
portraiturl-96 PasteShr portraiturl-96

#pinned {
    color: var(--main-links);
    font-weight: 700;
    right: 0;
    margin-top: 0px;
    position: absolute;
    z-index: 2;
}
 
portraiturl-96 How to get it? portraiturl-96
.ph-push-pin {
    font-size: 20px;
    width: 20px;
    height: 20px;
    padding: 10px;
    background: var(--accent);
    color: var(--accented-text);
    border-radius: 0 0 0 10px;
}
 
portraiturl-96 How to use it? portraiturl-96
.posts ul li {
    list-style: none;
    margin-left: -25px;
    padding-left: 10;
}
 
.posts ul li:before {
    content: "▷";
    padding-right: 10px;
    color: var(--accent);
portraiturl-96 PasteShr portraiturl-96
}
 
.posts ol {
    list-style-type: upper-roman;
    text-transform: justify;
    margin-left: -10px;
}
 
.posts iframe {
    max-width:100%;
portraiturl-96 PasteShr portraiturl-96
    display: block;
    padding: 0;
    margin: 0
}
 
.posts img {
    max-width: 100%;
    display: block;
    border: 0;
}
portraiturl-96 How to get it for free? portraiturl-96
 
.tumblr_video_container {
    width: auto !important;
    height: auto !important;
}

.npf_inst > *:last-child {
    margin-bottom: 0;
}
 
portraiturl-96 How to dowload it? portraiturl-96
.posts .photo img {
    {block:ifFadedImages}
    {block:IndexPage}
    opacity: 0.6;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}
 
portraiturl-96 How to use it? portraiturl-96
.posts:hover .photo img {
    opacity: 1.0;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    {/block:IndexPage}
    {/block:ifFadedImages}
}
 
portraiturl-96 How to use it? portraiturl-96
{block:ifGrayscaleImages}
{block:IndexPage}
.posts .photo img {
    z-index: -9999999999999999999999999px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /* IE 6-9 */
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
portraiturl-96 How to get it for free? portraiturl-96
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}
 
.posts:hover .photo img {
    -webkit-filter: none;
    filter: none;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
portraiturl-96 PasteShr portraiturl-96
    transition: 0.6s ease;
}
{/block:IndexPage}
{/block:ifGrayscaleImages}
 
/*----------TEXT/CAPTION CONTAINER----------*/
 
.caption {
    text-align: {select:text align};
}
portraiturl-96 How to get it? portraiturl-96

.caption a {
    text-decoration: underline;
}
 
.caption figcaption {
    padding: 15px;
}
 
figcaption p {
portraiturl-96 How to get it? portraiturl-96
    margin: 5px 0 0;
}
 
.caption img {
    max-width: 100%;
}
 
.reblog-list {
    padding: 10px;
}
portraiturl-96 PasteShr portraiturl-96
 
.reblog-header {
    padding: 20px 15px;
}

.reblog-header a {
    text-decoration: none;
}
 
.reblog-header img {
portraiturl-96 PasteShr portraiturl-96
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 50%;
}
 
.inactive, .user, .deactivated {
    font-weight: 700;
portraiturl-96 How to get it for free? portraiturl-96
    color: var(--main-links);
    text-align: center;
}
 
.user:hover {
    color: var(--main-link-hover);
}
 
.reblog-content {
    padding: 5px 15px;
portraiturl-96 How to dowload it? portraiturl-96
}

.reblog-content p, .reblog-content h2 {
    margin: 0 0 10px 0;
}
 
.read_more {
    position: relative;
    width: 100%;
    padding: 3px 10px;
portraiturl-96 PasteShr portraiturl-96
    font-weight: 700;
    color: var(--accented-text);
    background-color: var(--accent);
    border-radius: 15px;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

portraiturl-96 How to get it? portraiturl-96
.caption .read_more {
    text-decoration: none;
}
 
.read_more:hover {
    background-color: transparent;
    color: var(--main-links);
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
portraiturl-96 How to dowload it? portraiturl-96
    transition: 0.6s ease;
}

.read-more {
    position: absolute;
    padding: 2px 10px;
    font-weight: 700;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
portraiturl-96 PasteShr portraiturl-96
    z-index: 5;
    border-radius: 20px;
    background-color: var(--accent);
    color: var(--accented-text);
    {block:ifnottruncateposts}
    display: none;
    {block:ifnottruncateposts}
}

.read-more:hover {
portraiturl-96 PasteShr portraiturl-96
    color: var(--main-links);
    background-color: var(--main-posts);
}

.posts .text {
    height: 350px;
    overflow: hidden;
    position: relative;
    {block:PermalinkPage}
    height: 100%;
portraiturl-96 How to dowload it? portraiturl-96
    overflow: visible;
    {/block:PermalinkPage}
    {block:ifnottruncateposts}
    height: 100%;
    overflow: visible;
    {/block:ifnottruncateposts}
}

.post-cover {
    width: 100%;
portraiturl-96 How to dowload it? portraiturl-96
    height: 150px;
    background: linear-gradient(0deg, rgb( var(--caption-cover)), rgba(var(--caption-cover), 0.24));
    position: absolute;
    bottom: 0;
    z-index: 4;
    transition: 0.6s;
    {block:ifnottruncateposts}
    display: none;
    {block:ifnottruncateposts}
}
portraiturl-96 How to get it? portraiturl-96

.npf_inst, #npf_a0rsv {
    margin-bottom: 20px;
}

figure.tmblr-embed.tmblr-full iframe {max-width: 100%;}

div.npf-link-block .title {
    font-size: 16px;
    text-align: left;
portraiturl-96 PasteShr portraiturl-96
}

.soundcloud_audio_player {
    max-height:116px!important;
}
 
.spotify_audio_player {
    max-height:80px!important;
}

portraiturl-96 How to use it? portraiturl-96
/*----------POST INFO & PERMALINKS----------*/

.top-info {
    padding: 15px 20px;
    position: relative;
    border-bottom: 1px solid var(--post-borders);
}

.permalink-cont {
    display: flex;
portraiturl-96 How to get it? portraiturl-96
    align-items: center;
}

.permalink-cont .time {
    display: flex;
    flex-direction: column;
}

.top-info-image {
    min-width: 80px;
portraiturl-96 How to get it? portraiturl-96
    display: flex;
    align-items: center;
}

.image-cont {
    display: flex;
    align-items: center;
    overflow: hidden;
}

portraiturl-96 How to dowload it? portraiturl-96
.permalink-cont img {
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    border-radius: 50%;
}

.reblog-cont {
    font-weight: 700;
}
portraiturl-96 How to use it? portraiturl-96
 
.reblog-info {
    margin-top: -5px;
}

.post-bottom {
    display: flex;
    padding: 25px 20px;
    justify-content: flex-end;
    align-items: center;
portraiturl-96 PasteShr portraiturl-96
    font-weight: 700;
    border-top: 1px solid var(--post-borders); 
}

.post-bottom a {
    color: var(--permalink);
}

.post-bottom a:hover {
    color: var(--permalink-hover);
portraiturl-96 How to dowload it? portraiturl-96
}

.date i {
    font-size: 1.9em;
    margin-right: 10px;
    color: var(--accent);
}

.date {
    display: flex;
portraiturl-96 How to get it? portraiturl-96
    align-items: center;
}

/*----------LIKE/REBLOG----------*/

.likereblog {
    text-align: center;
    z-index: 1;
    margin-top: 5px;
}
portraiturl-96 How to dowload it? portraiturl-96

.controls {
    display: flex;
    align-items: center;
}
 
.controls a {
    position:relative;
    display:inline-block;
    margin: 0 10px;
portraiturl-96 How to get it for free? portraiturl-96
    vertical-align: middle;
    height: 21px;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

.controls a:hover {
    color: var(--permalink-hover);
portraiturl-96 How to dowload it? portraiturl-96
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}
 
.ph-arrows-clockwise {
    font-size: 20px;
    color: var(--permalink);
    -moz-transition: 0.6s ease;
portraiturl-96 How to get it for free? portraiturl-96
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}
 
.ph-arrows-clockwise:hover {
    color: var(--permalink-hover);
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
portraiturl-96 How to get it for free? portraiturl-96
    transition: 0.6s ease;
}
 
.ph-heart-straight {
    color: var(--permalink);
    font-size: 20px;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
portraiturl-96 How to get it? portraiturl-96
}

.ph-heart-straight:hover {
    color: var(--permalink);
}

.controls .like .liked + .ph-heart-straight {
   opacity: 1;
}
 
portraiturl-96 How to dowload it? portraiturl-96
.controls .like .liked + .ph-heart-straight {
     color: #ff492f;
}
 
.controls .like .like_button iframe {
   position:absolute;
   top: -1px;
   left:0;
   bottom:0;
   right:0;
portraiturl-96 How to get it for free? portraiturl-96
   width:100%;
   height:100%;
   z-index:2;
   opacity:0.000001;
}

/*--------POST TAGS--------*/

.tag-button {
    cursor: pointer;
portraiturl-96 How to use it? portraiturl-96
    display: flex;
}

.ph-hash {
    font-size: 20px;
    color: var(--permalink);
}

.post_tags {
    padding: 10px 20px;
portraiturl-96 PasteShr portraiturl-96
    display: none;
    text-align: right;
    margin-bottom: 5px;
}
 
.post_tags a {
    display: inline-block;
    margin-left: 3px;
    color: var(--permalink);
    font-size: 11px;
portraiturl-96 How to dowload it? portraiturl-96
    font-weight: 700;
    border: 1px solid var(--post-borders);
    padding: 0px 10px;
    border-radius: 5px;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}
 
portraiturl-96 How to get it for free? portraiturl-96
.post_tags a:hover {color:var(--permalink-hover);
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

.ph-hash-straight {
    margin-right: 10px; 
    color:var(--accent); 
portraiturl-96 How to get it for free? portraiturl-96
    font-size:18px; 
    vertical-align:middle; 
}

/*----------PERMALINK PAGE----------*/
 
#perma {
    width: 540px;
    padding: 10px 5px;
    margin: 0 auto;
portraiturl-96 How to get it? portraiturl-96
    background-color: var(--main-posts);
    text-align: center;
    text-transform: lowercase;
    box-sizing: border-box;
    position: relative;
}

#perma span {
    font-weight: 700;
    text-transform: uppercase;
portraiturl-96 How to use it? portraiturl-96
}

#permatg {
    width: 540px;
    padding: 10px;
    margin: 10px auto 10px;
    background-color: var(--main-posts);
    text-align: center;
    text-transform: lowercase;
    box-sizing: border-box;
portraiturl-96 How to dowload it? portraiturl-96
    position: relative;
}
 
#permatg a {
    display: inline-block;
    margin: 0 5px;
    color: var(--main-links);
}

#permatg a:hover {
portraiturl-96 How to dowload it? portraiturl-96
    color: var(--main-link-hover);
}

.rb {
    position: absolute;
    left: 46%;
    margin-top: 27px;
    display: inline-block;
    z-index: 1;
}
portraiturl-96 How to get it for free? portraiturl-96
 
.root img, .via img {
    border-radius: 100%;
    padding: 3px;
    margin-right: 2px;
    background-color: var(--accent);
}
 
#notecontainer {
    margin: 10px auto;
portraiturl-96 How to dowload it? portraiturl-96
    width: 540px;
    background-color: var(--main-posts);
    color: var(--main-text);
    position: relative;
    padding: 10px;
    box-sizing: border-box;
}
 
#notecontainer ol.notes {
    list-style-type: none;
portraiturl-96 PasteShr portraiturl-96
    margin: 0;
    padding: 0;
    font-size: var(--text-font);
}
 
#notecontainer ol.notes li.note {
    padding: 15px;
}
 
#notecontainer img.avatar {
portraiturl-96 How to get it for free? portraiturl-96
    margin-right: 10px;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

#permpage {
    text-align: center;
    margin-top: 50px;
portraiturl-96 How to get it for free? portraiturl-96
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    margin-bottom: -30px;
}
 
.ph-arrow-left, .ph-arrow-right {
    padding: 5px;
    font-size: 20px;
    display: inline-block;
portraiturl-96 PasteShr portraiturl-96
    height: 20px;
    border-radius: 50%;
    margin: 0 10px;
    background-color: var(--accent);
    color: var(--accented-text);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
portraiturl-96 How to use it? portraiturl-96
 
.ph-arrow-left:hover, .ph-arrow-right:hover {
    background-color: transparent;
    color: var(--main-links);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
 
portraiturl-96 How to get it for free? portraiturl-96
/*----------TUMBLR TEXT/LINKS----------*/  
 
.posts .title, .posts .link {
    color: var(--post-title);
    text-transform: uppercase;
    padding: 20px;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 200%;
    position: relative;
portraiturl-96 How to use it? portraiturl-96
    line-height: 120%;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

.posts .title:before, .posts .link:before {
    content: '';
    position: absolute;
portraiturl-96 How to get it for free? portraiturl-96
    top: 100%;
    left: 20px;
    width: 10%;
    height: 3px;
    background-color: var(--accent);
}
 
.posts .link a {
    color: var(--post-title);
}
portraiturl-96 How to get it for free? portraiturl-96
 
.posts .link a:hover {
    color: var(--main-link-hover);
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

.thumbnail img {
portraiturl-96 How to get it for free? portraiturl-96
    width: 100%;
    height: auto;
    display: block;
}
 
/*----------TUMBLR QUOTES----------*/  
 
.qt {
    padding: 20px 20px 0;
    display: flex;
portraiturl-96 How to get it for free? portraiturl-96
    flex-direction: row;
    justify-content: space-between;
}
 
.quote {
    font-family: 'Playfair Display', serif;
    line-height: 150%;
    font-size: 1.6em;
    padding: 20px;
    color: var(--question);
portraiturl-96 How to use it? portraiturl-96
    padding-left: 20px;
    border-left: 1px solid var(--post-borders);
}
 
.ph-quotes {
    color: var(--main-links);
    padding: 5px;
    font-size: 1.2em;
    align-self: center;
    border-radius: 5px;
portraiturl-96 How to get it for free? portraiturl-96
}
 
.quote-box {
    font-size: 20px;
    align-self: center;
    color: var(--main-text);
    margin-right: 20px;
}

.qtsource {
portraiturl-96 How to use it? portraiturl-96
    padding: 0 20px 20px;
}

/*----------TUMBLR AUDIO----------*/
 
.audiowrapper {
    background-color: var(--question-background); 
    display:flex;
    overflow: hidden;
} 
portraiturl-96 PasteShr portraiturl-96

.audio-content .audio_player {
    background-color: var(--audio-player-background);
}
 
.audio-content { 
    width: 40%;
    position:relative; 
    display: flex;
    justify-content: center;
portraiturl-96 How to use it? portraiturl-96
    align-items: center;
}

.audio_player {
    position: absolute;
    z-index: 2;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
portraiturl-96 How to get it for free? portraiturl-96

.audio_player > div {
	display: inline-block;
	margin: 0 0.5em 0 0;
	vertical-align: middle;
}

.custom_audio_buttons {
	height: 1.25em;
}
portraiturl-96 How to use it? portraiturl-96

.custom_audio_buttons svg {
	width : 1.70em;
	height: 1.70em;
	margin-left: 24px;
	margin-top: 22px;
	stroke: var(--main-text);
}

.custom_audio_error_icon svg {
portraiturl-96 How to get it? portraiturl-96
	stroke: red;
}

.custom_audio_duration {
	display: inline;
}

.seek-cont {
    display: flex;
    justify-content: space-between;
portraiturl-96 How to use it? portraiturl-96
    align-items: center;
}

.seek-cont span {
    width: 50px;
}

.custom_audio_seekbar {
	height: 0.5em;
	border: 1px solid var(--main-text);
portraiturl-96 How to dowload it? portraiturl-96
	width: 90%;
}

.custom_audio_seekbar_progress {
	width: 0;
	height: 100%;
	background: var(--main-links);
}

.custom_audio_current_time, .custom_audio_time_left {
portraiturl-96 How to get it? portraiturl-96
    font-size: 12px;
    width: 50px;
}

.custom_audio_current_time {
    text-align: left;
}

.custom_audio_time_left {
    text-align: right;
portraiturl-96 How to use it? portraiturl-96
}

.audio_info p {
	margin: 0.25em 0;
}

.album-background {
    position: absolute;
    top: -40%;
    left: 0;
portraiturl-96 How to get it? portraiturl-96
    opacity: 0.1;
}
 
.music_menu { 
    position: relative;
    margin: 0px; 
    list-style:none; 
    padding: 5%;
    align-self: center;
    font-size:18px; 
portraiturl-96 How to dowload it? portraiturl-96
    font-weight: 700;
    color: var(--main-links);
    width: 100%;
} 
 
.music_menu  p { 
    margin: 5px 0;
}
 
.music_menu  p:nth-child(2) { 
portraiturl-96 How to dowload it? portraiturl-96
    font-weight: 400;
    font-size: 15px;
}
 
/*----------TUMBLR QUESTION/ANSWER----------*/
 
#askcont, #replycont {
    padding: 15px;
}

portraiturl-96 How to get it? portraiturl-96
.asker-cont, .replier-cont {
    display: flex;
}

#asker-image, #replier-image {
    width: 50px;
    height: 50px;
    align-self: center;
}

portraiturl-96 How to get it? portraiturl-96
#asker-image {
    margin-right: 45px;
}

#replier-image {
    order: 2;
    margin-left: 30px;
    margin-right: 20px;
}

portraiturl-96 How to get it for free? portraiturl-96
#asker-image img, #replier-image img {
    border-radius: 50%;
    border: 3px solid var(--accent);
    padding: 5px;
}

.asker-link, .replier-link {
    font-weight: 700;
}

portraiturl-96 How to use it? portraiturl-96
#asker, #replier {
    background-color: var(--question-background);
    padding: 20px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 10px;
    position: relative;
}

portraiturl-96 PasteShr portraiturl-96
#asker:after {
	right: 100%;
	top: 50%;
	margin-top: -17px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
portraiturl-96 How to dowload it? portraiturl-96
	border-right-color: var(--question-background);
	border-width: 13px;
}

#replier:after {
    left: 100%;
	top: 50%;
	margin-top: -17px;
	border: solid transparent;
	content: " ";
portraiturl-96 How to use it? portraiturl-96
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: var(--question-background);
	border-width: 13px;
}

.question, .answer {
    margin-top: 10px;
portraiturl-96 How to use it? portraiturl-96
}

.answer p {
    margin: 0;
}

.anwer a {
    text-decoration: underline;
}

portraiturl-96 How to dowload it? portraiturl-96
.answer .npf_inst, #npf_a0rsv {
    margin-bottom: 0;
}
 
/*----------TUMBLR CHAT----------*/
 
.chat .line {
    margin-top: 0px;
    padding: 20px 40px;
    border-bottom: 1px solid var(--post-borders);
portraiturl-96 PasteShr portraiturl-96
}
 
.chat .line:last-of-type {
    margin-bottom: 0px;
    border-bottom: none;
}
 
.line:nth-child(odd) .label b {
    color: var(--chat-odd);
    font-weight: 700;
portraiturl-96 How to get it? portraiturl-96
    font-size: 1.1em;
    display: block;
    margin-bottom: 10px;
}
 
.line:nth-child(even) .label b {
    color: var(--chat-even);
    font-weight: 700;
    font-size: 1.1em;
    display: block;
portraiturl-96 How to dowload it? portraiturl-96
    margin-bottom: 10px;
}

p.npf_chat {  
    border-bottom: 1px solid var(--post-borders);
    padding: 20px 0;
    margin-top: 0;
}

p.npf_chat:first-of-type {
portraiturl-96 How to get it? portraiturl-96
    padding-top: 0;
}

p.npf_chat:last-of-type {
    margin-bottom: 0px;
    border-bottom: none;
}

p.npf_chat b {     
    display: block;
portraiturl-96 How to use it? portraiturl-96
    padding-bottom: 10px;
    color: var(--main-links);
}

/*----------LINKBAR---------*/

#linkbar {
    height: 70px;
    position: fixed;
    top: 0;
portraiturl-96 How to get it for free? portraiturl-96
    left: 0;
    right: 0;
    background-color: var(--top-banner);
    z-index: 9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

portraiturl-96 How to dowload it? portraiturl-96
.topbar-title {
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
    color: var(--topbar-title);
    margin-right: 20px;
}

/*----------SEARCH BAR----------*/

portraiturl-96 PasteShr portraiturl-96
.search-cont {
    display: flex;
    align-items: center;
}
 
.search-area {
    width: auto;
    padding: 10px 0px;
    box-sizing: border-box;
    display: flex;
portraiturl-96 PasteShr portraiturl-96
    align-items: center;
}

.ph-magnifying-glass {
    color: var(--accented-text);
    background-color: var(--accent);
    padding: 10px;
    border-radius: 50%;
    margin-left: 10px;
    font-size: 18px;
portraiturl-96 How to get it for free? portraiturl-96
}
 
.query {
    border: 0;
    outline: 0;
    font-family: inherit;
    font-size: var(--text-font);
    color: inherit;
    background-color: var(--question-background);
    width: 290px;
portraiturl-96 How to dowload it? portraiturl-96
    padding: 5px 15px;
    border-radius: 20px;
    border: 1px solid var(--post-borders);
}
 
html[data-theme='light'] .query {
    background-color: var(--question-background);
}
 
::-webkit-input-placeholder {color: var(--main-text);}
portraiturl-96 How to get it for free? portraiturl-96
:-moz-placeholder {color: inherit; opacity:1;}
::-moz-placeholder {color: inherit; opacity:1;}
:-ms-input-placeholder {color: inherit;}
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder { color: transparent;}

.homelinks a {
    margin: 0 20px;
portraiturl-96 How to get it? portraiturl-96
    padding-bottom: 3px;
    font-weight: 700;
    box-shadow: inset 0px 0px 0px 0px transparent;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

.homelinks a:hover {
portraiturl-96 How to get it? portraiturl-96
    box-shadow: inset 0px -3px 0px 0px var(--accent);
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}

/*----------DAY/NIGHT MODE---------*/

button#theme-toggle {
portraiturl-96 How to get it for free? portraiturl-96
    outline: none;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

button#theme-toggle i {
    font-size: 18px;
    background-color: var(--accent);
portraiturl-96 How to dowload it? portraiturl-96
    color: var(--accented-text);
    padding: 10px;
    border-radius: 50%;
}

.toggle-header {
    display: flex;
}

.light-on{
portraiturl-96 PasteShr portraiturl-96
    display: var(--LightOn);
}

.light-off{
    display: var(--LightOff); 
}

.sider {
    display: none;
}
portraiturl-96 How to get it? portraiturl-96

/*----------HEADER----------*/

#header {
    height: 550px;
    position: relative;
    top: 70px;
    left: 0;
    right: 0;
    overflow: hidden;
portraiturl-96 PasteShr portraiturl-96
    background-color: var(--accent);
    {block:PermalinkPage}
    display: none;
    {/block:PermalinkPage}
    {block:ifnotheader}
    display: none;
    {/block:ifnotheader}
}

#header img {
portraiturl-96 How to get it? portraiturl-96
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#header-title-cont {
    width: 50%;
portraiturl-96 How to use it? portraiturl-96
    height: 100%;
    margin-left: 22%;
    padding: 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    position: absolute;
}
portraiturl-96 How to get it for free? portraiturl-96

.header-title {
    font-weight: 700;
    font-size: 2.8em;
    text-transform: uppercase;
    color: var(--header-title);
}

.header-subtitle {
    margin-top: 20px;
portraiturl-96 How to get it for free? portraiturl-96
    font-size: 1.5em;
    color: var(--header-subtitle);
}

#small-header {
    display: none;
}

/*----------SIDEBAR----------*/

portraiturl-96 How to get it? portraiturl-96
#sidebar-container {
    padding-bottom: 150px;
    position: relative;
    width: 380px;
    z-index: 2;
}

.sidebar {
    width: 380px;
    {block:PermalinkPage}
portraiturl-96 How to use it? portraiturl-96
    top: 110px;
    {/block:PermalinkPage}
}

.sidebar:nth-child(3) {
    {block:ifnoteventsbox}
    display: none;
    {/block:ifnoteventsbox}
}

portraiturl-96 How to dowload it? portraiturl-96
.sidebar:nth-child(4) {
    {block:ifnotprojectsbox}
    display: none;
    {/block:ifnotprojectsbox}
}

.sidebar:nth-child(5) {
    {block:ifnotmembersbox}
    display: none;
    {/block:ifnotmembersbox}
portraiturl-96 How to dowload it? portraiturl-96
}

.sidebar:nth-child(6) {
    {block:ifnotaffiliatesbox}
    display: none;
    {/block:ifnotaffiliatesbox}
}

.sidebar:nth-child(7) {
    {block:ifnotsiteinfobox}
portraiturl-96 How to use it? portraiturl-96
    display: none;
    {/block:ifnotsiteinfobox}
}

.sidebar-content {
    background-color: var(--main-posts);
}

.sidebar-image {
    width: 380px;
portraiturl-96 How to dowload it? portraiturl-96
    height: 180px;
    overflow: hidden;
}

.sidebar-image img {
    width: 100%;
    height: auto;
    background-color: var(--accent);
}

portraiturl-96 How to use it? portraiturl-96
.sidebar-header {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid var(--post-borders);
}

/*----------SIDEBAR | ABOUT----------*/
 
.sidebar-name {
    color: var(--main-links);
portraiturl-96 How to use it? portraiturl-96
    font-weight: 700;
    font-size: 1.4em;
}

.description {
    padding: 20px 25px;
    text-align: {select:description text align};
    color: var(--description);
}

portraiturl-96 PasteShr portraiturl-96
.description a {
    text-decoration: underline;
}

.nav-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0 10px;
    {block:ifnotsocialmedialinks}
portraiturl-96 How to use it? portraiturl-96
    display: none;
    {/block:ifnotsocialmedialinks}
}

.social-links i {
    color: var(--main-links);
    font-size: 22px;
    margin: 0 20px;
    height: 25px;
    -moz-transition: 0.6s ease;
portraiturl-96 How to get it for free? portraiturl-96
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

.social-links i:hover {
    color: var(--main-link-hover);
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
portraiturl-96 How to get it for free? portraiturl-96
    transition: 0.6s ease;
}

/*----------SIDEBAR | NAVIGATION----------*/

.morelinks a {
    display: block;
    padding: 20px 35px;
    border-bottom: 1px solid var(--post-borders);
}
portraiturl-96 PasteShr portraiturl-96

.morelinks i {
    font-size: 18px;
    float: right;
    display: inline-block;
    vertical-align: middle;
    color: var(--accent);
}

.morelinks a:last-of-type {
portraiturl-96 How to get it? portraiturl-96
    border-bottom: none;
}

/*----------SIDEBAR | EVENTS----------*/

.events {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px;
portraiturl-96 How to dowload it? portraiturl-96
    padding-top: 10px;
    margin: 10px 0;
}

.events-title {
    font-weight: 700;
}

.events .event-date {
    position: relative;
portraiturl-96 How to get it? portraiturl-96
    width: 60px;
    height: 60px;
    margin-right: 20px;
    background: var(--accent);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
}
portraiturl-96 How to use it? portraiturl-96

.events .events-content {
    position: relative;   
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 220px;
}

.event-month, .event-day {
portraiturl-96 How to get it for free? portraiturl-96
    color: var(--accented-text);
}

.event-month {
    font-size: 1.1em;
    font-weight: 700;
    text-transform: capitalize;
}

.events-content .events-subtitle {
portraiturl-96 How to use it? portraiturl-96
    display: block;
}

/*----------SIDEBAR | PROJECTS----------*/

.project-cont {
    padding: 20px;
    box-sizing: border-box;
}

portraiturl-96 PasteShr portraiturl-96
.project-cont h2 {
    color: var(--main-links);
}

.project-cont img {
    width: 340px;
    height: 200px;
    background-color: var(--accent);
}

portraiturl-96 PasteShr portraiturl-96
.project-links {
    margin-top: 20px;
}

.project-cont a {
    margin-right: 5px;
    padding: 4px 10px;
    background-color: var(--accent);
    color: var(--accented-text);
    font-weight: 700;
portraiturl-96 How to get it? portraiturl-96
}

.project-cont a:hover {
    background-color: transparent;
    color: var(--main-links);
}

/*----------SIDEBAR | MEMBERS----------*/

.member-section {
portraiturl-96 How to get it for free? portraiturl-96
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 20px 0;
    margin: 10px 0;
}

.member-section:first-of-type {
    padding-top: 10px;
}
portraiturl-96 PasteShr portraiturl-96

.member-section:last-of-type {
    padding-bottom: 20px;
}

.member-image {
    position: relative;
    width: 70px;
    height: 70px;
    margin-right: 20px;
portraiturl-96 How to dowload it? portraiturl-96
}

.member-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
portraiturl-96 PasteShr portraiturl-96
    background-color: var(--accent);
}

.member-content {
    position: relative;   
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 220px;
}
portraiturl-96 How to get it for free? portraiturl-96

.member-title {
    font-weight: 700;
    color: var(--main-links);
}

/*----------SIDEBAR | AFFILIATES----------*/
 
.affiliates {
    display: flex;
portraiturl-96 How to dowload it? portraiturl-96
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    padding: 20px 0;
}
 
.affiliates img {
    margin: 7px;
    width: 70px;
    height: 70px;
portraiturl-96 How to use it? portraiturl-96
    background-color: var(--accent);
    -webkit-filter: none;
    filter: none;
    -moz-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    -webkit-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
}
 
.affiliates img:hover {
portraiturl-96 PasteShr portraiturl-96
    z-index: -9999999999999999999999999px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /* IE 6-9 */
    -moz-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
    -webkit-transition: all 0.8s ease-in;
    transition: all 0.8s ease-in;
}
portraiturl-96 How to get it? portraiturl-96

/*----------SIDEBAR | SITE INFO----------*/

.blog-stats {
    padding: 20px;
}

.blog-stats p {
    margin: 10px 0;
}
portraiturl-96 How to use it? portraiturl-96

.blog-stats p:first-of-type {
    margin-top: 0;
}

.blog-stats p:last-of-type {
    margin-bottom: 0;
}

.blog-stats b {
portraiturl-96 How to dowload it? portraiturl-96
    background-color: var(--accent);
    color: var(--accented-text);
    padding: 2px 10px;
    margin-right: 5px;
}

/*----------FOOTER----------*/

#footer {
    background-color: var(--main-posts);
portraiturl-96 PasteShr portraiturl-96
    position: relative;
    bottom: 0;
    width: 100%;
    margin-top: 30px;
    padding: 5px 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
portraiturl-96 How to use it? portraiturl-96
}

#footer i {
    display: inline-block;
    vertical-align: middle;
}

.ph-list {
    display: none;
}
portraiturl-96 How to use it? portraiturl-96

#responsive-background {
    display: none;
}

/*----------RESPONSIVE DESIGN (DO NOT TOUCH)----------*/

@media screen and (max-width: 1025px) {
    
    iframe.tmblr-iframe {
portraiturl-96 PasteShr portraiturl-96
        visibility: visible;
    }
    
    .tmblr-iframe--app-cta-button {
        display: none!important;
    }
    
    .ph-gear {
        display: none;
    }
portraiturl-96 How to dowload it? portraiturl-96
    
    #sidebar-container {
        display: none;
    }
    
    .wrap {
        margin-top: 50px;
    }
    
    .wrap, #content {
portraiturl-96 How to get it for free? portraiturl-96
        width: 100%;
        flex-direction: row;
        justify-content: center;
    }
    
    .posts {
        width: 90%;
        margin: 0 auto 150px auto;
    }
    
portraiturl-96 How to get it? portraiturl-96
    #notecontainer, #perma, #permatg {
        width: 90%;
    }
    
    .posts .text {
        height: 100%;
    }
    
    .search-cont {
        display: none;
portraiturl-96 How to dowload it? portraiturl-96
    }
    
    #header {
        display: none;
    }
    
    #small-header {
        width: 90%;
        height: 300px;
        position: relative;
portraiturl-96 How to get it for free? portraiturl-96
        margin: 160px auto 50px;
        background-color: var(--accent);
        display: flex;
        flex-direction: column;
        Justify-content: center;
        align-items: center;
    }
    
    #small-header img {
        position: absolute;
portraiturl-96 How to dowload it? portraiturl-96
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0.15;
    }
    
    #pagination {
        width: 90%;
        box-sizing: border-box;
        background-color: transparent;
portraiturl-96 How to get it? portraiturl-96
    }
    
    .post-cover, .read-more {
        display: none;
    }
    
    .ph-list {
        display: flex;
        font-size: 18px;
        background-color: var(--accent);
portraiturl-96 How to get it for free? portraiturl-96
        color: var(--accented-text);
        padding: 10px;
        border-radius: 50%;
        margin-left: 10px;
    }
    
    .homelinks a {
        margin: 0 5px;
    }
    
portraiturl-96 How to dowload it? portraiturl-96
    #linkbar {
        border-bottom: 1px solid var(--post-borders);
    }
    
    #responsive-background {
        background-color: var(--main-posts);
        width: 100%;
        height: calc(100% - 71px);
        position: fixed;
        left: -100%;
portraiturl-96 How to dowload it? portraiturl-96
        bottom: 0;
        display: flex;
        z-index: 100;
        transition: 1.2s;
    }

#responsive-background.active {
        left: 0;
        transition: 1.2s;
portraiturl-96 PasteShr portraiturl-96
    }
    
    .description {
        margin-bottom: 20px;
    }
    
    .social-links i {
        margin: 0 10px;
    }
    
portraiturl-96 How to get it for free? portraiturl-96
    .morelinks a:last-of-type {
        border-bottom: 1px solid var(--post-borders);
    }
    
    .responsive-content {
        overflow-x: auto;
        padding: 20px 30px;
    }
}

portraiturl-96 How to get it for free? portraiturl-96
/*----------THEME CREDIT/DO NOT REMOVE!!!---------*/
 
#bottom {
    bottom: 20px;
    position: fixed;
    right: 30px;
    z-index: 10;
    display: flex;
    flex-direction: column;
}
portraiturl-96 How to get it? portraiturl-96

#bottom a:hover {
    color: var(--accented-text);
}
 
.ph-arrow-circle-up, .ph-copyright {
    padding: 3px;
    font-size: 22px;
    width: 22px;
    height: 22px;
portraiturl-96 PasteShr portraiturl-96
    background-color: var(--accent);
    color: var(--accented-text);
    border-radius: 50%;
    margin: 3px 0;
}

/*----------SCROLL TO TOP---------*/
 
#scrollToTop:link,
#scrollToTop:visited {
portraiturl-96 How to get it for free? portraiturl-96
    display: none;
    font-size: 12px;
    color: var(--accented-text);
    width: auto;
    z-index: 900;
    font-weight: 700;
}

{CustomCSS}
</style>
portraiturl-96 How to dowload it? portraiturl-96

portraiturl-96 How to dowload it? portraiturl-96

<script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>

 
</head>

<body>

portraiturl-96 How to get it? portraiturl-96

<a href="javascript:;" id="scrollToTop" rel="nofollow" title="scroll to top"><i class="ph-arrow-circle-up"></i></a>

<a href="https://sheathemes.tumblr.com" target="_blank" title="theme by sheathemes"><i class="ph-copyright"></i></a>  

</footer>

<header id="linkbar">
portraiturl-96 PasteShr portraiturl-96
    <section class="search-cont"> 
        <span class="topbar-title">{Title}</span>
        <div class="search-area">
            <form action="/search" method="get" class="search">
            <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search...">
        </form>
        <i class="ph-magnifying-glass"></i>
        </div>
    </section> 
    
portraiturl-96 How to get it for free? portraiturl-96
    <nav class="homelinks"> 
        <a href="/">Home</a> / 
        <a href="/ask">Ask</a> / 
        <a href="/archive">Archive</a>  
        {block:SubmissionsEnabled}    
        / <a href="/submit">Submit</a>
        {/block:SubmissionsEnabled}
    </nav> 
    
    <div class="toggle-header"> 
portraiturl-96 How to get it for free? portraiturl-96
        <a class="controls-button" title="toggle tumblr controls"><i class="ph-gear"></i></a>
        {block:ifdarkmode} 
        <button id="theme-toggle" aria-label="toggle dark or light mode" type="button">
        <span class="light-on"><a href="javascript:;" title="toggle dark mode"><i class="ph-moon"></i></a></span>
        <span class="light-off"><a href="javascript:;" title="toggle light mode"><i class="ph-sun"></i></a></span>
        </button>
        {/block:ifdarkmode} 
        <a class="slider" href="javascript:;" title="side panel"><i class="ph-list"></i></a>
    </div>
</header>
portraiturl-96 How to get it? portraiturl-96

<div id="responsive-background"> 
    <div class="responsive-content">
        <div class="sidebar-content">
            <section class="sidebar-header"> 
                <span class="sidebar-name">About</span>
            </section>
        <div class="description">{Description}</div> 
            <div class="nav-bar"> 
            <nav class="social-links"> 
portraiturl-96 How to dowload it? portraiturl-96
                <a href="{text:social media URL 2}" title="{text:social media name 2}"><i class="ph-twitter-logo"></i></a>
                <a href="{text:social media URL 1}" title="{text:social media name 1}"><i class="ph-instagram-logo"></i></a>
                <a href="{text:social media URL 3}" title="{text:social media name 3}"><i class="ph-youtube-logo"></i></a>
                <a href="{text:social media URL 4}" title="{text:social media name 4}"><i class="ph-tiktok-logo"></i></a>
            </nav> 
            </div>
        </div>
        
        <div class="sidebar-content">
            <section class="sidebar-header"> 
portraiturl-96 How to get it? portraiturl-96
                <span class="sidebar-name">Navigation</span>
            </section>
    
            <nav class="morelinks"> 
            {block:ifLink1}<a href="{text:Custom Link1 URL}"><i class="ph-link"></i>{text:Custom Link1 Name}</a>{/block:ifLink1}
            {block:ifLink2}<a href="{text:Custom Link2 URL}"><i class="ph-link"></i>{text:Custom Link2 Name}</a>{/block:ifLink2}
            {block:ifLink3}<a href="{text:Custom Link3 URL}"><i class="ph-link"></i>{text:Custom Link3 Name}</a>{/block:ifLink3}
            {block:ifLink4}<a href="{text:Custom Link4 URL}"><i class="ph-link"></i>{text:Custom Link4 Name}</a>{/block:ifLink4}
            {block:ifLink5}<a href="{text:Custom Link5 URL}"><i class="ph-link"></i>{text:Custom Link5 Name}</a>{/block:ifLink5}
            {block:ifLink6}<a href="{text:Custom Link6 URL}"><i class="ph-link"></i>{text:Custom Link6 Name}</a>{/block:ifLink6}
portraiturl-96 How to get it for free? portraiturl-96
            </nav> 
        </div>
        
        <div class="sidebar-content">
            <section class="sidebar-header"> 
                <span class="sidebar-name">Members</span>
            </section>
    
            <div class="member-section"> 
                <div class="member-image">
portraiturl-96 How to dowload it? portraiturl-96
                    <img src="https://static.tumblr.com/uh2chis/AnOrgbkzq/member-1.png">
                </div>
                <div class="member-content">
                    <span class="member-title"><a href="/">Member Name</a></span>
                    <span class="member-subtitle">Member description</span>
                </div>
            </div> 
    
        <div class="member-section"> 
            <div class="member-image">
portraiturl-96 How to dowload it? portraiturl-96
                <img src="https://static.tumblr.com/uh2chis/mMvrgbkzw/member-2.png">
            </div>
            <div class="member-content">
                <span class="member-title"><a href="/">Member Name</a></span>
                <span class="member-subtitle">Member description</span>
            </div>
        </div> 
    
        <div class="member-section"> 
            <div class="member-image">
portraiturl-96 How to get it for free? portraiturl-96
                <img src="https://static.tumblr.com/uh2chis/kX0rgbl01/member-3.png">
            </div>
            <div class="member-content">
                <span class="member-title"><a href="/">Member Name</a></span>
                <span class="member-subtitle">Member description</span>
            </div>
        </div> 
    </div>
    
    <div class="sidebar-content">
portraiturl-96 How to use it? portraiturl-96
        <section class="sidebar-header"> 
            <span class="sidebar-name">Site Info</span>
        </section>
        <div class="blog-stats">
            <p><b>Established</b> {text:established}</p>
            <p><b>About</b> {text:about}</p>
            <p><b>Theme</b> Sheathemes</p>
            <p><b>Blog status</b> {text:blog status}</p>
            <p><b>Disclaimer</b> {text:disclaimer}</p>
        </div>
portraiturl-96 How to get it? portraiturl-96

</div>
</div>
</div>

<header id="small-header"> 
    <span class="header-title">{text:header title}</span>
    <span class="header-subtitle">{text:header subtitle}</span>
    <img src="{image:responsive header}" alt="header">
</header>
portraiturl-96 How to use it? portraiturl-96

<header id="header"> 
<div id="header-title-cont">
    <span class="header-title">{text:header title}</span>
    <span class="header-subtitle">{text:header subtitle}</span>
</div>
    <img src="{image:header}" alt="header">
</header>

<section class="wrap"> 
portraiturl-96 How to get it? portraiturl-96

<aside class="sidebar"> 
    <div class="sidebar-content">
        {block:ifsidebarimage}
        <div class="sidebar-image"> 
            <img src="{image:sidebar}" alt="sidebar-image">
        </div> 
        {/block:ifsidebarimage}
portraiturl-96 How to use it? portraiturl-96
    <section class="sidebar-header"> 
        <span class="sidebar-name">About</span>
    </section>
    <div class="description">{Description}</div> 
    <div class="nav-bar"> 
        <nav class="social-links"> 
            <a href="{text:social media URL 2}" title="{text:social media name 2}"><i class="ph-twitter-logo"></i></a>
            <a href="{text:social media URL 1}" title="{text:social media name 1}"><i class="ph-instagram-logo"></i></a>
            <a href="{text:social media URL 3}" title="{text:social media name 3}"><i class="ph-youtube-logo"></i></a>
            <a href="{text:social media URL 4}" title="{text:social media name 4}"><i class="ph-tiktok-logo"></i></a>
portraiturl-96 How to get it for free? portraiturl-96
            </nav> 
    </div>
    </div>
</aside>

<aside class="sidebar" style="margin-top:50px"> 
    <div class="sidebar-content">
 <section class="sidebar-header"> 
        <span class="sidebar-name">Navigation</span>
    </section>
portraiturl-96 PasteShr portraiturl-96
    
    <nav class="morelinks"> 
    {block:ifLink1}<a href="{text:Custom Link1 URL}"><i class="ph-link"></i>{text:Custom Link1 Name}</a>{/block:ifLink1}
    {block:ifLink2}<a href="{text:Custom Link2 URL}"><i class="ph-link"></i>{text:Custom Link2 Name}</a>{/block:ifLink2}
    {block:ifLink3}<a href="{text:Custom Link3 URL}"><i class="ph-link"></i>{text:Custom Link3 Name}</a>{/block:ifLink3}
    {block:ifLink4}<a href="{text:Custom Link4 URL}"><i class="ph-link"></i>{text:Custom Link4 Name}</a>{/block:ifLink4}
    {block:ifLink5}<a href="{text:Custom Link5 URL}"><i class="ph-link"></i>{text:Custom Link5 Name}</a>{/block:ifLink5}
    {block:ifLink6}<a href="{text:Custom Link6 URL}"><i class="ph-link"></i>{text:Custom Link6 Name}</a>{/block:ifLink6}
    </nav> 
    </div>
portraiturl-96 How to dowload it? portraiturl-96
</aside>

<aside class="sidebar" style="margin-top:50px"> 
    <div class="sidebar-content">
 <section class="sidebar-header"> 
        <span class="sidebar-name">Events</span>
    </section>
        
        <section class="events"> 
            <div class="event-date">
portraiturl-96 How to get it? portraiturl-96
                <span class="event-month">{text:event month one}</span>
                <span class="event-day">{text:event day one}</span>
            </div>
            <div class="events-content">
                <span class="events-title">{text:event title one}</span>
                <span class="events-subtitle">{text:event description one}</span>
            </div>
        </section> 
        
        <section class="events"> 
portraiturl-96 How to get it for free? portraiturl-96
            <div class="event-date">
                <span class="event-month">{text:event month two}</span>
                <span class="event-day">{text:event day two}</span>
            </div>
            <div class="events-content">
                <span class="events-title">{text:event title two}</span>
                <span class="events-subtitle">{text:event description two}</span>
            </div>
        </section> 
        
portraiturl-96 How to dowload it? portraiturl-96
        <section class="events"> 
            <div class="event-date">
                <span class="event-month">{text:event month three}</span>
                <span class="event-day">{text:event day three}</span>
            </div>
            <div class="events-content">
                <span class="events-title">{text:event title three}</span>
                <span class="events-subtitle">{text:event description three}</span>
            </div>
        </section> 
portraiturl-96 PasteShr portraiturl-96
        
        <section class="events"> 
            <div class="event-date">
                <span class="event-month">{text:event month four}</span>
                <span class="event-day">{text:event day four}</span>
            </div>
            <div class="events-content">
                <span class="events-title">{text:event title four}</span>
                <span class="events-subtitle">{text:event description four}</span>
            </div>
portraiturl-96 How to get it? portraiturl-96
        </section> 
    </div>
</aside>

<aside class="sidebar" style="margin-top:50px"> 
    <div class="sidebar-content">
    
    
    
 <section class="sidebar-header"> 
portraiturl-96 How to use it? portraiturl-96
        <span class="sidebar-name">Projects</span>
    </section>
    
    
        
        <div class="project-cont">
            <img src="https://static.tumblr.com/uh2chis/h0srgbkcj/anya.forger.full-2.png">
portraiturl-96 How to use it? portraiturl-96
            <h2>Project title</h2>
            <p><b>Description:</b> Short description here</p>
            <p><b>Date:</b> 0.00.0000</p>
            <p><b>Status:</b> not started / in progress / complete / hiatus</p>
            <div class="project-links">
            <a href="/">link here</a> <a href="/">link here</a> <a href="/">link here</a>
            </div>
        </div>
        
        <div class="project-cont">
portraiturl-96 How to dowload it? portraiturl-96
            <img src="https://static.tumblr.com/uh2chis/h0srgbkcj/anya.forger.full-2.png">
            <h2>Project title</h2>
            <p><b>Description:</b> Short description here</p>
            <p><b>Date:</b> 0.00.0000</p>
            <p><b>Status:</b> not started / in progress / complete / hiatus</p>
            <div class="project-links">
            <a href="/">link here</a> <a href="/">link here</a> <a href="/">link here</a>
            </div>
        </div>
 
portraiturl-96 PasteShr portraiturl-96
        
    </div> 
</aside>

<aside class="sidebar" style="margin-top:50px"> 
    <div class="sidebar-content">
 <section class="sidebar-header"> 
        <span class="sidebar-name">Members</span>
    </section>
    
portraiturl-96 How to get it for free? portraiturl-96
    <div class="member-section"> 
        <div class="member-image">
            <img src="https://static.tumblr.com/uh2chis/AnOrgbkzq/member-1.png">
        </div>
        <div class="member-content">
            <span class="member-title"><a href="/">Member Name</a></span>
            <span class="member-subtitle">Member description</span>
        </div>
    </div> 
    
portraiturl-96 How to get it for free? portraiturl-96
      <div class="member-section"> 
        <div class="member-image">
            <img src="https://static.tumblr.com/uh2chis/mMvrgbkzw/member-2.png">
        </div>
        <div class="member-content">
            <span class="member-title"><a href="/">Member Name</a></span>
            <span class="member-subtitle">Member description</span>
        </div>
    </div> 
    
portraiturl-96 How to use it? portraiturl-96
      <div class="member-section"> 
        <div class="member-image">
            <img src="https://static.tumblr.com/uh2chis/kX0rgbl01/member-3.png">
        </div>
        <div class="member-content">
            <span class="member-title"><a href="/">Member Name</a></span>
            <span class="member-subtitle">Member description</span>
        </div>
    </div>

portraiturl-96 How to get it for free? portraiturl-96

</div>
</aside>

<aside class="sidebar" style="margin-top:50px"> 
    <div class="sidebar-content">
 <section class="sidebar-header"> 
        <span class="sidebar-name">Affiliates</span>
    </section>

portraiturl-96 PasteShr portraiturl-96
    <div class="affiliates">
        

        
    
                    
portraiturl-96 How to get it for free? portraiturl-96
<a href="/" title="blog title"><img src="https://static.tumblr.com/uh2chis/oZqrgbl39/affiliates.png"></a>
<a href="/" title="blog title"><img src="https://static.tumblr.com/uh2chis/oZqrgbl39/affiliates.png"></a>
<a href="/" title="blog title"><img src="https://static.tumblr.com/uh2chis/oZqrgbl39/affiliates.png"></a>
<a href="/" title="blog title"><img src="https://static.tumblr.com/uh2chis/oZqrgbl39/affiliates.png"></a>
<a href="/" title="blog title"><img src="https://static.tumblr.com/uh2chis/oZqrgbl39/affiliates.png"></a>
<a href="/" title="blog title"><img src="https://static.tumblr.com/uh2chis/oZqrgbl39/affiliates.png"></a>
<a href="/" title="blog title"><img src="https://static.tumblr.com/uh2chis/oZqrgbl39/affiliates.png"></a>
<a href="/" title="blog title"><img src="https://static.tumblr.com/uh2chis/oZqrgbl39/affiliates.png"></a>
            
    </div>
portraiturl-96 How to get it? portraiturl-96

</div>
</aside>

<aside class="sidebar" style="margin-top:50px"> 
    <div class="sidebar-content">
 <section class="sidebar-header"> 
        <span class="sidebar-name">Site Info</span>
    </section>
    <div class="blog-stats">
portraiturl-96 How to get it for free? portraiturl-96
        <p><b>Established</b> {text:established}</p>
        <p><b>About</b> {text:about}</p>
        <p><b>Online</b> {text:online counter}</p>
        <p><b>Hits</b> {text:hit counter}</p>
        <p><b>Theme</b> Sheathemes</p>
        <p><b>Blog status</b> {text:blog status}</p>
        <p><b>Disclaimer</b> {text:disclaimer}</p>
    </div>
    </div>
</aside> 
portraiturl-96 PasteShr portraiturl-96

</aside>

{block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}

<article class="posts" id="{PostID}" post-type="{PostType}"> 
 
{block:ContentSource}
portraiturl-96 How to get it? portraiturl-96

{/block:ContentSource}

portraiturl-96 How to get it for free? portraiturl-96

{block:IndexPage}

<div class="top-info">
{block:Date}

<span class="top-info-image">
        {block:RebloggedFrom}
portraiturl-96 How to get it for free? portraiturl-96
        <img src="{ReblogParentPortraitURL-96}">
        {/block:RebloggedFrom}
        {block:NotReblog}
        <img src="{PortraitURL-96}">
        {/block:NotReblog}
    </span>

<div class="time"> 
        <span class="reblog-cont">
{block:RebloggedFrom}reblogged from<a href="{ReblogParentURL}"> {ReblogParentName}</a>{/block:RebloggedFrom}
portraiturl-96 PasteShr portraiturl-96
{block:NotReblog}<a href="{Permalink}" title="{Title}"> {Name}</a>{/block:NotReblog}</span>

<span class="reblog-info">
            posted <a class="timestamp" href="{Permalink}">{Timestamp}</a> {block:NoteCount}with  <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
        </span>
    </div>

</section>
{/block:Date}
</div>
portraiturl-96 How to get it for free? portraiturl-96

{block:PinnedPostLabel} 
    <section id="pinned">
        <a href="{Permalink}" title="{PinnedPostLabel}"><i class="ph-push-pin"></i></a>
    </section>
{/block:PinnedPostLabel} 
{/block:IndexPage} 

 
{block:Text}
portraiturl-96 How to get it for free? portraiturl-96
<div class="text">
{block:IndexPage} 
<a class="read-more" href="{Permalink}">keep reading</a>
{/block:IndexPage} 
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="caption">{block:NotReblog} <figcaption> {Body} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
 
{block:Reblogs} 
<div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
<div class="source-head">
portraiturl-96 How to use it? portraiturl-96
<div class="reblog-header">
 
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated} {block:IsActive} <a target="_blank" href="{Permalink}" class="user"> {Username} </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> </div>{/block:Reblogs} </div> {/block:RebloggedFrom} </div>
{block:IndexPage}
<div class="post-cover"></div>
{/block:IndexPage}
portraiturl-96 How to get it? portraiturl-96
</div>
{/block:Text}
 
{block:Photo}
<div class="photo">
{LinkOpenTag}
<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">
<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>
</a>
{LinkCloseTag}
portraiturl-96 PasteShr portraiturl-96
</div>
{block:IfShowCaptions}
{block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
 
{block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
 
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
 
portraiturl-96 How to get it for free? portraiturl-96
{block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
{/block:IfShowCaptions}
 
{block:IfnotShowCaptions}
{block:PermalinkPage}
{block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
 
{block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
portraiturl-96 How to dowload it? portraiturl-96
 
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
 
{block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
{/block:PermalinkPage}
{/block:IfnotShowCaptions}
portraiturl-96 How to use it? portraiturl-96
{/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:IfShowCaptions}
{block:Caption}
<div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
<div class="reblog-list">
 
{block:Reblogs}
portraiturl-96 How to get it for free? portraiturl-96
<div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
 
{block:IsActive}
<a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
 
{block:IsDeactivated}
<span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
portraiturl-96 PasteShr portraiturl-96
</div>
<div class="reblog-content"> {Body}</div></div> {/block:Reblogs} </div>
{/block:RebloggedFrom} </div>
{/block:Caption}
{/block:IfShowCaptions}
 
{block:IfnotShowCaptions}
{block:PermalinkPage}
{block:Caption}
<div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom}
portraiturl-96 How to get it? portraiturl-96
<div class="reblog-list">
 
{block:Reblogs}
<div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
 
{block:IsActive}
<a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
portraiturl-96 PasteShr portraiturl-96
 
{block:IsDeactivated}
<span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
</div>
<div class="reblog-content"> {Body}</div></div> {/block:Reblogs} </div>
{/block:RebloggedFrom} </div>
{/block:Caption}
{/block:PermalinkPage}
{/block:IfnotShowCaptions}
{/block:Photoset}
portraiturl-96 How to use it? portraiturl-96
 
{block:Quote}
<div class="qt">
<div class="quote-box"><i class="ph-quotes"></i></div>
<div class="quote">
{Quote}
</div>
</div>
{block:Source}<div class="qtsource"><br><center>{Source}</center></div>{/block:Source}
{/block:Quote}
portraiturl-96 How to get it? portraiturl-96
 
{block:Link}
{block:Thumbnail}
<div class="thumbnail"><img src="{Thumbnail-HighRes}" alt="{Name}"></div>
{/block:Thumbnail}

<div class="link"><a href="{URL}">{Name} <i class="ph-caret-double-right" style="vertical-align: middle;"></i></a> </div>
{block:Description}
<div class="caption">{block:NotReblog} <figcaption> {Description} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
 
portraiturl-96 How to use it? portraiturl-96
{block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
 
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated} {block:IsActive} <a target="_blank" href="{Permalink}" class="user"> {Username} </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div>
{/block:Description}
{/block:Link}
 
portraiturl-96 PasteShr portraiturl-96
{block:Audio}
<div class="audiop">
<div class="audiowrapper">
{block:AudioPlayer}
{AudioPlayer}
<div class="audio-content" style="{block:AlbumArt} background:url({AlbumArtURL}); {/block:AlbumArt} -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;">
   <div class="audio_player">
	<span class="custom_audio_buttons"></span>
</div> 
</div>
portraiturl-96 How to get it? portraiturl-96
<div class="music_menu">
{block:TrackName}<p><span class="info">{TrackName}</span></p>{/block:TrackName}
{block:Artist}<p><span class="info">{Artist}</span></p>{/block:Artist}

<div class="seek-cont">
	<span class="custom_audio_current_time"></span>
	<div class="custom_audio_seekbar"></div>
	<span class="custom_audio_time_left"></span>
	</div>
</div>
portraiturl-96 How to dowload it? portraiturl-96
{/block:AudioPlayer}
</div>
</div>

{block:IfShowCaptions}
{block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
 
{block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
 
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
portraiturl-96 How to use it? portraiturl-96
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
 
{block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
{/block:IfShowCaptions}
 
{block:IfnotShowCaptions}
{block:PermalinkPage}
portraiturl-96 PasteShr portraiturl-96
{block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
 
{block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
 
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
 
{block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
 
portraiturl-96 How to dowload it? portraiturl-96
{block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
{/block:PermalinkPage}
{/block:IfnotShowCaptions}
{/block:Audio}
 
{block:Video}
<div class="video">{Video-500}</div>
{block:IfShowCaptions}
{block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
 
portraiturl-96 How to get it? portraiturl-96
{block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
 
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
 
{block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
 
portraiturl-96 How to get it? portraiturl-96
</div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
{/block:IfShowCaptions}
 
{block:IfnotShowCaptions}
{block:PermalinkPage}
{block:Caption} <div class="caption"> {block:NotReblog} <figcaption> {Caption} </figcaption> {/block:NotReblog} {block:RebloggedFrom} <div class="reblog-list">
 
{block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
 
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
portraiturl-96 How to get it for free? portraiturl-96
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
 
{block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated}
 
</div> <div class="reblog-content"> {Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom} </div> {/block:Caption}
{/block:PermalinkPage}
{/block:IfnotShowCaptions}
portraiturl-96 How to use it? portraiturl-96
{/block:Video}
 
{block:Chat}
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="chatp">
<div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
{Line}</div>{/block:Lines}</div>
</div>
{/block:Chat}
 
portraiturl-96 PasteShr portraiturl-96
{block:Answer}
<div id="askcont">
<div class="asker-cont">
<div id="asker-image"><img src="{AskerPortraitURL-128}"></div>
<div id="asker">
<div class="asker-link">{Asker} asked</div>
<div class="question">{Question}</div>
</div>
</div>
</div>
portraiturl-96 How to get it? portraiturl-96
 
{block:Answerer}
<div id="replycont">
<div class="replier-cont">
<div id="replier-image"><img src="{AnswererPortraitURL-128}"></div>
<div id="replier">
<div class="replier-link">{Answerer} replied</div>
<div class="answer">{Answer}</div> 
</div>
</div>
portraiturl-96 PasteShr portraiturl-96
</div>
{/block:Answerer}
 
{block:NotReblog}  <div class="caption"><figcaption> {Answer} </figcaption> </div> {/block:NotReblog}
{block:RebloggedFrom} <div class="reblog-list">
{block:Reblogs} <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}"> <div class="reblog-header">
 
{block:IsActive} <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"> <img src="{PortraitURL-64}"> </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"> <img src="{PortraitURL-64}"> </span> {/block:IsDeactivated}
portraiturl-96 How to use it? portraiturl-96
 
{block:IsActive} <a target="_blank" href="{Permalink}" class="user">{Username} </a> {/block:IsActive}
 
{block:IsDeactivated} <span class="inactive deactivated">{Username} </span> {/block:IsDeactivated} </div>
 
<div class="reblog-content">{Body} </div> </div> {/block:Reblogs} </div> {/block:RebloggedFrom}
{/block:Answer}

{block:IndexPage}
 {block:HasTags} 
portraiturl-96 How to dowload it? portraiturl-96
<div class="post_tags">
{block:Tags}
<a href="{TagURL}"><i class="ph-hash-straight"></i>{Tag}</a>{/block:Tags}</div>
{/block:HasTags}

<div class="post-bottom">
    <div class="likereblog">
    <div class="controls">
    <a href="{ReblogURL}" target="_blank" title="reblog this post" class="reblog"><i class="ph-arrows-clockwise"></i></a>
    <a title="like this post" class="like">{LikeButton size="15"}
portraiturl-96 How to use it? portraiturl-96
    <i class="ph-heart-straight"></i></a>
    <div class="tag-button"><a href="javascript:;" title="click for tags"><i class="ph-hash"></i></a></div>
</div>
</div>
</div>
{/block:IndexPage}
 
</article>

portraiturl-96 How to get it for free? portraiturl-96
{block:PermalinkPage} 
{block:Date}
<div id="perma">
<span>
Posted {ShortMonth} {DayOfMonthWithZero}, {Year} @ {12Hour} {AmPm} {DayOfWeek}
{block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
</span>

{block:RebloggedFrom}
<div class="rb">
portraiturl-96 PasteShr portraiturl-96
<a class="via" href="{ReblogParentURL}" title="{ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>
<a class="root" href="{ReblogRootURL}" title="{ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>
</div>
{/block:RebloggedFrom}

</div>

{block:HasTags}
<div id="permatg">
{block:Tags}<a href="{TagURL}" title="Tagged as">#{Tag}</a> {/block:Tags}
portraiturl-96 How to dowload it? portraiturl-96
</div>
{/block:HasTags}

{block:PostNotes}
<div id="notecontainer">{PostNotes}</div>
{/block:PostNotes}

{block:PermalinkPagination} 
<div id="permpage">
    {block:NextPost}
portraiturl-96 How to dowload it? portraiturl-96
        <a href="{NextPost}" title="Previous Post"><i class="ph-arrow-left"></i></a>
    {/block:NextPost}
    
    {block:PreviousPost}
        <a href="{PreviousPost}" title="Next Post"><i class="ph-arrow-right"></i></a>
    {/block:PreviousPost}
</div>
{/block:PermalinkPagination}
{/block:Date}
{/block:PermalinkPage} 
portraiturl-96 How to get it? portraiturl-96

{/block:Posts}

{block:IndexPage}
<footer id="pagination"> 
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">Prev</a>
{/block:PreviousPage}
{block:JumpPagination length="3"}
portraiturl-96 How to get it for free? portraiturl-96
{block:CurrentPage}
<span class="current_page">{CurrentPage}</a></span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}">Next</a>
{/block:NextPage}
portraiturl-96 How to get it for free? portraiturl-96
{/block:Pagination}
</footer> 
{/block:IndexPage}

</section>

<footer id="footer">
    <p><i class="ri-copyright-line"></i> {CopyrightYears} <a href="/">{Name}</a> - All rights reserved - Theme by <a href="https://sheathemes.tumblr.com">Sheathemes</a> - Powered by <a href="https://tumblr.com">Tumblr</a></p>
</footer>

portraiturl-96 How to use it? portraiturl-96
</section>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></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>

portraiturl-96 How to use it? portraiturl-96

<script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>

<script type="text/javascript" src="https://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>

portraiturl-96 How to get it? portraiturl-96
<script src="https://unpkg.com/popper.js@1"></script> <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script> <link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/svg-arrow.css" />

<script src="https://cdn.jsdelivr.net/gh/annasthms/customaudio@latest/customaudio.min.js"></script>

toggle.onclick = function () {
    document.documentElement.classList.add("theme-transition");

portraiturl-96 How to use it? portraiturl-96
    let currentTheme = document.documentElement.getAttribute("data-theme");
    let targetTheme = "light";

if (currentTheme === "light") {
        targetTheme = "dark";
    }

window.setTimeout(function () {
        document.documentElement.classList.remove("theme-transition");
    }, 50);
portraiturl-96 How to dowload it? portraiturl-96

document.documentElement.setAttribute("data-theme", targetTheme);
    localStorage.setItem("theme", targetTheme);
    };
{/block:ifdarkmode}
</script>
 

 
</body>
portraiturl-96 How to dowload it? portraiturl-96
</html> 
portraiturl-96

Paste Settings

Paste Title : [Optional]

Paste Folder : [Optional]

Syntax Highlighting : [Optional]

Paste Expiration : [Optional]

Paste Status : [Optional]

Password : [Optional]

Description: [Optional]

Tags: [Optional]

Encrypt Paste (?)

You are currently not logged in, this means you can not edit or delete anything you paste. Sign Up or Login

Recent Pastes

ex.machina.2015.1080p.bluray.x264.yify sub
Plaintext | 0 | 1 minute ago
185.242.5.99
Plaintext | 0 | 1 minute ago
pelagea asmr age
Plaintext | 1 | 1 minute ago
thecandidforum com short short
Plaintext | 1 | 1 minute ago
r15 scripts
Plaintext | 1 | 1 minute ago
erisann destiny
Plaintext | 1 | 6 minutes ago
imgmount
Plaintext | 1 | 6 minutes ago

Paste Settings

Site Languages