API tools faq
paste
Advertisement
singforabsolution

Theme 25

singforabsolution
Dec 14th, 2012
2,429
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.45 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 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.  
  10. <!--Default Variables-->
  11. <!--Colors-->
  12. <meta name="color:Background" content="#f7f7f7"/>
  13. <meta name="color:Border" content="#000000"/>
  14. <meta name="color:Text" content="#000000"/>
  15. <meta name="color:Link" content="#cfc4c4"/>
  16. <meta name="color:Link Hover" content="#918383"/>
  17. <meta name="color:Scrollbar" content="#000000"/>
  18.  
  19. <!--Images-->
  20. <meta name="image:Background" content""/>
  21.  
  22. <!--Options-->
  23. <meta name="if:Scrollbar" content="1"/>
  24. <meta name="if:Captions" content=""/>
  25. <meta name="if:Faded Images" content="1"/>
  26. <meta name="if:Inverted Images" content=""/>
  27. <meta name="if:Link Hover Lag" content=""/>
  28. <meta name="if:Underlined Links" content=""/>
  29.  
  30. <!--Links-->
  31. <meta name="text:Link 1 URL" content="/"/>
  32. <meta name="text:Link 1 name" content=""/>
  33. <meta name="text:Link 2 URL" content="/"/>
  34. <meta name="text:Link 2 name" content=""/>
  35. <meta name="text:Link 3 URL" content="/"/>
  36. <meta name="text:Link 3 name" content=""/>
  37. <meta name="text:Link 4 URL" content="/"/>
  38. <meta name="text:Link 4 name" content=""/>
  39. <meta name="text:Link 5 URL" content="/"/>
  40. <meta name="text:Link 5 name" content=""/>
  41. <meta name="text:Link 6 URL" content="/"/>
  42. <meta name="text:Link 6 name" content=""/>
  43. <meta name="text:Body" content="12"/>
  44.  
  45. <meta name="font:Font" content="courier new"/>
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. .wrapper{
  51. width: 700px;
  52. margin:auto;
  53. }
  54.  
  55. #tumblr_controls{
  56. position:fixed !important;
  57. top: 3px;
  58. right: 3px;
  59. }
  60.  
  61. {block:ifInvertedImages}img{
  62. opacity: 1;
  63. filter:alpha(opacity=10);
  64. -moz-opacity: 0.1;
  65. -moz-transition: all .9s ease;
  66. -o-transition: all .9s ease;
  67. transition: all .9s ease;
  68. -webkit-transition: all .9s ease;}
  69. {/block:ifInvertedImages}
  70.  
  71.  
  72. {block:ifInvertedImages} img:hover{
  73. opacity: .8;
  74. filter:alpha(opacity=100);
  75. -moz-opacity: 1;
  76. -moz-transition: all .9s ease;
  77. -o-transition: all .9s ease;
  78. transition: all .9s ease;
  79. -webkit-transition: all .9s ease;}
  80. {/block:ifInvertedImages}
  81.  
  82. {block:ifFadedImages}img{
  83. opacity: .8;
  84. filter:alpha(opacity=10);
  85. -moz-opacity: 0.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:ifFadedImages}
  91.  
  92.  
  93. {block:ifFadedImages} img:hover{
  94. opacity: 1;
  95. filter:alpha(opacity=100);
  96. -moz-opacity: 1;
  97. -moz-transition: all .9s ease;
  98. -o-transition: all .9s ease;
  99. transition: all .9s ease;
  100. -webkit-transition: all .9s ease;}
  101. {/block:ifFadedImages}
  102.  
  103.  
  104. {block:ifInvertedImages}.photo {
  105. opacity: 1;
  106. filter:alpha(opacity=10);
  107. -moz-opacity: 0.1;
  108. -moz-transition: all .9s ease;
  109. -o-transition: all .9s ease;
  110. transition: all .9s ease;
  111. -webkit-transition: all .9s ease;}
  112. {/block:ifInvertedImages}
  113.  
  114.  
  115. {block:ifInvertedImages}.photo:hover{
  116. opacity: .8;
  117. filter:alpha(opacity=100);
  118. -moz-opacity: 1;
  119. -moz-transition: all .9s ease;
  120. -o-transition: all .9s ease;
  121. transition: all .9s ease;
  122. -webkit-transition: all .9s ease;}
  123. {/block:ifInvertedImages}
  124.  
  125. {block:ifFadedImages}.photo {
  126. opacity: .8;
  127. filter:alpha(opacity=10);
  128. -moz-opacity: 0.1;
  129. -moz-transition: all .9s ease;
  130. -o-transition: all .9s ease;
  131. transition: all .9s ease;
  132. -webkit-transition: all .9s ease;}
  133. {/block:ifFadedImages}
  134.  
  135.  
  136. {block:ifFadedImages}.photo:hover{
  137. opacity: 1;
  138. filter:alpha(opacity=100);
  139. -moz-opacity: 1;
  140. -moz-transition: all .9s ease;
  141. -o-transition: all .9s ease;
  142. transition: all .9s ease;
  143. -webkit-transition: all .9s ease;}
  144. {/block:ifFadedImages}
  145.  
  146. iframe#tumblr_controls {-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  147.  
  148.  
  149. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  150.  
  151. {block:ifScrollbar}
  152. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Background}; }
  153. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border-top:3px solid {color:Background};border-right:3px solid {color:Background};border-bottom:3px solid {color:Background};}
  154. {/block:ifScrollbar}
  155.  
  156. body{
  157. background-color: {color:Background};
  158. background-image: url({image:Background});
  159. background-attachment: fixed;
  160. background-repeat: repeat;
  161. background-position: center;
  162. font-family:{font:Font};
  163. font-size:{text:Body}px;
  164. line-height:{text:Body}px;
  165. color:{color:Text};
  166. }
  167.  
  168. a:link, a:active, a:visited{
  169. color: {color:Link};
  170. {block:ifLinkHoverLag}
  171. -moz-transition: all .4s ease;
  172. -o-transition: all .4s ease;
  173. transition: all .4s ease;
  174. -webkit-transition: all .4s ease;
  175. {/block:ifLinkHoverLag}
  176. {block:ifNotUnderlinedLinks}
  177. text-decoration:none;
  178. {/block:ifNotUnderlinedLinks}
  179. {block:ifUnderlinedLinks}
  180. text-decoration:underline;
  181. {/block:ifUnderlinedLinks}
  182. }
  183.  
  184. a:hover{
  185. color: {color:Link Hover};
  186. }
  187.  
  188. #entry {
  189. overflow: hidden;
  190. position:relative;
  191. {block:PermalinkPage}
  192. width: 500px;
  193. float:left;
  194. margin:10px;
  195. {/block:PermalinkPage}
  196. {block:IndexPage}
  197. margin: 13px;
  198. float: left;
  199. width: 200px;
  200. {/block:IndexPage}
  201. }
  202.  
  203. #entry img{
  204. {block:IndexPage}
  205. max-width:200px;
  206. {/block:IndexPage}
  207. }
  208.  
  209. #posts {
  210. position:relative;
  211. margin-top:20px;
  212. {block:IndexPage}
  213. margin-left:-10px;
  214. width: 750px;
  215. {/block:IndexPage}
  216. {block:PermalinkPage}
  217. margin-left:50px;
  218. width: 596px;
  219. {/block:PermalinkPage}
  220. }
  221.  
  222. #permalink{
  223. text-align:right;
  224. text-transform:uppercase;
  225. position:relative;
  226. margin-top:3px;
  227. padding-top:1px;
  228. }
  229.  
  230. #side {
  231. position:relative;
  232. margin-top:50px;
  233. {block:IndexPage}
  234. width:670px;
  235. margin-left:2px;
  236. {/block:IndexPage}
  237. {block:PermalinkPage}
  238. margin-left:60px;
  239. width:500px;
  240. {/block:PermalinkPage}
  241. z-index:9999;
  242. }
  243.  
  244. .navigate {
  245. text-transform:uppercase;
  246. font-size:11px;
  247. line-height:10px;
  248. padding-top:10px;
  249. padding-bottom:2px;
  250. letter-spacing:1px;
  251. }
  252.  
  253. .navigate a{
  254. margin-right:5px;
  255. }
  256.  
  257. .blogtitle{
  258. text-transform:uppercase;
  259. font-size:21px;
  260. line-height:21px;
  261. padding-top:2px;
  262. }
  263.  
  264. .posttitle{
  265. font-size:17px;
  266. line-height:18px;
  267. }
  268.  
  269. #stop a:hover{background:transparent;}
  270.  
  271. #postnotes{
  272. text-align: justify;}
  273.  
  274. #postnotes blockquote{
  275. border: 0px;}
  276.  
  277. #infscr-loading{
  278. bottom: -70px;
  279. position: absolute;
  280. left: 50%;
  281. margin-left:-8px;
  282. width:16px;
  283. height:11px;
  284. overflow:hidden;
  285. margin-bottom: 50px;
  286. }
  287.  
  288. blockquote{
  289. padding:0px 0px 2px 5px;
  290. margin:0px 0px 2px 12px;
  291. border-left: 2px solid {color:Border}; }
  292. blockquote p, ul{margin:0px; padding:0px;
  293. }
  294. .p { padding-top: 5px; }
  295. .ol, ul { margin-left: 10px; padding: 5px; }
  296. .ul { list-style-type: square; }
  297.  
  298. a img{border: 0px;}
  299.  
  300.  
  301. .chat .line{
  302. margin-top:-2px;
  303. padding: 4px;
  304. }
  305. .chat .line.odd{
  306. margin-top:-2px;
  307. }
  308.  
  309. .label {font-weight:bold; color:{color:text}}
  310.  
  311. .cover {position: relative; z-index: 1; width:250px; height:250px;}
  312.  
  313. .notes img{width:10px; position:left; top:3px;}
  314.  
  315. {CustomCSS}
  316. </style>
  317.  
  318. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  319. <script type="text/javascript">
  320. $(function(){
  321. $("#pageLink").click(function(){
  322. $("#titlePages").fadeToggle(500);
  323. });
  324. });
  325. </script>
  326.  
  327. {block:IndexPage}
  328. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  329. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  330. <script type="text/javascript">
  331. $(window).load(function () {
  332. var $content = $('#posts');
  333. $content.masonry({
  334. itemSelector: '#entry',
  335. isAnimated: true
  336. }),
  337. $content.infinitescroll({
  338. navSelector : '#pagination',
  339. nextSelector : '#pagination a#nextPage',
  340. itemSelector : '#entry',
  341. loading: {
  342. finishedMsg: '<em></em>',
  343. img: 'http://media.tumblr.com/tumblr_mesm7awTEo1rs8bwg.png'
  344. },
  345. bufferPx : 200,
  346. debug : false,
  347. },
  348. // call masonry as a callback.
  349. function( newElements ) {
  350. var $newElems = $( newElements );
  351. $newElems.hide();
  352. // ensure that images load before adding to masonry layout
  353. $newElems.imagesLoaded(function(){
  354. $content.masonry( 'appended',
  355. $newElems, true,
  356. function(){$newElems.fadeIn(300);}
  357. );
  358.  
  359.  
  360. });
  361. });
  362. });
  363. </script>
  364. {/block:IndexPage}
  365.  
  366. <title>{title}</title>
  367.  
  368. <link rel="shortcut icon" href="{Favicon}">
  369. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  370. <meta name="viewport" content="width=820" />
  371.  
  372. </head>
  373. <body>
  374. <div class="wrapper">
  375. <div id="side">
  376. <div class="blogtitle"><a href="/">{Title}</a></div>
  377. <div class="navigate">
  378. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  379. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  380. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  381. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  382. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  383. <a href="{text:Link 6 URL}">{text:Link 6 name}</a>
  384. </div>
  385. <br>
  386. {Description}
  387.  
  388. </div>
  389. <div id="posts">
  390. {block:Posts}
  391. <div id="entry">
  392.  
  393. {block:Text}
  394. {block:Title}
  395. <div class="posttitle">
  396. {Title}
  397. </div>
  398. {/block:Title}
  399. {Body}
  400. {block:IndexPage}
  401. <div id="permalink">
  402. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  403. </div>
  404. {/block:IndexPage}
  405. {/block:Text}
  406.  
  407. {block:Link}
  408. <div class="posttitle">
  409. <a href="{URL}">{Name}</a>
  410. </div>
  411. {block:Description}{Description}{/block:Description}
  412. {block:IndexPage}
  413. <div id="permalink">
  414. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  415. </div>
  416. {/block:IndexPage}
  417. {/block:Link}
  418.  
  419. {block:Photo}
  420. {block:IndexPage}{LinkOpenTag}<a href="{permalink}" target="_blank"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a>{LinkCloseTag}
  421. {block:ContentSource}
  422. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  423. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  424. {/block:SourceLogo}
  425. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  426. {/block:ContentSource}
  427. {block:ReblogParentURL}
  428. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  429. {/block:ReblogParentURL}{/block:IndexPage}
  430. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  431. {block:ifCaptions}
  432. {block:Caption}{Caption}{/block:Caption}
  433. {/block:ifCaptions}
  434. {/block:Photo}
  435.  
  436. {block:Photoset}
  437. {block:IndexPage}
  438. <div class="posttitle">
  439. <a href="{Permalink}" target="_blank"><i>View Photoset</i></a>
  440. </div>
  441. {/block:IndexPage}
  442. {block:PermalinkPage}
  443. <div class="photo">
  444. {Photoset-500}
  445. </div>
  446. {/block:PermalinkPage}
  447. {block:ifCaptions}
  448. {block:Caption}{Caption}{/block:Caption}
  449. {/block:ifCaptions}
  450. {block:IndexPage}
  451. <div id="permalink">
  452. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  453. </div>
  454. {/block:IndexPage}
  455. {/block:Photoset}
  456.  
  457. {block:Quote}
  458. <div class="posttitle">"{Quote}"</div>
  459. {block:Source}<br><i>-{Source}</i>{/block:Source}
  460. {block:IndexPage}
  461. <div id="permalink">
  462. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  463. </div>
  464. {/block:IndexPage}
  465. {/block:Quote}
  466.  
  467. {block:Chat}
  468. {block:Title}
  469. <div class="posttitle"><center>{Title}<br></center></div>{/block:title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">
  470. {block:Label}<span class="label"><b>{Label} </b></span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>
  471. {block:IndexPage}
  472. <div id="permalink">
  473. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  474. </div>
  475. {/block:IndexPage}
  476. {/block:Chat}
  477.  
  478. {block:Audio}
  479. <div style="margin-top:5px;background:black;">
  480. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  481. </div>
  482. {block:TrackName}
  483. <b>Title</b>:{TrackName}
  484. {/block:TrackName}
  485. <br>
  486. {block:Artist}
  487. <b>Artist:</b>{Artist}
  488. {/block:Artist}
  489. <br>
  490. {PlayCountWithLabel}
  491. <br>
  492. {block:ifCaptions}
  493. {block:Caption}{Caption}{/block:Caption}
  494. {/block:ifCaptions}
  495. {block:IndexPage}
  496. <div id="permalink">
  497. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  498. </div>
  499. {/block:IndexPage}
  500. {/block:Audio}
  501.  
  502. {block:Video}
  503. {block:IndexPage}
  504. <div class="posttitle">
  505. <a href="{Permalink}" target="_blank"><i>View Video</i></a>
  506. </div>
  507. {/block:IndexPage}
  508. {block:PermalinkPage}
  509. {Video-500}
  510. {/block:PermalinkPage}
  511. {block:ifCaptions}
  512. {block:Caption}{Caption}{/block:Caption}
  513. {/block:ifCaptions}
  514. {block:IndexPage}
  515. <div id="permalink">
  516. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  517. </div>
  518. {/block:IndexPage}
  519. {block:Video}
  520.  
  521. {block:PermalinkPage}
  522. <center>
  523. {block:Date}
  524. {TimeAgo} on
  525. {ShortMonth} {DayofMonth},{Year}
  526. {/block:Date}
  527. {block:NoteCount} · {NoteCountWithLabel}
  528. {/block:NoteCount}
  529. {block:HasTags} · Tags:
  530. {block:Tags}#<a href="{TagURL}">{Tag} </a>
  531. {/block:Tags}
  532. {/block:HasTags}
  533. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  534. </center>
  535. {/block:PermalinkPage}
  536.  
  537. {/block:PermalinkPage}
  538.  
  539. {block:PostNotes}{PostNotes}
  540. {/block:PostNotes}
  541. </div>
  542.  
  543.  
  544. {/block:Posts}
  545. <div style="position:fixed;bottom:0;right:0;padding:3px;font-size:11px;">
  546. <a href="http://tomkirk.tumblr.com/">©</a>
  547. </div>
  548. </div>
  549. </div>
  550. {block:IndexPage}<br>
  551. {block:Pagination}
  552. <div id="pagination">
  553. {block:NextPage}
  554. <a id="nextPage" href="{NextPage}"> </a>
  555. {/block:NextPage}
  556. {block:PreviousPage}
  557. <a href="{PreviousPage}"> </a>
  558. {/block:PreviousPage}
  559. </div>
  560. {/block:Pagination}
  561. {/block:IndexPage}
  562. </div>
  563. </body>
  564. </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!