Kinblr Theme - The Original France La'lune

Kinblr Theme v1.0.1

Published 2/5/23, last updated 2/5/23
Live previews: 1, 2, 3

Left or right sidebar
5 pixel links (2 custom)
Rainbow descriptions & links
Pagedoll/floatie
6 different doily borders
600px, 500px or 400px posts
Basic color customization
Cursor floaties (music note/heart/star) or sparkles
9 images
16 color options
30 customization options
6 text options

Copy here or copy from Github raw

<!DOCTYPE HTML>
    <head>

<meta name="image:favicon" content="">
    
    <meta name="image:sidebar icon" content="">
    <meta name="image:background" content="">
    
    <meta name="image:pixel" content="">
    <meta name="image:pixel 2" content="">
    <meta name="image:pixel 3" content="">
    <meta name="image:pixel 4" content="">
    <meta name="image:pixel 5" content="">
    
    
    <meta name="image:pagedoll" content="">

/****************************
*  Tinkerbell Magic Sparkle *
*(c)2005-13 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

document.onmousemove=mouse;
function mouse(e) {
  if (e) {
    y=e.pageY;
    x=e.pageX;
  }
  else {
    set_scroll();
    y=event.y+sdown;
    x=event.x+sleft;
  }
}

function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height+"px";
  div.style.width=width+"px";
  div.style.overflow="hidden";
  return (div);
}

{block:ifmusicnotecursorfloaties}
<script type="text/javascript">
// <![CDATA[
var colours=new Array('{color:cursor floaties 1}', '{color:cursor floaties 2}', '{color:cursor floaties 3}'); // colours of the hearts
var minisize=15; // smallest size of hearts in pixels
var maxisize=20; // biggest size of hearts in pixels
var hearts=66; // maximum number of hearts on screen
var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects
 
/*****************************
*JavaScript Love Heart Cursor*
*  (c)2013+ mf2fm web-design *
*   http://www.mf2fm.com/rv  *
*  DON'T EDIT BELOW THIS BOX *
*****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var herz=new Array();
var herzx=new Array();
var herzy=new Array();
var herzs=new Array();
var kiss=false;
 
if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}
 
addRVLoadEvent(mwah);
 
function mwah() { if (document.getElementById) {
  var i, heart;
  for (i=0; i<hearts; i++) {
    heart=createDiv("auto", "auto");
    heart.style.visibility="hidden";
	heart.style.zIndex=(over_or_under=="over")?"1001":"0";
    heart.style.color=colours[i%colours.length];
	heart.style.pointerEvents="none";
    if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
    else heart.style.opacity=0.75;
    heart.appendChild(document.createTextNode(String.fromCharCode(9834)));
    document.body.appendChild(heart);
    herz[i]=heart;
	herzy[i]=false;
  }
  set_scroll();
  set_width();
  herzle();
}}
 
function herzle() {
  var c;
  if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
    ox=x;
    oy=y;
    for (c=0; c<hearts; c++) if (herzy[c]===false) {
	  herz[c].firstChild.nodeValue=String.fromCharCode(9834);
      herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
      herz[c].style.top=(herzy[c]=y-minisize)+"px";
      herz[c].style.fontSize=minisize+"px";
	  herz[c].style.fontWeight='normal';
      herz[c].style.visibility='visible';
      herzs[c]=minisize;
      break;
    }
  }
  for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  setTimeout("herzle()", 40);
}
 
document.onmousedown=pucker;
document.onmouseup=function(){clearTimeout(kiss);};
 
function pucker() {
  ox=-1;
  oy=-1;
  kiss=setTimeout('pucker()', 100);
}
 
function blow_me_a_kiss(i) {
  herzy[i]-=herzs[i]/minisize+i%2;
  herzx[i]+=(i%5-2)/5;
  if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
    herz[i].style.visibility="hidden";
    herzy[i]=false;
  }
  else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  else {
    if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
    herz[i].style.top=herzy[i]+"px";
    herz[i].style.left=herzx[i]+"px";
  }
}
 
function break_my_heart(i) {
  var t;
  herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  herz[i].style.fontWeight='bold';
  herzy[i]=false;
  for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
}
 
document.onmousemove=mouse;
function mouse(e) {
  if (e) {
    y=e.pageY;
    x=e.pageX;
  }
  else {
    set_scroll();
    y=event.y+sdown;
    x=event.x+sleft;
  }
}
 
window.onresize=set_width;
function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min;
  shigh=sh_min;
}
 
window.onscroll=set_scroll;
function set_scroll() {
  if (typeof(self.pageYOffset)=='number') {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}
 
function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height;
  div.style.width=width;
  div.style.overflow="hidden";
  div.style.backgroundColor="transparent";
  return (div);
}
// ]]>
</script>
{/block:ifmusicnotecursorfloaties}

{block:ifstarcursorfloaties}
<script type="text/javascript">
// <![CDATA[
var colours=new Array('{color:cursor floaties 1}', '{color:cursor floaties 2}', '{color:cursor floaties 3}'); // colours of the hearts
var minisize=15; // smallest size of hearts in pixels
var maxisize=20; // biggest size of hearts in pixels
var hearts=66; // maximum number of hearts on screen
var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects
 
/*****************************
*JavaScript Love Heart Cursor*
*  (c)2013+ mf2fm web-design *
*   http://www.mf2fm.com/rv  *
*  DON'T EDIT BELOW THIS BOX *
*****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var herz=new Array();
var herzx=new Array();
var herzy=new Array();
var herzs=new Array();
var kiss=false;
 
if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}
 
addRVLoadEvent(mwah);
 
function mwah() { if (document.getElementById) {
  var i, heart;
  for (i=0; i<hearts; i++) {
    heart=createDiv("auto", "auto");
    heart.style.visibility="hidden";
	heart.style.zIndex=(over_or_under=="over")?"1001":"0";
    heart.style.color=colours[i%colours.length];
	heart.style.pointerEvents="none";
    if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
    else heart.style.opacity=0.75;
    heart.appendChild(document.createTextNode(String.fromCharCode(9733)));
    document.body.appendChild(heart);
    herz[i]=heart;
	herzy[i]=false;
  }
  set_scroll();
  set_width();
  herzle();
}}
 
function herzle() {
  var c;
  if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
    ox=x;
    oy=y;
    for (c=0; c<hearts; c++) if (herzy[c]===false) {
	  herz[c].firstChild.nodeValue=String.fromCharCode(9733);
      herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
      herz[c].style.top=(herzy[c]=y-minisize)+"px";
      herz[c].style.fontSize=minisize+"px";
	  herz[c].style.fontWeight='normal';
      herz[c].style.visibility='visible';
      herzs[c]=minisize;
      break;
    }
  }
  for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  setTimeout("herzle()", 40);
}
 
document.onmousedown=pucker;
document.onmouseup=function(){clearTimeout(kiss);};
 
function pucker() {
  ox=-1;
  oy=-1;
  kiss=setTimeout('pucker()', 100);
}
 
function blow_me_a_kiss(i) {
  herzy[i]-=herzs[i]/minisize+i%2;
  herzx[i]+=(i%5-2)/5;
  if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
    herz[i].style.visibility="hidden";
    herzy[i]=false;
  }
  else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  else {
    if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
    herz[i].style.top=herzy[i]+"px";
    herz[i].style.left=herzx[i]+"px";
  }
}
 
function break_my_heart(i) {
  var t;
  herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  herz[i].style.fontWeight='bold';
  herzy[i]=false;
  for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
}
 
document.onmousemove=mouse;
function mouse(e) {
  if (e) {
    y=e.pageY;
    x=e.pageX;
  }
  else {
    set_scroll();
    y=event.y+sdown;
    x=event.x+sleft;
  }
}
 
window.onresize=set_width;
function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min;
  shigh=sh_min;
}
 
window.onscroll=set_scroll;
function set_scroll() {
  if (typeof(self.pageYOffset)=='number') {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}
 
function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height;
  div.style.width=width;
  div.style.overflow="hidden";
  div.style.backgroundColor="transparent";
  return (div);
}
// ]]>
</script>
{/block:ifstarcursorfloaties}    
 
    <style type="text/css">
    
    
    /*************************************************
    
                        DOCUMENT BODY    
                          The basics        
    
    *************************************************/
    
    body{
        font-family:{select:font};
        background-attachment:fixed;
        word-wrap:break-word;        
        {block:iffullbackground} 
        background-size: cover;
        {/block:iffullbackground}
        font-size:{text:font size}px;
        color:{color:text};
        background-color:{color:background};
        background-image:url('{image:background}');}
        
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */        
        
    a{
        color:{color:link};
        text-decoration:none;
        {block:ifwavylinkunderline}
        text-decoration: underline wavy {color:link};
        {/block:ifwavylinkunderline}
        {block:iflinkunderline}
        text-decoration:underline;
        {/block:iflinkunderline}
        {block:ifboldlinks}
        font-weight:bold;
        {block:ifboldlinks}
        {block:ifitaliclinks}
        font-style:italic;
        {/block:ifitaliclinks}
        {block:ifpastelrainbowlinks}
        -webkit-text-stroke: 0.5px {color:rainbow link outline};
        text-decoration: none;
        color: white;
        display: inline-block;
        background-size: 120% 100%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-text-fill-color: transparent;
        -ms-background-clip: text;
        -ms-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
        background-image: linear-gradient(45deg, #f393fe, #ce93ff, #909cff, #8fd4ff, #90ffef, #93ff92, #e0fe93, #fde091, #ffba91, #ff939c, #fe92dc);
        {/block:ifpastelrainbowlinks};
        {block:ifbrightrainbowlinks};
        -webkit-text-stroke: 0.5px {color:rainbow link outline};
        text-decoration: none;
        color: white;
        display: inline-block;
        background-size: 120% 100%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-text-fill-color: transparent;
        -ms-background-clip: text;
        -ms-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
        background-image: linear-gradient(45deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080);
        {/block:ifbrightrainbowlinks};}    
        
    a:hover{
        color:{color:link hover};}
        
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */        
        
     ::-webkit-scrollbar {
        width: 15px;
        height: 10px;}
    
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */
    
    ::-webkit-scrollbar-thumb:vertical{
        background:{color:scrollbar};
        border-top: 1px solid #bdbdbd;
        border-left: 1px solid #bdbdbd;
        border-right: 1px solid black;
        border-bottom: 1px solid black;}
    
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */    
    
    ::-webkit-scrollbar-track {
        background:{color:scrollbar track};}
    
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */    
    
    ::-webkit-scrollbar-button:vertical:increment {
        background-image: url('https://64.media.tumblr.com/e09634612068e4130ba031c281d24f52/2672484062507eca-ca/s75x75_c1/adda254826b4ce41c01fc40698385bc334f10abf.png');
        width: 14px;
        height: 16px;
        background-color:{color:scrollbar};
        border-top: 1px solid #bdbdbd;
        border-left: 1px solid #bdbdbd;
        border-right: 1px solid black;
        border-bottom: 1px solid black;}
    
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */    
    
    ::-webkit-scrollbar-button:vertical:decrement {
        background-image:url(https://64.media.tumblr.com/30f5701150586e1f03bb59f783884ca7/2672484062507eca-56/s75x75_c1/8dc29751305312d2db13c18b6f0c9d8b105d2fd5.png);
        background-color:{color:scrollbar};
        border-top: 1px solid #bdbdbd;
        border-left: 1px solid #bdbdbd;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        width: 14px;
        height: 16px;}

/* . . . . . . . . . . . . . . . . . . . . . . . . . */
    
    .npf_row{
        margin: 0 !important;}

/* . . . . . . . . . . . . . . . . . . . . . . . . . */
    
    blockquote{
        border-left:1px solid {color:text};
        padding-left:10px;
        margin: 15px;}

/* . . . . . . . . . . . . . . . . . . . . . . . . . */
    
    p{
        margin:0 0 5px 0;
        padding:0;}

/* . . . . . . . . . . . . . . . . . . . . . . . . . */
    
    :root {
        --NPF-Image-Spacing:4px;
        --NPF-Bottom-Gap-From-Captions:1em;}  
        
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */        
        
    ::selection{ 
        color:{color:text selection}; 
        background-color:{color:text selection bg};}        
    
    
    /*************************************************
    
                        CONTENT   
                         Posts
    
    *************************************************/

#content, .nav{
        margin-left:370px;
        {block:if600pxcontent}
        width:600px;
        {/block:if600pxcontent}
        /* . . . . . . . . . . . . */        
        {block:if500pxcontent}
        width:500px;
        {/block:if500pxcontent}
        /* . . . . . . . . . . . . */        
        {block:if400pxcontent}
        width:400px;
        {/block:if400pxcontent};}
        
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */
    
    .post{
        padding:5px;    
        border:{text:border size}px {select:border} {color:border}; 
        {block:ifroundborders}
        border-radius:15px;
        {/block:ifroundborders}
        /* . . . . . . . . . . . . */                
        {block:ifwhitedoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/0689523192be485ba5662aefab66ea36/d4770617ef850cd2-00/s400x600/23e5d797ea1eefda40acac40549026b11b938532.png") 55 fill round;    
        {/block:ifwhitedoilyborder}
        /* . . . . . . . . . . . . */                        
        {block:ifpinkdoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://foollovers.com/mat/plate/pl034-plate-i08.gif") 55 fill round;
        {/block:ifpinkdoilyborder}        
        /* . . . . . . . . . . . . */                
        {block:ifbluedoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/509c143624fb4ca4bece97e603b14ca8/8205a53c134ea1d9-52/s400x600/18a3cf0bc60bf55b9892f5eda54ce9de9bf7b2a8.gif") 55 fill round;
        {/block:ifbluedoilyborder}
        /* . . . . . . . . . . . . */        
        {block:ifblueandpinkdoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://foollovers.com/mat/plate-f/pf034-plate-i07.gif") 55 fill round;    
        {/block:ifblueandpinkdoilyborder}   
        /* . . . . . . . . . . . . */           
        {block:ifpurpledoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/956a693a322b4a841db05645a038cc07/d4770617ef850cd2-a7/s400x600/6c87ed26a69761dd19e03a11af8460d130fefea9.png") 55 fill round;
        {/block:ifpurpledoilyborder}
        /* . . . . . . . . . . . . */        
        {block:ifyellowdoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/d911bb7d17362f324cd185e712f63885/d4770617ef850cd2-a7/s400x600/4184c6e0b0be729cfedffddc22cf954169b69d4c.png") 55 fill round;
        {/block:ifyellowdoilyborder} 
        /* . . . . . . . . . . . . */        
        margin-bottom:35px;
        margin-top:25px;
        background-color:{color:content};
        {block:iftransparentcontent}
        background:transparent;
        {/block:iftransparentcontent}
        {block:if600pxcontent}
        width:600px;
        {/block:if600pxcontent}
        /* . . . . . . . . . . . . */        
        {block:if500pxcontent}
        width:500px;
        {/block:if500pxcontent}
        /* . . . . . . . . . . . . */        
        {block:if400pxcontent}
        width:400px;
        {/block:if400pxcontent};}
    
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */

.post img{
        max-width:100%;
        border-radius:10px;
        height:auto;}         
        
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */
    
    .nav{
        text-align:center;
        padding:5px;    
        border:{text:border size}px {select:border} {color:border};   
        {block:ifroundborders}
        border-radius:15px;
        {/block:ifroundborders}
        {block:ifwhitedoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url('https://64.media.tumblr.com/0689523192be485ba5662aefab66ea36/d4770617ef850cd2-00/s400x600/23e5d797ea1eefda40acac40549026b11b938532.png') 55 fill round;    
        {/block:ifwhitedoilyborder}      
        background-color:{color:content};
        margin-top:-20px;
        {block:iftransparentcontent}
        background:transparent;
        {/block:iftransparentcontent};
        /* . . . . . . . . . . . . */                        
        {block:ifpinkdoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://foollovers.com/mat/plate/pl034-plate-i08.gif") 55 fill round;
        {/block:ifpinkdoilyborder}        
        /* . . . . . . . . . . . . */                
        {block:ifbluedoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/509c143624fb4ca4bece97e603b14ca8/8205a53c134ea1d9-52/s400x600/18a3cf0bc60bf55b9892f5eda54ce9de9bf7b2a8.gif") 55 fill round;
        {/block:ifbluedoilyborder}
        /* . . . . . . . . . . . . */        
        {block:ifblueandpinkdoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://foollovers.com/mat/plate-f/pf034-plate-i07.gif") 55 fill round;    
        {/block:ifblueandpinkdoilyborder}   
        /* . . . . . . . . . . . . */           
        {block:ifpurpledoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/956a693a322b4a841db05645a038cc07/d4770617ef850cd2-a7/s400x600/6c87ed26a69761dd19e03a11af8460d130fefea9.png") 55 fill round;
        {/block:ifpurpledoilyborder}
        /* . . . . . . . . . . . . */        
        {block:ifyellowdoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/d911bb7d17362f324cd185e712f63885/d4770617ef850cd2-a7/s400x600/4184c6e0b0be729cfedffddc22cf954169b69d4c.png") 55 fill round;
        {/block:ifyellowdoilyborder} 
        /* . . . . . . . . . . . . */                
        {block:PermalinkPage}
        color:transparent;
        border:none;
        background:transparent;
        {/block:PermalinkPage};}
    
    
    /*************************************************
    
                        SIDEBAR    
    
    *************************************************/
    
    #sidebar{
        border:{text:border size}px {select:border} {color:border}; 
        {block:ifroundborders}
        border-radius:15px;
        {/block:ifroundborders}        
        {block:ifnotrightsidebar}
        margin-left:45px;
        {/block:ifnotrightsidebar}
        {block:ifrightsidebar}
        right:115px;
        {/block:ifrightsidebar}
        {block:iftransparentcontent}
        background:none;
        {/block:iftransparentcontent}    
        background-color:{color:sidebar};
        padding:10px;
        width:200px;
        text-align:center;
        /* . . . . . . . . . . . . */                
        {block:ifwhitedoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/0689523192be485ba5662aefab66ea36/d4770617ef850cd2-00/s400x600/23e5d797ea1eefda40acac40549026b11b938532.png") 55 fill round;    
        {/block:ifwhitedoilyborder}
        /* . . . . . . . . . . . . */ 
        {block:ifpinkdoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://foollovers.com/mat/plate/pl034-plate-i08.gif") 55 fill round;
        {/block:ifpinkdoilyborder}        
        /* . . . . . . . . . . . . */         
        {block:ifbluedoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/509c143624fb4ca4bece97e603b14ca8/8205a53c134ea1d9-52/s400x600/18a3cf0bc60bf55b9892f5eda54ce9de9bf7b2a8.gif") 55 fill round;
        {/block:ifbluedoilyborder}
        /* . . . . . . . . . . . . */        
        {block:ifblueandpinkdoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://foollovers.com/mat/plate-f/pf034-plate-i07.gif") 55 fill round;    
        {/block:ifblueandpinkdoilyborder}   
        /* . . . . . . . . . . . . */           
        {block:ifpurpledoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/956a693a322b4a841db05645a038cc07/d4770617ef850cd2-a7/s400x600/6c87ed26a69761dd19e03a11af8460d130fefea9.png") 55 fill round;
        {/block:ifpurpledoilyborder}
        /* . . . . . . . . . . . . */        
        {block:ifyellowdoilyborder}
        border-width:{text:border size}px;
        border-style:solid;
        border-image: url("https://64.media.tumblr.com/d911bb7d17362f324cd185e712f63885/d4770617ef850cd2-a7/s400x600/4184c6e0b0be729cfedffddc22cf954169b69d4c.png") 55 fill round;
        {/block:ifyellowdoilyborder} 
        /* . . . . . . . . . . . . */
        position:fixed;}

/*************************************************
    
                         FOOTER    
    
    *************************************************/        
        
    .footer{
        text-align:center;}    
        
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */        
        
    .footer:hover .tags{
        opacity:1;
        margin-top:10px;
        max-height:1000px;
        margin-bottom:8px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;}
        
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */        
     
    .tags{
        opacity:0;
        max-height:0px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;}    
    
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */            
        
    ol.notes{
        list-style-type:none;
        padding:3px;
        text-align:left;
        overflow:auto;}        
        
        
     /*************************************************
    
                    POST TYPE STYLE    
    
    *************************************************/       
        
    #audioplayer{ 
        width:30px; 
        height:25px; 
        overflow:hidden; 
        position:absolute; 
        margin-top:40px; 
        margin-bottom:40px; 
        margin-left:35px; 
        border-radius: 40px; 
        opacity: 0.7;} 
        
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */        
 
    .trackstuff{ 
        overflow:auto; 
        margin-left:110px; 
        margin-top:-75px; 
        margin-bottom:50px; 
        display:block;}  
 
     /* . . . . . . . . . . . . . . . . . . . . . . . . . */
 
    .playbutton{ 
        margin-bottom:30px; 
        margin-top:-60px; 
        margin-left:35px; 
        z-index:9; 
        width:33px; 
        height:30px; 
        overflow:hidden;} 
 
     /* . . . . . . . . . . . . . . . . . . . . . . . . . */
 
    video{ 
        max-width: 100%; 
        height: auto;} 
        
    /* . . . . . . . . . . . . . . . . . . . . . . . . . */        
        
    .title{
        font-size:25px;}    
    
    
    /*************************************************
    
                          OTHER     
    
    *************************************************/
    
    #pagedoll{
        position:fixed;
        bottom:5px;
        {block:ifrightpagedoll}
        right:5px;
        {/block:ifrightpagedoll}
        {block:ifnotrightpagedoll}
        left:5px;
        {/block:ifnotrightpagedoll}}

/* . . . . . . . . . . . . . . . . . . . . . . . . . */         
        
    #c{
        font-size:30px;
        bottom:5px;
        position:fixed;
        {block:ifrightpagedoll}
        left:5px;
        {/block:ifrightpagedoll}
        {block:ifnotrightpagedoll}
        right:5px;
        {/block:ifnotrightpagedoll}        
        text-shadow: none;
        text-decoration:none;
        font-weight:bold;}           
        
     /* . . . . . . . . . . . . . . . . . . . . . . . . . */                
    {CustomCss}
    </style>
    </head>
    <body>       
    <div id="sidebar">
        <img src="{image:sidebar icon}" style="max-width:100%;height:auto;display:block;border-radius:10px;{block:ifhearticon}-webkit-mask-image:url(https://64.media.tumblr.com/530d6f82ba12efe719853b50499b1d5d/b58a88777157fa9c-6e/s500x750/69a0aa24e15c4c98f2b7ce62f6c00544e0b3a1c3.png);-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;width:245px;height:185px;{/block:ifhearticon};{block:ifroundicon}border-radius:100%;{/block:ifroundicon}">
<br>
        <text style="{block:ifrainbowdescription}background: linear-gradient(to right, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight:bold;{/block:ifrainbowdescription};{block:ifpastelrainbowdescription}background: linear-gradient(to right, #f393fe, #ce93ff, #909cff, #8fd4ff, #90ffef, #93ff92, #e0fe93, #fde091, #ffba91, #ff939c, #fe92dc);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight:bold;{/block:ifpastelrainbowdescription}">{text:description}</text>
    
    
                        <p>
                <a href="/"><img src="{image:pixel}" style="margin:5px 5px 0 5px;"></a> <a href="/ask"><img src="{image:pixel 2}" style="margin:5px 5px 0 5px;"></a> <a href="/archive"><img src="{image:pixel 3}" style="margin:5px 5px 0 5px;"></a> <a href="{text:link 1 url}"><img src="{image:pixel 4}" style="margin:5px 5px 0 5px;"></a> <a href="{text:link 2 url}"><img src="{image:pixel 5}" style="margin:5px 5px 0 5px;"></a>
    </div>
    
    
    <div id="content">
        {block:Posts} 
 
             {block:ContentSource}
{/block:ContentSource}
 
                <div class="post">
                    <div class="posts" post-type="{PostType}">
 
 
            
    {block:Photo}
            {LinkOpenTag}
                            <center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>            </center>

{LinkCloseTag}
        {block:Caption}
            {Caption}
        {/block:Caption}
    {/block:Photo}
    {block:Photoset}
                        <center><div class="media">{Photoset}</div></center> 
        {block:Caption}
            <div class="caption">
                {Caption}
            </div>
        {/block:Caption}
    {/block:Photoset}
 
            
 
    {block:Text}
        {block:Title}
            <div class="title">{Title}</div>
        {/block:Title}
            {Body}
    {/block:Text}
 
 
    {block:Chat}
        {block:Title}
            <div class="title">
                <h3><a href="{Permalink}">{Title}</a></h3></div>
        {/block:Title}
        {block:Lines}
            <div class="{Alt} user_{UserNumber}">
        {block:Label}
            <span class="label">{Label}</span>
        {/block:Label}
        {Line}
            </div>
        {/block:Lines}
    {/block:Chat}
 
 
    {block:Quote}
        <div class="quote">
            "{Quote}"
            {block:Source}
                <div class="source">
                    - <i>{Source}</i>
                </div>
            {/block:Source}
        </div>
    {/block:Quote}    
 
    {block:Link}
        <a href="{URL}" class="link" {Target}>{Name}</a>
        {block:Description}
            {Description}
        {/block:Description}
    {/block:Link}
 
 
            
 
    {block:Video}
        {Video-500}
        {block:Caption}
            {Caption}
        {/block:Caption}
    {/block:Video}
 
    {block:Audio}
        <div id= "audioplayer">{AudioPlayerWhite}</div>
    {block:AlbumArt}
        <div id="albumart">
            <img src="{AlbumArtURL}" width="100">  
        </div>
    {/block:AlbumArt}
        <div class="trackstuff">
            {block:TrackName}
                <b><i>{TrackName}</i></b>
            {/block:TrackName}
            <br>{block:Artist}
                <i>{Artist}</i>
            {/block:Artist}
        </div>
        {Caption}
    {/block:Audio}    
 
            
 
{block:Answer}
        <div class="question">
            <table>
                <tbody>
                    <tr>
                        <td>
                        <div class="asker">{Asker}</div>
                        <p><img src="{AskerPortraitURL-128}" style="width:95px; display:block;border-radius:100%;"></td>                    
                        <td style="width:350px;"><div class="bubble">{Question}</div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="caption">
            {Answer}
        </div>
{/block:Answer}  
 
 
            
 
 
     {block:Date}
        <div class="footer">
             <a href="{Permalink}">{Month} {DayOfMonth}</a>
                <br>{block:NoteCount}
                    {NoteCount} notes 
                        {/block:NoteCount}

{block:ifhovertags}
                        {block:HasTags}
                        <br>
                            <div class="tags">
                                {block:Tags}
                                    <a href="{TagURL}">{Tag}</a>                                            {/block:Tags}
                            </div>
                        {/block:HasTags}
                        {/block:ifhovertags}
                        {block:ifnothovertags}
                        {block:HasTags}
                        <br>
                            {block:Tags}
                                #<a href="{TagURL}">{Tag}</a>                                           {/block:Tags}
                        {/block:HasTags}                        
                        {/block:ifnothovertags}
 
                        {block:PermalinkPage}
                            <div class="notes">
                                {block:PostNotes}
                                    {PostNotes}
                                {/block:PostNotes}
                            </div>    
                        {/block:PermalinkPage}
                
             
        </div>
    {/block:Date}
                </div>
            </div>
    {/block:Posts}
</div>
 
 
    <br>
    <div class="nav">
        {block:Pagination}
            {block:PreviousPage}
                <a href="{PreviousPage}">« Back</a> 
            {/block:PreviousPage}  
            {block:NextPage}
                <a href="{NextPage}">Next »</a>                  
            {/block:NextPage}
        {/block:Pagination}
    </div>  
</div>