API tools faq
paste
Advertisement
singforabsolution

Theme 22

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