Theme Mickey Boi

<html>



<link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></
script><script type="text/javascript"
src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></
script><script>(function($){$(document).ready(function(){$
("[title]").style_my_tooltips();});})(jQuery);</script>
<head>


{block:Ifcustomfavicon}<link rel="shortcut icon"
href="{image:favicon}"/>{/block:Ifcustomfavicon}
{block:IfNotcustomfavicon}<link rel="shortcut icon"
href="{favicon}"/>{/block:IfNotcustomfavicon}
<link rel="alternate" type="application/rss+xml" href="{RSS}"/>

<title>{Title}</title>
{block:Description}<meta name="description"
content="{MetaDescription}"/>{/block:Description}


<meta name="image:Background" content=""/>
<meta name="image:Sidebar Character"
content="https://static.tumblr.com/372b5a94b66faa6da7277467e5677b0c/u5vz4xb/
DMeo7urr8/tumblr_static_dkdlqfuwm4g00sgc8gckckwoo.png"/>
<meta name="image:Big Glass Inner Image"
content="https://static.tumblr.com/u5vz4xb/jhHo7vn70/glass_gif_bg_sora.png"/>
<meta name="image:Custom Cursor"
content="https://static.tumblr.com/u5vz4xb/oISo7uuwu/0a.png"/>
<meta name="image:Custom Cursor Links"
content="https://static.tumblr.com/u5vz4xb/WUqo7uuwy/0b.png"/>
<meta name="image:Favicon"
content="https://31.media.tumblr.com/aebbcc0b10e1fb3feb2f6f5d0274b572/
tumblr_inline_njhtaw8Iji1rg1lxe.png"/>
<meta name="image:Default Audio Pic"
content="https://static.tumblr.com/u5vz4xb/jhHo7vn70/glass_gif_bg_sora.png"/>
<meta name="image:Custom Anonymous Pic"
content="https://static.tumblr.com/u5vz4xb/d77o7vju4/anon.png"/>



<meta name="color:Background" content="#f0f0f0"/>
<meta name="color:Scroll BG" content="#f0f0f0"/>
<meta name="color:Scroll Thumb Top Gradient" content="#e3bbbf"/>
<meta name="color:Scroll Thumb Bottom Gradient" content="#f0dfc2"/>

<meta name="color:Big Glass Glow" content="#aac8df"/>
<meta name="color:Big Glass Outer Border" content="#29272e"/>
<meta name="color:Big Glass Outer BG" content="#abc6da"/>
<meta name="color:Big Glass Inner Border" content="#6e7c9a"/>
<meta name="color:Big Glass Inner BG" content="#99b8d0"/>
<meta name="color:Small Glass Outer Border" content="#444053"/>
<meta name="color:Small Glass Outer BG" content="#a0bfdb"/>
<meta name="color:Small Glass Inner Border" content="#b4d4ed"/>
<meta name="color:Small Glass Inner BG" content="#99b8d0"/>
<meta name="color:Glass Links Border" content="#705570"/>
<meta name="color:Glass Links BG" content="#d78287"/>
<meta name="color:Glass Links Symbol" content="#e5a1aa"/>
<meta name="color:Glass Links Hover Border" content="#d0797e"/>
<meta name="color:Glass Links Hover BG" content="#ecc8b0"/>
<meta name="color:Glass Links Hover Symbol" content="#f0f0f0"/>
<meta name="color:Description Text" content="#9ea4aa"/>
<meta name="color:Description Bold" content="#7596ad"/>
<meta name="color:Description Links" content="#ecc8b0"/>
<meta name="color:Description Links Hover" content="#e5a5ab"/>

<meta name="color:Posts BG" content="#e6e7e7"/>
<meta name="color:Posts 2nd BG" content="#dbdee0"/>
<meta name="color:Posts Title" content="#6c4d65"/>
<meta name="color:Posts Text" content="#93a0ad"/>
<meta name="color:Posts Bold" content="#7596ad"/>
<meta name="color:Posts Italic" content="#93a0ad"/>
<meta name="color:Posts Code" content="#a5a5a5"/>
<meta name="color:Posts Code BG" content="#d7d7d7"/>
<meta name="color:Posts Links" content="#f0baa7"/>
<meta name="color:Posts Links Hover" content="#db787b"/>
<meta name="color:Posts Blockquote" content="#7da6d1"/>
<meta name="color:Audio Player" content="#973629"/>

<meta name="color:Postending Circles Border" content="#d0797e"/>
<meta name="color:Postending Circles BG" content="#ecc8b0"/>
<meta name="color:Postending Circles Symbol Color" content="#6c4d65"/>
<meta name="color:Postending Circles Hover Border" content="#6e5c78"/>
<meta name="color:Postending Circles Hover BG" content="#d0797e"/>
<meta name="color:Postending Circles Hover Symbol Color" content="#f0baa7"/>
<meta name="color:Postending Circles Liked Post" content="#d0797e"/>
<meta name="color:Postending Text BG" content="#f0baa7"/>
<meta name="color:Postending Text Color" content="#9a637a"/>
<meta name="color:Postending Text Links" content="#ffdcc5"/>
<meta name="color:Postending Text Links Hover" content="#f0f0f0"/>
<meta name="color:Post Liked Color" content="#d35454"/>

<meta name="color:Permalink Text" content="#e5a5ab"/>
<meta name="color:Permalink Links" content="#9ea4aa"/>
<meta name="color:Permalink Links Hover" content="#ecc8b0"/>
<meta name="color:Permalink Blockquote" content="#e6e7e7"/>
<meta name="color:Permalink Scroll Thumb" content="#e2e3e4"/>

<meta name="color:Link Hover BG" content="#29272e"/>
<meta name="color:Link Hover Text" content="#f0f0f0"/>
<meta name="color:Selection BG" content="#f5c9b6"/>
<meta name="color:Selection Text" content="#f0f0f0"/>
<meta name="color:Selection Links" content="#ffffff"/>



<meta name="if:Hover for Sidebar" content="1"/>
<meta name="if:Hover for Description Only" content="0"/>
<meta name="if:Link 7 Status not Link" content="1"/>
<meta name="if:Pixel Sidelinks" content="1"/>
<meta name="if:Pixel Sidelinks Fade" content="1"/>
<meta name="if:Pixel Sidelinks Monochrome" content="1"/>

<meta name="if:Monochrome Photos" content="0"/>
<meta name="if:Fade Photos" content="1"/>
<meta name="if:2nd Chat Post Format" content="1"/>
<meta name="if:Postending Circles for Indexpage" content="1"/>
<meta name="if:Dark Audio Player" content="0"/>

<meta name="if:Custom Cursor" content="1"/>
<meta name="if:Custom Favicon" content="1"/>
<meta name="if:Credit on the Right" content="1"/>



<meta name="text:Ask Verb" content="dreamt" />
<meta name="text:Status Entry" content="I need more affection than you know" />
<meta name="text:Status Date" content="05.16.16" />

<meta name="text:Link 1 URL" content="/" />
<meta name="text:Link 2 URL" content="/archive" />
<meta name="text:Link 3 URL" content="/ask" />
<meta name="text:Link 4 URL" content="/link4" />
<meta name="text:Link 1 Title" content="Entrance" />
<meta name="text:Link 2 Title" content="Memories" />
<meta name="text:Link 3 Title" content="Wonders" />
<meta name="text:Link 4 Title" content="Link 4" />
<meta name="text:Link 7 Updates Title" content="Updates" />
<meta name="text:Link 1 Symbol" content="fa-home" />
<meta name="text:Link 2 Symbol" content="fa-clock-o" />
<meta name="text:Link 3 Symbol" content="fa-envelope" />
<meta name="text:Link 4 Symbol" content="fa-tags" />
<meta name="text:Link 5 Symbol" content="fa-star" />
<meta name="text:Link 6 Symbol" content="fa-pencil" />
<meta name="text:Link 7 Updates Symbol" content="fa-heart" />
<meta name="text:Link 1 Pixel"
content="https://secure.static.tumblr.com/u5vz4xb/q2Oo0mfzm/003.png" />
content="https://secure.static.tumblr.com/u5vz4xb/vvyo0mfzk/002.png" />
content="https://secure.static.tumblr.com/u5vz4xb/eGMo0mfzc/001.png" />
content="https://secure.static.tumblr.com/u5vz4xb/UyTo0mfzq/004.png" />
content="https://static.tumblr.com/u5vz4xb/tFMo0mg12/017.png" />
content="https://secure.static.tumblr.com/u5vz4xb/iNLo0mgna/021.png" />
<meta name="text:Link 7 Updates Pixel"
content="https://static.tumblr.com/u5vz4xb/zeso0mg0c/009.png" />


<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">

<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Cinzel|
Cinzel+Decorative' rel='stylesheet' type='text/css'>
</head>


<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Montserrat:400,700:latin', 'Cinzel::latin',
'Cinzel+Decorative::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>


<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script language="javascript">
$(document).ready(function() {
$('a#link7').click(function() {
$('.t',this).toggle();
});
$("#status").css({"height": "0px"})
$("#link7").toggle(
function () {
$("#status").animate({"height": "100px"}, "fast");
},
function () {
$("#status").animate({"height": "0px"}, "fast");
});
});
</script>
<style type="text/css">
/* custom font 3/3 */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Cinzel|
Cinzel+Decorative);
/* ------------------------------ DECORATION ---------------------------- */
/* body */
body {
color:{color:Posts Text};
background:{color:background} url('{image:background}') fixed;
font: normal normal normal 11px/17px 'Montserrat', sans-serif;
text-align:justify;}
/* ------------------------- CREDIT; DON'T REMOVE ------------------------ */
#credit {
z-index:99999; position:fixed;
bottom:16px;
{block:IfNotCreditOnTheRight}left:10px;{/block:IfNotCreditOnTheRight}
{block:IfCreditOnTheRight}right:10px;{/block:IfCreditOnTheRight}
width:16px; height:16px;
font-size:16px; color:{color:Big Glass Outer Border};
text-shadow:0px 0px 0px {color:Big Glass Outer Border}, 0px 0px 5px {color:Big
Glass Glow}, 0px 0px 5px {color:Big Glass Glow};
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;}
#credit:hover {font-size:18px; padding:0px 1px 1px 0px;}
/* ------------------------------ MINOR STUFF ---------------------------- */
/* hover text */
#s-m-t-tooltip {
z-index: 99999; display: block;
margin:5px 0px 0px 30px; max-width:150px;
padding: 4px 5px 3px 6px;
color: {color:Link Hover Text};
font-size:7px; line-height:10px;
letter-spacing:1.5px; text-align:center;
text-transform:uppercase;
background: {color:Link Hover BG};}
/* scrollbar */
::-webkit-scrollbar {
height:14px; width:14px;
background: {color:Scroll BG};}
::-webkit-scrollbar-thumb {
background:{color:Scroll Thumb Top Gradient};
background: -webkit-linear-gradient({color:Scroll Thumb Top Gradient},
{color:Scroll Thumb Bottom Gradient});
background: -o-linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll
Thumb Bottom Gradient});
background: -moz-linear-gradient({color:Scroll Thumb Top Gradient},
{color:Scroll Thumb Bottom Gradient});
background: linear-gradient({color:Scroll Thumb Top Gradient}, {color:Scroll
Thumb Bottom Gradient});
border:4px solid {color:Scroll BG};
border-radius:5px;}
/* drag n' click selection */

::selection {
background: {color:Selection BG};
color: {color:Selection Text};}
::-moz-selection {
color: {color:Selection Text};}
a::selection {
color: {color:Selection Links};}
a::-moz-selection {
color: {color:Selection Links};}
/* ----------------------------- FONT STUFF ------------------------------ */
/* main font decorations */

.posts p:last-child {
margin-bottom:0px;}
.posts p:first-child {
margin-top:0px;}
b, strong {color:{color:Posts Bold};}
i, em {color:{color:Posts Italic};}
s, strike {opacity:0.75;}
/* links */
a:link, a:active, a:visited{
text-decoration:none;
color:{color:Posts Links};
a:hover {
color:{color:Posts Links Hover};}
a i, i a, a em, em a, a b, b a, a strong, strong a {
color:{color:Posts Links} !important;
a i:hover, i a:hover, a em:hover, em a:hover, a b:hover, b a:hover, a strong:hover,
strong a:hover {
color:{color:Posts Links Hover} !important;}
#hidden-link {color:{color:Posts Text} !important;}

#hidden-link:hover {color:{color:Posts Links} !important;}
pre {
padding: 6px 9px;
color:{color:Posts Code};
font-size:10px; max-width:100%;
font-family:consolas;
text-align:left;
background:{color:Posts Code BG};
border-left: 7px solid {color:posts blockquote};
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;}
code {
color:{color:Posts Code};
font-size:10px;
font-family:consolas;
background:{color:Posts Code BG};
padding:1px 2px;}
sup, sub, small {font-size:9px;}
/* text and link post titles */

h1 {font: normal normal 400 20px/20px Cinzel Decorative;
color:{color:Posts Title};
text-shadow:0px 0px 0px {color:Posts Title}, 0px 0px 5px {color:posts
blockquote};
text-align:center; text-transform:capitalize;
letter-spacing:2px;}
/* quote and ask post titles */
h2 {font: normal normal 400 18px/18px Cinzel;
color:{color:Posts Bold};
text-shadow:0px 0px 0px {color:Posts Bold};
text-align:center; text-transform:lowercase;
letter-spacing:0.5px;}
h1 small, h2 small, small h2, small h1 {

font-family:Cinzel !important;
font-size:13px !important; line-height:13px !important;
letter-spacing:0.5px !important;}
h2 sup, h2 sub {
font-family:Cinzel !important;
font-size:11px !important; line-height:11px !important;
letter-spacing:0.5px !important;}
h2 b, h2 strong {text-shadow:0px 0px 0px {color:Posts Bold}, 1px 0px 0px
{color:Posts Bold};}
/* -------------------------------- SIDEBAR ------------------------------ */
/* sidebar container */
#side {
position:fixed; z-index:1;
left:50%; margin-left:-460px;
top:50%; margin-top:-110px;
font:normal normal normal 9px/13px 'Montserrat', san-serif;}
/* sidebar character image */

#glass-image {
{block:IfHoverforSidebar}
margin-left:-442px;
{/block:IfHoverforSidebar}
{block:IfNotHoverforSidebar}
margin-left:-462px;
{/block:IfNotHoverforSidebar}
max-height:165px; max-width:165px;
top:50%; margin-top:-92px; left:50%;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
#side:hover #glass-image {margin-left:-462px;}
/* big glass circle */

#glass-container {
opacity:0; margin-left:-481px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
margin-left:-451px;
left:50%; top:50%;
margin-top:-101px;
background:{color:Big Glass Outer BG}
url('https://static.tumblr.com/u5vz4xb/j6Vo0k3ee/glass3.png') center/cover;
box-shadow: 0px 0px 0px 1px {color:Big Glass Outer BG} inset, 0px 0px 0px 2px
{color:Big Glass Inner Border} inset, 0px 0px 20px 0px {color:Big Glass Glow};
border:2px solid {color:Big Glass Outer Border};
border-radius:50%;
#glass-bg {
position:relative; z-index:0;
left:12px; top:12px;
background:{color:Big Glass Inner BG} url('{image:Big Glass Inner Image}')
center/cover;
border:1px solid {color:Big Glass Inner Border};
box-shadow:0px 0px 0px 1px {color:Big Glass Inner BG} inset, 0px 0px 0px 2px
{color:Big Glass Inner Border} inset;
border-radius:50%;}
#side:hover #glass-container {
opacity:1; margin-left:-451px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);}
/* little glass circle */

#link-bg {
position:relative; z-index:0;
left:58px; top:-114px;
border-radius:50%;
background:{color:Small Glass Inner BG};
box-shadow: 0px 0px 0px 1px {color:Small Glass Inner Border} inset, 0px 0px 0px
2px {color:Small Glass Outer Border} inset, 0px 0px 0px 4px {color:Small Glass
Inner Border} inset, 0px 0px 0px 23px {color:Small Glass Outer BG} inset, 0px 0px
0px 24px {color:Small Glass Inner Border} inset;
border:2px solid {color:Small Glass Outer Border};}
#link-container {
opacity:0;
margin-left:-442px; margin-top:-96px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
left:50%; top:50%;
border-radius:50%;
background:transparent;
border:2px solid transparent;
#side:hover #link-container {
opacity:1;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);}
/* links inside little glass circle */

#link-container a {
text-align:center;
display:block; position:relative;
border-radius:50%;
border:1px solid {color:Glass Links Border};
background:{color:Glass Links BG}; color:{color:Glass Links Symbol};}
#link-container a:hover {
font-size:20px;
border:1px solid {color:Glass Links Hover Border};
background:{color:Glass Links Hover BG}; color:{color:Glass Links Hover
Symbol};
#link-container l {
position:relative; top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
#link-container a img {
position:relative; top:2px;
{block:IfPixelSidelinksFade}
opacity:0.8;
filter: contrast(130%);
{/block:IfPixelSidelinksFade}
{block:IfPixelSidelinksMonochrome}
-webkit-filter: grayscale(100%) contrast(130%);
-moz-filter: grayscale(100%) contrast(130%);
-ms-filter: grayscale(100%) contrast(130%);
-o-filter: grayscale(100%) contrast(130%);
filter: grayscale(100%) contrast(130%);
{/block:IfPixelSidelinksMonochrome}
#link-container a:hover img {
opacity:1; top:-1px;
-webkit-filter: grayscale(0%) contrast(100%);
-moz-filter: grayscale(0%) contrast(100%);
-ms-filter: grayscale(0%) contrast(100%);
-o-filter: grayscale(0%) contrast(100%);
filter: grayscale(0%) contrast(100%);}
/* individual link positioning */

#link1 {top:26px; left:26px;}
#link2 {top:-28px; left:26px;}
#link7 {top:-102px; left:26px;
/* description container */
#description-container {
width:0px;
width:140px;
position:fixed;
left:50%; margin-left:-305px;
top:50%; margin-top:-96px;
overflow:hidden;
-webkit-transition-delay: .7s;
-moz-transition-delay: .7s;
transition-delay: .7s;}
#side:hover #description-container {
width:140px;
-webkit-transition-delay: .0s;
-moz-transition-delay: .0s;
transition-delay: .0s;}
/* description */
.space {float:left; clear:left; height:13px;}
#description {
opacity:0;
{block:IfHoverforDescriptionOnly}
opacity:0;
{/block:IfHoverforDescriptionOnly}
{block:IfNotHoverforDescriptionOnly}
margin-left:6px;
{/block:IfNotHoverforDescriptionOnly}
width:130px;
color:{color:Description Text};
#side:hover #description {opacity:1; margin-left:6px;}
#description b, #description strong {color:{color:Description Bold};}
#description a {color:{color:Description Links};}
#description a:hover {color:{color:Description Links Hover};}
/* link 7's appearing text */

#status {
text-align:right; opacity:0px;
overflow:hidden;
#side:hover #status {opacity:1;}
/* pagination */
#pagination {
z-index: 99;
position:fixed;
top:0px; left:50%;
margin-left:-57px;
background:{color:background} url('{image:background}') fixed;
width:550px; padding:10px 1px;
overflow:hidden;
letter-spacing:1px;
text-align:center;}
#pagination b, #pagination strong {color:{color:Description Bold};}
.active {
display:inline-block;
min-width:18px;
line-height:10px;
padding:7px 2px 7px 2px;
letter-spacing:1px;
border-radius:1px;}
#pagination a .active {
background:{color:background};
border:1px solid {color:background};
#pagination a .active:hover {
color:{color:posts links hover};
background:{color:Posts BG};
border:1px solid {color:Posts 2nd BG};}
/* ------------------------------- POSTS --------------------------------- */

/* posts position */
#entries {
margin-top:90px; margin-left:50%;}
/* posts themselves */
.posts {
margin:0 0 90px -50px;
overflow:hidden;
width: 500px; padding:20px;
background: {color:Posts BG} url('');
box-shadow:0px 0px 0px 1px {color:background}, 0px 0px 0px 2px {color:Posts
BG};}
/* ----------------------------- POST TYPES ------------------------------ */
/* text post */
blockquote {
padding:0px;
padding-left:6px;
margin:-3px 0 -1px 6px;
border-left:2px solid {color:posts blockquote};}
hr {display: block;
margin: 30px 80px;
border:1px solid {color:posts blockquote};}
#info {
display:block;
background-color: {color:Posts 2nd BG};
padding: 10px;
margin-bottom: 20px;
text-align: left;}
/* bullet lists */
ol {margin-left:-8px;
list-style-type:decimal;}
ul {margin-left:-20px;
list-style-type:none;}
ul li::before {
content:"";
margin:0px 10px 2px 0px;
border-radius:50%;
background:{color:posts blockquote};}
li {margin-bottom:3px;}
/* text-images */
.posts img {
vertical-align:middle;
max-width:100%;}
/* the credit below images that are from other people */
.tmblr-full {margin:0;}
.tmblr-attribution {
opacity:.8; margin-top:0px;
font-size:9px;
.tmblr-attribution::after {content: " >";}
/* link posts */
.link-posts a {
background: {color:Posts Links};
display: inline-block;
width: 480px;
border-radius:3px;
padding:10px;
text-shadow: 0px 0px 0px {color:posts background};
color:{color:Posts BG};}
.link-posts a:hover {
background: {color:Posts Links Hover}}
/* ask posts */
.ask-posts img {
margin-right:7px;
border-radius:1px;
max-width:64px;}
.ask-posts .question {
min-height:44px; width:402px;
padding: 10px;
background: {color:Posts 2nd BG};
border-radius:1px;}
.ask-posts h2 {text-align:left; margin:0px 0px 5px 5px;}
/* quote posts */
.quote-posts {
padding:10px 0px;
text-align:center}
.quote {
width:430px;
display:inline-block;}
.quote-posts .fa {
font-size:20px;
text-shadow:none;
color:{color:Posts Blockquote}}
/* chat posts */
.chat {margin:0px; padding:0px; line-height:14px;}
.chat li {text-align:left;}
.chat li::before {display:none;}
{block:IfNot2ndChatPostFormat}
.chat li {
padding:0px 0px 4px 4px;
border-bottom:2px solid {color:Posts Blockquote};}
.chat li:first-of-type {
padding-top:4px;
border-top:2px solid {color:Posts Blockquote};}
{/block:IfNot2ndChatPostFormat}
{block:If2ndChatPostFormat}
.chat li {
padding:5px 8px;
margin-bottom:4px;
background: {color:Posts 2nd BG};}
{/block:If2ndChatPostFormat}
/* photo posts */
.posts img, .posts .html_photoset, .posts #audio-pic {
{block:IfFadePhotos}opacity:0.75;{/block:IfFadePhotos}
{block:IfMonochromePhotos}
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);{/block:IfMonochromePhotos}
-webkit-transition-duration: 0.5s;
-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;}
.posts:hover img, .posts:hover .html_photoset, .posts:hover #audio-pic {
opacity:1;
filter: grayscale(0%);
-webkit-transition-duration: 0.5s;
-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;}
/* photoset focused image background */

.tmblr-lightbox {
background-color:transparent !important;}
.vignette {
z-index:99998! important;
opacity:.75 !important;
background-color:{color:background} !important;
background-image:none !important;}
.tmblr-lightbox .lightbox-image {
border-radius:0px !important;
background:{color:background} !important;
box-shadow:0px 0px 0px 30px {color:background} !important;}
.tmblr-lightbox .lightbox-caption {
font-family:consolas !important;
font-size:10px !important;
font-size: 15px !important;
font-weight: bold !important;
color: {color:posts title} !important;
text-shadow: 0 4px 30px {color:background} !important;}
/* video posts */
#youtube_iframe, .tumblr_video_container {
margin-bottom:5px; max-width:100%;}
.caption #youtube_iframe, .caption .tumblr_video_container {
margin:5px 0px; max-width:100%;}
/* audio posts */
#audio-pic {
margin-right:2px;
border-radius:3px;
background: url('{image:Default Audio Pic}');
background-size:cover;}
#info-container {
text-align:left;
width:355px;
text-transform:uppercase;
#info-container li {
display:block;
border-radius:3px;
padding:4px 7px;
margin:0px; margin-top:4px;
background:{color:Posts 2nd BG};}
.posts .audio_player {
max-width:355px; max-height:27px;
margin:0px; border-radius:3px;
background:{color:Audio Player};
filter: grayscale(100%);{/block:IfMonochromePhotos}
.posts:hover .audio_player {
filter: grayscale(0%);{/block:IfMonochromePhotos}}
.tumblr_audio_player {
width:355px; opacity:.66;}
/* ----------------------------- POSTS INFO ------------------------------ */
/* if circles */
#postinfo {
position:absolute;
margin-top:35px; margin-left:-20px;
text-align:center; width:540px;}
/* individual circles */
#postinfo a {
text-align:center;
margin:0px 10px; padding:1px;
background:{color:Postending Circles BG};
color:{color:Postending Circles Symbol Color};
border:1px solid {color:Postending Circles Border};
border-radius:50%;
#postinfo a:hover {
margin:0px 15px;
color:{color:Postending Circles Hover Symbol Color};
border:1px solid {color:Postending Circles Hover Border};
background:{color:Postending Circles Hover BG};}
#postinfo l {
position:relative; top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);}
/* circles like button */

#postinfo #like {
#postinfo .like_button {
position:relative;
top:4px; left:0px;}
#postinfo .like_button iframe {
position:absolute;
margin-left:-24px;
opacity:0; z-index:99;}
#postinfo .like_button::before {
content:"\f004";
margin-left:10px; padding:1px;
text-align:center;
font-family:'FontAwesome';
color:{color:Postending Circles Symbol Color};
background:{color:Postending Circles BG};
border:1px solid {color:Postending Circles Border};
border-radius:50%;
#postinfo .like_button:hover::before {
margin-left:15px;
color:{color:Postending Circles Hover Symbol Color};
border:1px solid {color:Postending Circles Hover Border};
background:{color:Postending Circles Hover BG};}
#postinfo .like_button.liked::before {color:{color:Postending Circles Liked
Post}; !important;}
/* if no circles */
#postending {
border-radius:3px;
padding:10px; width:500px;
margin:15px 0px -10px -10px;
background: {color:Postending Text BG};
text-align:center; margin-top:15px;
letter-spacing:1px; font-size:9px;
color: {color:Postending Text Color};}
#postending a {
color:{color:Postending Text Links};}
#postending a:hover {
color:{color:Postending Text Links Hover};}
/* text like button */

#postending #like, #postending .like_button {
#postending .like_button iframe {
position:absolute;
margin-left:-22px;
opacity:0; z-index:99;
#postending .like_button::before {
content:"Like";
color:{color:Postending Text Links};
#postending .like_button:hover::before {
color:{color:Postending Text Links Hover};}
#postending .like_button.liked::before {
content:"Unlike";
color:{color:Postending Circles Liked Post}; !important;}
#postending .like_button.liked iframe {
margin-left:-27px;}
/* ---------------------------- PERMALINK -------------------------------- */
/* permalink position */
#permalink {
background:; /* if you want the post-notes to have a non-transparent bg */
margin:-90px 0px 0px -70px;
width: 500px; padding: 20px;}
/* post notes container */

.notes {
width: 500px; max-height:600px;
overflow: auto; text-align:center;
line-height:0px; font-size:0px;
color:transparent; letter-spacing:0px;}
.notes a {
letter-spacing:1px;
font: normal normal normal 9px/17px 'Montserrat', san-serif;
color:{color:Permalink Links};}
.notes a:hover {
color:{color:Permalink Links Hover};}
.notes blockquote, .notes .answer_content {
font: normal normal normal 9px/17px 'Montserrat', san-serif;
letter-spacing:1px;
max-width:350px;
margin:3px auto; border:none;
color:{color:Permalink Links};
background:{color:Permalink Blockquote};}
.notes blockquote {
padding:1px 10px 0px 10px;}
.notes .answer_content {
display:block;
padding:2px 10px 1px 10px;}
.notes img {display:none;}
.notes li {margin-left:-10px;}
/* replaced regular sentences with fa symbols */

.notes .like span a::after, .notes .reblog .tumblelog::after, .notes .reblog
blockquote::before, .notes .reblog
blockquote::after, .notes .answer_content::before, .notes .answer_content::after, .
notes .reply .action a::after {
font-weight:normal;
content:"";
font-family:'FontAwesome';
display:inline-block; margin:0px 5px;
font-size:10px;
color:{color:Permalink Text};}
.notes .like span a::after {content:"\f004";}
.notes .reblog .tumblelog::after {content: "\f079";}
.notes .reblog blockquote::before, .notes .answer_content::before {content: "\
f10d"; margin-top:-1px;}
.notes .reblog blockquote::after, .notes .answer_content::after {content: "\f10e";
margin-top:-1px;}
.notes .reply .action a::after {content: "\f063";}
/* permalink scrollbar */
#permalink ::-webkit-scrollbar {
background: transparent;}
#permalink ::-webkit-scrollbar-thumb:vertical {
background: {color:Permalink Scroll Thumb};
border:none;
border-radius: 1px;}
</style>
<body>


{block:IfCustomCursor}
<style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a,
a:hover{cursor:url({image:Custom Cursor Links}), auto;} .like_button iframe:hover
{cursor:url({image:Custom Cursor Links}), auto !important;}
</style>

<div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px;
width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}


<a href="https://nyctothemes.tumblr.com/" title="© nyctothemes" id="credit">
<l class="fa fa-heart-o"></l>
</a>


<div id="side">
<div id="glass-container">
<div id="glass-bg"></div>
<div id="link-bg"></div>
</div>


<img src="{image:Sidebar Character}" id="glass-image">
<div id="link-container">

{block:IfNotPixelSidelinks}
<a href="{text:Link 1 URL}" id="link1" title="{text:Link 1 Title}"><l class="fa
{text:Link 1 Symbol}" aria-hidden="true"></l></a>

{block:IfLink7StatusnotLink}
<a id="link7" title="{text:Link 7 Updates Title}" class="t"><span
class="t"><l class="fa {text:Link 7 Updates Symbol}"
aria-hidden="true"></l></span><span class="t" style="display:none"><l class="fa
{text:Link 7 Updates Symbol}" aria-hidden="true"></l></a>
{/block:IfLink7StatusnotLink}
{block:IfNotLink7StatusnotLink}
<a href="{text:Link 7 URL}" id="link7" title="{text:Link 7 Updates
Title}"><l class="fa {text:Link 7 Updates Symbol}"
aria-hidden="true"></l></a>{/block:IfNotPixelSidelinks}
{/block:IfNotLink7StatusnotLink}
{/block:IfNotPixelSidelinks}


{block:IfPixelSidelinks}
<a href="{text:Link 1 URL}" id="link1" title="{text:Link 1 Title}"><img
src="{text:Link 1 Pixel}"></a>

{block:IfLink7StatusnotLink}
<a id="link7" title="{text:Link 7 Updates Title}" class="t"><span
class="t"><img src="{text:Link 7 Updates Pixel}"></span><span class="t"
style="display:none"><img src="{text:Link 7 Updates
Pixel}"></span></a>{/block:IfPixelSidelinks}
{/block:IfLink7StatusnotLink}
{block:IfNotLink7StatusnotLink}
<a href="{text:Link 7 URL}" id="link7" title="{text:Link 7 Updates
Title}"><img src="{text:Link 7 Updates Pixel}"></a>
{/block:IfNotLink7StatusnotLink}
{/block:IfPixelSidelinks}
</div>


<div id="description-container">
<div id="description">
<div class="space" style="width:0px;"></div>
<div class="space" style="width:7px;"></div><br>
{description}
<div id="status">
<b>{text:status date}:</b><br>{text:status entry}
</div>
</div>
</div>

</div>


{block:Pagination}<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}<div
class="active">◀</div>{block:PreviousPage}</a>{/block:PreviousPage}
world <b>{CurrentPage}</b> of <b>{TotalPages}</b>
{block:NextPage}<a href="{NextPage}">{/block:NextPage}<div
class="active">▶</div>{block:NextPage}</a>{/block:NextPage}
</div>{/block:Pagination}


<div id="entries">
{block:posts}
<div class="posts">


{block:Text}
{block:Title}<h1>{Title}</h1>{/block:Title}
<div class="caption">{Body}</div>
{/block:Text}


{block:Link}
{block:Thumbnail}<center>
<a href="{Thumbnail-HighRes}">
<img src="{Thumbnail}" class="photo-posts" style="margin-bottom:5px;
border-radius:1px">
</a>
</center>{/block:Thumbnail}
<div class="link-posts"><h1><a href="{URL}">
{Name} →
</a></h1></div>
{block:Description}<div class="caption">
<p>{Description}</p>
</div>{/block:Description}
{/block:Link}


{block:Answer}
<div class="ask-posts">
<img src="{AskerPortraitURL-64}">
<div class="question">
<h2>{Asker} {text:Ask Verb}:</h2> {Question}
</div></div><br>
<div id="caption">{Answer}</div>
{/block:Answer}


<script type="text/javascript">
// Loop trough each image element and replace the src if the src matches
$("img").each(function(i, elem){
// If src of img element matches a certain URL then src is new url
if ($(this).attr("src") ==
"https://assets.tumblr.com/images/anonymous_avatar_64.gif"){
$(this).attr("src", "{image:custom anonymous pic}");
}
});
</script>


{block:Quote}
<h2 class="quote-posts">
<l class="fa fa-quote-left"></l>
<div class="quote">{Quote}</div>
<l class="fa fa-quote-right"></l>
</h2>
<div style="text-align:right; margin-right:20px">
{block:Source}<b>- {Source}</b>{/block:Source}
</div>
{/block:Quote}


{block:Chat}
{block:Title}<h1>{Title}</h1>{/block:Title}
<ul class="chat">{block:Lines}
<li class="user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label}
{Line}</li>
{/block:Lines}</ul>
{/block:Chat}


{block:Photo}
<center>
{block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img
src="{PhotoURL-500}" class="photo-posts"/>{block:HighRes}</a>{/block:HighRes}
</center>
{block:Caption}<br><div
class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
{block:Photoset}
<center>
{Photoset-500}
</center>
{block:Caption}<br><div
class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}


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


{block:Audio}

{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<div id="audio-pic"
{block:AlbumArt}style="background:none"{/block:AlbumArt}>
{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
</div>{block:IndexPage}</a>{/block:IndexPage}
<div id="info-container">

{block:ifDarkAudioPlayer}{AudioPlayerBlack}{/block:ifDarkAudioPlayer}
{block:ifNotDarkAudioPlayer}{AudioPlayerWhite}{/block:ifNotDarkAudioPlayer}

{block:TrackName}<li><b>Track:</b> {TrackName}</li>{/block:TrackName}
{block:Artist}<li><b>Artist:</b> {Artist}</li>{/block:Artist}
{block:Album}<li><b>Album:</b> {Album}</li>{/block:Album}
{block:PlayCount}<li><b>Plays:</b> {FormattedPlayCount}</li>{/block:PlayCount}
</div>
{block:Caption}<div class="caption"
style="margin-top:5px;">{Caption}</div>{/block:Caption}{/block:Audio}

{block:PermalinkPage}{block:Date}<div id="postending">


<a
href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth}.
{DayOfMonthWithZero}.{ShortYear}</a>

{block:NoteCount}
|| <a href="#permalink">{NoteCountWithLabel}</a>
{/block:NoteCount}

{block:RebloggedFrom}<br>
Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
{/block:RebloggedFrom}

{block:ContentSource}
|| Source: <a href="{SourceURL}">{SourceTitle}</a>
{/block:ContentSource}

{block:HasTags}<br><div style="padding:0px 20px 0px 20px">
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</div>{/block:HasTags}

<br><a href="{ReblogURL}" title="Reblog">Reblog</a> ||
<div id="like">{LikeButton size="21"}</div>
</div>{/block:Date}{/block:PermalinkPage}


{block:IfPostendingCirclesForIndexpage}
{block:IndexPage}
<div id="postinfo">

{block:Date}
<a href="{Permalink}" title="{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}"><l
class="fa fa-clock-o"></l></a>
{/block:Date}
{block:NoteCount}
<a href="{Permalink}" title="{NoteCountWithLabel}"><l class="fa fa-
pencil"></l></a>
{/block:NoteCount}
<a href="{SourceURL}" title="Source: {SourceTitle}"><l class="fa fa-
copyright"></l></a>
{block:RebloggedFrom}
<a href="{ReblogParentURL}" title="Via: {ReblogParentName}"><l class="fa
fa-at"></l></a>

{block:HasTags}
<a href="{Permalink}" title="# {block:Tags}{Tag}, {/block:Tags}"><l
class="fa fa-tags"></l></a>
{/block:HasTags}
<a href="{ReblogURL}" title="Reblog"><l class="fa fa-retweet"></l></a>
<div id="like" title="like">{LikeButton size="24"}</div>
</div>
{/block:IndexPage}
{/block:IfPostendingCirclesForIndexpage}


{block:IfNotPostendingCirclesForIndexpage}
{block:IndexPage}
{block:Date}<div id="postending">

<a href="{Permalink}">{ShortMonth}.{DayOfMonthWithZero}.{ShortYear}</a>
{block:NoteCount}
|| <a href="{Permalink}">{NoteCountWithLabel}</a>
{/block:NoteCount}
{block:RebloggedFrom}<br>
Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
|| Source: <a href="{SourceURL}">{SourceTitle}</a>

{block:HasTags}<br><div style="padding:0px 20px 0px 20px">
Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}
</div>{/block:HasTags}
<a href="{ReblogURL}" title="Reblog">Reblog</a> ||
<div id="like">{LikeButton size="21"}</div>
</div>{/block:Date}
{/block:IndexPage}
{/block:IfNotPostendingCirclesForIndexpage}
</div> 
{/block:Posts}

{block:PostNotes}
<div id="permalink">{PostNotes}</div>
{/block:PostNotes}
</div> 
</body>
</html>

Theme Mickey Boi

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Theme Mickey Boi

Uploaded by

Copyright:

Available Formats

<html>

<link rel="alternate" type="application/rss+xml" href="{RSS}"/>

/* custom font 3/3 */

/* ------------------------------ DECORATION ---------------------------- */

/* ------------------------- CREDIT; DON'T REMOVE ------------------------ */

/* ------------------------------ MINOR STUFF ---------------------------- */

/* drag n' click selection */

/* ----------------------------- FONT STUFF ------------------------------ */

/* main font decorations */

#hidden-link {color:{color:Posts Text} !important;}

/* text and link post titles */

h1 small, h2 small, small h2, small h1 {

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

/* sidebar character image */

/* big glass circle */

/* little glass circle */

/* links inside little glass circle */

/* individual link positioning */

/* link 7's appearing text */

/* ------------------------------- POSTS --------------------------------- */

/* ----------------------------- POST TYPES ------------------------------ */

/* photoset focused image background */

/* ----------------------------- POSTS INFO ------------------------------ */

/* circles like button */

/* text like button */

/* ---------------------------- PERMALINK -------------------------------- */

/* post notes container */

/* replaced regular sentences with fa symbols */

</div>