Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--THEME BY JOSHDEVIN, PLEASE DO NOT USE AS A BASE OR REDISTRIBUTE IN ANYWAY.-->
- <!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}">
- <meta name="image:face" content=""/>
- <meta name="color:icon" content="#eeeeee"/>
- <meta name="color:text" content="#eeeeee"/>
- <div style="font-size: 11px; letter-spacing: 2px; float: right; position: fixed; bottom: 10px; right: 10px; color:{color:text};font-family:inconsolata;"><a href="http://joshdevin.tumblr.com">©<i>j</i>D</a></div>
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('fast');
- }); }); </script>
- <style type="text/css">
- ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
- ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
- body{
- font-family:calibri;
- font-size:11px;
- letter-spacing:1px;
- line-height:13px;
- background-image:url(http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo2_250.png);
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;
- text-decoration:none;
- }
- a:link, a:active, a:visited{
- color:#a8aeaf;
- text-decoration:none;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- a:hover{
- color:#797a7a;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- #container {
- width:250px;
- margin:0 auto;
- }
- #title {
- font-family: Futura, "Trebuchet MS", Arial, sans-serif;
- font-size:20px;
- letter-spacing:5px;
- width:1300px;
- color:#ccc;
- margin-top:100px;
- text-align:center;
- position:fixed;
- text-transform:uppercase;
- }
- #box {
- margin-top:130px;
- position:fixed;
- margin-left:517px;
- width:260px;
- }
- .story {
- font-family: 'Trebuchet MS';
- background-color:#eee;
- text-align:center;
- color:#fff;
- font-size:10px;
- line-height:240%;
- text-transform:uppercase;
- }
- .story:hover {
- background-color:#f2f2f2;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .about {
- font-family:calibri;
- text-transform:lowercase;
- font-size:9px;
- background:#f2f2f2;
- border:1px solid #eee;
- position:fixed;
- text-align:justify;
- line-height:140%;
- color:#A5A5A5;
- margin-left:-100px;
- padding:3px;
- opacity:0;
- width:90px;
- margin-top:-24px;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .story:hover .about {
- opacity:1;
- }
- .story:hover .chapters {
- opacity:1;
- }
- .chapters {
- font-family:calibri;
- text-transform:lowercase;
- font-size:9px;
- background:#f2f2f2;
- border:1px solid #eee;
- position:fixed;
- text-align:justify;
- line-height:140%;
- color:#A5A5A5;
- margin-left:262px;
- padding:3px;
- width:45px;
- opacity:0;
- margin-top:-24px;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .chapters a{
- border-bottom:1px solid #a8aeaf;
- line-height:150%;
- }
- </style>
- </head>
- <body>
- <div id="title">my writing</div>
- <div id="box">
- <div class="story">
- <a href="/">story #1</a>
- <div class="about"> put a description of the story here</div>
- <div class="chapters">
- <a href="/">chapter 1 </a>
- <a href="/">chapter 2 </a>
- <a href="/">chapter 3 </a>
- <a href="/">chapter 4 </a>
- <a href="/">chapter 5 </a>
- </div>
- </div>
- <br>
- <div class="story">
- <a href="/">story #2</a>
- <div class="about"> put a description of the story here</div>
- <div class="chapters">
- <a href="/">chapter 1 </a>
- <a href="/">chapter 2 </a>
- <a href="/">chapter 3 </a>
- <a href="/">chapter 4 </a>
- <a href="/">chapter 5 </a>
- </div>
- </div>
- <br>
- <div class="story">
- <a href="/">story #3</a>
- <div class="about"> put a description of the story here</div>
- <div class="chapters">
- <a href="/">chapter 1 </a>
- <a href="/">chapter 2 </a>
- <a href="/">chapter 3 </a>
- <a href="/">chapter 4 </a>
- <a href="/">chapter 5 </a>
- </div>
- </div>
- <br>
- <div class="story">
- <a href="/">story #4</a>
- <div class="about"> put a description of the story here</div>
- <div class="chapters">
- <a href="/">chapter 1 </a>
- <a href="/">chapter 2 </a>
- <a href="/">chapter 3 </a>
- <a href="/">chapter 4 </a>
- <a href="/">chapter 5 </a>
- </div>
- </div>
- <br>
- <div class="story">
- <a href="/">story #5</a>
- <div class="about"> put a description of the story here</div>
- <div class="chapters">
- <a href="/">chapter 1 </a>
- <a href="/">chapter 2 </a>
- <a href="/">chapter 3 </a>
- <a href="/">chapter 4 </a>
- <a href="/">chapter 5 </a>
- </div>
- </div>
- <br>
- <div class="story">
- <a href="/">story #6</a>
- <div class="about"> put a description of the story here</div>
- <div class="chapters">
- <a href="/">chapter 1 </a>
- <a href="/">chapter 2 </a>
- <a href="/">chapter 3 </a>
- <a href="/">chapter 4 </a>
- <a href="/">chapter 5 </a>
- </div>
- </div>
- <br>
- <div class="story">
- <a href="/">story #7</a>
- <div class="about"> put a description of the story here</div>
- <div class="chapters">
- <a href="/">chapter 1 </a>
- <a href="/">chapter 2 </a>
- <a href="/">chapter 3 </a>
- <a href="/">chapter 4 </a>
- <a href="/">chapter 5 </a>
- </div>
- </div>
- <br>
- <div class="story">
- <a href="/">story #8</a>
- <div class="about"> put a description of the story here</div>
- <div class="chapters">
- <a href="/">chapter 1 </a>
- <a href="/">chapter 2 </a>
- <a href="/">chapter 3 </a>
- <a href="/">chapter 4 </a>
- <a href="/">chapter 5 </a>
- </div>
- </div>
- <br>
- <div class="story">
- <a href="/">story #9</a>
- <div class="about"> put a description of the story here</div>
- <div class="chapters">
- <a href="/">chapter 1 </a>
- <a href="/">chapter 2 </a>
- <a href="/">chapter 3 </a>
- <a href="/">chapter 4 </a>
- <a href="/">chapter 5 </a>
- </div>
- </div>
- <br>
- <div class="story">
- <a href="/">story #10</a>
- <div class="about"> put a description of the story here</div>
- <div class="chapters">
- <a href="/">chapter 1 </a>
- <a href="/">chapter 2 </a>
- <a href="/">chapter 3 </a>
- <a href="/">chapter 4 </a>
- <a href="/">chapter 5 </a>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement