sherloeckchen

theme #14

Mar 21st, 2013
3,589
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.95 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  8.  
  9. </head>
  10.  
  11. <style type="text/css">
  12.  
  13. ::-webkit-scrollbar-thumb:vertical{
  14. background-color:black;
  15. border-left:5px solid white;
  16. }
  17.  
  18. ::-webkit-scrollbar-thumb:horizontal{
  19. background-color:black;
  20. }
  21.  
  22. ::-webkit-scrollbar{
  23. height:5px;
  24. width:10px;
  25. background-color:white;
  26. }
  27.  
  28. ::-moz-selection, ::selection{
  29. background-color:black;
  30. color:white;
  31. }
  32.  
  33. body{
  34. background-color:white;
  35. font-family:times, serif;
  36. font-size:10px;
  37. letter-spacing:0px;
  38. color:#333;
  39. text-align:center;
  40. }
  41.  
  42. a, a:active, a:visited{
  43. text-decoration:none;
  44. -webkit-transition:0.5s ease-in;
  45. -moz-transition:0.5s ease-in;
  46. -o-transition:0.5s ease-in;
  47. transition:0.5s ease-in;
  48. color:black;
  49. text-transform:uppercase;
  50. letter-spacing:1px;
  51. font-size:7px;
  52. padding:5px;
  53. }
  54.  
  55. a:hover{
  56. color:black;
  57. }
  58.  
  59. div{
  60. width:400px;
  61. margin:150px auto 0px;
  62. }
  63.  
  64. h1{
  65. letter-spacing:-2px;
  66. font-style:italic;
  67. text-align:center;
  68. font-size:40px;
  69. margin-bottom:15px;
  70. }
  71.  
  72. .ask{
  73. margin-top:50px;
  74. }
  75.  
  76. .sub{
  77. width:250px;
  78. margin:20px auto 0px;
  79. max-height:100px;
  80. overflow:auto;
  81. text-align:justify;
  82. }
  83.  
  84. </style>
  85. <body><div>
  86.  
  87. <h1>i'm on hiatus</h1>
  88.  
  89. <a href="/archive">archive</a>
  90.  
  91. <!-- delete this if you don't want the pop up --> |
  92.  
  93. <script type="text/javascript">
  94. jQuery(document).ready(function() {
  95. jQuery(".sub").hide();
  96. //toggle the componenet with class msg_body
  97. jQuery(".cthrough").click(function()
  98. {
  99. jQuery(this).next(".sub").slideToggle(500);
  100. });});
  101. </script>
  102.  
  103. <a class="cthrough" href="#">why?</a>
  104.  
  105. <div class="sub">
  106.  
  107. I had always heard your entire life flashes in front of your eyes the second before you die. You have no idea what I'm talking about, I'm sure. But don't worry... you will someday. I had always heard your entire life flashes in front of your eyes the second before you die. You have no idea what I'm talking about, I'm sure. But don't worry... you will someday. I had always heard your entire life flashes in front of your eyes the second before you die. You have no idea what I'm talking about, I'm sure. But don't worry... you will someday. I had always heard your entire life flashes in front of your eyes the second before you die. You have no idea what I'm talking about, I'm sure. But don't worry... you will someday.
  108.  
  109. </div> <!-- until here -->
  110.  
  111. <div class="ask"><iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/YOURURL.tumblr.com" width="100%"></iframe>
  112. <script type="text/javascript">// <![CDATA[
  113. // <![CDATA[
  114. // <![CDATA[
  115. document.getElementById('ask_form').allowTransparency=true;
  116. // ]]]]]]><![CDATA[><![CDATA[>
  117. // ]]]]><![CDATA[>
  118. // ]]></script></div>
  119.  
  120. </div></body>
  121. </html>
Advertisement
Add Comment
Please, Sign In to add comment