Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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">
- <!--
- Page >> Reading to escape
- By >> Ruba [http://ru2.tumblr.com/]
- >> Free to use, to share and alter
- >> Please give credit.
- -->
- <head>
- <title>Reading to escape </title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {background-color:#e5e5e5;height:40px;}
- ::-webkit-scrollbar {height:0px;width:7px;background-color:#000;}
- body {font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
- font-size:10px;
- background-image:url('http://media.tumblr.com/tumblr_m2lvbiLPWC1qan8h1.png');
- color:#aaa;}
- a{text-decoration:none; color:#ff7591;}
- #novu {position:fixed; top:0px; left:0px; text-align:center; font-weight:700;}
- #foq{font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
- font-size:17px;
- float:left;
- padding-top:20px; padding-bottom:20px;
- background-color:#3b3d4e;
- letter-spacing:2px;
- border-right:5px solid;
- width:950px; Height:52px;
- text-align:left;
- padding-left:17px;
- color:#e4949e;}
- .zrr {float:left; padding-top:27px; padding-bottom:26px;
- font-size:10px;
- text-transform:uppercase;
- font-family:consolas;
- letter-spacing:2px;
- width:120px; Height:39px;
- border-right:5px solid;
- -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- #back {background-color:#96d9e0;
- color:#4f4980;}
- #back:hover {opacity:0.5;
- color:#fffff;}
- #ask {background-color:#ffe6d3;
- color:#3d5a66;}
- #ask:hover {opacity:0.5;
- color:#6fada0;}
- #content {margin-top:85px; margin-left:85px; overflow:auto;}
- .books {width:980px; Height:350px; margin-bottom:50px;}
- .book1 {margin-right:40px;
- text-align: right;
- width:240px; float:left; overflow:hidden;}
- .book2 {margin-right:40px; width:240px; float:left; overflow:hidden;}
- .text1 {float:left; margin-top:10px; margin-left:2px; margin-right:0px; width:230px; height:320px; -moz-border radius: 35px 0px 0px 35px; border-radius:35px 0px 0px 35px;
- text-align: justify; border-right:5px solid #ff7871;
- font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
- background-color:#fffaed;
- color:#6a586b;
- font-size:12px;
- padding:10px; overflow:auto;}
- .text2 {float:left; margin-top:10px; margin-left:2px; margin-right:0px; width:230px; height:320px; -moz-border radius: 0px 35px 35px 0px; border-radius: 0px 35px 35px 0px;
- text-align: justify;
- font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
- background-color:#fffaed;
- color:#6a586b;
- font-size:12px;
- padding:10px; overflow:auto;}
- .info {text-align:left;
- background-color:#fff8cc;
- color:#d17087;
- font-size:12px;}
- .cover {float:left;}
- .portrait {width:111px; margin-right:40px; Height:200px; margin:27px; margin-top:77px; border:4px solid #fff;}
- </style> </head> <body>
- <div id="novu"> <div id="foq">###TITLE###</div>
- <a href="/"><div class="zrr" id="back">Back home?</div></a> <a href="/ask"><div class="zrr" id="ask">Questions?</div></a> </div></div><p/> <div id="content">
- <!------------------------------- START/COPY TO ADD NEW BOOK -------------------------------!>
- <div class="books"><div class="cover">
- <img class="portrait" src="PHOTO URL FOR THE BOOK COVER HERE"/><br/></div>
- <td class="book1">
- <div class="text1">
- <span class="info">Title :</span> <a href="THE BOOK URL(GOODREADS?)">Book title</a> | book title2
- <br><br>
- <span class="info">By:</span> Author | Translator | Publisher
- <br><br>
- <span class="info">About: </span>
- </div>
- <td class="book2">
- <div class="text2">
- <span class="info">Rating: </span> ★★★☆☆
- <br/><br/><span class="info">Review: </span> Your review here
- <br>
- </td>
- </tr></div></div>
- <!------------------------------- END/ COPY TO ADD NEW BOOK -------------------------------!>
- </table> </div> </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement