API tools faq
paste
Advertisement
junkos

hiatus theme - charm

junkos
May 15th, 2014
2,653
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.  
  6. <!-------------
  7. hiatus theme by lavvie@bluenaegi.tumblr.com
  8. please do not steal; thank you for using
  9. message me if you have any questions!!
  10. --------------->
  11.  
  12. <meta name="image:background" content="" />
  13. <meta name="image:sideicon" content="https://31.media.tumblr.com/f3641819ea525ec81799998c9d60e8bd/tumblr_inline_mydbq4jcET1qak244.jpg" />
  14.  
  15. <meta name="text:link01url" content="/">
  16. <meta name="text:link 01" content="link one">
  17. <meta name="text:link02url" content="/">
  18. <meta name="text:link 02" content="link two">
  19. <meta name="text:link03url" content="/">
  20. <meta name="text:link 03" content="link three">
  21. <meta name="text:your url" content="PUT YOUR URL HERE OR THE ASKBOX WILL NOT WORK">
  22.  
  23. <meta name="color:background" content= "#fefefe" />
  24. <meta name="color:boxbackground" content= "#f5fcf1" />
  25. <meta name="color:boxborder" content= "#e0f5d6" />
  26. <meta name="color:postsbackground" content= "#ffffff" />
  27. <meta name="color:postsborder" content= "#f0f0f0" />
  28. <meta name="color:text" content= "#999999" />
  29. <meta name="color:links" content= "#79b89a" />
  30. <meta name="color:linkhover" content= "#666666" />
  31. <meta name="color:mainlinks" content= "#aaaaaa" />
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  35. <script>
  36. (function($){
  37. $(document).ready(function(){
  38. $("[title],a[title],img[title]").style_my_tooltips({
  39. tip_follows_cursor:false,
  40. tip_delay_time:200,
  41. tip_fade_speed:100,
  42. attribute:"title"
  43. });
  44. });
  45. })(jQuery);
  46. </script>
  47.  
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49. <title>{Title}</title>
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51. <link rel="shortcut icon" href="{Favicon}" />
  52. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  54. <style type="text/css">
  55.  
  56. #s-m-t-tooltip{max-width:600px;margin-top:25px;margin-left:15px;display:inline-block;padding:1px 6px 0px 9px;background-color:{color:postsbackground};border: 1px solid {color:postsborder};color:{color:text};text-transform:uppercase;font:10px calibri;letter-spacing:2px;line-height:14px; transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-webkit-transition: .2s ease-in-out;}
  57.  
  58. body { background:{color:background};font-family: calibri;font-size:10px;line-height:16px;text-align:justify;background-image: url('{image:background}');background-attachment:fixed;}
  59.  
  60. #box {width:500px;height:350px;color:{color:text};background-color:{color:boxbackground};border:1px solid {color:boxborder};padding:20px;position:fixed;top:50px;left:300px;}
  61.  
  62. #in {color:{color:text};background:{color:postsbackground};border:1px solid {color:postsborder};padding:20px;text-transform:none;font-family:calibri;font-size:10px;padding-top:14px;max-height:314px;overflow:auto;}
  63.  
  64. #in a {color:{color:links};text-decoration:none;}
  65. #in a:hover {color:{color:linkhover};text-decoration:underline;cursor:text;}
  66.  
  67. #icon {position:fixed;top:50px;left:157px;padding:10px;background-color:{color:boxbackground};border:1px solid {color:boxborder};border-right:none;}
  68. #icon img {width:100px;height:100px;background:{color:postsbackground};border:1px solid {color:postsborder};padding:10px;}
  69.  
  70. #links {text-align:right;position:fixed;top:202px;left:221px;line-height:18px;}
  71. #links a {text-transform:uppercase;font-family:calibri;font-size:10px;border:1px solid {color:boxborder};background:{color:boxbackground};color:{color:mainlinks};text-decoration:none;padding:0px 6px 0px 6px;letter-spacing:1px;border-right:none;}
  72. #links a:hover {color:{color:text};text-decoration:line-through;cursor:text;}
  73.  
  74. pre {word-wrap:break-word;}
  75. ol, ul {list-style-type:square;margin-left:12px;}
  76. ::-webkit-scrollbar {width:6px;}
  77. ::-webkit-scrollbar-button:start:decrement,
  78. ::-webkit-scrollbar-button:end:increment {height:0px;}
  79. ::-webkit-scrollbar-track-piece {background:{color:postsbackground};}
  80. ::-webkit-scrollbar-thumb:vertical {background:{color:postsborder};border:2px solid {color:postsbackground};}
  81. ::-webkit-scrollbar-thumb:active {background:{color:boxbackground};-webkit-border-radius:0px;}
  82. ::selection {background: transparent;color: {color:mainlinks};}
  83. ::-moz-selection {background: transparent;color: {color:mainlinks};}
  84.  
  85. #fade {display: none;}
  86.  
  87. .popup_block{top:268px;left:590px;display:none;position: fixed;z-index: 99999;color:{color:text};background:{color:postsbackground};border:1px solid {color:postsborder};padding:20px;text-transform:none;font-family:calibri;font-size:10px;height:314px;overflow:auto;}
  88.  
  89. img.btn_close {display:none;}
  90.  
  91. #posts {padding:10px;margin-top:-2px;margin-bottom:10px;width:400px;padding-left:28px;}
  92. #posts a {color:{color:links};text-decoration:none;}
  93. #posts a:hover {color:{color:linkhover};text-decoration:underline;cursor:text;}
  94. #posts img {max-width:100%;}
  95.  
  96. #pagi {padding:10px;margin-top:-2px;margin-bottom:10px;width:400px;padding-left:28px;text-align:center;}
  97. #pagi a {border:1px solid {color:boxborder};background:{color:boxbackground};color:{color:mainlinks};padding:0px 8px;text-decoration:none;text-align:center;}
  98. #pagi a:hover {color:{color:linkhover};text-decoration:underline;cursor:text;}
  99.  
  100. blockquote {border-left:1px solid {color:boxborder};background:{color:boxbackground};color:{color:mainlinks};padding:0px 6px;}
  101.  
  102. #titles {border:1px solid {color:boxborder};background:{color:boxbackground};color:{color:mainlinks};padding:6px 10px;font-size:13px;text-align:center;}
  103.  
  104. #permalink {border:1px solid {color:boxborder};background:{color:boxbackground};color:{color:mainlinks};padding:0px 10px;margin-top:6px;}
  105. #permalink a:hover {text-decoration:underline;}
  106.  
  107. #note {margin-left:-25px;margin-top:-8px;}
  108. #note a {font-style:normal;text-decoration:underline;color:{color:links};}
  109. #note a:hover {font-style:none;color:{color:linkhover};}
  110. #note img {display:none;}
  111.  
  112. </style>
  113. <script type="text/javascript"
  114. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  115.  
  116. <script>
  117.  
  118.  
  119.  
  120. $(document).ready(function() {
  121.  
  122. //
  123.  
  124.  
  125.  
  126. //When you click on a link with class of poplight and the href starts with a #
  127.  
  128. $('a.poplight[href^=#]').click(function() {
  129.  
  130. var popID = $(this).attr('rel'); //Get Popup Name
  131.  
  132. var popURL = $(this).attr('href'); //Get Popup href to define size
  133.  
  134.  
  135.  
  136. //Pull Query & Variables from href URL
  137.  
  138. var query= popURL.split('?');
  139.  
  140. var dim= query[1].split('&');
  141.  
  142. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  143.  
  144.  
  145.  
  146. //Fade in the Popup and add close button
  147.  
  148. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="" alt="Close" /></a>');
  149.  
  150.  
  151. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  152.  
  153. var popMargTop = ($('#' + popID).height() + 80) / 2;
  154.  
  155. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  156.  
  157.  
  158.  
  159. //Apply Margin to Popup
  160.  
  161. $('#' + popID).css({
  162.  
  163. 'margin-top' : -popMargTop,
  164.  
  165. 'margin-left' : -popMargLeft
  166.  
  167. });
  168.  
  169.  
  170.  
  171. //Fade in Background
  172.  
  173. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  174.  
  175. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  176.  
  177.  
  178.  
  179. return false;
  180.  
  181. });
  182.  
  183.  
  184.  
  185. //Close Popups and Fade Layer
  186.  
  187. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  188.  
  189. $('#fade , .popup_block').fadeOut(function() {
  190.  
  191. $('#fade, a.close').remove(); //fade them both out
  192.  
  193. });
  194.  
  195. return false;
  196.  
  197. });
  198.  
  199.  
  200.  
  201.  
  202.  
  203. });
  204.  
  205. </script>
  206. </head>
  207. <body>
  208.  
  209. <div id="popup_name" class="popup_block">
  210. {block:Posts}
  211. <div id="posts">
  212.  
  213. {block:Text}
  214. {block:Title}<div id="titles">{Title}</div>{/block:Title}
  215. {Body}
  216. {/block:Text}
  217.  
  218. {block:Quote}
  219. <div id="titles">{Quote}</div>
  220. <div style="text-align:right;font-style:italic;">— {Source}</div>
  221. {/block:Quote}
  222.  
  223. {block:Link}
  224. <div id="titles"><a href="{URL}">{Name}</a></div>
  225. {block:Description}{Description}{/block:Description}
  226. {/block:Link}
  227.  
  228. {block:Photo}
  229. <center><img src="{PhotoURL-400}"/></center>
  230. {block:Caption}{Caption}{/block:Caption}
  231. {/block:Photo}
  232.  
  233. {block:Photoset}
  234. <center>{Photoset-400}</center>
  235. {block:Caption}{Caption}{/block:Caption}
  236. {/block:Photoset}
  237.  
  238. {block:Chat}
  239. {block:Title}<div id="titles">{Title}</div>{/block:Title}
  240. {block:Lines}
  241. {block:Label}<b>{Label}</b>{/block:Label}
  242. {Line}<br />
  243. {/block:Lines}
  244. {/block:Chat}
  245.  
  246. {block:Video}
  247. {Video-400}
  248. {block:Caption}{Caption}{/block:Caption}
  249. {/block:Video}
  250.  
  251. {block:Answer}
  252. <left><img src="{AskerPortraitURL-48}" align="left" style="margin-right:10px;border:1px solid {color:boxborder};background:{color:boxbackground}; padding: 4px;height:30px;width:30px;" ></left><b>{Asker} asked: {Question}</b>
  253. {Answer}
  254. {/block:Answer}
  255.  
  256. {block:Audio}
  257. {AudioPlayerWhite}
  258. {block:Caption}{Caption}{/block:Caption}
  259. {/block:Audio}
  260.  
  261. {block:ContentSource}
  262. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  263. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  264. {/block:SourceLogo}
  265. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  266. {/block:ContentSource}
  267.  
  268. {block:Date}<div id="permalink">
  269. <a href="{Permalink}">{TimeAgo}</a> - <a href="{Permalink}">{NoteCountWithLabel}</a>
  270. <span style="float:right;"><a href="{ReblogURL}" target="blank">reblog</a> {block:RebloggedFrom}( <a href="{ReblogParentURL}">via</a>{block:ContentSource}, <a href="{ReblogRootURL}">source</a>{/block:ContentSource} ){/block:RebloggedFrom} </span></div>
  271. {block:HasTags}<div id="permalink">Tagged: {block:Tags}
  272. <a href="{TagURL}">#{Tag}</a>
  273. {/block:Tags}</div>{/block:HasTags}{/block:Date}
  274.  
  275. <div id="note">
  276. {block:PostNotes}
  277. {PostNotes}
  278. {/block:PostNotes}
  279. </div>
  280.  
  281. </div>
  282. {/block:Posts}
  283.  
  284. {block:Pagination}<div id="pagi">
  285. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  286. {block:JumpPagination length="6"}
  287. {block:CurrentPage}<span class="current_page" style="padding:0px 8px; color:{color:linkhover};background:#{color:boxbackground};border:1px solid {color:boxborder};">{PageNumber}</span>{/block:CurrentPage}
  288. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  289. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}</div>
  290. {/block:Pagination}
  291. </div>
  292.  
  293. <div id="icon">
  294. <img title="{Title}" src="{image:sideicon}">
  295. </div>
  296.  
  297. <div id="links">
  298. <a href="/">description</a><br />
  299. {block:Iflink01url}<a href="{text:link01url}">{text:link 01}</a><br />{/block:Iflink01url}
  300. {block:Iflink02url}<a href="{text:link02url}">{text:link 02}</a><br />{/block:Iflink02url}
  301. {block:Iflink03url}<a href="{text:link03url}">{text:link 03}</a><br />{/block:Iflink03url}
  302. <a href="#?w=458" rel="popup_name" class="poplight">posts</a><br />
  303. <a href="http://bluenaegi.tumblr.com">©</a><br />
  304. </div>
  305.  
  306. <div id="box">
  307. <div id="in">
  308. {Description}<br /><br />
  309. <iframe frameborder="0" scrolling="no" width="100%" height="200px" src="http://www.tumblr.com/ask_form/{text:your url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  310. </div>
  311. </div>
  312.  
  313.  
  314. </body>
  315. </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!