Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--Fic Rec Page by drwtsn -
- do not use as base code -
- do not remove the credit-->
- <!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}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <style type="text/css">
- ::-webkit-scrollbar {
- width:8px;
- height:8px;
- background: #ffffff;
- }
- ::-webkit-scrollbar-thumb {
- border-top:3px solid #ffffff;
- border-right:3px solid #ffffff;
- background-color: #f6f6f6;
- }
- body {
- background:#ffffff;
- margin:0px;
- color:#828282;
- font-family:Calibri;
- font-size:10px;
- line-height:100%;
- }
- a:link, a:active, a:visited{
- color:#828282;
- text-decoration:none;
- opacity:1;
- -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
- }
- a:hover{
- color:#ececec;
- }
- #space {
- margin-top:250px;
- }
- /* sidebar */
- #sidebar {
- position:fixed;
- background:#f6f6f6;
- width:290px;
- height:100%;
- top:0;
- text-align:center;
- }
- #desc {
- position:fixed;
- width:200px;
- margin-top:250px;
- margin-left:45px;
- height:100%;
- top:0;
- text-align:center;
- }
- #tit {
- font-size:39px;
- letter-spacing:5px;
- padding-bottom:15px;
- text-transform:uppercase;
- font-style:italic;
- }
- #subtit {
- font-size:8px;
- letter-spacing:7px;
- text-transform:uppercase;
- font-style:italic;
- }
- #sidebar a {
- margin-bottom:300px;
- letter-spacing:1px;
- color:#f6f6f6;
- background:#828282;
- padding: 0px 3px;
- text-decoration:none;
- text-transform:uppercase;
- -webkit-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;transition: all 0.8s ease-out;
- }
- #sidebar a:hover {
- background:#5b5b5b;
- }
- #nav {
- position:fixed;
- background:#f6f6f6;
- width:290px;
- margin-top:400px;
- text-align:center;
- }
- #nav a {
- letter-spacing:1px;
- font-size:8px;
- font-style:italic;
- color:#828282;
- padding: 0px 3px;
- text-decoration:none;
- text-transform:uppercase;
- -webkit-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;transition: all 0.8s ease-out;
- }
- #nav a:hover {
- color:#f6f6f6;
- }
- /* content */
- table {
- width:500px;
- margin-left:300px;
- margin-bottom:10px;
- border-collapse:collapse;
- }
- table, td, th{
- border:1px solid #f6f6f6;
- }
- td {
- padding-left:5px;
- padding-right:5px;
- padding-top:3px;
- padding-bottom:3px;
- }
- #title {
- width:80px;
- text-align:center;
- padding:10px;
- }
- #rating {
- width:20px;
- text-align:center;
- background:#f6f6f6;
- }
- #info {
- vertical-align:top;
- opacity:0;
- border:1px solid #fff;
- padding-left:10px;
- width:120px;
- -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
- }
- #info2 {
- vertical-align:top;
- opacity:0;
- border:1px solid #fff;
- padding-left:10px;
- text-align:justify;
- -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
- }
- table:hover #info{
- opacity:1;
- }
- table:hover #info2{
- opacity:1;
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="desc">
- <div id="tit">fic rec</div>
- <div id="subtit">pairing </div>
- <br>
- <marquee behavior="scroll" direction="left" scrollamount="3" >YOUR UPDATES</marquee>
- <br><br><br>
- <div id="sidebar a"><a href="URL">LINK 1</a> <a href="URL">LINK 2</a> <a href="URL">LINK 3</a> <a href="URL">LINK 4</a>
- </div>
- </div>
- </div>
- <div id="nav"><a href="URL">blog</a> <a href="http://tumblr.com/">dash</a> <a href="http://drwtsn.tumblr.com/">credit </a></div>
- <div id="space"></div>
- <div id="table">
- <!-- for every fic you want to add coppy this code again -->
- <!-- here have the cute star symbol ☆ add a <br> after each star to make them vertical -->
- <table>
- <tr>
- <td id="title"><a href="URL">FIC TITLE</a></td>
- <td id="rating"><span style="color:#ffe100"><!-- RATING-->☆<br>☆<br>☆<br>☆<br>☆</span> </td>
- <td id="info"> INFO 1
- <td id="info2">INFO 2
- </td>
- <tr>
- </table>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement