FRIENDS_OPT_ITEMS=>20

FRIENDS_WEBSITE=>   <div class="signature">username</div> 

LASTN_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><i class="th th-stars-o"></i></a>
</td>
</tr>
<=LASTN_TALK_LINKS

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

/* 
   $ credit to: @kahnwald
   $ leave credit in tact, change colours, ask for help or codes
*/

   body {
     background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
   }

   td {
     font-family: arial narrow, sans-serif; 
     font-size: 9px; 
     line-height: 0px; 
     color: #D7D7D7;
   } 

   td.caption {
     font-size:0px; 
     line-height:0px;
   }

   .shadowed, .entrybox {
     font-size: 10px;
     width: 596px;
     background-color: rgba(355, 355, 355, 0.5);
     border-radius: 1px;
     box-shadow: 0px 1px 2px #f0f0f0;
     border: 1px solid transparent;
     border-image: linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);
     border-image-slice: 1;
     margin-top: -5px;
   }

   .shadowed td div {
     font-family: arial narrow; 
     font-size: 9px; 
     line-height: 0px; 
     color: #D7D7D7; 
     text-shadow: 3px 3px 1px #fff; 
     margin-top: 5px; 
     display: none;
   }

   .meta {
     visibility:visible; 
     font-size: 6.5px; 
     padding:0px;
   } 

   .index {
     visibility:visible;
   } 

   a.index {
     visibility: visible; 
     font-family: comments; 
     font-size: 5px; 
     line-height: 7px; 
     letter-spacing: 1px; 
     text-transform: uppercase;
     text-decoration: none;
     border: 0;
     background: transparent !important;
   }

   table table table td.meta {
     color:transparent; 
     font-size:0px; 
     line-height:0px;
   }

   p table.entrybox table table td.meta, table table table td.meta a {
     font-family: arial narrow, sans-serif; 
     font-size:7px; 
     text-transform:uppercase; 
     line-height:9px; 
     padding:0px; 
     letter-spacing:1px; 
     margin-top:-13px;
   }

   table table table table td.meta a {
     font-family: arial narrow, sans-serif; 
     font-size: 7px; 
     line-height: 11px; 
     font-style: italic; 
     letter-spacing: 1px; 
     text-transform: uppercase; 
     padding-left: 2px;
     top: 12px;
     position: relative;
   }

   p table table table td.meta {
     font-family: arial narrow, sans-serif; 
     font-size: 7px; 
     line-height: 9px; 
     letter-spacing: 1px; 
     text-transform: uppercase;
   }

   .shadowed img {
     border-radius: 100px; 
     box-shadow:0 0 1px #ccc; 
     padding:2px; 
     height:40px; 
     width:40px; 
     margin-top: -5px; 
     margin-bottom: -5px; 
     filter: grayscale(100%);
   }

   a {
     color: #dca8f5; 
     text-decoration: none; 
     border-style: solid; 
     border-width: 0 0 2px 0;     
     -webkit-border-image: -webkit-linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);    
     -moz-border-image: -moz-linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%); 
     -o-border-image: -o-linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);  
      border-image: linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%) 100% 1;
    }

   a:hover {
      color: #7c9090; 
      text-decoration: none; 
      border-bottom: 1px solid #34df98;
      background-image: linear-gradient(225deg, #E3FDF5 0%, #FFE6FA 100%);
   }

   p table table td.caption {
     font-family: arial narrow; 
     font-size: 6.5px; 
     line-height: 7px; 
     letter-spacing: 1px; 
     text-transform: uppercase; 
     font-style: italic; 
     color: #D7D7D7; 
     margin-bottom: -5px; 
     padding: 0px; 
     padding-left: 3px; 
     padding-top: 2px;
   }

   .comments {
     font-family: arial narrow, sans-serif;
     font-size: 7px;
     line-height: 7px;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding-bottom:2px;
     background: linear-gradient(to right, #e8f9f68c 50%, #dca8f512 100%);
   }

   .comments a {
     border-bottom: 0px;
     transition: all 300ms ease-in-out;
   }

   .comments a:hover {
     color: #67dcb8;
   }

   .comments b {
     transition: all .2s;
     text-decoration: none;
     font-family: comments;
     font-weight: normal !important;
     position: absolute;
     overflow: hidden;
     margin: 0 -50 3;
     padding: 0 0 2px;
   }

   .comments b::before {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 2px;
     background: currentcolor;
     -webkit-transform: translateX(-110%);
     transform: translateX(-110%);
     transition: -webkit-transform 1s ease;
     transition: transform 1s ease;
     transition: transform 1s ease, -webkit-transform 1s ease;
   }

   .comments b:hover::before {
     -webkit-transform: translateX(110%);
     transform: translateX(110%);
   }

   .entrybox td.index {
     font-family:arial narrow, sans-serif; 
     font-size:6.5px; 
     line-height:7px; 
     letter-spacing:1px; 
     text-transform:uppercase; 
     color:#FBFBFB; 
     background-color:#; 
     padding:0 2 0 0; 
     padding-left: 3px;
   } 

   .entrybox td table td.index, tr.caption {
     visibility:hidden;
   }

   table table tr.caption, table table td.index {
     visibility: hidden;
   } 

   td.index {
     visibility: visible;
   } 

   tr.caption {
     display: visible;
   }

   .index img {
     width: 45px; 
     height: 45px;
   }

    .entrybox table table table td[align=center] {
     color:transparent; 
     font-size:0px;
   }

   .ljuser img {
     display:none;
   }

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

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

   .th {
     font-size:95%; 
     text-shadow:0 0 0.5px rgba(0,0,0,0.05); 
     font-smoothing: antialiased;
   }

   .signature {
     position: absolute;
     display: block !important;
     top: 25px;
     font-family: signature !important;
     font-size: 32px !important;
     letter-spacing: 0px !important;
     line-height: 10px !important;
     text-transform: lowercase !important; 
     color: #dca8f5 !important;
     text-shadow: 1px 0px 1px #FFFFFF !important;
     text-transform: none;
     font-weight: light;
     margin-left: 3px;
   }

   .signature:hover {
     background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%) !important;
   }

</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr>
<td align="right" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><i class="th th-stars-o"></i></a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

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

LASTN_OPT_ITEMS=>2

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

LASTN_WEBSITE=>   <div class="signature">username</div>