- <!--
- Page 02: Family
- by sakurane - (sakurane.tumblr.com)
- ----------------------------------------------------------------------
- TERMS OF USAGE
- 1. Do not remove the credit. (You may move it to a credits page.)
- 2. Do not use as a base code.
- 3. Do not take any part of the code.
- 4. Do not redistribute.
- 5. Do not claim as your own.
- 6. You may customize to your liking, but keep the credit intact.
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <style>
- ::-webkit-scrollbar-thumb:vertical {
- height: 100px;
- background: #000;
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 10px;
- background: #fff;
- }
- body {
- background: #fff url(http://static.tumblr.com/6hsqxdt/QJxm8pjx8/light03.png) repeat fixed;
- margin: 0;
- }
- a {
- color: #eee;
- text-decoration: none;
- }
- #sidebar {
- position: fixed;
- width: 200px;
- height: 100%;
- padding: 20px;
- background: #fff url(http://static.tumblr.com/6hsqxdt/MIMm8pjvy/wood03.png) repeat fixed;
- border-right: 1px dotted #000;
- }
- #sb {
- margin-top: 70%;
- }
- h1 {
- font: 18px consolas;
- color: #fff;
- text-align: center;
- }
- .desc {
- font: 8px lucida console;
- color: #555;
- text-transform: uppercase;
- letter-spacing: 1px;
- text-align: center;
- padding: 10px;
- background: #eee;
- border: 1px solid #434343;
- border-radius: 5px;
- -moz-border-radius: 5px;
- }
- #nav {
- text-align: center;
- }
- #nav a {
- width: 50px;
- font: 8px lucida console;
- color: #000;
- text-align: center;
- display: inline-block;
- background: #fff;
- border: 1px solid #434343;
- padding: 2px;
- margin: 5px;
- }
- #family {
- width: 900px;
- position: absolute;
- left: 300px;
- top: 80px;
- padding-bottom: 80px;
- }
- #family img {
- width: 50px;
- height: 50px;
- background: #fff;
- padding: 5px;
- border-radius: 3px;
- -moz-border-radius: 3px;
- }
- img a {
- border: none;
- }
- #famtable {
- width: 250px;
- background: #111;
- border: 1px solid #434343;
- padding: 10px;
- display: inline-block;
- margin: 5px;
- }
- #famtd {
- width: 180px;
- font: 10px lucida console;
- color: #eee;
- text-align: center;
- }
- .charaname {
- font: bold 15px consolas;
- color: #fff;
- text-transform: uppercase;
- border-bottom: 1px dotted #eee;
- }
- </style>
- </head><body>
- <div id="sidebar">
- <div id="sb">
- <h1>Title</h1>
- <div class="desc">Description here.</div>
- <div id="nav"><a href="/">return</a><a href="/ask">join?</a><a href="http://sakurane.tumblr.com">credit</a></div>
- </div>
- </div>
- <div id="family">
- <table id="famtable">
- <tr>
- <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="http://static.tumblr.com/6hsqxdt/iZum8pl6n/dfav.gif"></a></td>
- <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
- </tr>
- </table>
- <table id="famtable">
- <tr>
- <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="http://static.tumblr.com/6hsqxdt/iZum8pl6n/dfav.gif"></a></td>
- <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
- </tr>
- </table>
- <table id="famtable">
- <tr>
- <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="http://static.tumblr.com/6hsqxdt/iZum8pl6n/dfav.gif"></a></td>
- <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
- </tr>
- </table>
- <table id="famtable">
- <tr>
- <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="CHARACTERIMAGEURL"></a></td>
- <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
- </tr>
- </table>
- <table id="famtable">
- <tr>
- <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="CHARACTERIMAGEURL"></a></td>
- <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
- </tr>
- </table>
- <table id="famtable">
- <tr>
- <td><a href="MEMBERTUMBLRURLHERE" title="MEMBERNAMEHERE"><img src="CHARACTERIMAGEURL"></a></td>
- <td id="famtd"><font class="charaname">CHARACTER NAME</font><br><i>SERIES NAME</i></td>
- </tr>
- </table>
- </div>
- </body></html>

