topshopandtea

h i a t u s

Aug 17th, 2013
590
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.77 KB | None | 0 0
  1. <!--HIATUS THEME BY HOGWAT-->
  2.  
  3. <head>
  4.  
  5.  
  6. <link rel="shortcut icon" href="{favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{rss}">
  8.  
  9. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41.  
  42. <link rel="shortcut icon" href="{favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{rss}">
  44.  
  45. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  46. <script type="text/javascript"
  47. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  48. <script>
  49. $(document).ready(function() {
  50. //
  51. $('a.poplight[href^=#]').click(function() {
  52. var popID = $(this).attr('rel'); //Get Popup Name
  53. var popURL = $(this).attr('href'); //Get Popup href to define size
  54. var query= popURL.split('?');
  55. var dim= query[1].split('&');
  56. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  57. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  58. var popMargTop = ($('#' + popID).height() + 80) / 2;
  59. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  60. //Apply Margin to Popup
  61. $('#' + popID).css({
  62. 'margin-top' : -popMargTop,
  63. 'margin-left' : -popMargLeft
  64. });
  65. $('body').append('<div id="fade"></div>');
  66. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  67. return false;
  68. });
  69. $('a.close, #fade').live('click', function() {
  70. $('#fade , .popup_block').fadeOut(function() {
  71. $('#fade, a.close').remove(); //fade them both out
  72. });
  73. return false;
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79. <style type="text/css">
  80.  
  81. ::-webkit-scrollbar-track {background-color:#fff;}
  82. ::-webkit-scrollbar-thumb {background-color:#000; border:1px solid #fff;}
  83. ::-webkit-scrollbar {width:5px;height:5px;}
  84.  
  85.  
  86. body
  87. {font-family: times;
  88. font-size: 11px;
  89. color: #000;
  90. background-position: fixed;
  91. background-attachment:fixed;
  92. background-repeat:repeat;
  93. background-color:#000;}
  94.  
  95. a:link, a:active, a:visited{
  96. color: #777777;
  97. text-decoration: none;
  98.  
  99. }
  100.  
  101. /*THIS CONTROLS YOUR MESSAGE*/
  102.  
  103. #fade { /*--Transparent background layer--*/
  104. display: none; /*--hidden by default--*/
  105. background: #000;
  106. position: fixed; left: 0; top: 0;
  107. width: 100%; height: 100%;
  108. opacity: .80;
  109. z-index: 9999;
  110. }
  111. .popup_block{
  112. display: none; /*--hidden by default--*/
  113. background: #fff;
  114. padding: 20px;
  115. border: 1px solid #ddd;
  116. float: left;
  117. position: fixed;
  118. top: 50%; left: 50%;
  119. z-index: 99999;
  120. font-family:consolas;
  121. }
  122.  
  123. *html #fade {
  124. position: absolute;
  125. }
  126. *html .popup_block {
  127. position: absolute;
  128. }
  129.  
  130. /*THIS CONTROLS YOUR ASK FYI*/
  131. #fade { /*--Transparent background layer--*/
  132. display: none; /*--hidden by default--*/
  133. background: #000;
  134. position: fixed; left: 0; top: 0;
  135. width: 100%; height: 100%;
  136. opacity: .80;
  137. z-index: 9999;
  138. }
  139. .popup_block{
  140. display: none; /*--hidden by default--*/
  141. background: #fff;
  142. padding: 20px;
  143. border: 1px solid #ddd;
  144. float: left;
  145. position: fixed;
  146. top: 50%; left: 50%;
  147. z-index: 99999;
  148. }
  149.  
  150. *html #fade {
  151. position: absolute;
  152. }
  153. *html .popup_block {
  154. position: absolute;
  155. }
  156.  
  157.  
  158.  
  159.  
  160. #mssg{
  161. font-family:times;
  162. color:#fff;
  163. font-size:30px;
  164. margin-top:300px;
  165. width:500px;
  166. text-align:center;
  167. margin-left:400px;
  168. font-style:italic;
  169. }
  170.  
  171. #note{
  172. width:500px;
  173. margin-left:400px;
  174. margin-top:10px;
  175. font-size:11px;
  176. font-family:consolas;
  177. text-align:center;
  178. color:#fff;
  179. }
  180.  
  181. #note a{
  182. color:#fff;
  183. }
  184.  
  185.  
  186.  
  187. </style>
  188.  
  189. <!--THIS IS WHERE YOUR MESSAGE GOES-->
  190.  
  191. <div id="01" class="popup_block">
  192.  
  193. Hi guys, I decided to go on hiatus for a while cause I have school and homework and I wanna win some awards. Please don't unfollow me. (I should hope not)
  194. <p>
  195. Besides, I'm going through some tough times and I need some sort of guidance. I've asked for help, and I thought maybe a short hiatus will do me some good.
  196.  
  197. </div></div>
  198.  
  199. <!--THIS IS WHERE THE ASK IS -->
  200.  
  201. <div id="02" class="popup_block">
  202.  
  203. Leave me a message?
  204. <p>
  205.  
  206. <iframe frameborder="0" height="190" scrolling="yes" src="http://www.tumblr.com/ask_form/YOURURL.tumblr.com" width="500"></iframe>
  207. <!--CHANGE YOURURL TO YOUR OWN-->
  208.  
  209. </div></div>
  210.  
  211. <div id="mssg">your url has gone on hiatus</div>
  212.  
  213. <div id="note">
  214. <a href="#?w=500" rel="01" class="poplight">Her message</a> |
  215. <a href="#?w=500" rel="02" class="poplight">Leave a note</a> |
  216. <a href="/">LINK</a> |
  217. <a href="/">LINK</a>
  218. </div>
  219.  
  220.  
  221.  
  222.  
  223.  
  224. <div style="font-size: 8px; font-family: times new roman; font-style:italic;letter-spacing: 1px; float: left; position: fixed; padding: 2 4 2 5; bottom: 13px; right: 14px; background: #000; text-transform:lowercase; font-size:9; color:#fff;"><a href="http://hogwat.tumblr.com/">HOGWAT</a></div>
  225.  
  226. </body>
  227. </html>
Advertisement
Add Comment
Please, Sign In to add comment