ControlC ControlC · Pastebin
Login Register

Theme: Primal

Pasted: Feb 21, 2021, 2:22:34 pm · Views: 320
<!---------------------------------

___ ___ _ ___ ___ ___ ___ ___ ___
/ __|/ _ \| | / _ \ / __/ _ \| \| __/ __|
\__ \ (_) | |_| (_) | | (_| (_) | |) | _|\__ \r
|___/\___/|____\___/ \___\___/|___/|___|___/


**** Tʜᴇᴍᴇ: Primal ****

.Dᴇsɪɢɴᴇᴅ & Cᴏᴅᴇᴅ ʙʏ Sᴏʟᴏ Cᴏᴅᴇs > sᴏʟᴏᴄᴏᴅᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ | solocodes.net
.Hᴀᴠᴇ Aɴʏ Qᴜᴇsᴛɪᴏɴs? Sᴇɴᴅ Mᴇ ᴀɴ Asᴋ

.Dᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛ
.Dᴏ ɴᴏᴛ ʀᴇᴅɪsᴛɪʙᴜᴛᴇ
.Dᴏ ɴᴏᴛ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ
.Dᴏ ɴᴏᴛ ᴜsᴇ ᴀs ᴀ ʙᴀsᴇ ᴄᴏᴅᴇ
.Dᴏ ɴᴏᴛ sᴛᴇᴀʟ
.Nᴏ ʜᴇᴀᴠʏ ᴛᴡᴇᴀᴋɪɴɢ
.Eᴅɪᴛ ᴍɪɴᴏʀ ᴛʜɪɴɢs ᴛᴏ ʏᴏᴜʀ ʟɪᴋɪɴɢ

------------------------------------>


<!DOCTYPE html>
<head>

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}


<meta name="color:Background" content="#0a0a0a"/>
<meta name="color:Accent One" content ="#2596be"/>
<meta name="color:Accent Two" content ="#ea5e3f"/>
<meta name="color:Accent Three" content ="#7ad6ed"/>
<meta name="color:Tooltip Background" content="#000"/>
<meta name="color:Tooltip Text" content="#fff"/>
<meta name="color:Blog Title" content="#000"/>
<meta name="color:Sidebar" content="#fff"/>
<meta name="color:Desc Text" content="#000"/>
<meta name="color:Text" content="#fff"/>
<meta name="color:Links" content="#e53057"/>
<meta name="color:Hover" content="#ddd"/>
<meta name="color:Bold" content="#000"/>
<meta name="color:Italic" content="#ddd"/>
<meta name="color:Border" content="#111"/>
<meta name="color:Posts" content="#000"/>
<meta name="color:Tags" content="#fff"/>
<meta name="color:Tags Background" content="#000"/>
<meta name="color:Pagination" content="#000"/>
<meta name="color:Palette One" content="#FFF23E"/>
<meta name="color:Palette Two" content="#00DEFF"/>
<meta name="color:Palette Three" content="#92DD60"/>
<meta name="color:Palette Four" content="#000"/>

<meta name="text:Blog Title" content="pandora"/>
<meta name="if:Box Shadows" content="0"/>
<meta name="text:Desc Font Size" content="11"/>
<meta name="text:Tags Font Size" content="11"/>
<meta name="text:Posts Margin" content="280"/>


<meta name="select:Body Font" content="Work Sans"/>
<meta name="select:Body Font" content="Poppins"/>
<meta name="select:Body Font" content="Lato"/>
<meta name="select:Body Font" content="Open Sans"/>
<meta name="select:Body Font" content="Karla"/>
<meta name="select:Body Font" content="Raleway"/>
<meta name="select:Body Font" content="Montserrat"/>

<meta name="select:Title Font Weight" content="400"/>
<meta name="select:Title Font Weight" content="500"/>
<meta name="select:Title Font Weight" content="600"/>
<meta name="select:Title Font Weight" content="700"/>
<meta name="select:Title Font Weight" content="800"/>

<meta name="select:Body Font Weight" content="400"/>
<meta name="select:Body Font Weight" content="500"/>
<meta name="select:Body Font Weight" content="600"/>
<meta name="select:Body Font Weight" content="700"/>
<meta name="select:Body Font Weight" content="800"/>

<meta name="select:Post Width" content="400px"/>
<meta name="select:Post Width" content="450px"/>
<meta name="select:Post Width" content="500px"/>
<meta name="select:Post Width" content="540px"/>

<meta name="text:Link 1" content="http://"/>
<meta name="text:Link 1 Title" content="Link One"/>
<meta name="text:Sub Title 1" content="Subtitle 1"/>

<meta name="text:Link 2" content="http://"/>
<meta name="text:Link 2 Title" content="Link Two"/>
<meta name="text:Sub Title 2" content="Subtitle 2"/>

<meta name="text:Link 3" content="http://"/>
<meta name="text:Link 3 Title" content="Link Three"/>
<meta name="text:Sub Title 3" content="Subtitle 3"/>

<meta name="text:Link 4" content="http://"/>
<meta name="text:Link 4 Title" content="Link Four"/>
<meta name="text:Sub Title 4" content="Subtitle 4"/>

<meta name="text:Link 5 Title" content="Link 5"/>
<meta name="text:Sub Title 5" content="Subtitle 5"/>

<meta name="text:Link 6 Title" content="Link 6"/>
<meta name="text:Sub Title 6" content="Subtitle 6"/>


<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="image:Icon" content=""/>

<meta name="text:Name" content="Kim Jongin"/>
<meta name="text:Birthday" content="January 14, 1994"/>
<meta name="text:Zodiac" content="Capricorn"/>
<meta name="text:Residence" content="Seoul, south korea"/>
<meta name="text:Pronouns" content="He/him"/>
<meta name="text:Hobbies" content="Singing, Rap, Dancing"/>
<meta name="text:Bias" content="Kai, Lay, Baekhyun"/>

<meta name="text:Twitter Url" content="/"/>
<meta name="text:Facebook Url" content="/"/>
<meta name="text:Instagram Url" content="/"/>
<meta name="text:Snapchat Url" content="/"/>
<meta name="text:Spotify Url" content="/"/>

<meta name="text:Palette One" content="#FFF23E"/>
<meta name="text:Palette Two" content="#00F2FF"/>
<meta name="text:Palette Three" content="#92DD60"/>
<meta name="text:Palette Four" content="#ccc"/>



<!--- HONEYBEE, DRIP, GOOGLE MATERIAL & LINEAR ICONS FONT ICONS --->
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><script defer src="https://use.fontawesome.com/releases/v5.10.1/js/all.js"></script><script defer src="https://use.fontawesome.com/releases/v5.10.1/js/v4-shims.js"></script><link rel="stylesheet" href="https://unpkg.com/@icon/dripicons/dripicons.css">

<!----- GOOGLE FONTS ----->
<link href="https://fonts.googleapis.com/css?family=Lato:400,700|Muli:400,600,700|Poppins:400,500,600,700|Open+Sans:400,600,700|Ubuntu:400,700|Days+One&family=Doppio+One&family=Exo:wght@500;600;700;800&family=Libre+Franklin:wght@400;500;600;700;800&family=Monda:wght@400;700&family=Montserrat:wght@500;600;700&family=Mukta:wght@400;500;600;700;800&family=Red+Hat+Display:ital,wght@0,700;1,400&family=Sora:wght@400;500;600;700;800&display=swap" rel="stylesheet">


<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&family=Raleway:wght@400;800&family=Work+Sans:wght@800&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap" rel="stylesheet">


<!----- COLOR AUDIO ----->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$(document).ready(function() {
// audio player
var $audio = $('iframe.tumblr_audio_player');
$audio.load(function() {
$(this).contents().find('head').append('<style type="text/css">' +
'.audio-player { background:{color:Accent One}; color:{color:Text} !important; }' + '.audio-player .audio-info .track-artist { {color:Text} !important; }' + '</style>');
});
});
</script>

<!--- SOUNDCLOUD PLAYER--->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
// minimal soundcloud player © shythemes.tumblr
$(document).ready(function(){
var color = '{color:Accent One}'; // color of play button (hex)
$('.soundcloud_audio_player').each(function(){
$(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
});
});
</script>


<style>

* {box-sizing: border-box}

::-webkit-scrollbar-thumb {
height:122px;
border:1.7px solid transparent;
z-index:9;
background:{color:Accent One};}

::-webkit-scrollbar {
width:6px;
height:7px;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:2px solid transparent;
border-bottom:2px solid transparent;}


/* TOOLTIPS */
.tippy-tooltip.custom-theme {
background-color:{color:Tooltip Background};
color:{color:Tooltip Text};
text-align:center;
font-family:{select:Body Font}, sans-serif;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
font-size:0.90em;
box-shadow: 7px 7px 7px -9px rgba(000,000,000, 0.45);}

.tippy-tooltip.custom-theme .tippy-svg-arrow {
fill:{color:Tooltip Background};}



iframe.tmblr-iframe {
{block:IndexPage}
display:none;
{/block:IndexPage}
z-index:999;
right:20px;
top:60px;
position:fixed;
width:0;
padding-right:0px;
filter:contrast(150%) invert(100%);
-webkit-filter:contrast(150%) invert(100%);
transform:scale(0.6);
-webkit-transform:scale(0.6);
transform-origin:100% 0;
-webkit-transform-origin:100% 0;}

#tumblr_controls:hover, .tmblr-iframe:hover {opacity:.5!important;}
_controls:hover, .tmblr-iframe:hover {opacity:.5!important;}

/* LIGHTBOX */
.vignette, #vignette {
opacity:0; }

.lightbox-image, #tumblr_lightbox img {
box-shadow:none !important;
border-radius:0 !important;
max-width:none;
border:5px solid #fff !important;
-moz-box-sizing:border-box;
box-sizing:border-box;
z-index:9999999999999999999999999 !important;}

.tmblr-lightbox, #tumblr_lightbox {
background-color:rgba(245,245,245,.84) !important;
z-index:9999999999999999999999999 !important;}

.lightbox-caption, #tumblr_lightbox_caption {
visibility:hidden; }


/* Set height of body and the document to 100% */
body, html {
height: 100%;
margin: 0;
font-size:12px;
font-family:{select:Body Font};
overflow-x:hidden;
background-image:url('{image:Background}');
background-repeat:repeat;
background-attachment:fixed;
color:{color:Text};
background-color:{color:Background};}

/* FIXED IMAGES + VIDEOS + DO NOT TOUCH */vg
img, embed, object, video {
margin:auto;
max-width: 100%;
border:0;
outline: none;}

select, textarea, input, a {
outline:none; }

small{
font-size:90%;}

big{
font-size:110%;}



/* CHAT LINES */
.lines {
line-height:14px;
padding:3px;
font-family:{select:Body Font};
color:{color:Text};}


/* ENTRY TITLES */
h1 {
padding-top:0px;
padding-left:5px;
width:{select:Post Width} - 10px;
letter-spacing:1.5px;
font-size:2em;
text-transform:uppercase;
font-weight:800;
text-align:left;
background:{color:Posts};
color:{color:Text};
line-height:22px;}


/* ENTRY BODY TEXTS */
h2 {
width:100%;
line-height:16px;
letter-spacing:1px;
font-size:1em;
font-weight:400;
font-family:{select:Body Font}, sans-serif;
color:{color:Text};}

/* ENTRY LINKS / BODY LINKS / ENTRY AND BODY IMAGE LINKS */

a:link, a:active, a:visited {
z-index:2!Important;
color:{color:Links};
font:0.95em {select:Body Font}, sans-serif;
letter-spacing:1px;
text-decoration:none;
text-transform:normal;}

a:hover {
clear:both;
z-index:99999999!Important;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;}

a img, :link img, :visited img {
border: 0;}

/* BOLD TEXT / DESIGN & COLOR */
b, strong {
color:{color:Bold};
font-style:bold;}

/* ITALIC TEXT / DESIGN & COLOR */
i, em, italic {
color:{color:Italic};
font-style:italic;}


/* BLOCKQUOTE , PARAGRAPHS / BLOCKQUOTE IMAGES */
p { padding:5px; background:{color:Posts};}
.caption li {font:0.90em, {select:Body Font}, sans-serif; line-height:22px;}

p,blockquote{line-height:150%;}
p,blockquote,ul,ol{margin:10px;}
blockquote p{margin:10px 0;}
blockquote p:first-child{margin:0 0 10px;}
blockquote p:last-child{margin:10px 0 0;}
blockquote p:only-child{margin:0;}

blockquote {
width:{select:Post Width} - 10px;
font:1em {select:Body Font}, sans-serif;
line-height:14px;
border-left:1px solid {color:Border};
background:{color:Posts};}

blockquote p{
margin:auto;
padding:auto;}

blockquote img, blockquote a img {
width:500px;
height:auto;}

blockquote a {color:{color:Text};}

img a {border:none; max-width:500px;}


/* QUOTE AND SOURCE TEXT POSTS */
.quotee {
font:1.4em {select:Body Font}, sans-serif;
line-height:20px;}

.sourcee {
font:1em {select:Body Font}, sans-serif;
line-height:14px; }

/* LINK BLOG POST */
.linktitle h3 {
width:auto;
margin-top:0px;
padding:none;
height:80px;
line-height:80px;
text-align:center;
color:{color:Posts};
background-image: linear-gradient(to right, {color:Accent One}, {color:Accent Two}, {color:Accent Three} );}

/* ENTIRE POSTS/SIDEBAR CONTAINER */
section {
display:block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
clear: both;
margin: 0 auto;
width:calc(450px + {select:Post Width});}

/* TOPBAR CONTAINER */
.top {
position:fixed;
z-index:999999999999999999;
width:100%;
height:50px;
background:{color:Posts};
border-bottom:1px solid {color:Border};}

/* TOPBAR:: TUMBLR ICON */
.refresh {
position:fixed;
margin-top:11px;
margin-left:20px;}

.refresh i {color:{color:Text}}
.refresh a {font-size:1.5em; color:{color:Text};}


/* TOPBAR:: DESCRIPTION / BIO */
.desc {
position:absolute;
z-index:999999999999;
margin:0 auto;
top:6px;
left:0;
right:0;
text-align:center;
letter-spacing:1px;
font-size:{text:Desc Font Size}px;
font-family:{select:Body Font}, sans-serif;
text-transform:normal;
padding:10px;
font-weight:{select:Body Font Weight};
line-height:18px;
color:{color:Desc Text};}

/* TOPBAR:: TUMBLR CONTROLS CUSTOMS */
.controls {
position:fixed;
z-indeX:99999999999999;
float:right;
right:30px;
color:{color:Text};
top:14px;}

.controls i {
z-indeX:99999999999999;
color:{color:Text};}

.controls a {
z-indeX:99999999999999;
font-size:1.4em;
color:{color:Text};}

.material-icons {
position:relative;
top:2px;
color:{color:Text};
font-size:1em;}

/* SIDEBAR TOP NAV BAR */
.navbar{
position:fixed;
z-index:999999999999999;
margin-left:0px;
margin-top:-10px;
width:280px;
height:40px;
font-weight:700;
padding-left:10px;
text-transform:uppercase;
font:bold 1.1em {select:Body Font}, sans-serif;
border-top-left-radius:5px;
border-top-right-radius:5px;
color:{color:Text};
background:{color:Posts};
line-height:40px;}


/* SIDEBAR CONTAINER */
.sidebar {
position:fixed;
clear:both;
margin-left:0px;
top:140px;
width:280px;
height:440px;
background:{color:Sidebar};
border-radius:5px;
{block:IfBoxShadows}
box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
{/block:IfBoxShadows}}

/* SIDEBAR ICON IMAGE */
.sidebar img {
position:fixed;
margin-left:0px;
margin-top:0px;
width:280px;
height:240px;}

/* GRADIENT BAR:: SIDEBAR */
.gbarone {
position:fixed;
z-index:999999;
margin-top:250px;
margin-left:15px;
width:40px;
height:180px;
background-image: linear-gradient(to bottom, {color:Accent One}, {color:Accent Two}, {color:Accent Three} );
}


/* SIDEBAR TITLE */
.blogtitle {
position:fixed;
z-index:999999;
margin-top:250px;
margin-left:80px;
width:auto;
font:bold 2em 'Day One', sans-serif;
text-align:left;
font-weight:800;
letter-spacing:1.2px;
text-transform:uppercase;
color:{color:Blog Title};}

.blogtitle a {color:{color:Blog Title};}

/* CUSTOM NAVIGATION LINKS CONTAINER */
.links
{position:fixed;
width:260px;
z-index:99999;
text-align:left;
color:{color:Text};
margin-left:52px;
margin-top:280px;}

/* CUSTOM NAVIGATION LINKS SUBTITLE */
.links span {
font-style:italic;
letter-spacing:1.3px;
color:{color:Text};
font:0.85em {select:Body Font}, sans-serif;}

/* CUSTOM NAVIGATION LINKS STYLING */
.links a {
z-index:999999;
display:block;
padding-top:36px;
padding-left:20px;
width:100px;
font:0.90em {select:Title Font}, sans-serif;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
color:{color:Text};}

/* CUSTOM NAVIGATION LINKS LINK STYLE CONTAINER */
.links li {
margin-left:10px;
float:left;
display:block;}

/* CUSTOM NAVIGATION LINKS HOVER */
.links a:hover {
color:{color:Hover};}

/* CUSTOM NAVIGATION LINKS ICONS CONTANIER */
.links ic {
position:absolute;
margin-top:20px;
margin-left:20px;
float:left;
font:bold 1em {select:Title Font}, sans-serif;
font-weight:800;
color:{color:Accent One};}


/* SLIDEOUT NAVIGATION MENU CONTAINER */
.sidenav {
height:100%;
width:0px;
position:fixed;
z-index:99999999999999999;
top:0;
left:0;
background:{color:Background};
overflow-x:hidden;
overflow-y:hidden;
padding-top: 60px;
transition: 0.5s;}


/* SLIDEOUT NAVIATION MENU CLOSE BUTTON */
.sidenav .closebtn {
position:absolute;
top:-80px;
right:10px;
float:right;
text-align:right;
font-size:5em;
font-weight:800;
color:{color:Blog Title};}

/* SLIDE OUT NAVIGATION BLOG TITLE */
.navtitle {
position:absolute;
z-index:999999999;
margin-top:-70px;
margin-left:0px;
font:bold 3em 'Day One', sans-serif;
font-weight:800;
text-align:left;
text-transform:uppercase;
text-align:left;
color:{color:Blog Title};}

.gbartwo {
position:absolute;
z-index:999999;
width:850px;
height:50px;
top:0px;
left:calc(50% - 425px);
border-radius:5px;
background-image: linear-gradient(to right, {color:Accent One}, {color:Accent Two}, {color:Accent Three} );}

/* SLIDE NAVIGATION BOX CONTAINER */
.box {
position:absolute;
z-index:999;
width:850px;
height:500px;
left:calc(50% - 425px);
top:calc(50% - 250px);
border-radius:5px;}

/* ALL BOX TITLES */
.titles {
position:absolute;
margin-top:10px;
margin-left:10px;
font-weight:700;
letter-spacing:1.1px;
font:bold 1em 'Poppins', sans-serif;
text-transform:uppercase;
padding-bottom:5px;
border-bottom:1px solid {color:Border};
background:linear-gradient(to right, {color:Accent One}, {color:Accent Two}, {color:Accent Three} );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}


/* SLIDEOUT NAV:: SOCIAL MEDIA ICONS */
.socials {
position:absolute;
z-index:999999999999999999;
margin-top:380px;
margin-left:0px;
width:320px;
height:100px;
border-radius:5px;
text-align:center;
background:{color:Posts};}

/*SLIDEOUT NAV:: SOCIAL MEDIA ICONS STYLING */
.socials a {
display:inline;
z-index:999999;
font-size:1.7em;
text-align:center;
padding:15px;
color:{color:Text};
line-height:70px;}

/*SLIDEOUT NAV:: PROFILE BOX */
.profilebox {
position:absolute;
margin-top:60px;
margin-left:0px;
width:320px;
height:auto;
padding:15px;
border-radius:5px;
text-align:left;
font:1em {select:Body Font}, sans-serif;
font-weight:{select:Body Font Weight};
color:{color:Text};
background:{color:Posts};
line-height:30px;}

/*SLIDEOUT NAV:: PROFILE BOX TITLES */
tt {
text-transform:uppercase;
font:1em {select:Body Font}, sans-serif;
color:{color:Accent One};
font-weight:800;}


/* SLIDEOUT NAV:: CUSTOM NAVIGATION LINKS CONTAINER */
.navv
{position:absolute;
width:400px;
z-index:99999;
text-align:left;
margin-left:450px;
margin-top:70px;
border-radius:5px;
padding:20px;
color:{color:Navigation Text};
background:{color:Posts};}

/* SLIDEOUT NAV:: CUSTOM NAVIGATION LINKS SUBTITLE */
.navv span {
font-style:italic;
letter-spacing:0.5px;
color:{color:Text};
font:0.80em 'Day One', sans-serif;}

/* SLIDEOUT NAV:: CUSTOM NAVIGATION LINKS STYLING */
.navv a {
z-index:999999;
display:block;
padding-top:36px;
padding-left:20px;
width:110px;
font:1em 'Day One', sans-serif;
font-weight:600;
letter-spacing:0.5px;
text-transform:uppercase;
text-align:left;
color:{color:Navigation Text};}

/* SLIDEOUT NAV:: CUSTOM NAVIGATION LINKS LINK STYLE CONTAINER */
.navv li {
margin-left:10px;
float:left;
display:block;}

/* SLIDEOUT NAV:: CUSTOM NAVIGATION LINKS HOVER */
.navv a:hover {
color:{color:Hover};}

/* SLIDEOUT NAV:: CUSTOM NAVIGATION LINKS ICONS CONTANIER */
.navv ic {
position:absolute;
margin-top:10px;
margin-left:-5px;
float:left;
font:bold 1em {select:Body Font}, sans-serif;
font-weight:700;
color:{color:Accent One};}

/* SLIDEOUT NAV:: COLOR PALETTE CONTAINER */
.palettebox {
position:absolute;
z-index:99999;
margin-left:450px;
margin-top:330px;
width:400px;
height:150px;
border-radius:5px;
background:{color:Posts};}

/* SLIDEOUT NAV:: PALETTE COLORS TITLES */
pt {
width:50px;
text-align:center;
text-transform:uppercase;
font:bold 0.90em {select:Body Font}, sans-serif;
color:{color:Text};
line-height:150px;}

/* SLIDEOUT NAV:: PALETTE COLORS ONE */
.paletteone {
position:absolute;
margin-left:10px;
margin-top:10px;
width:55px;
height:55px;
border-radius:100px;
background:{color:Palette One}}

/* SLIDEOUT NAV:: PALETTE COLORS TWO */
.palettetwo {
position:absolute;
margin-left:110px;
margin-top:10px;
width:55px;
height:55px;
border-radius:100px;
background:{color:Palette Two}}

/* SLIDEOUT NAV:: PALETTE COLORS THREE */
.palettethree {
position:absolute;
margin-left:210px;
margin-top:10px;
width:55px;
height:55px;
border-radius:100px;
background:{color:Palette Three};}

/* SLIDEOUT NAV:: PALETTE COLORS FOUR */
.palettefour {
position:absolute;
margin-left:300px;
margin-top:10px;
width:55px;
height:55px;
border-radius:100px;
background:{color:Palette Four};}


/* SLIDEOUT NAV:: BOTTOM BAR */
.bottom {
position:absolute;
margin-top:500px;
margin-left:0px;
width:850px;
height:50px;
border-radius:5px;
background:{color:Posts};}

.bottom img {
position:absolute;
right:10px;
float:right;
margin-top:10px;
width:30px;
height:30px; background:#fff;
border-radius:5px;}


/* SLIDEOUT NAV :: TUMBLR ICON */
.ticon {
position:fixed;
margin-top:10px;
margin-left:10px;
width:30px;
height:30px;
border-radius:5px;
font-size:1.3em;
text-align:center;
color:{color:Posts};
background:linear-gradient(to bottom, {color:Accent One}, {color:Accent Two}, {color:Accent Three} );
line-height:33px;}

/* SEARCH BAR*/
.search .query {
position:absolute;
z-index:9999;
top:10px;
left:0;
right:0;
margin:0 auto;
border:0;
outline:0;
width:400px;
border-radius:5px;
overflow:hidden;
padding:7px;
padding-left:15px;
font:bold 0.85em {select:Body Font}, sans-serif;
font-weight:600;
font-style:bold;
letter-spacing:1px;
text-align:center;
text-transform:uppercase;
color:{color:Text};
background:{color:Background};}

::-webkit-input-placeholder {color: inherit;}
:-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;}


/* POSTS AND ENTRIES */
.posts {
position:relative;
z-index:999;
top:130px;
left:450px;
float:right;}

/* ENTRIES */
.entry {
clear:both;
margin-bottom:{text:Posts Margin}px;
width:{select:Post Width};
float:right;
padding:10px;
border-radius:8px;
border:1px solid {color:Border};
{block:IfBoxShadows}
box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
{/block:IfBoxShadows}
background:{color:Posts};}

.entry a {z-index:999999;}

.entry:hover {
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
box-shadow:none;}}

/* ENTRY IMAGE */
.entry img {
margin:0px;
height:auto;
width:{select:Post Width} - 5px;}

/* CAPTIONS CONTAINER */
.caption iframe{
display:block;
color:{color:Text};
max-width:100%;
overflow:hidden;}

.caption {
color:{color:Text};
font:1em {select:Body Font}, sans-serif;
font-weight:{select:Body Font Weight};
margin:10px 0;}

.tumblr_parent {
border:0;
margin:4px 0;
padding:20px;}

.tumblr_parent blockquote {color:{color:Text}; margin:5px 0;}

{block:PermalinkPage}
.tumblr_parent {padding:25px;}
{/block:PermalinkPage}

.caption.nospace .tumblr_parent
{border:0;
padding-top:0;}

/* CAPTIONS LINK STYLING */
.caption a {
color:{color:Text};}

/* CAPTIONS TUMBLR USERNAME STYLING */
.caption .tumblr_blog {
color:{color:Text}
font-size:0.90em;
font-family:{select:Body Font}, sans-serif;
font-weight:800;
text-transform:uppercase;
letter-spacing:1px;}

/* CAPTIONS TUMBLR USERNAME CONTAINER */
.tumblr_blog {
display:inline-block;
vertical-align:middle;
text-align:left;}

/* CAPTIONS AVATAR */
.caption .tumblr_avatar {
width:30px;
height:30px;
margin-right:7px;
display:inline-block;
vertical-align:middle;
border:4px solid {color:Accent Three};
border-radius:100px;}

/* PAGINATION */
.pagination {
width:{select:Post Width};
z-index:100;
display:block;
text-align:center;
font:1.1em 'Poppins', sans-serif;
font-weight:{select:Body Font Weight};
text-transform:uppercase;
color:{color:Accent One};}

.pagination a {
margin:0 4px;
display:inline-block;
text-align:center;
letter-spacing:1px;
font-weight:700;
font:1.1em 'Poppins', sans-serif;
width:30px;
height:30px;
border-radius:5px;
background:{color:Posts};
color:{color:Accent One};
line-height:30px;}

.pagination a:hover {
color:{color:Hover};}

.current_page {
margin:0 4px;
width:30px;
height:30px;
display:inline-block;
text-align:center;
letter-spacing:1px;
font-weight:700;
font:1.1em 'Poppins', sans-serif;
letter-spacing:1px;
color:{color:Accent One};
background:{color:Posts};
border-radius:5px;
line-height:30px;}


/* POSTS AND ENTRIES PINNED ENTRY LABEL*/
.pinned-post {
position:absolute;
margin-top:-60px;
margin-left:-10px;
background:{color:Posts};
border-radius: 5px;
color:{color:Accent One};
width:{select:Post Width};
padding:10px;
text-transform: uppercase;
font:bold 1em 'Poppins', sans-serif;
font-weight:700;
{block:IfBoxShadows}
box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
{/block:IfBoxShadows}}


.pin {
float:right;
font-size:1.1em;}

.pin i {
color:{color:Text};}


/* OVERALL SIDE POST ICONS CONTAINER */
.topinfo {
position:absolute;
z-index:999999;
margin-left:-80px;
margin-top:-20px;
display:block;}

/* NOTECOUNT INFO */
.count {
position:relative;
float:left;
width:auto;
height:40px;
padding:10px;
outline:none;
text-align:center;
color:{color:Text};}

/* NOTECOUNT STYLING */
.count i {
z-index:9999999;
display:block;
font-size:1.3em;
width:40px;
height:40px;
font-weight:bold;
line-height:40px;
border-radius:5px;
text-align:center;
color:{color:Accent Three};
background-color:{color:Sidebar};
border:1px solid {color:Border};
box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45); }


/* POST INFO TIME */
.time {
position:relative;
text-align:center;
width:40px;
height:40px;
padding:10px;
color:{color:Text};}

.time i {
z-index:9999999;
display:block;
font-size:1.3em;
width:40px;
height:40px;
font-weight:bold;
line-height:40px;
border-radius:5px;
color:{color:Accent Two};
background-color:{color:Sidebar};
border:1px solid {color:Border};
box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);}


/* REBLOG CONTAINER */
.rebg {
position:relative;
text-align:center;
z-index:9;
padding:10px;
width:40px;
height:40px;}

/* REBLOG LINK*/
.rebg i {
z-index:9999999;
display:block;
font-size:1.3em;
width:40px;
height:40px;
font-weight:bold;
text-align:center;
line-height:40px;
border-radius:5px;
color:{color:Accent One};
background:{color:Posts};
border:1px solid {color:Border};
box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);}


/* SOURCE POST LINK */
.source {
position:absolute;
width:{select:Post Width};
margin-left:-10px;
margin-top:-30px;
padding-bottom:10px;
padding-top:10px;
text-align:center;
background:{color:Posts};
border-top:1px solid {color:Border}}

.source a {
font:bold 1em {select:Body Font}, sans-serif;
font-weight:700;
text-align:center;
letter-spacing:1px;
color:{color:Text};
text-transform:uppercase;}


/* BOTTOM POST + TAGS CONTAINER*/
.bottominfo {
position:absolute;
width:calc({select:Post Width} - 2px);
z-index:9;
margin:-10px;
margin-top:5px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
letter-spacing:1.5px;
border-top:1px solid {color:Border};
text-transform:uppercase;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
{block:IfBoxShadows}
box-shadow: 7px 10px 10px -9px rgba(000,000,000, 0.45);
{/block:IfBoxShadows}
background:{color:Tags Background};}

/* BOTTOM POST + ENTRY INFO STYING */
.bottominfo a {
z-index:9;
display:inline;
padding:7px;
font-family:{select:Body Font}, sans-serif;
font-size:0.85em;
font-weight:{select:Body Font Weight};
letter-spacing:1px;
text-transform:uppercase;
border:none;
color:{color:Post Info};}

.bottominfo a:hover {
color:{color:Hover};}


/* TAGS */
.tags {
position:relative;
width:{select:Post Width};
height:auto;
z-index:9;
text-align:left;
line-height:20px;}

/* TAGS STYLING */
.tags a {
width:{select:Post Width};
display:inline;
padding:4px;
text-decoration:none;
font-family:{select:Body Font}, sans-serif;
font-size:{text:Tags Font Size}px;
font-style:normal;
text-align:left;
z-index:9;
letter-spacing:1px;
font-weight:800;
line-height:20px;
color:{color:Tags};}

/* TAGS HOVER */
.tags a:hover {
box-shadow:none;
transition: .4s ease-in-out;
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
letter-spacing:1.5px;
color:{color:Hover}; }



/* ASK POSTS */
.asker {
font:0.90em 'Day One', sans-serif;
letter-spacing:1px;
font-weight:600;
font-style:bold;
color:{color:Text};}

/* ASKER URL */
.asker a {
border-radius:3px;
font:1em {select:Body Font}, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
font-weight:800;
border-radius:5px;
padding:5px;
background:{color:Tags Background};
color:{color:Accent};}

user {
position:absolute;
margin-top:0px;
width:auto;
padding-bottom:2px;}

/* QUESTION */
.question {
width:{select:Post Width} - 10px;
font:1em {select:Body Font}, sans-serif;
font-weight:600;
text-transform:normal;
letter-spacing:1px;
background:{color:Posts};
color:{color:Text};
line-height:20px;}

/* ANSWER */
.answer {
padding:10px;
font:1em {select:Body Font}, sans-serif;
font-weight:400;
text-transform:normal;
letter-spacing:1px;
background:{color:Posts};
color:{color:Text};
line-height:18px;}

/* ANSWER BLOCKQUOTE */
.answer blockquote {
padding:10px;
font:1em {select:Body Font}, sans-serif;
font-weight:400;
text-transform:normal;
letter-spacing:1px;
background:{color:Posts};
color:{color:Text};
line-height:18px;}

/* POST NOTES */
.notes {
position:absolute;
z-index:999999999999;
width:{select:Post Width};
display:inline;
height:100%;
padding:5px;
list-style-type: none;
margin-top:40px;
margin-left:-10px;
font:0.90em {select:Body Font}, sans-serif;
font-style:normal;
letter-spacing:1px;
font-weight:{select:Body Font Weight};
text-transform:uppercase;
line-height:25px;
color:{color:Text};}

.notes a {
border:none;
color:{color:Text}; }

.notes blockquote {background:{color:background};}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
border: 0;
border-radius:3px;
height: 16px;
color:{color:Text};}

a.avatar_frame {
border: 0;}


/* AUDIO POSTS */
.tumblr_audio_player {
border:none;
clear:both;
width:calc({select:Post Width} - 20px);}

.soundcloud_audio_player
{width: 100%;}


/* VIDEO POSTS */
.video {overflow:hidden; border:0;}
.instagram-media {border-radius:0px!important;box-shadow:none!important;}


{CustomCSS}
</style>

<!--- UNEST CAPTIONS --->
<script src="https://static.tumblr.com/emvnqzg/cK3o6sxeb/jquery.truncate.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
<script> $(function(){ $('.entry').unnest({
yourCaption: '.caption',
originalPostCaptionUsername: true,
newCaptionUsername: true,
tumblrAvatars: true,
tumblrAvatarClass: ".tumblr_avatar",
usernameColon: false
}); }); </script>

<!--- PXU PHOTOSET --->
<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.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/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>

<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '4px',
borderRadius: '0px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
});
</script>

<!--- VIDEO RESIZE --->
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>

<!--- FULL SCREEN NAVIGATION --->
<script>
/* Open the sidenav */
function openNav() {
document.getElementById("mySidenav").style.width = "100%";
}

/* Close/hide the sidenav */
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>


</style>
</head>
<body>

<div class="top">

<div class="refresh"><a href="/" title="refresh"><i class="fab fa-tumblr"></i></a></div>

<div class="desc">{Description}</div>

<div class="controls">
<a href="http://tumblr.com/follow/{Name}" class="tablink" title="Follow Me"><i class="dripicons dripicons-power"></i></a>
<a href="http://tumblr.com/message/{Name}" class="tablink" title="Message"><i class="dripicons dripicons-bell"></i></a>
<a href="http://tumblr.com/dashboard" class="tablink" title="Dashboard"><i class="dripicons dripicons-exit"></i></a>

</div>
</div>

<section>

<div class="sidebar">

<div class="gbarone"></div>
<div class="blogtitle">{text:Blog Title}</div>

<div class="links" style="list-style-type:none;">
<li> <ic> .01 </ic> <a href="/" title="Return Home"> Home <br><span> Index </span></a> </li>

<li> <ic> .02 </ic> <a href="/ask" title="Ask"> Ask <br><span> Message </span></a> </li>

<br>

<li> <ic> .03 </ic> <a href="/archive" title="archive"> Past <br><span> Archive </span></a> </li>

<li> <ic> .04 </ic> <a href="https://solocodes.tumblr.com" title="Theme Credit"> Theme <br><span>Credit </span></a> </li>
</div>

<div class="navbar"> Navigate <div style="line-height:40px;float:right;font-size:1.6em;padding-right:5px;"><span onclick="openNav()"><i class="material-icons">sort</i></span></div></div>

<div class="sidebarimage"><img src="{image:Sidebar}"></div>
</div>



<div id="mySidenav" class="sidenav">

<div class="box">

<div class="gbartwo">
<div class="navtitle">{text:Blog Title}</div>
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
</div>



<div class="profilebox">
<div class="titles">Profile</div>
<br><br>
<tt>Name:</tt> {text:Name} <br>
<tt>Bday:</tt> {text:Birthday} <br>
<tt>Zodiac:</tt> {text:Zodiac} <br>
<tt>Residence:</tt> {text:Residence} <br>
<tt>Pronouns:</tt> {text:Pronouns} <br>
<tt>Hobbies:</tt> {text:Hobbies} <br>
<tt>Bias:</tt> {text:Bias} <br>

</div>


<div class="socialbox">
<div class="socials">
<div class="titles">Socials</div>
<br><br>
<a href="{text:Twitter Url}" title="twitter"><i class="fab fa-twitter"></i> </a>
<a href="{text:Facebook Url}" title="facebook"><i class="fab fa-facebook"></i></a>
<a href="{text:Instagram Url}" title="instagram"><i class="fab fa-instagram"> </i></a>
<a href="{text:Snapchat Url}" title="snapchat"><i class="fab fa-snapchat"></i></a>
<a href="{text:Spotify Url}" title="spotify"><i class="fab fa-spotify"></i></a>
</div>


<div class="navv" style="list-style-type:none;">
<div class="titles">Navigation</div>
<br><br><br>
{block:ifLink1Title}<li> <ic> .01 </ic> <a href="{text:Link 1}" title="{text:Link 1 Title}"> {text:Link 1 Title} <br><span> {text:Sub Title 1} </span></a> </li>{/block:ifLink1Title}

{block:ifLink2Title}<li> <ic> .02 </ic> <a href="{text:Link 2}" title="{text:Link 2 Title}"> {text:Link 2 Title} <br><span> {text:Sub Title 2} </span></a> </li>{/block:ifLink2Title}

{block:ifLink3Title}<li> <ic> .03 </ic> <a href="{text:Link 3}" title="{text:Link 3 Title}"> {text:Link 3 Title} <br><span> {text:Sub Title 3} </span></a> </li>{/block:ifLink3Title}

{block:ifLink4Title}<li> <ic> .04 </ic> <a href="{text:Link 4}" title="{text:Link 4 Title}"> {text:Link 4 Title} <br><span> {text:Sub Title 4} </span></a> </li>{/block:ifLink4Title}

{block:ifLink5Title}<li> <ic> .05 </ic> <a href="{text:Link 5}" title="{text:Link 5 Title}"> {text:Link 5 Title} <br><span> {text:Sub Title 5} </span></a> </li>{/block:ifLink5Title}

{block:ifLink6Title}<li> <ic> .06 </ic> <a href="{text:Link 6}" title="{text:Link 6 Title}"> {text:Link 6 Title} <br><span> {text:Sub Title 6} </span></a> </li>{/block:ifLink6Title}
</div>

<div class="palettebox">
<div class="titles">PALETTE</div>
<br><br>
<div class="paletteone"><pt>{text:Palette One}</pt></div>
<div class="palettetwo"><pt>{text:Palette Two}</pt></div>
<div class="palettethree"><pt>{text:Palette Three}</pt></div>
<div class="palettefour"><pt>{text:Palette Four}</pt></div>
</div>


<div class="bottom">
<div class="bottomimage"><img src="{image:Icon}"></div>
<div class="ticon"><i class="fab fa-tumblr"></i></div>
<form action="/search" method="get" class="search">
<input type="text" name="q" value="{SearchQuery}" class="query" placeholder="Search ">
</form>
</div>
</div>


</div>



</div>
</div>

<div class="posts">
{block:Posts}
<div class="entry">


{block:PinnedPostLabel}
<div class="pinned-post">
{PinnedPostLabel}
<div class="pin"><i class="dripicons dripicons-pin"></i> </div>
</div>
{/block:PinnedPostLabel}

<div class="topinfo">
<div class="rebg"> <a href="{ReblogURL}" target="_blank" title="reblog this post"><i class="dripicons dripicons-clockwise"></i></a></div> <br>

<div class="time"> <a href="{Permalink}" title="{12HourWithZero}:{Minutes} {AmPm}"><i class="dripicons dripicons-pulse"></i></a></div> <br>

<div class="count"><a href="{Permalink}" title="{NoteCountWithLabel}"> <i class="dripicons dripicons-graph-bar"></i> </a></div>
</div>



{block:Text}
{block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
<h2>{Body}<h2>
{block:IndexPage}
{/block:IndexPage}
{/block:Text}


{block:Photo}
<img src="{PhotoURL-HighRes}" width="100%"></center>
{/block:Photo}

{block:Photoset}
<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
{/block:Photoset}

{block:Chat}
<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}
<div class="lines">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div><br>
{/block:Lines}</div>
{/block:Chat}

{block:Quote}
<div class="quotee">
"{Quote}"
</div>
<div class="sourcee">
<br>
— {Source}
</div>
{/block:Quote}

{block:Link}
<div class="linktitle">
<a href="{URL}"><h3>{Name}</h3></a>
</div>
{block:Description}
<p>{Description}</p>
{/block:Description}
{/block:Link}

{block:Answer}
<div class="asker">
<div class="question">
<br>
{Asker}
<br><br>
{Question}</div>
</div>
<div class="answer">
<blockquote>{Answer}</blockquote>
</div>
{/block:Answer}

{block:Video}
<div class="video">{Video-500}</div>
{/block:Video}

{block:Audio}
<div class="tumblr_audio_player">
{block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
</div>
{/block:Audio}

{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

{block:Date}

<br><br>

{block:ContentSource}
<div class="source">
<a href="{SourceURL}" title="{SourceTitle}">Source</a>
</div>
{/block:ContentSource}

<div class="bottominfo">
<div class="tags">
&nbsp;{block:Tags}<a href="{TagURL}">#{Tag} </a>&nbsp;&nbsp;{/block:Tags}
</div>
</div>
{/block:Date}


{block:PermalinkPage}{block:PostNotes}<div class="notes">{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}</div>

<!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->

<!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->

{/block:Posts}


{block:Pagination}
<div class="pagination">{block:PreviousPage}
<a href="{PreviousPage}"><</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}">></a>
{/block:NextPage}
<br><br>
</div>
{/block:Pagination}
<br><br><br><br><br>
</div>
</div>
</div>
</section>
</body>


<!--- TOOLTIPS --->

<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>
tippy('a[title]', {
theme: 'custom',
arrow: tippy.roundArrow,
zIndex: 9999999999,
maxWidth: 300,

content(reference) {
const title = reference.getAttribute('title');
reference.removeAttribute('title');
return title;
},
});
</script>


</html>
Create new version