API tools faq
paste
Advertisement
singforabsolution

Theme 19

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