API tools faq
paste
Advertisement
themesbyhaleigh

hiatus 3

themesbyhaleigh
Jul 15th, 2014
440
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.73 KB | None | 0 0
raw download clone embed print report
  1. <!-- hiatus by nerdydean. don't remove the credit. -->
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. <meta name="description" content="" />
  12. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  13.  
  14. <meta name="color:background" content="#ffffff">
  15. <meta name="color:link" content="#333333">
  16. <meta name="color:linkhover" content="#333333">
  17. <meta name="color:text" content="#333333">
  18. <meta name="color:scrollbar" content="#000000">
  19.  
  20. <meta name="text:ask title" content="askbox title">
  21. <meta name="text:your url" content="yoururl">
  22. <meta name="text:archive title" content="archive title">
  23. <meta name="text:link1" content="link1">
  24. <meta name="text:link1 url" content="/">
  25. <meta name="text:link2" content="link2">
  26. <meta name="text:link2 url" content="/">
  27.  
  28.  
  29. <!-- jquery -->
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31.  
  32. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  33.  
  34. <script>
  35. (function($){
  36. $(document).ready(function(){
  37. $("a[title]").style_my_tooltips({
  38. tip_follows_cursor:true,
  39. tip_delay_time:30,
  40. tip_fade_speed:300,
  41. attribute:"title"
  42. });
  43. });
  44. })(jQuery);
  45. </script>
  46.  
  47. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  48. <script type="text/javascript"
  49. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50. <script>
  51. $(document).ready(function() {
  52. //
  53. $('a.poplight[href^=#]').click(function() {
  54. var popID = $(this).attr('rel'); //Get Popup Name
  55. var popURL = $(this).attr('href'); //Get Popup href to define size
  56. var query= popURL.split('?');
  57. var dim= query[1].split('&');
  58. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  59. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  60. var popMargTop = ($('#' + popID).height() + 80) / 2;
  61. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  62. //Apply Margin to Popup
  63. $('#' + popID).css({
  64. 'margin-top' : -popMargTop,
  65. 'margin-left' : -popMargLeft
  66. });
  67. $('body').append('<div id="fade"></div>');
  68. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  69. return false;
  70. });
  71. $('a.close, #fade').live('click', function() {
  72. $('#fade , .popup_block').fadeOut(function() {
  73. $('#fade, a.close').remove(); //fade them both out
  74. });
  75. return false;
  76. });
  77. });
  78. </script>
  79.  
  80.  
  81. <style type="text/css">
  82.  
  83. #s-m-t-tooltip{
  84. font-size:9px;
  85. position:absolute;
  86. margin-top: 15px;
  87. letter-spacing:1px;
  88. z-index:9999;
  89. background:white;
  90. text-transform:uppercase;
  91. padding:2px 3px 2px 3px;
  92. }
  93.  
  94. ::-webkit-scrollbar {
  95. width: 3px;
  96. height:auto;
  97. background:{color:background};
  98. }
  99.  
  100. ::-webkit-scrollbar-corner {
  101. padding:2px;
  102. background:{color:background};
  103. }
  104.  
  105. ::-webkit-scrollbar-button:vertical {
  106. height:5px;
  107. display: block;
  108. background:{color:scrollbar};
  109. }
  110.  
  111. ::-webkit-scrollbar-button:horizontal {
  112. width: 3px;
  113. height: 5px;
  114. display: block;
  115. background:{color:scrollbar};
  116. }
  117.  
  118. ::-webkit-scrollbar-thumb:vertical {
  119. background:{color:scrollbar};
  120. }
  121.  
  122. ::-webkit-scrollbar-thumb:horizontal {
  123. background:{color:background};
  124. }
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. background:{color:scrollbar};
  128. }
  129.  
  130. blockquote {
  131. padding:5px 0 5px 30px;
  132. border-left:1px solid #eee;
  133. margin:10px 30px;
  134. }
  135.  
  136. body {
  137. color:{color:text};
  138. font-family:calibri;
  139. font-weight:100;
  140. font-size:11px;
  141. text-align:justify;
  142. margin:0;
  143. line-height:18px;
  144. background:{color:background};
  145. }
  146.  
  147. a {
  148. color:{color:link};
  149. text-decoration:none;
  150. }
  151.  
  152. a:hover {
  153. text-decoration:underline;
  154. color:{color:linkhover};
  155. }
  156.  
  157. img {
  158. border:none;
  159. text-decoration:none;
  160. }
  161.  
  162. p {
  163. margin-top:5px;
  164. margin-bottom:5px;
  165. }
  166.  
  167. #con {
  168. left:50%;
  169. margin-left:-200px;
  170. position:absolute;
  171. }
  172.  
  173. .posts {
  174. width:400px;
  175. background:{color:background};
  176. margin:50px 0;
  177. }
  178.  
  179. .info {
  180. margin-left:215px;
  181. width:185px;
  182. }
  183.  
  184. .tit {
  185. font-weight:bold;
  186. font-family:calibri;
  187. color:{color:text};
  188. font-size:12px;
  189. letter-spacing:1px;
  190. text-transform:uppercase;
  191. }
  192.  
  193. .lank {
  194. border-bottom:1px solid #eee;
  195. margin-bottom:5px;
  196. padding-bottom:5px;
  197. }
  198.  
  199. .about ul {
  200. margin-left:-10px;
  201. }
  202.  
  203. .l {
  204. background:#fff;
  205. margin-top:230px;
  206. width:400px;
  207. text-align:center;
  208. font-family:calibri;
  209. text-transform:uppercase;
  210. }
  211.  
  212. #title {
  213. font-size:14px;
  214. margin-bottom:12px;
  215. text-align:center;
  216. letter-spacing:1px;
  217. font-family:calibri;
  218. text-transform:uppercase;
  219. color:{color:text};
  220. background:{color:background};
  221. padding:15px;
  222. border-bottom:1px solid #eee;
  223. }
  224.  
  225. .links {
  226. padding-bottom:10px;
  227. border-bottom:1px solid #eee;
  228. }
  229.  
  230. .links a {
  231. margin:0 5px;
  232. padding:2px 5px;
  233. border:none;
  234. }
  235.  
  236. .desc {
  237. text-transform:none;
  238. margin:10px 25px;
  239. font-family:calibri;
  240. text-align:center;
  241. }
  242.  
  243. #fade {
  244. display: none;
  245. position: fixed;
  246. left: 0;
  247. top: 0;
  248. width: 100%;
  249. height: 100%;
  250. z-index: 9999;
  251. }
  252.  
  253. .popup_block{
  254. display: none;
  255. background:transparent;
  256. padding: 20px;
  257. float: left;
  258. position: fixed;
  259. top: 50%;
  260. left: 50%;
  261. z-index: 99999;
  262. }
  263.  
  264. *html #fade {
  265. position: absolute;
  266. }
  267.  
  268. *html .popup_block {
  269. position: absolute;
  270. }
  271.  
  272. .showhide_element {
  273. display: none;
  274. }
  275.  
  276. .asktitle {
  277. font-size:14px;
  278. letter-spacing:1px;
  279. font-family:calibri;
  280. text-transform:uppercase;
  281. color:{color:text};
  282. padding:15px;
  283. }
  284.  
  285.  
  286. </style>
  287. </head>
  288.  
  289. <body>
  290.  
  291. <!-- this is your popup ask. -->
  292. <div id="01" class="popup_block">
  293. <!-- write a title here for your ask if you want -->
  294. <div class="asktitle">{text:ask title}</div>
  295. <!-- change YOURURL to your url, or else the askbox won't work. -->
  296. <p><iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:your url}.tumblr.com" width="100%"></iframe></p>
  297. </div>
  298.  
  299. <!-- this is your popup archive. -->
  300. <div id="02" class="popup_block">
  301. <!-- write a title for your archive if you want -->
  302. <div class="asktitle">{text:archive title}</div>
  303. <iframe frameborder="0" height="400" src="/archive" width="500"></iframe>
  304. </div>
  305.  
  306. <!-- this is your container. it keeps everything where it is. -->
  307. <div id="con">
  308. <!-- this is you header. -->
  309. <div class="l">
  310. <!-- this is your title -->
  311. <div id="title">{text:title}</div>
  312. <!-- these are your links -->
  313. <div class="links">
  314. <a href="#?w=450" rel="01" class="poplight">{text:ask name}</a>
  315. <a href="#?w=450" rel="02" class="poplight">{text:archive name}</a>
  316. <a href="{text:link1 url}">{text:link1}</a>
  317. <a href="{text:link2 url">{text:link2}</a>
  318. </div>
  319. <!-- this is your description -->
  320. <div class="desc">{Description}</div>
  321. </div>
  322.  
  323.  
  324.  
  325. <div style="position:fixed; bottom:5px; right:5px; padding:2px 2px;"><a title="theme by nerdydean" href="http://hellish.co.vu">theme</a></div>
  326.  
  327.  
  328. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!