GLOBAL_HEAD<=
<title>---</title>
<link rel="shortcut icon" href="">
<link href="http://dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="http://thnksfrthhtml.neocities.org/ulrich/signature.css" rel="stylesheet">


<style>
   /* 
     $ credit to: kahnwald
     $ be cool and change colour schemes
   */

   table {
     border:0;
   } 

   table table {
     border:0;
   }

   body, td {
     font-family: arial, calibri; 
     font-size: 9px; 
     letter-spacing: 0px; 
     line-height: 11px; 
     color: #333;
   } 

   body {
     background-color: #efefef;
     margin-top: 25px;
   }

   a {
     color: #333;
     transition: all 2s;
     text-decoration: none;
     border-image: linear-gradient(-60deg, #40e0d0, #ff8c00, #ff0080) 100% 1;
     border-width: 1px;
     border-style: none none solid;
   }

   a:hover {
     color: #333;
     text-decoration: none;
     border: 0;
   }

   .entrybox {
     width:595px;
     background-color: rgba(255, 255, 255, 0.25);
     opacity: 0.9;
     z-index: -1;
     border-width: 2px 0px 0px 0px;
     border-style: solid;
     border-image: linear-gradient(-60deg, #40e0d0, #ff8c00, #ff0080) 100% 1;
   } 

   .shadowed {
     width: 595px;
     background-color: transparent;
     border: 0px solid #000; 
     padding-bottom: 10px;
   }

   .shadowed img {
     display: none;
   }

   .shadowed td div {
     visibility:hidden; 
     position:absolute; 
     top:0px; 
     margin-top: 20px;
   }

   td.caption {
     font-family: arial narrow; 
     font-style: italic; 
     letter-spacing: 1px; 
     text-transform: uppercase; 
     font-size: 6.5px; 
     color: #333; 
     padding: 0 0 0 2px; 
   }

   td.caption a:hover {
     background: linear-gradient(-60deg, #40e0d0, #ff8c00, #ff0080);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     text-decoration: none;
}

   table table table td.meta {
     font-family: arial narrow; 
     font-size: 7px;  
     letter-spacing: 1px; 
     line-height:7px; 
     text-transform: uppercase; 
     text-shadow: #000000
   }

   table table b {
    display: none;
    visibility: hidden;
   }

   .comments {
     font-family: arial narrow; 
     font-size: 6px; 
     line-height:8px; 
     letter-spacing:1px; 
     text-transform: uppercase; 
     padding-top:5px; 
     color:#333; 
     font-style: italic;
   }

   table table table table .meta {
     visibility: hidden;
     position: absolute
   }

   table table table table td.meta { 
     font-size: 8px; 
     line-height: 8px; 
     letter-spacing: 1px; 
     font-family: arial narrow; 
     text-transform: uppercase; 
   }

   table table table table table .meta {
     visibility:visible !important; 
     position:relative;
   }

   .date {
     visibility: hidden;
   } 

   .entrybox td.index {
     display: none;
   }

   .entrybox b {
     font-weight: bold;
     display: inline;
     visibility: visible !important;
   }

   .entrybox a.index {
     font-family: arial narrow; 
     font-size:6px; 
     line-height:8px; 
     text-transform: uppercase; 
     letter-spacing: 1px; 
     padding: 0px; 
     visibility: visible !important;
     animation: none !important;
   } 

   .index img { 
     width: 45px; 
     height: 45px;
     visibility: visible !important;
   }

   .entrybox table table table td[align=center]{
     background: rgb(255,255,255,.6);
     text-align: center;
     font-size: 0;
   }

   .ljuser img {
     display: none;
   } 

    .ljuser:before {
     content:"—";
   }

   .caption img { 
     width: 5px;  
     height: 5px;
   }

   .index {
     visibility: hidden;
   }

   .index, table table table td.meta {
     text-transform:uppercase; 
     font-family: arial narrow; 
     font-style: italic; 
     font-size:5pt; 
     color:transparent; 
     letter-spacing: 1px; 
     line-height:0px;
   }

   table table table td.meta a:hover {
     animation: none !important;
   }

   .entrybox td.meta {
     display:none; 
     visibility:hidden;
   }

   body, a {
     cursor:url(http://i.imgur.com/ONVDMqu.png), default;
   } 
   
   a:hover {
     cursor:url(http://i.imgur.com/0p9CPwX.png), default;
   }

   #icon {
     position: absolute;
     visibility: visible;
     top: 0px;
     margin-left: -60px;
     z-index: 1;
     width: 2px;
   }

   .th {
     font-size: 115%; 
     text-shadow: 0 0 0.5px rgba(0,0,0,0.05); 
     color: #333;
   }

   .th:hover {
     color: #333 !important;
   }

   #button1 {
     position: absolute;
     top: 16px;
     margin-left: -53px;
     visibility: visible;
     height: 15px;
     width: 15px;
   }

   #button2 {
     position: absolute;
     top: 16px;
     margin-left: -80px;
     visibility: visible;
     height: 15px;
     width: 15px;
   }

   #button3 {
     position: absolute;
     top: 16px;
     margin-left: 37px;
     visibility: visible;
     height: 15px;
     width: 15px;
   }

   #button4 {
     position: absolute;
     top: 16px;
     margin-left: 64px;
     visibility: visible;
     height: 15px;
     width: 15px;
   }

   .gradient-border {
     --borderWidth: 2px;
     background: rgb(255,255,255,.9);
     position: relative;
     border-radius: 100%;
   }

   .gradient-border:hover {
     background: rgb(225,225,225,.7);
     transition: all 0.2s ease-out 0s;
     color: #333;
   }

    .gradient-border:after {
      content: '';
      position: absolute;
      top: calc(-1 * var(--borderWidth));
      left: calc(-1 * var(--borderWidth));
      height: calc(100% + var(--borderWidth) * 2);
      width: calc(100% + var(--borderWidth) * 2);
      background: linear-gradient(60deg, #40e0d0, #ff8c00, #ff0080);
      border-radius: 100%;
      z-index: -1;
      -webkit-animation: animatedgradient 3s ease alternate infinite;
              animation: animatedgradient 3s ease alternate infinite;
       background-size: 300% 300%;
   }

   @-webkit-keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
   }


   @keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
   }

   [class^="tooltip"] {
     position: relative;
   }

   [class^="tooltip"]:after {
     opacity: 0;
     visibility: hidden;
     position: absolute;
     content: attr(data-tooltip);
     padding: 0px 5px;
     top: 2.6em;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-2px);
     transform: translateX(-50%) translateY(-2px);
     background: linear-gradient(-60deg, #40e0d03b, #ff8c0038, #f1007985);
     font-family: arial narrow;
     font-size: 6.5;
     text-transform: uppercase;
     font-style: italic;
     letter-spacing: 1px;
     color: #333 !important;
     white-space: nowrap;
     z-index: 2;
     border-radius: 0px;
     border-width: 1px 0px 1px 0px;
     border-style: solid;
     border-image: linear-gradient(-60deg, #40e0d0, #ff8c00, #ff0080) 100% 1;
     transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
     transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
     transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
   }

   [class^="tooltip"]:hover:after {
     display: block;
     opacity: 1;
     color: #333 !important;
     visibility: visible;
      -webkit-transform: translateX(-50%) translateY(0);
              transform: translateX(-50%) translateY(0);
   }

</style>

<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<div id="icon">
   <a href="/info" style="border: 0"><img src="https://i.imgur.com/FH9JjCl.gif" style="display: block; margin-top: -5px; margin-left:35px; height: 45px; width: 45px; opacity: .9;padding: 2px; background: linear-gradient(-30deg, #40e0d0, #ff8c00, #ff0080); box-shadow: 0px 0px 5px #bf94e4; border-radius: 100px;"></a></div>
</td>

<div id="button1" class="gradient-border">
   <a href="" class="tooltip--bottom" data-tooltip="friends" style="border: 0"><i class="th th-users-o" style="padding: 3px 3px;"></i></a>
</div>

<div id="button2" class="gradient-border"> 
   <a href="" class="tooltip--bottom" data-tooltip="home" style="border: 0"><i class="th th-home-o" style="padding: 3px 3px;"></i></a>
</div>

<div id="button3" class="gradient-border">
   <a href="" class="tooltip--bottom" data-tooltip="customs" style="border: 0"><i class="th th-closed-lock-o" style="padding: 3px 3px;"></i></a>
</div>

<div id="button4" class="gradient-border">
   <a href="" class="tooltip--bottom" data-tooltip="scenes" style="border: 0"><i class="th th-notebook-o" style="padding: 3px 3px;"></i></a>
</div>

<=FRIENDS_WEBSITE

FRIENDS_TALK_LINKS<=
<tr> 
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> <font style="font-size: 8px;">
%%readlink%%<a href="%%urlpost%%"></font> &nbsp; <i class="th th-pencil-o"></i></a>
</td> 
</tr> 
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>2

LASTN_TALK_READLINK=><a href="%%urlread%%" style="animation: none !important;">%%messagecount%%</a>

LASTN_WEBSITE<=

<div id="icon">
   <a href="/info" style="border: 0"><img src="https://i.imgur.com/FH9JjCl.gif" style="display: block; margin-top: -5px; margin-left:35px; height: 45px; width: 45px; opacity: .9;padding: 2px; background: linear-gradient(-30deg, #40e0d0, #ff8c00, #ff0080); box-shadow: 0px 0px 5px #bf94e4; border-radius: 100px;"></a></div>
</td>

<div id="button1" class="gradient-border">
   <a href="/friends" class="tooltip--bottom" data-tooltip="friends" style="border: 0"><i class="th th-users-o" style="padding: 3px 3px;"></i></a>
</div>

<div id="button2" class="gradient-border"> 
   <a href="" class="tooltip--bottom" data-tooltip="home" style="border: 0"><i class="th th-home-o" style="padding: 3px 3px;"></i></a>
</div>

<div id="button3" class="gradient-border">
   <a href="/2001/01/01" class="tooltip--bottom" data-tooltip="customs" style="border: 0"><i class="th th-closed-lock-o" style="padding: 3px 3px;"></i></a>
</div>

<div id="button4" class="gradient-border">
   <a href="/2002/02/02" class="tooltip--bottom" data-tooltip="scenes" style="border: 0"><i class="th th-notebook-o" style="padding: 3px 3px;"></i></a>
</div>

<=LASTN_WEBSITE

LASTN_TALK_LINKS<=
<tr> 
<td align="right" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments"> <font style="font-size: 8px;">
%%readlink%%<a href="%%urlpost%%"></font> &nbsp; <i class="th th-pencil-o"></i></a>
</td> 
</tr> 
<=LASTN_TALK_LINKS