Advertisement
sprockett

Page #1: Orion

Feb 14th, 2014
322
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.27 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4.  
  5. <!--Page by intrins-themes.tumblr.com-->
  6.  
  7. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  10. </script>
  11. <script>
  12. $(document).ready(function(){
  13. $(".b").hide();
  14. $(".alpha").click(function(){
  15. $(".b").slideUp();
  16. $(".a").slideDown();
  17. });
  18. $(".omega").click(function(){
  19. $(".a").slideUp();
  20. $(".b").slideDown();
  21. });
  22. });
  23. </script>
  24. <style type="text/css">
  25.  
  26. body{background:url('http://25.media.tumblr.com/tumblr_m0leqeWfjP1r9g6hvo2_400.png'); margin:0px; font-size:10px; font-family:arial; color:#000;}
  27. a{text-decoration:none; outline:none; -moz-outline-style:none; color:#8a0852;}
  28. a:hover{color:transparent; text-shadow: 2px 0px 1px rgba(223, 150, 150, 1), -2px 0px 1px #759c97;}
  29. i{color:#759c97;}
  30. img{border:none;}
  31. hr{border:0px; height:1px; background:#e6e685;}
  32.  
  33. .a, .b{top:100px; left:250px; width:500px; padding:10px; background:#FFFFC9; border-radius:10px; -moz-border-radius:10px; border:1px dashed #E6E685; position:fixed;}
  34.  
  35.  
  36. .head{text-shadow: 2px 0px 0px rgba(223, 150, 150, 1), -2px 0px 0px #759c97; text-transform:uppercase; color:transparent; font-family: 'Josefin Sans', sans-serif; font-size:18px; text-align:right; z-index:1;}
  37.  
  38. .tag{background:#f3a2a1; width:100%; border:1px solid rgba(223, 150, 150, 1); margin:5px 0px 5px 0px;padding-top:2px; padding-bottom:2px; text-align:center;}
  39.  
  40. #back{top:70px; left:260px; font-size:20px; text-transform:uppercase; font-family: 'Josefin Sans', sans-serif; position:fixed;}
  41. #back a{color:rgba(223, 150, 150, 1);}
  42.  
  43. #mugi{top:40%; left:760px; position:fixed;}
  44.  
  45. #links {top:100px; left:100px; text-align:center; font-family: 'Josefin Sans', sans-serif; font-size:20px; text-transform:uppercase; position:fixed;}
  46. #links a{width:100px; display:inline-block; border-bottom:1px solid #ffebd0; margin-bottom:10px; padding:5px; cursor:crosshair;}
  47.  
  48. .sos{bottom:10px; left:20px; background:#fff; padding:4px; font-size:16px; font-family:times new roman; position:fixed; color:#aaa;}
  49.  
  50. {CustomCSS}</style></head><body>
  51.  
  52. <div class="a">
  53. <div class="head">header</div><hr>
  54. Talk about yourself here.
  55. <div class="head">header</div><hr>
  56. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum magna non justo accumsan lobortis. Fusce non justo id massa feugiat fermentum. Nunc ac imperdiet nisl, vitae sodales dolor. Duis sed mattis nunc, ac vulputate justo. Sed et leo nec nisi pulvinar venenatis a lobortis lacus. Mauris vitae euismod orci, sed malesuada mauris. Sed lacinia ullamcorper magna, sed pretium lacus consequat sit amet.
  57.  
  58. <p><i>Morbi sed tellus augue.</i> Etiam ullamcorper nunc at nibh fringilla venenatis. Mauris vel dictum eros. Cras congue, libero vitae ultricies mattis, elit elit commodo diam, eget rutrum diam neque at justo. Praesent convallis sapien ac erat convallis eleifend. Nunc ornare velit in sapien mollis tincidunt. Maecenas luctus nulla quis convallis auctor.</p>
  59. <div class="head">header</div><hr>
  60. Sed sit amet orci arcu. Etiam nec placerat purus, eget gravida nulla. Nam non diam dictum, pharetra elit quis, malesuada massa. Aliquam tortor turpis, ultricies non magna ut, accumsan facilisis odio.
  61.  
  62. <!--If you need even more headers, copy & paste <div class="head">header</div><hr> right above this note.-->
  63. </div>
  64.  
  65. <div class="b">
  66. <div class="head" style="width:0px;">header</div><hr>
  67. <a href="/tagged/TAGURLHERE"><p class="tag">#tags here</p></a>
  68. <a href="/tagged/TAGURLHERE"><p class="tag">#tags here</p></a>
  69. <div class="head">header</div><hr>
  70. <a href="/tagged/TAGURLHERE"><p class="tag">#tags here</p></a>
  71. </div>
  72. <!--Add more headers by copying & pasting <div class="head" style="width:0px;">header</div><hr> or <div class="head">header</div><hr> (alternate between the two - one has the header on the left and one on the right).-->
  73.  
  74. <div id="links"><a class="alpha">about</a><br><a class="omega">tag list</a></div>
  75.  
  76. <div id="back"><a href="/">▶home</a></div>
  77.  
  78. <div id="mugi"><img src="http://static.tumblr.com/qvjknra/puIn0yzex/manga.png"></div>
  79.  
  80. <a href="http://intrins-themes.tumblr.com" class="sos" title="intrins themes">○</a>
  81.  
  82. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement