API tools faq
paste
Advertisement
singforabsolution

Incendio

singforabsolution
Jan 2nd, 2013
716
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.08 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. by tomkirk.tumblr.com
  3. -->
  4.  
  5. <html>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9. <link href='http://fonts.googleapis.com/css?family=Average+Sans|Muli|Scada|Telex|Megrim|Inconsolata' rel='stylesheet' type='text/css'>
  10.  
  11. <!--Default Variables-->
  12. <!--Colors-->
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Blockquote" content="#f1f0f0"/>
  15. <meta name="color:Border" content="#e8e8e8"/>
  16. <meta name="color:Link" content="#db6b6b"/>
  17. <meta name="color:Link Hover" content="#d5d0d0"/>
  18. <meta name="color:Permalink" content="#ffffff"/>
  19. <meta name="color:Sidelinks" content="#7e7e7e"/>
  20. <meta name="color:Sidelinks Hover" content="#ffffff"/>
  21. <meta name="color:Scrollbar" content="#863939"/>
  22. <meta name="color:Text" content="#363636"/>
  23.  
  24. <!--Images-->
  25. <meta name="image:Background" content""/>
  26.  
  27. <!--Options-->
  28. <meta name="if:Crosshair Cursor" content=""/>
  29. <meta name="if:Tiny Cursor" content=""/>
  30. <meta name="if:Faded Images" content=""/>
  31. <meta name="if:Inverted Images" content=""/>
  32.  
  33. <!--Links-->
  34. <meta name="text:Link 1 URL" content="/"/>
  35. <meta name="text:Link 1 name" content=""/>
  36. <meta name="text:Link 2 URL" content="/"/>
  37. <meta name="text:Link 2 name" content=""/>
  38. <meta name="text:Link 3 URL" content="/"/>
  39. <meta name="text:Link 3 name" content=""/>
  40. <meta name="text:Link 4 URL" content="/"/>
  41. <meta name="text:Link 4 name" content=""/>
  42. <meta name="text:Link 5 URL" content="/"/>
  43. <meta name="text:Link 5 name" content=""/>
  44.  
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  46.  
  47. <script src="jquery.js"></script>
  48. <script>
  49. $(document).ready(function(){
  50. $("#flip").click(function(){
  51. $("#panel").slideToggle("fast");
  52. });
  53. });
  54. </script>
  55.  
  56. {block:ifCrosshairCursor}
  57. <style type="text/css">body { cursor: crosshair; } </style>
  58. {/block:ifCrosshairCursor}
  59.  
  60. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  61.  
  62. <script type="text/javascript" src="/api/read/json?id={PostID}"></script>
  63. <script type="text/javascript">
  64. var color = "ff0000";
  65. var player = tumblr_api_read['posts'][0]['audio-player'].replace("color=FFFFFF", "color=" + color);
  66. replaceIfFlash(9, "audio_player_{PostID}", player);
  67. </script>
  68. <style type="text/css">
  69.  
  70.  
  71. .wrapper{
  72. width: 717px;
  73. }
  74.  
  75. #tumblr_controls{
  76. position:fixed !important;
  77. top: 3px;
  78. right: 3px;
  79. }
  80.  
  81. {block:ifInvertedImages}img{
  82. opacity: 1;
  83. filter:alpha(opacity=10);
  84. -moz-opacity: 0.1;
  85. -moz-transition: all .9s ease;
  86. -o-transition: all .9s ease;
  87. transition: all .9s ease;
  88. -webkit-transition: all .9s ease;}
  89. {/block:ifInvertedImages}
  90.  
  91.  
  92. {block:ifInvertedImages} img:hover{
  93. opacity: .8;
  94. filter:alpha(opacity=100);
  95. -moz-opacity: 1;
  96. -moz-transition: all .9s ease;
  97. -o-transition: all .9s ease;
  98. transition: all .9s ease;
  99. -webkit-transition: all .9s ease;}
  100. {/block:ifInvertedImages}
  101.  
  102. {block:ifFadedImages}img{
  103. opacity: .6;
  104. filter:alpha(opacity=10);
  105. -moz-opacity: 0.1;
  106. -moz-transition: all .9s ease;
  107. -o-transition: all .9s ease;
  108. transition: all .9s ease;
  109. -webkit-transition: all .9s ease;}
  110. {/block:ifFadedImages}
  111.  
  112.  
  113. {block:ifFadedImages} img:hover{
  114. opacity: 1;
  115. filter:alpha(opacity=100);
  116. -moz-opacity: 1;
  117. -moz-transition: all .9s ease;
  118. -o-transition: all .9s ease;
  119. transition: all .9s ease;
  120. -webkit-transition: all .9s ease;}
  121. {/block:ifFadedImages}
  122.  
  123. {block:ifInvertedImages}.photo {
  124. opacity: 1;
  125. filter:alpha(opacity=10);
  126. -moz-opacity: 0.1;
  127. -moz-transition: all .9s ease;
  128. -o-transition: all .9s ease;
  129. transition: all .9s ease;
  130. -webkit-transition: all .9s ease;}
  131. {/block:ifInvertedImages}
  132.  
  133.  
  134. {block:ifInvertedImages}.photo:hover{
  135. opacity: .8;
  136. filter:alpha(opacity=100);
  137. -moz-opacity: 1;
  138. -moz-transition: all .9s ease;
  139. -o-transition: all .9s ease;
  140. transition: all .9s ease;
  141. -webkit-transition: all .9s ease;}
  142. {/block:ifInvertedImages}
  143.  
  144. {block:ifFadedImages}.photo {
  145. opacity: .8;
  146. filter:alpha(opacity=10);
  147. -moz-opacity: 0.1;
  148. -moz-transition: all .9s ease;
  149. -o-transition: all .9s ease;
  150. transition: all .9s ease;
  151. -webkit-transition: all .9s ease;}
  152. {/block:ifFadedImages}
  153.  
  154.  
  155. {block:ifFadedImages}.photo:hover{
  156. opacity: 1;
  157. filter:alpha(opacity=100);
  158. -moz-opacity: 1;
  159. -moz-transition: all .9s ease;
  160. -o-transition: all .9s ease;
  161. transition: all .9s ease;
  162. -webkit-transition: all .9s ease;}
  163. {/block:ifFadedImages}
  164.  
  165. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color: Background}; }
  166. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};
  167. -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
  168.  
  169. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  170.  
  171.  
  172. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  173.  
  174.  
  175. {block:iftinycursor}
  176. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  177. {/block:iftinycursor}
  178.  
  179. body{
  180. background-color: {color:Background};
  181. background-image: url({image:Background});
  182. background-size:100% 100%;
  183. background-attachment: fixed;
  184. background-repeat: repeat;
  185. background-position: center;
  186. font-family:Inconsolata;
  187. font-size:10px;
  188. line-height:12px;
  189. color:{color:Text};
  190. }
  191.  
  192. a:link, a:active, a:visited{
  193. color: {color:Link};
  194. text-decoration:none;
  195. -webkit-transition: all 0.1s linear;
  196. -moz-transition: all 0.1s linear;
  197. transition: all 0.1s linear;
  198. }
  199. a:hover{
  200. color: {color:Link Hover};
  201. {block:ifCrosshairCursor}
  202. cursor:crosshair;
  203. {/block:ifCrosshairCursor}
  204. {block:iftinycursor}
  205. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  206. {/block:iftinycursor}
  207. }
  208.  
  209. #posts {
  210. position:relative;
  211. left:0;
  212. {block:IndexPage}
  213. width: 600px;
  214. {/block:IndexPage}
  215. {block:PermalinkPage}
  216. width: 500px;
  217. {/block:PermalinkPage}
  218. }
  219.  
  220. .entry {
  221. position:relative;
  222. background:white;
  223. padding:7px;
  224. border:1px solid {color:Border};
  225. {block:PermalinkPage}
  226. width: 500px;
  227. float: left;
  228. margin: 20px;
  229. {/block:PermalinkPage}
  230. {block:IndexPage}
  231. margin: 5px;
  232. margin: 17px;
  233. float: left;
  234. width: 250px;
  235. {/block:IndexPage}
  236. }
  237.  
  238. .entry img{
  239. {block:IndexPage}
  240. max-width:250px;
  241. {/block:IndexPage}
  242. {block:PermalinkPage}
  243. max-width:500px;
  244. {/block:PermalinkPage}
  245. }
  246.  
  247. .entry .permalink{
  248. position:absolute;
  249. padding-left:4px;
  250. padding-right:4px;
  251. margin-top:2px;
  252. opacity:0;
  253. text-align:center;
  254. font-size:8px;
  255. letter-spacing:1px;
  256. text-transform:uppercase;
  257. color:{color:Link};
  258. background:{color:Permalink};
  259. z-index:1;
  260. -webkit-transition: all 0.3s linear;
  261. -moz-transition: all 0.3s linear;
  262. transition: all 0.3s linear;
  263. }
  264.  
  265. .entry:hover .permalink{
  266. opacity:1;
  267. }
  268.  
  269. #side {
  270. position:fixed;
  271. text-align:left;
  272. z-index:19999;
  273. margin-top:250px;
  274. {block:IndexPage}
  275. margin-left: 610px;
  276. width: 270px;
  277. {/block:IndexPage}
  278. {block:PermalinkPage}
  279. margin-left: 580px;
  280. width: 270px;
  281. {/block:PermalinkPage}
  282. }
  283.  
  284. #panel,#flip{
  285. padding:1px;
  286. }
  287.  
  288. #nv{
  289. font-size:11px;
  290. line-height:18px;
  291. text-transform:uppercase;
  292. }
  293.  
  294. #flip:hover{
  295. cursor:help;
  296. }
  297.  
  298. #panel{
  299. padding:1px;
  300. display:none;
  301. }
  302.  
  303. .navigate{
  304. margin-top:4px;
  305. }
  306.  
  307. .navigate a{
  308. font-size:10px;
  309. line-height:18px;
  310. padding:1px;
  311. padding-right:4px;
  312. padding-left:4px;
  313. margin-left:3px;
  314. color:{color:Sidelinks};
  315. }
  316.  
  317. .navigate a:hover{
  318. color:{color:Sidelinks Hover};
  319. }
  320.  
  321. .blogtitle{
  322. font-size:19px;
  323. line-height:20px;
  324. letter-spacing:1px;
  325. text-transform:uppercase;
  326. }
  327.  
  328. .posttitle{
  329. font-size: 17px;
  330. line-height: 18px;
  331. }
  332.  
  333. .info{
  334. margin-top:5px;
  335. margin-left:10px;
  336. font-style:italic;
  337. }
  338.  
  339. #ask {
  340. padding:5px;
  341. width:240px;
  342. }
  343.  
  344. .askername{
  345. position:absolute;
  346. margin-top:-37px;
  347. margin-left:60px;
  348. font-size:10px;
  349. font-style:italic;
  350. border-bottom:1px solid {color:Border};
  351. {block:IndexPage}
  352. width:184px;
  353. {/block:IndexPage}
  354. {block:PermalinkPage}
  355. width:434px;
  356. {/block:PermalinkPage}
  357. }
  358.  
  359. .askerp img{
  360. border:4px solid {color:Border};
  361. }
  362.  
  363.  
  364. #postnotes{
  365. text-align: justify;
  366. }
  367.  
  368. #postnotes blockquote{
  369. border: 0px;}
  370.  
  371. #infscr-loading{
  372. bottom: -70px;
  373. position: absolute;
  374. left: 50%;
  375. margin-left:-8px;
  376. width:16px;
  377. height:11px;
  378. overflow:hidden;
  379. margin-bottom: 50px;
  380. }
  381.  
  382. blockquote{
  383. margin-top:5px;
  384. margin-bottom:5px;
  385. margin-left:20px;
  386. margin-right:0px;
  387. padding:2px;
  388. padding-left:5px;
  389. background:{color:Blockquote};
  390. border-left: 1px solid {color:Border};
  391. }
  392.  
  393. blockquote p, ul{
  394. margin:0px;
  395. padding:0px;
  396. }
  397.  
  398. .p { padding-top: 5px; }
  399. .ol, ul { margin-left: 10px; padding: 5px; }
  400. .ul { list-style-type: square; }
  401.  
  402. a img{border: 0px;}
  403.  
  404.  
  405. .chat .line{
  406. margin-top:-2px;
  407. padding: 4px;
  408. }
  409. .chat .line.odd{
  410. margin-top:-2px;
  411. }
  412.  
  413. .label {font-weight:bold;}
  414.  
  415. .cover {position: absolute; z-index: 1;}
  416.  
  417. .audioplayer {position:absolute; overflow:hidden; background:#E4E4E4; width:102px; height:100px; top:7; margin-left:128px; padding:10px;}
  418.  
  419. .button { position:absolute; overflow:hidden; width:27px; height:27px; margin-top:37px; margin-left:37px;}
  420.  
  421.  
  422. .notes img{width:10px; position:left; top:3px;}
  423.  
  424. #c{
  425. position:fixed;
  426. font-family:Inconsolata;
  427. font-size:15px;
  428. bottom:0;
  429. right:0;
  430. padding:8px;
  431. }
  432.  
  433. {CustomCSS}
  434. </style>
  435.  
  436. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  437. <script type="text/javascript">
  438. $(function(){
  439. $("#pageLink").click(function(){
  440. $("#titlePages").fadeToggle(500);
  441. });
  442. });
  443. </script>
  444.  
  445. {block:IndexPage}
  446. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  447. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  448. <script type="text/javascript">
  449. $(window).load(function () {
  450. var $content = $('#posts');
  451. $content.masonry({
  452. itemSelector: '.entry',
  453. isAnimated: true
  454. }),
  455. $content.infinitescroll({
  456. navSelector : '#pagination',
  457. nextSelector : '#pagination a#nextPage',
  458. itemSelector : '.entry',
  459. loading: {
  460. finishedMsg: '',
  461. img: 'http://media.tumblr.com/871eca69efd6efa91d7720ed12ee9f16/tumblr_inline_mfnx20Wezl1rs8bwg.jpg'
  462. },
  463. bufferPx : 200,
  464. debug : false,
  465. },
  466. // call masonry as a callback.
  467. function( newElements ) {
  468. var $newElems = $( newElements );
  469. $newElems.hide();
  470. // ensure that images load before adding to masonry layout
  471. $newElems.imagesLoaded(function(){
  472. $content.masonry( 'appended',
  473. $newElems, true,
  474. function(){$newElems.fadeIn(300);}
  475. );
  476.  
  477.  
  478. });
  479. });
  480. });
  481. </script>
  482. {/block:IndexPage}
  483.  
  484. <title>{title}</title>
  485.  
  486. <link rel="shortcut icon" href="{Favicon}">
  487. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  488. <meta name="viewport" content="width=820" />
  489.  
  490. </head>
  491. <body>
  492. <div class="wrapper">
  493. <div id="c">
  494. <a href="http://tomkirk.tumblr.com/"> ☼ </a>
  495. </div>
  496. <div id="side">
  497. <div class="blogtitle"><a href="/">{Title}</a></div>
  498. <div style="padding-bottom:5px;padding-top:5px;border-bottom:1px solid {color:Border};">
  499. {Description}
  500. </div>
  501. <div id="flip">
  502. <div id="nv">+ navigation</div>
  503. </div>
  504. <div id="panel">
  505. <div class="navigate">
  506. <a href="{text:Link 1 URL}">{text:Link 1 name}</a> <br>
  507. <a href="{text:Link 2 URL}">{text:Link 2 name}</a> <br>
  508. <a href="{text:Link 3 URL}">{text:Link 3 name}</a> <br>
  509. <a href="{text:Link 4 URL}">{text:Link 4 name}</a> <br>
  510. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  511. </div>
  512. </div>
  513. </div>
  514.  
  515. <div id="posts">
  516.  
  517. {block:Posts}
  518. <div class="entry">
  519.  
  520. {block:Answer}
  521. <div id="ask">
  522. <div class="askerp">
  523. <img src="{AskerPortraitURL-48}">
  524. </div>
  525. <div class="question">
  526. <div class="askername">{Asker} asked:
  527. </div>
  528. <div style="padding:4px;">
  529. {Question}
  530. </div>
  531. </div>
  532. {Answer}
  533. </div>
  534. {/block:Answer}
  535.  
  536. {block:Text}
  537. {block:Title}
  538. <div class="posttitle">{Title}</div>
  539. {/block:Title}
  540. {Body}
  541. {/block:Text}
  542.  
  543. {block:Link}
  544. <div class="posttitle">
  545. <a href="{URL}">{Name} »</a>
  546. </div>
  547. {block:Description}{Description}{/block:Description}
  548. {/block:Link}
  549.  
  550. {block:Photo}
  551. {LinkOpenTag}
  552. <div id="pic">
  553. <a href="{permalink}">
  554. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  555. </div>
  556. {LinkCloseTag}
  557. {block:PermalinkPage}
  558. {block:Caption}{Caption}{/block:Caption}
  559. {/block:PermalinkPage}
  560. {block:ContentSource}
  561. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  562. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  563. {/block:SourceLogo}
  564. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  565. {/block:ContentSource}
  566. {block:ReblogParentURL}
  567. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  568. {/block:ReblogParentURL}
  569. {/block:Photo}
  570.  
  571. {block:Photoset}
  572. <div class="photo">
  573. {block:IndexPage}
  574. {Photoset-250}
  575. {/block:IndexPage}
  576. {block:PermalinkPage}
  577. {Photoset-500}
  578. {/block:PermalinkPage}
  579. </div>
  580. {block:PermalinkPage}
  581. {block:Caption}{Caption}{/block:Caption}
  582. {/block:PermalinkPage}
  583. {/block:Photoset}
  584.  
  585. {block:Quote}
  586. <div class="posttitle">"{Quote}"</div>
  587. {block:Source}
  588. <div class="info"> - {Source}</div>
  589. {/block:Source}
  590. {/block:Quote}
  591.  
  592. {block:Chat}
  593. {block:Title}
  594. <div class="posttitle">
  595. {Title}
  596. </div>
  597. {/block:Title}
  598. <div class="chat">
  599. {block:Lines}
  600. <div class="chat">
  601. <div class="line {Alt}">
  602. <div class="{Alt} user_{UserNumber}">
  603. {block:Label}
  604. <b>{Label} </b>
  605. {/block:Label}
  606. {Line}
  607. </div>
  608. </div>
  609. </div>
  610. {/block:Lines}
  611. </div>
  612. {/block:Chat}
  613.  
  614. {block:Audio}
  615.  
  616. {block:AudioPlayer}
  617. <div class="audioplayer">
  618. <div class="button">
  619. {AudioPlayerGrey}
  620. </div>
  621. </div>
  622. {/block:AudioPlayer}
  623.  
  624. {block:Albumart}
  625. <div class="albumart">
  626. <img src="{albumarturl}" width="120">
  627. </div>
  628. {/block:Albumart}
  629. {block:Caption}{Caption}{/block:Caption}
  630. {/block:Audio}
  631.  
  632. {block:Video}
  633. <div class="photo">
  634. {block:IndexPage}
  635. {Video-250}
  636. {/block:IndexPage}
  637. {block:PermalinkPage}
  638. {Video-500}
  639. {/block:PermalinkPage}
  640. </div>
  641. {block:PermalinkPage}
  642. {block:Caption}{Caption}{/block:Caption}
  643. {/block:PermalinkPage}
  644. {/block:Video}
  645.  
  646. {block:IndexPage}
  647. <div class="permalink">
  648. <a href="{Permalink}">{NoteCountWithLabel} </a>
  649. |
  650. <a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  651. </a>
  652. </div>
  653. {/block:IndexPage}
  654.  
  655. {block:PermalinkPage}
  656. <div id="permalink">
  657. {block:Date}
  658. {TimeAgo} on
  659. {ShortMonth} {DayofMonth},{Year}
  660. {/block:Date}
  661. {block:NoteCount} · {NoteCountWithLabel}
  662. {/block:NoteCount}
  663. {block:HasTags} · Tags:
  664. {block:Tags}#<a href="{TagURL}">{Tag} </a>
  665. {/block:Tags}
  666. {/block:HasTags}
  667. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  668. </div>
  669. {/block:PermalinkPage}
  670.  
  671. {/block:PermalinkPage}
  672.  
  673. {block:PostNotes}{PostNotes}
  674. {/block:PostNotes}
  675. </div>
  676.  
  677.  
  678. {/block:Posts}
  679. </div>
  680. </div>
  681. {block:IndexPage}<br>
  682. {block:Pagination}
  683. <div id="pagination">
  684. {block:NextPage}
  685. <a id="nextPage" href="{NextPage}"> </a>
  686. {/block:NextPage}
  687. {block:PreviousPage}
  688. <a href="{PreviousPage}"> </a>
  689. {/block:PreviousPage}
  690. </div>
  691. {/block:Pagination}
  692. {/block:IndexPage}
  693. </div>
  694. </body>
  695. </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!