API tools faq
paste
Advertisement
singforabsolution

Theme 12

singforabsolution
Oct 12th, 2012
1,006
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.94 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="#ffffff"/>
  13. <meta name="color:Link" content="#b1b3b4"/>
  14. <meta name="color:Link Hover" content="#b8d2df"/>
  15. <meta name="color:Scrollbar" content="#f0f0f0"/>
  16. <meta name="color:Scrollbar Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#5a5959"/>
  18.  
  19. <!--Images-->
  20. <meta name="image:Background" content""/>
  21.  
  22. <!--Options-->
  23. <meta name="if:Faded Images" content=""/>
  24. <meta name="if:Inverted Images" content=""/>
  25.  
  26. <!--Links-->
  27. <meta name="text:Link 1 URL" content="/"/>
  28. <meta name="text:Link 1 name" content=""/>
  29. <meta name="text:Link 2 URL" content="/"/>
  30. <meta name="text:Link 2 name" content=""/>
  31. <meta name="text:Link 3 URL" content="/"/>
  32. <meta name="text:Link 3 name" content=""/>
  33. <meta name="text:Link 4 URL" content="/"/>
  34. <meta name="text:Link 4 name" content=""/>
  35.  
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  37.  
  38. <script src="jquery.js"></script>
  39. <script>
  40. $(document).ready(function(){
  41. $("#flip").click(function(){
  42. $("#panel").slideToggle("fast");
  43. });
  44. });
  45. </script>
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. .wrapper{
  51. margin:auto;
  52. width: 717px;
  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. iframe#tumblr_controls {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;}
  104.  
  105.  
  106. 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;}
  107.  
  108.  
  109. {block:ifInvertedImages}.photo {
  110. opacity: 1;
  111. filter:alpha(opacity=10);
  112. -moz-opacity: 0.1;
  113. -moz-transition: all .9s ease;
  114. -o-transition: all .9s ease;
  115. transition: all .9s ease;
  116. -webkit-transition: all .9s ease;}
  117. {/block:ifInvertedImages}
  118.  
  119.  
  120. {block:ifInvertedImages}.photo:hover{
  121. opacity: .8;
  122. filter:alpha(opacity=100);
  123. -moz-opacity: 1;
  124. -moz-transition: all .9s ease;
  125. -o-transition: all .9s ease;
  126. transition: all .9s ease;
  127. -webkit-transition: all .9s ease;}
  128. {/block:ifInvertedImages}
  129.  
  130. {block:ifFadedImages}.photo {
  131. opacity: .8;
  132. filter:alpha(opacity=10);
  133. -moz-opacity: 0.1;
  134. -moz-transition: all .9s ease;
  135. -o-transition: all .9s ease;
  136. transition: all .9s ease;
  137. -webkit-transition: all .9s ease;}
  138. {/block:ifFadedImages}
  139.  
  140.  
  141. {block:ifFadedImages}.photo:hover{
  142. opacity: 1;
  143. filter:alpha(opacity=100);
  144. -moz-opacity: 1;
  145. -moz-transition: all .9s ease;
  146. -o-transition: all .9s ease;
  147. transition: all .9s ease;
  148. -webkit-transition: all .9s ease;}
  149. {/block:ifFadedImages}
  150.  
  151. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  152. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};
  153. -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
  154.  
  155. body{
  156. background-color: {color:Background};
  157. background-image: url({image:Background});
  158. background-attachment: fixed;
  159. background-repeat: repeat;
  160. background-position: center;
  161. font-family:cambria;
  162. font-size:11px;
  163. line-height:13px;
  164. color:{color:Text};
  165. }
  166.  
  167. a:link, a:active, a:visited{
  168. color: {color:Link};
  169. text-decoration:none;
  170. -webkit-transition: all 0.4s linear;
  171. -moz-transition: all 0.4s linear;
  172. transition: all 0.4s linear;
  173. }
  174. a:hover{
  175. color: {color:Link Hover};
  176. cursor:default;
  177. }
  178.  
  179. .entry {
  180. overflow: hidden;
  181. position:relative;
  182. padding:12px;
  183. background:white;
  184. {block:PermalinkPage}
  185. width: 500px;
  186. float:left;
  187. margin:20px;
  188. {/block:PermalinkPage}
  189. {block:IndexPage}
  190. margin:20px;
  191. float: left;
  192. width: 250px;
  193. {/block:IndexPage}
  194. }
  195.  
  196. .entry img{
  197. {block:IndexPage}
  198. max-width:250px;
  199. {/block:IndexPage}
  200. }
  201.  
  202. .entry .permalink a{color:white}
  203. .entry .permalink a:hover{color:{color:Link Hover}}
  204. .entry .permalink{
  205. position:absolute;
  206. width:100%;
  207. margin-top:-22px;
  208. margin-left:-12px;
  209. padding:3px;
  210. text-align:center;
  211. text-transform:uppercase;
  212. letter-spacing:1px;
  213. font-size:9px;
  214. line-height:14px;
  215. opacity:0;
  216. z-index:999999;
  217. background:black;
  218. -webkit-transition: all 0.3s linear;
  219. -moz-transition: all 0.3s linear;
  220. transition: all 0.3s linear;
  221. }
  222.  
  223. .entry:hover .permalink{
  224. margin-top:-12px;
  225. overflow:visible;
  226. opacity:0.9;
  227. -webkit-transition: opacity 0.3s linear;
  228. -webkit-transition: all 0.3s linear;
  229. -moz-transition: all 0.3s linear;
  230. transition: all 0.3s linear;
  231. }
  232.  
  233.  
  234. #posts {
  235. position:relative;
  236. {block:IndexPage}
  237. width: 640px;
  238. margin-left:100px;
  239. {/block:IndexPage}
  240. {block:PermalinkPage}
  241. width: 604px;
  242. margin-left:100px;
  243. {/block:PermalinkPage}
  244. }
  245.  
  246. #permalink{
  247. text-align:right;
  248. font-size:10px;
  249. position:relative;
  250. margin-top:3px;
  251. padding-top:1px;
  252. {block:IndexPage}
  253. border-top:1px solid {color:Text};
  254. {/block:IndexPage}
  255. }
  256.  
  257. #side {
  258. position:fixed;
  259. text-align:right;
  260. top:0;
  261. z-index:19999;
  262. padding:7px;
  263. z-index:2;
  264. width:270px;
  265. margin-top:100px;
  266. margin-left:-170px;
  267. }
  268.  
  269. .navigate {
  270. font-size:10px;
  271. line-height:10px;
  272. padding-top:2px;
  273. padding-bottom:2px;
  274. text-
  275. }
  276.  
  277. .blogtitle{
  278. font-size:20px;
  279. text-transform:uppercase;
  280. line-height:20px;
  281. padding-top:2px;
  282. }
  283.  
  284. .posttitle{
  285. font-size: 20px;
  286. line-height: 20px;
  287. }
  288.  
  289. #postnotes{
  290. text-align: justify;}
  291.  
  292. #postnotes blockquote{
  293. border: 0px;}
  294.  
  295. #infscr-loading{
  296. bottom: -70px;
  297. position: absolute;
  298. left: 50%;
  299. margin-left:-8px;
  300. width:16px;
  301. height:11px;
  302. overflow:hidden;
  303. margin-bottom: 50px;
  304. }
  305.  
  306. blockquote{
  307. padding:0px 0px 2px 5px;
  308. margin:0px 0px 2px 7px;
  309. border-left: 1px solid {color:Text};}
  310. blockquote p, ul{margin:0px; padding:0px;
  311. }
  312.  
  313.  
  314. .p { padding-top: 5px; }
  315. .ol, ul { margin-left: 10px; padding: 5px; }
  316. .ul { list-style-type: square; }
  317.  
  318. a img{border: 0px;}
  319.  
  320.  
  321. .chat .line{
  322. margin-top:-2px;
  323. padding: 4px;
  324. }
  325. .chat .line.odd{
  326. margin-top:-2px;
  327. }
  328.  
  329. .cover {position: absolute; z-index: 1; width:65px;}
  330.  
  331. .playbox {background-color: #000; position: absolute; z-index: 1000;}
  332.  
  333. .playbutton {width: 20px; height: 30px; overflow: hidden; position: relative; z-index: 1000; margin: 11px 20px 8px 11px;}
  334.  
  335. .playbox {background-color: white; position: absolute; z-index: 1000; margin-top: 8px; margin-left: 8px; opacity:.5;
  336. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;}
  337.  
  338. .playbox:hover {opacity:.8;}
  339.  
  340. .title{
  341. width:
  342. position:absolute;
  343. line-height:14px;
  344. margin-left:65px;
  345. padding:4px;
  346. z-index: 1000;
  347. text-transform:uppercase;
  348. }
  349.  
  350. .artist{
  351. width:
  352. position:absolute;
  353. line-height:14px;
  354. margin-left:65px;
  355. padding:5px;
  356. z-index: 1000;
  357. text-transform:uppercase;
  358. }
  359.  
  360. .notes img{width:10px; position:left; top:3px;}
  361.  
  362. #panel,#flip{
  363. padding-bottom:1px;
  364. }
  365.  
  366. #flip:hover{cursor:help}
  367.  
  368. #panel{
  369. padding:1px;
  370. padding-top:5px;
  371. padding-bottom:5px;
  372. display:none;
  373. }
  374.  
  375. #credit {
  376. position:fixed !important;
  377. height:auto;
  378. font-size:10px;
  379. font-family:calibri;
  380. letter-spacing:1px;
  381. padding-bottom:4px;
  382. padding-right:4px;
  383. bottom:0;
  384. right:0;
  385. }
  386.  
  387. {CustomCSS}
  388. </style>
  389.  
  390. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  391. <script type="text/javascript">
  392. $(function(){
  393. $("#pageLink").click(function(){
  394. $("#titlePages").fadeToggle(500);
  395. });
  396. });
  397. </script>
  398.  
  399. {block:IndexPage}
  400. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  401. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  402. <script type="text/javascript">
  403. $(window).load(function () {
  404. var $content = $('#posts');
  405. $content.masonry({
  406. itemSelector: '.entry',
  407. isAnimated: true
  408. }),
  409. $content.infinitescroll({
  410. navSelector : '#pagination',
  411. nextSelector : '#pagination a#nextPage',
  412. itemSelector : '.entry',
  413. loading: {
  414. finishedMsg: '',
  415. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  416. },
  417. bufferPx : 200,
  418. debug : false,
  419. },
  420. // call masonry as a callback.
  421. function( newElements ) {
  422. var $newElems = $( newElements );
  423. $newElems.hide();
  424. // ensure that images load before adding to masonry layout
  425. $newElems.imagesLoaded(function(){
  426. $content.masonry( 'appended',
  427. $newElems, true,
  428. function(){$newElems.fadeIn(300);}
  429. );
  430.  
  431.  
  432. });
  433. });
  434. });
  435. </script>
  436. {/block:IndexPage}
  437.  
  438. <title>{title}</title>
  439.  
  440. <link rel="shortcut icon" href="{Favicon}">
  441. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  442. <meta name="viewport" content="width=820" />
  443.  
  444. </head>
  445. <body>
  446. <div class="wrapper">
  447. <div id="side">
  448.  
  449. <div id="flip"><div class="blogtitle">+{Title}</div></div>
  450. <div id="panel">
  451. <div class="navigate">
  452. <a href="{text:Link 1 URL}">{text:Link 1 name}</a> &nbsp;&nbsp;&nbsp;
  453. <a href="{text:Link 2 URL}">{text:Link 2 name}</a> &nbsp;&nbsp;&nbsp;
  454. <a href="{text:Link 3 URL}">{text:Link 3 name}</a> &nbsp;&nbsp;&nbsp;
  455. <a href="{text:Link 4 URL}">{text:Link 4 name}</a> &nbsp;&nbsp;&nbsp;
  456. <a href="http://tomkirk.tumblr.com/">theme</a>
  457. </div>
  458. </div>
  459.  
  460. <div style="padding:3px;">
  461. {Description}
  462. </div>
  463. </div>
  464.  
  465. <div id="posts">
  466.  
  467. {block:Posts}
  468. <div class="entry">
  469.  
  470. {block:IndexPage}
  471. <div class="permalink">
  472. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a> ·
  473. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  474. </div>
  475. {/block:IndexPage}
  476.  
  477. {block:Answer}
  478. <div id="ask">{Question}
  479. <div class="askername">{Asker}</div>
  480. </div>
  481. <div id="answer">
  482. {Answer}
  483. </div>
  484. {/block:Answer}
  485.  
  486. {block:Text}
  487. {block:Title}
  488. <div class="posttitle">
  489. {Title}
  490. </div>
  491. {/block:Title}
  492. {Body}
  493. {/block:Text}
  494.  
  495. {block:Link}
  496. <div class="posttitle">
  497. <a href="{URL}">{Name}</a>
  498. </div>
  499. {block:Description}{Description}{/block:Description}
  500. {/block:Link}
  501.  
  502. {block:Photo}
  503. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"target="_blank"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a>{LinkCloseTag}
  504. {block:ContentSource}
  505. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  506. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  507. {/block:SourceLogo}
  508. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  509. {/block:ContentSource}
  510. {block:ReblogParentURL}
  511. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  512. {/block:ReblogParentURL}{/block:IndexPage}
  513. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  514. {block:Caption}{Caption}{/block:Caption}
  515. {/block:Photo}
  516.  
  517. {block:Photoset}
  518. {block:IndexPage}
  519. <center>
  520. <div class="photo">
  521. {Photoset-250}
  522. </div>
  523. </center>
  524. <br>
  525. {block:Caption}{Caption}{/block:Caption}
  526. {/block:IndexPage}
  527. {block:PermalinkPage}
  528. <center>
  529. <div class="photo">
  530. {Photoset-500}
  531. </div>
  532. </center>
  533. <br>
  534. {block:Caption}{Caption}{/block:Caption}
  535. {/block:PermalinkPage}
  536. {/block:Photoset}
  537.  
  538. {block:Quote}
  539. <div class="posttitle">"{Quote}"</div>
  540. {block:Source}<br><i>-{Source}</i>{/block:Source}
  541. {/block:Quote}
  542.  
  543. {block:Chat}
  544. {block:Title}
  545. <div id="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}">
  546. {block:Label}<span class="label"><b>{Label} </b></span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>
  547. {/block:Chat}
  548.  
  549. {block:Audio}
  550. <div class="playbox">
  551. <div class="playbutton">
  552. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  553. </div></div>
  554. {block:AlbumArt}
  555. <img src="{AlbumArtURL}" class="cover">
  556. {/block:AlbumArt}
  557.  
  558. <div class="title">
  559. {block:TrackName}
  560. <b>Title</b>:{TrackName}
  561. {/block:TrackName}
  562. </div>
  563.  
  564. <div class="artist">
  565. {block:Artist}
  566. <b>Artist:</b>{Artist}
  567. {/block:Artist}
  568. </div>
  569.  
  570. <div class="title">
  571. {PlayCountWithLabel}
  572. </div>
  573.  
  574. <br>
  575. {block:Caption}{Caption}{/block:Caption}
  576. {/block:Audio}
  577.  
  578. {block:Video}
  579. <center>
  580. {block:IndexPage}
  581. {Video-250}
  582. {/block:IndexPage}
  583. </center>
  584. {block:PermalinkPage}
  585. <center>{Video-500}</center>
  586. {/block:PermalinkPage}
  587. {block:Caption}{Caption}{/block:Caption}
  588. {block:Video}
  589.  
  590. {block:PermalinkPage}
  591. <center>
  592. {block:Date}
  593. {TimeAgo} on
  594. {ShortMonth} {DayofMonth},{Year}
  595. {/block:Date}
  596. {block:NoteCount} · {NoteCountWithLabel}
  597. {/block:NoteCount}
  598. {block:HasTags} · Tags:
  599. {block:Tags}#<a href="{TagURL}">{Tag} </a>
  600. {/block:Tags}
  601. {/block:HasTags}
  602. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  603. </center>
  604. {/block:PermalinkPage}
  605.  
  606. {/block:PermalinkPage}
  607.  
  608. {block:PostNotes}{PostNotes}
  609. {/block:PostNotes}
  610. </div>
  611.  
  612.  
  613. {/block:Posts}
  614. </div>
  615. </div>
  616. {block:IndexPage}<br>
  617. {block:Pagination}
  618. <div id="pagination">
  619. {block:NextPage}
  620. <a id="nextPage" href="{NextPage}"> </a>
  621. {/block:NextPage}
  622. {block:PreviousPage}
  623. <a href="{PreviousPage}"> </a>
  624. {/block:PreviousPage}
  625. </div>
  626. {/block:Pagination}
  627. {/block:IndexPage}
  628. </div>
  629. </body>
  630. </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!