Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <!--Page by intrins-themes.tumblr.com-->
- <style type="text/css">
- iframe#tumblr_controls{position:fixed !important;}
- /*Change URL inside parentheses below to change background image. Remove everything after color:#fff to remove image.*/
- body{background:#fff url('http://static.tumblr.com/iuggpng/us3m08b0y/dottedmanywhite.png'); margin:0px; font-size:11px; font-family:consolas; color:#aaa;}
- a{text-decoration:none; outline:none; color:#aaa;}
- img{border:none;}
- #header{top:60px; left:130px; position:fixed; color:#000; font-size:30px; font-family:consolas; text-transform:uppercase;}
- #box{top:100px; left:130px; position:fixed; width:570px; height:500px; background:#fff; overflow:auto;}
- .a{width:230px; height:200px; margin:20px 0px 0px 20px; padding:10px; background:#eee; overflow:auto; display:inline-block;}
- .head{font-size:18px; text-transform:uppercase;}
- .a a{display:inline-block; -moz-outline-style:none; color:#aaa; padding-left:2px; transition:0.4s; -moz-transition:0.4s;}
- .a a:hover{border-left:20px solid #7feff5; transition:0.4s; -moz-transition:0.4s;}
- #links{top:110px; left:100px; position:fixed;}
- .home, .ask, .past{width:14px; height:14px; margin:0px 0px 10px 0px; display:inline-block; transition:0.4s; -moz-transition:0.4s;}
- /*Change background property below to change color of main links & lines*/
- #linea, .home{background:#F57FF3;}
- #lineb, .ask{background:#7FEFF5;}
- #linec, .past{background:#F5F57F;}
- .home:hover, .ask:hover, .past:hover{margin-left:-20px;}
- .one, .two, .three{visibility:hidden; padding-left:16px;}
- .home:hover .one{visibility:visible;}
- .ask:hover .two{visibility:visible;}
- .past:hover .three{visibility:visible;}
- #linea, #lineb, #linec{top:-60%; left:100%; width:20px; height:200%; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); position:fixed;}
- #lineb{margin-top:20px; margin-left:20px;}
- #linec{margin-top:40px; margin-left:40px;}
- .sos{bottom:10px; left:20px; background:#fff; padding:4px; font-size:16px; font-family:times new roman; position:fixed; color:#aaa;}
- {CustomCSS}</style></head><body>
- <!--Remove these 3 divs to remove corner stripes-->
- <div id="linea"></div>
- <div id="lineb"></div>
- <div id="linec"></div>
- <a href="http://intrins-themes.tumblr.com" class="sos" title="intrins themes">○</a>
- <div id="header">tag list</div>
- <div id="links">
- <a href="/" class="home"><div class="one">home</div></a><br>
- <a href="/ask" class="ask"><div class="two">ask</div></a><br>
- <a href="/archive" class="past"><div class="three">past</div></a><br>
- </div>
- <div id="box">
- <div class="a"><div class="head">category #1</div>
- <br>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- </div>
- <div class="a"><div class="head">category #2</div>
- <br>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- </div>
- <div class="a"><div class="head">category #3</div>
- <br>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- </div>
- <div class="a"><div class="head">category #4</div>
- <br>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- </div>
- <!--Copy/paste the code in quotations below (NOT including the quotations) right above this comment if you want more categories:
- "<div class="a"><div class="head">category here</div>
- <br>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- <p><a href="/tagged/TAGHERE">#tag</a></p>
- </div>"
- -->
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement