Fic Rec 01

<!--

Fanfic Rec 01 by

╱╭╮╱╱╱╱╱╱╱╱╱╭╮╱╱╭╮
╭╯╰╮╱╱╱╱╱╱╱╱┃┃╱╭╯╰╮
╰╮╭┫╭╮╭┳━━┳━┫┃╭╋╮╭╋━╮╭━━┳━┳━┳╮╱╭╮
╱┃┃╰╯╰╯┃┃━┫╭┫╰╯╋┫┃┃╭╮┫╭╮┃╭┫╭┫┃╱┃┃
╱┃╰╮╭╮╭┫┃━┫┃┃╭╮┫┃╰┫┃┃┃╭╮┃┃┃┃┃╰━╯┃
╱╰━┻╯╰╯╰━━┻╯╰╯╰┻┻━┻╯╰┻╯╰┻╯╰╯╰━╮╭╯
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯

aka ashley

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Just+Another+Hand' rel='stylesheet' type='text/css'>

<style type="text/css">

/* --- SCROLLBAR ---*/

::-webkit-scrollbar {
width: 5px;height: 5px;}
::-webkit-scrollbar-track-piece {
background-color: #000;
border-left:2px solid #fff;
border-right:2px solid #fff;}
::-webkit-scrollbar-thumb:vertical {
height: 9px;background-color: #000;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}


/* --- BODY ---*/

body {background: #ffffff;margin:0px;color:#A3A3A3;font-family:Calibri;font-size:9px;line-height:100%;}

a {text-decoration:none;outline:none;-moz-outline-style:none;color:#b8b8b8; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}

img {border:none;}

blockquote {padding-left:5px;border-left:2px solid;}

blockquote blockquote {padding-left:5px;border-left:2px solid;}

h1 {font-size:9px;text-transform:uppercase;}

a:hover {opacity:10;color:#f2f2f2;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}

#sidebar {width:100px;height: 100px;position:fixed;margin-left:500px;margin-top:-60px;opacity:1;}

#box {width: 100%; height: 56px;margin-top:-60px;margin-left: 0px;position:fixed;background-color: #000; border-bottom: 3px solid #E6E6E6;}

.links {width:350px; height:5px;padding: 9px;font-family:'candara';text-align:center;margin-top:25px;margin-left:-170px;text-transform:lowercase;word-spacing:20px;position:fixed;padding-bottom:7px; font-style: italic;}

.links a {font-size: 16px; word-spacing:2px; color: #fff;}

.links a:hover {color:#f2f2f2; letter-spacing: 2px; text-decoration: underline;}

.links2 {width:350px; height:5px;padding: 9px;font-family:'candara';text-align:center;margin-top:25px;margin-left:165px;text-transform:lowercase;word-spacing:20px;position:fixed;padding-bottom:7px; font-style: italic;}

.links2 a {font-size: 16px; word-spacing:2px; color: #fff;}

.links2 a:hover {color:#f2f2f2; letter-spacing: 2px; text-decoration: underline;}

#titlee {position:fixed;font-family:Bad Script;line-height:90%;font-size:30px;width:350px;margin-top:10px;padding:8px;margin-left:0px;text-align:center;color:#fff; text-transform:uppercase; text-shadow: 1px 1px #40D6FF;}

#table {margin-top: 60px; margin-left: 190px; font-size: 12px; font-family: candara; text-align: center; line-height:100%; class:bordered;}

#titletitle {font-size: 14px; font-family: candara; text-align: center; color: #fff; background-color: #000; width: 100px; padding:8px; padding-right: 30px; padding-left:30px;}

#ratetitle {font-size: 14px; font-family: candara; text-align: center; color: #fff; background-color: #000; width: 50px; padding:8px; padding-right: 30px; padding-left:30px;}

#shiptitle {font-size: 14px; font-family: candara; text-align: center; color: #fff; background-color: #000; width: 70px; padding:8px; padding-right: 30px; padding-left:30px;}

#summarytitle {font-size: 14px; font-family: candara; text-align: center; color: #fff; background-color: #000; width: 350px; padding:8px; padding-right: 30px; padding-left:30px;}

#title {font-size: 15px; font-family: candara; font-style:italic; text-decoration:underline; color: #40D6FF; text-align: center;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}

#title:hover {color: #f2f2f2; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}

 #rate {width:110px; text-align:center;}

 #ship {width:130px; text-align:center;}

#summary {font-size: 12px; font-family: candara; text-align: center; width:385px; padding-left: 10px;}

/*-------------DON'T TOUCH-------------*/

#poop {padding: 2px; font-color:#000; position:fixed; text-align: right; bottom:-22px; right:3px; line-height:120%; font-size:18px;  letter-spacing:1px; font-family:just another hand;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; }

#poop a {color: #000;}

#poop:hover {
bottom:2px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;
}

/*-------------------------------------*/


{CustomCSS}</style></head><body>

<div id="table">
<table style="float:left; border="1" cellspacing="35" >
<tr>

<td><div id="titletitle">Title</div></td>
<td><div id="ratetitle">Rating</div></td>
<td><div id="shiptitle">Main Ship</div></td>
<td><div id="summarytitle">Summary</div></td>
</tr>

<!--- Here is where you enter the information. Each section is a different fan fic. The titles link to where the fanfic can be read, put the link in the quotations after <a href= and then replace Fic Title with the title of the fanfic ((obviously)).
Where it says rating you can put like if its smut or fluff or whatever idk.
Where it says Ship Name replace that with what "couple" the fanfic is about. And then, replace the "summary" with an actual summary of the fanfic.--->


<!--- fan fic #1--->
<tr>
<td><a href="/"><div id="title">Fic Title</div></a></td>
<td><div id="rate">Rating</div></td>
<td><div id="ship">Ship Name</div></td>
<td><div id="summary">Here you can write a summary of what the fanfic is about, I don't know what length it should be yet that's why I'm typing this out to see what it will look like when it's long like whats going to happen ooohhhh</div></td>
</tr>

<!--- fan fic #2--->
<tr>
<td><a href="/"><div id="title">Fic Title</div></a></td>
<td><div id="rate">Rating</div></td>
<td><div id="ship">Ship Name</div></td>
<td><div id="summary">Here you can write a summary of what the fanfic is about, I don't know what length it should be yet that's why I'm typing this out to see what it will look like when it's long like whats going to happen ooohhhh</div></td>
</tr>

<!--- fan fic #3--->
<tr>
<td><a href="/"><div id="title">Fic Title</div></a></td>
<td><div id="rate">Rating</div></td>
<td><div id="ship">Ship Name</div></td>
<td><div id="summary">Here you can write a summary of what the fanfic is about, I don't know what length it should be yet that's why I'm typing this out to see what it will look like when it's long like whats going to happen ooohhhh</div></td>
</tr>

<!--- fan fic #4--->
<tr>
<td><a href="/"><div id="title">Fic Title</div></a></td>
<td><div id="rate">Rating</div></td>
<td><div id="ship">Ship Name</div></td>
<td><div id="summary">Here you can write a summary of what the fanfic is about, I don't know what length it should be yet that's why I'm typing this out to see what it will look like when it's long like whats going to happen ooohhhh</div></td>
</tr>

<!--- fan fic #5--->
<tr>
<td><a href="/"><div id="title">Fic Title</div></a></td>
<td><div id="rate">Rating</div></td>
<td><div id="ship">Ship Name</div></td>
<td><div id="summary">Here you can write a summary of what the fanfic is about, I don't know what length it should be yet that's why I'm typing this out to see what it will look like when it's long like whats going to happen ooohhhh</div></td>
</tr>

<!--- fan fic #6--->
<tr>
<td><a href="/"><div id="title">Fic Title</div></a></td>
<td><div id="rate">Rating</div></td>
<td><div id="ship">Ship Name</div></td>
<td><div id="summary">Here you can write a summary of what the fanfic is about, I don't know what length it should be yet that's why I'm typing this out to see what it will look like when it's long like whats going to happen ooohhhh</div></td>
</tr>

<!--- fan fic #7--->
<tr>
<td><a href="/"><div id="title">Fic Title</div></a></td>
<td><div id="rate">Rating</div></td>
<td><div id="ship">Ship Name</div></td>
<td><div id="summary">Here you can write a summary of what the fanfic is about, I don't know what length it should be yet that's why I'm typing this out to see what it will look like when it's long like whats going to happen ooohhhh</div></td>
</tr>


<!--- fan fic #8--->
<tr>
<td><a href="/"><div id="title">Fic Title</div></a></td>
<td><div id="rate">Rating</div></td>
<td><div id="ship">Ship Name</div></td>
<td><div id="summary">Here you can write a summary of what the fanfic is about, I don't know what length it should be yet that's why I'm typing this out to see what it will look like when it's long like whats going to happen ooohhhh</div></td>
</tr>

<!--- if you want more fics just copy the sections again from <tr> to </tr> --->

</table>
</div></div>

<div id="box"></div>

<div id="sidebar">

<div id="titlee">
fanfic recs;
</div>

<!--- here is where you enter,change, or remove the links in the header --->

<div class="links">
<a href="/">back</a>
<a href="/ask">message</a>
</div>
<div class="links2">
<a href="http://www.tumblr.com/dashboard">dashboard</a>
<!--- this is an extra link you can link to your navi or something or if you write your own fanfics you can link it to there or like your wattpad or something???? if u dont want it just delete it --->
<a href="/">link</a>
</div>

<div id="poop">
<a href="http://twerkitnarry.tumblr.com/">▲▼<br>TWERKITNARRY</a>
</div>


</body></html>