API tools faq
paste
Advertisement
singforabsolution

Aguamenti

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