Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Arsenate

By: mylesham on Aug 25th, 2012  |  syntax: None  |  size: 14.82 KB  |  hits: 2,956  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2.                        
  3. Arsenate | Unimpulsive
  4. ---------------------------------------------
  5. http://unimpulsive.tumblr.com/
  6. Source: http://unimpulsivethemes.tumblr.com/
  7. Version: 1.0 // Published: 8/5/12
  8. ---------------------------------------------
  9. If you are experiencing trouble with this theme, visit my FAQ/About Section at either (http://unimpulsive.tumblr.com/faq) and/or (http://unimpulsivethemes.tumblr.com/faq).
  10. ---------------------------------------------
  11. Thank you for choosing Unimpulsive Themes!
  12.  
  13. -->
  14.  
  15. <head>
  16. <title>{Title}</title>
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <meta name="color:background" content="#ffffff"/>
  21. <meta name="color:posts" content="#ffffff"/>
  22. <meta name="color:text" content="#000000"/>
  23. <meta name="color:link" content="#000000"/>
  24. <meta name="color:hover" content="#000000"/>
  25. <meta name="font:body" content="Geneva" />
  26. <meta name="image:background" content=""/>
  27.  
  28. <meta name="if:fade in follow" content="1" />
  29. <meta name="if:post load" content="0" />
  30. <meta name="if:faded images" content="1" />
  31. <meta name="text:link one" content="" />
  32. <meta name="text:link one title" content="" />
  33. <meta name="text:link two" content="" />
  34. <meta name="text:link two title" content="" />
  35. <meta name="text:link three" content="" />
  36. <meta name="text:link three title" content="" />
  37. <meta name="text:link four" content="" />
  38. <meta name="text:link four title" content="" />
  39.  
  40. <style type="text/css">
  41.  
  42. #tumblr_controls{
  43. position:fixed !important;
  44. {block:iffadeinfollow}
  45. opacity:0.7;-webkit-transition: all 0.5s ease-out;
  46. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  47. {/block:iffadeinfollow}
  48. }
  49.  
  50. #tumblr_controls:hover{
  51. {block:iffadeinfollow}
  52. opacity:1;-webkit-transition: all 0.5s ease-out;
  53. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  54. {/block:iffadeinfollow}
  55. }
  56.  
  57. #control{
  58. top:26px;
  59. display:block;
  60. margin:0;
  61. padding:0px 0 0;
  62. position:fixed;
  63. text-align:center;
  64. width:100px;
  65. z-index:999;
  66. right:15px;
  67. }
  68.  
  69. .wrapper{
  70. margin: 0px auto;
  71. width: 502px;
  72. }
  73.  
  74. body{
  75. margin:0px;
  76. background-color:{color:background};
  77. background-image:url('{image:background}');
  78. background-attachment: fixed;
  79. background-repeat: repeat;
  80. font-size: 11px;
  81. font-family:{font:body};
  82. line-height:11px;
  83. color: {color:text};
  84. }
  85.  
  86. a:link, a:active, a:visited{
  87. color: {color:link};
  88. text-decoration: none;
  89. -webkit-transition: color 0.2s ease-out;
  90. -moz-transition: color 0.2s ease-out;
  91. }
  92.  
  93. a:hover{
  94. color: {color:hover};
  95. -webkit-transition: color 0.2s ease-out;
  96. -moz-transition: color 0.2s ease-out;
  97. }
  98.  
  99. .entry {
  100. overflow:hidden;
  101. margin:2px;
  102. padding-left:1px;
  103. padding-right:1px;
  104. padding-top:0px;
  105. padding-bottom:0px;
  106. float:left;
  107. background-color:transparent;
  108. width:250px;
  109. font-family:{font:body};
  110. font-size: 11px;
  111. line-height:14px;
  112. {block:permalinkpage}
  113. width:762px;
  114. {/block:permalinkpage}
  115. {block:ifpostload}
  116. -webkit-transition-duration:2s;
  117. {/block:ifpostload}
  118. }
  119.  
  120. .entry img{width:250px;{block:permalinkpage}width: 762px;{/block:permalinkpage}}
  121. .entry #ask img{width:30px;}
  122. .entry #post_notes img{width:15px;}
  123.  
  124. .entry #text{
  125. text-align:right;
  126. border-top:1px dotted #888;
  127. opacity:1;
  128. text-transform:uppercase;
  129. font-family:{font:body};
  130. font-size:9px;
  131. color:{color:link};-webkit-transition: all 0.5s ease-out;
  132. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  133. }
  134.  
  135.  
  136. #header{
  137. float: left;
  138. background:{color:posts};
  139. text-align:left;
  140. -webkit-transition: all 1s ease-out;
  141. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  142. margin-top:-12px;
  143. line-height:20px;
  144. margin-left:17%;
  145. font-family:{font:body};
  146. font-size: 13px;
  147. padding:2px;
  148. width: 768px;
  149. position:relative;
  150. border-bottom:1px solid black;
  151. }
  152.  
  153. #posts {
  154. width: 768px;
  155. float: left;
  156. background:{color:posts};
  157. margin-left:17%;
  158. padding-left:2px;
  159. padding-right:2px;
  160. padding-bottom:2px;
  161. padding-top:4px;
  162. margin-top:0px;
  163. float:left;
  164. }
  165.  
  166. blockquote{margin-left:0px;float:left;width:234px;padding-left:6px;padding-right:6px;border-left:2px solid black;border-right:2px solid black;background:#F2F2F2;}
  167.  
  168. #links  {
  169. height:auto;
  170. width:auto;
  171. font-family:courier new;
  172. font-size: 13px;
  173. margin-right:10px;
  174. line-height: 22px;
  175. text-transform:uppercase;
  176. text-align: center;
  177. letter-spacing:1px;
  178. border-top-right-radius: 80px;
  179. border-bottom-right-radius: 1px;
  180. border-top-left-radius: 1px;
  181. border-bottom-left-radius: 80px;
  182. display: inline-block;-webkit-transition: all 0.4s ease-out;
  183. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;opacity:1;
  184. }
  185.  
  186. #links:hover {border-top-right-radius:1px; border-bottom-right-radius:80px; border-top-left-radius:80px; border-bottom-left-radius:1px;-webkit-transition: all 0.4s ease-out;
  187. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  188.  
  189. #infscr-loading{
  190. bottom: -70px;
  191. position: absolute;
  192. left: 50%;
  193. margin-left:-8px;
  194. width:16px;
  195. height:11px;
  196. overflow:hidden;
  197. margin-bottom: 50px;
  198. }
  199.  
  200. .title{
  201. font-family:{font:body};
  202. font-size: 13px;
  203. line-height:15px;
  204. color:{color:text};
  205. font-weight:normal;
  206. }
  207.  
  208. img{background-color:white;{block:iffadedimages}opacity:0.85;{/block:iffadedimages}{block:ifnotfadedimages}opacity:1;{/block:ifnotfadedimages}-webkit-transition: all 0.5s ease-out;
  209. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  210. img:hover{background-color:white;{block:iffadedimages}opacity:1;{/block:iffadedimages}{block:ifnotfadedimages}opacity:0.85;{/block:ifnotfadedimages}-webkit-transition: all 0.5s ease-out;
  211. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  212.  
  213. @font-face{font-family:'kg overthinking mh';src:url('http://static.tumblr.com/7qdgtio/2F5m739il/beautifuleverytime.ttf');font-weight:normal;}
  214.  
  215. .blogtitle{
  216. font-family:'kg overthinking mh';
  217. font-size:50px;
  218. opacity:0.65;
  219. text-transform:capitalize;
  220. text-align:right;
  221. line-height:40px;
  222. color:{color:link};
  223. text-shadow:4px 3px 0px rgba(196,196,196,0.1), 4px -6px 0px rgba(196,196,196,0.2), -3px -8px 0px rgba(196,196,196,0.15), -8px 5px 0px rgba(196,196,196,0.2), 6px 7px 0px rgba(196,196,196,0.1);
  224. }
  225.  
  226. .audio {background:#E3E3E3;width:250px;}
  227.  
  228. #fade { /*--Transparent background layer--*/
  229.     display: none; /*--hidden by default--*/
  230.     background: #000;
  231.         position: fixed; left: 0; top: 0;
  232.         width: 100%; height: 100%;
  233.         opacity: .90;
  234.         z-index: 100;
  235. }
  236. .popup_block{
  237.         display: none; /*--hidden by default--*/
  238.         background:transparent;
  239.         padding: 20px;
  240.         float: left;
  241.         font-size: 1.2em;
  242.         position: fixed;
  243.         top: 50%; left: 50%;
  244.         z-index: 9999999999999999999999999999786899999999999999999999999999999999;
  245.     opacity:1;text-align:center;
  246. }
  247. img.btn_close {
  248.         float: right;
  249.         margin: -5px -5px 0 0;
  250. }
  251. /*--Making IE6 Understand Fixed Positioning--*/
  252. *html #fade {
  253.         position: absolute;
  254. }
  255. *html .popup_block {
  256.         position: absolute;
  257. }
  258.  
  259. {CustomCSS}
  260.  
  261. </style>
  262. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  263. <script type="text/javascript"
  264. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  265. <script>
  266. $(document).ready(function() {
  267. //
  268. $('a.poplight[href^=#]').click(function() {
  269. var popID = $(this).attr('rel'); //Get Popup Name
  270. var popURL = $(this).attr('href'); //Get Popup href to define size
  271. var query= popURL.split('?');
  272. var dim= query[1].split('&');
  273. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  274. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" style="width:0px;height:0px;visibility:hidden;" class="btn_close" title="Close" alt="Close" /></a>');
  275. var popMargTop = ($('#' + popID).height() + 80) / 2;
  276. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  277. //Apply Margin to Popup
  278. $('#' + popID).css({
  279. 'margin-top' : -popMargTop,
  280. 'margin-left' : -popMargLeft
  281. });
  282. $('body').append('<div id="fade"></div>');
  283. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  284. return false;
  285. });
  286. $('a.close, #fade').live('click', function() {
  287. $('#fade , .popup_block').fadeOut(function() {
  288. $('#fade, a.close').remove(); //fade them both out
  289. });
  290. return false;
  291. });
  292. });
  293. </script>
  294.  
  295. {block:IndexPage}
  296. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  297. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  298.  
  299. <script type="text/javascript">
  300. $(window).load(function () {
  301. var $content = $('#posts');
  302. $content.masonry({itemSelector: '.entry'}),
  303. $content.infinitescroll({
  304. navSelector : 'div#pagination',
  305. nextSelector : 'div#pagination a#nextPage',
  306. itemSelector : '.entry',
  307. loading: {/*♑*/
  308. finishedMsg: '',
  309. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  310. },
  311. bufferPx : 600,
  312. debug : false,
  313. },
  314. // call masonry as a callback.
  315. function( newElements ) {
  316. var $newElems = $( newElements );
  317. $newElems.hide();
  318. // ensure that images load before adding to masonry layout
  319. $newElems.imagesLoaded(function(){
  320. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  321. });
  322. });
  323. });
  324. </script>
  325.  
  326. {/block:IndexPage}
  327.  
  328. <meta name="viewport" content="width=800" />
  329.  
  330. </style>
  331.  
  332. </head>
  333. <body>
  334.  
  335. <div id="header">
  336. <h4><center><div class="blogtitle"><a href="/">{Title}</a></div></center></h4>
  337. <div align="right">
  338. <a href="/" id="links">home</a>
  339. <a href="/ask" id="links">ask</a>
  340. <a href="/archive" id="links">history</a>
  341. <a href="{RSS}" id="links">rss</a>
  342. <a href="#?w=600" rel="02" class="poplight" id="links">about</a>
  343. {block:iflinkonetitle}<a href="{text:link one}" id="links">{text:link one title}</a>
  344. {/block:iflinkonetitle}
  345. {block:iflinktwotitle}<a href="{text:link two}" id="links">{text:link two title}</a>
  346. {/block:iflinktwotitle}
  347. {block:iflinkthreetitle}<a href="{text:link three}" id="links">{text:link three title}</a>
  348. {/block:ifLinkThreetitle}
  349. {block:ifLinkFourtitle}<a href="{text:link four}" id="links">{text:link four title}</a>{/block:ifLinkFourtitle}
  350. <a href="http://unimpulsive.tumblr.com/" id="links">theme</a>
  351. <div style="padding-bottom:10px;"></div>
  352. </div></div>
  353.  
  354. <p> <small>
  355.  
  356.  
  357. </small>
  358.  
  359. <p>
  360.  
  361. </small>
  362.  
  363.  
  364.  
  365. <div class="header">
  366.  
  367. <div class="left">
  368.  
  369. <div id="posts">
  370.  
  371. {block:Posts}
  372. <div class="entry">
  373.  
  374. {block:Text}
  375. {block:Title}<span class="title"><div style="padding-bottom:2px;border-bottom:1px dotted black;">{Title}</div></span>{/block:Title}<span class="entrytext">{Body}</span>{block:IndexPage}<div id="text">
  376. <a href="{Permalink}">POSTED {TimeAgo} with {Notecount} NOTES</a></div>
  377. {/block:IndexPage}
  378. {/block:Text}
  379.  
  380. {block:Link}
  381. <a href="{URL}" class="title"><div style="padding-bottom:1px;border-bottom:1px dotted black;">{Name}</div></a>
  382. {block:Description}{Description}{/block:Description}{block:IndexPage}<div id="text">
  383. <a href="{Permalink}">POSTED {TimeAgo} with {Notecount} NOTES</a></div>
  384. {/block:IndexPage}
  385. {block:Link}
  386.  
  387. {block:Photo}
  388. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250px"/></a>{LinkCloseTag}{/block:IndexPage}
  389. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><center><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="762px"/></center></a>{LinkCloseTag}{/block:PermalinkPage}
  390. {/block:Photo}
  391.  
  392. {block:Quote}
  393. {Quote} - <b>{Source}</b></span>{block:IndexPage}<div id="text">
  394. <a href="{Permalink}">POSTED {TimeAgo} with {Notecount} NOTES</a></div>
  395. {/block:IndexPage}
  396. {/block:Quote}
  397.  
  398. {block:Chat}
  399. {block:Title}<span class="title">{Title}</span>{/block:Title}
  400. <ul class="chat">
  401. {block:Lines}
  402. <li class="user_{UserNumber}">
  403. {block:Label}
  404. <span class="label">{Label}</span>
  405. {/block:Label}
  406.  
  407. {Line}
  408. </li>
  409. {/block:Lines}
  410. </ul>
  411. {block:IndexPage}<div id="text">
  412. <a href="{Permalink}">POSTED {TimeAgo} with {Notecount} NOTES</a></div>
  413. {/block:IndexPage}
  414. {/block:Chat}
  415.  
  416. {block:Photoset}
  417. {block:indexpage}
  418. {Photoset-250}
  419. {/block:indexpage}
  420. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  421. {block:IndexPage}<div id="text">
  422. <a href="{Permalink}">POSTED {TimeAgo} with {Notecount} NOTES</a></div>
  423. {/block:IndexPage}
  424. {/block:Photoset}
  425.  
  426. {block:Audio}
  427. <center><div style="width:250px;{Block:permalinkpage}width:716px;{/block:permalinkpage} background-color:#E3E3E3; height:28px;"><div style="float:left;left:0px;">{AudioPlayerGrey}</div><img style="margin-top:-1px;width:{block:IndexPage}250px{/block:IndexPage}{block:PermalinkPage}716px{/block:PermalinkPage};opacity:.7;" src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png"/>
  428. {block:ExternalAudio}{/block:ExternalAudio}</div></center>{block:IndexPage}<br><div id="text">
  429. <a href="{Permalink}">POSTED {TimeAgo} &nbsp;//&nbsp; {NoteCountwithlabel} &nbsp;//&nbsp; {24Hour}:{Minutes} {AmPm}</a></div>
  430. {/block:IndexPage}
  431. {/block:Audio}
  432.  
  433. {block:Video}
  434. {block:indexpage}
  435. <div class="photo">
  436. {Video-250}</div>
  437. {/block:indexpage}
  438. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  439. {block:IndexPage}<div id="text">
  440. <a href="{Permalink}">POSTED {TimeAgo} with {Notecount} NOTES</a></div>
  441. {/block:IndexPage}
  442. {/block:Video}
  443.  
  444. {block:Answer}
  445. <div id="ask"><b>{Asker}</b>: <b>{Question}</b>{Answer}</div>{block:IndexPage}<div id="text">
  446. <a href="{Permalink}">POSTED {TimeAgo} with {Notecount} NOTES</a></div>
  447. {/block:IndexPage}
  448. {/block:Answer}
  449.  
  450.  
  451. {block:PermalinkPage}
  452. <center>
  453. {block:Date}<center>
  454. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  455. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  456. {/block:Date}
  457. </center>
  458. {/block:PermalinkPage}
  459.  
  460.  
  461. {Block:PostNotes}<div id="post_notes">{PostNotes}</div>{/Block:PostNotes}
  462. </div>
  463.  
  464.  
  465.  
  466. {/block:Posts}
  467. </div>
  468. </div>
  469. <div class="right">
  470. </div>
  471. <div class="footer">
  472. <br>
  473. </div>
  474. </div>
  475. </body>
  476. </html>
  477. <div style="position:fixed;right:0px;bottom:-425px;">
  478. <---DONT REMOVE---->
  479. {block:IndexPage}
  480. {block:Pagination}
  481. <div id="pagination">
  482. {block:NextPage}
  483. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  484. {/block:NextPage}
  485. {block:PreviousPage}
  486. <a href="{PreviousPage}">&larr;&nbsp;</a>
  487. {/block:PreviousPage}
  488. </div>
  489. {/block:Pagination}
  490. {/block:IndexPage}</div>
  491. <div id='control'>
  492.  
  493. </body>
  494.  
  495. <div style="display:block;bottom:5px;right:5px;font-size:9px;font-family:georgia;position:fixed;background-color:#ffffff;padding:3px;border-radius:10px;z-index:5;opacity:0.75;z-index:9999999999999999999999999999999999999;"><a href="http://unimpulsive.tumblr.com/"><font color="#000000">theme by myles</font></a></div>
  496.  
  497. <div id="02" class="popup_block">
  498.  
  499. <center><font color="#ffffff">{Description}</font></center>
  500.  
  501. </div>
  502.  
  503. </html>
create a new version of this paste RAW Paste Data