layout #1

FRIENDS_OPT_ITEMS=>50

FRIENDS_WEBSITE=>   <div class="signature">name here</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">
<link rel="stylesheet" href="https://soften.neocities.org/quakelove.css?family=quakelove">
<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: sans-serif;
     font-size: 9px;
     line-height: 10px;
     color: #acacac;
   }

   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: 35px;
     font-family: quakelove !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_OPT_ITEMS=>3

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

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

LASTN_WEBSITE=>   <div class="signature">name here</div>