API tools faq
paste
Advertisement
tomkirk

Theme Dump: 1

tomkirk
Jul 18th, 2013
365
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.92 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. TOMKIRK.TUMBLR
  3. -->
  4. <html>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8.  
  9. <!--Default Variables-->
  10. <!--Colors-->
  11. <meta name="color:Background" content="#ffffff"/>
  12. <meta name="color:Text" content="#828282"/>
  13. <meta name="color:Link" content="#54f394"/>
  14. <meta name="color:Link Hover" content="#ffadd7"/>
  15. <meta name="color:Border" content="#4d4949"/>
  16.  
  17. <!--Images-->
  18. <meta name="image:Background" content""/>
  19. <meta name="image:Title Icons" content""/>
  20.  
  21. <!--Options-->
  22. <meta name="if:Infinite Scroll" content=""/>
  23. <meta name="if:Captions" content="1"/>
  24. <meta name="if:Rounded Edges" content=""/>
  25. <meta name="if:Inverted Images" content=""/>
  26. <meta name="if:Faded Images" content="1"/>
  27. <meta name="if:Tiny Cursor" content="1"/>
  28. <meta name="if:Pink Layout" 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.  
  40. {block:Description}
  41. <meta name="description" content="{MetaDescription}" />
  42. {/block:Description}
  43. <meta charset="utf-8">
  44. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  45. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  49. <style type="text/css">
  50.  
  51. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  52.  
  53. @font-face{font-family: "Babydoll"; src: url('http://static.tumblr.com/9wzbixa/MbMmj2fv0/babydoll.ttf');}
  54.  
  55. body{
  56. background-color: {color:Background};
  57. background-image: url({image:Background});
  58. background-attachment: fixed;
  59. background-repeat: repeat;
  60. background-position: center;
  61. font-family: consolas;
  62. font-size: 10px;
  63. line-height: 12px;
  64. color:{color:Text};
  65. {block:ifTinyCursor}
  66. cursor: url(http://media.tumblr.com/63bedef90e1ae5190794323d2b03dc8c/tumblr_inline_moawjfcUAG1qz4rgp.png), progress;
  67. {/block:ifTinyCursor}
  68. }
  69.  
  70. a:link, a:active, a:visited{
  71. color: {color:Link};
  72. text-decoration:none;
  73. }
  74.  
  75. a:hover{
  76. color: {color:Link Hover};
  77. {block:ifTinyCursor}
  78. cursor: url(http://media.tumblr.com/63bedef90e1ae5190794323d2b03dc8c/tumblr_inline_moawjfcUAG1qz4rgp.png), progress;
  79. {/block:ifTinyCursor}
  80. }
  81.  
  82. #content {
  83. margin:auto;
  84. width:400px;
  85. padding-bottom:30px;
  86. }
  87.  
  88. article {
  89. width:400px;
  90. margin-top:45px;
  91. padding:6px;
  92. {block:IndexPage}
  93. border:1px solid transparent;
  94. {/block:IndexPage}
  95. {block:PermalinkPage}
  96. {block:ifPinkLayout}
  97. border:1px solid #ff8189;
  98. {/block:ifPinkLayout}
  99. {block:ifNotPinkLayout}
  100. border:1px solid #754c24;
  101. {/block:ifNotPinkLayout}
  102. background:white;
  103. {/block:PermalinkPage}
  104. -webkit-border-radius: 4px;
  105. -moz-border-radius: 4px;
  106. border-radius: 4px;
  107. }
  108.  
  109. article:hover {
  110. {block:ifPinkLayout}
  111. border:1px solid #ff8189;
  112. {/block:ifPinkLayout}
  113. {block:ifNotPinkLayout}
  114. border:1px solid #754c24;
  115. {/block:ifNotPinkLayout}
  116. background:white;
  117. }
  118.  
  119. article img{
  120. max-width:400px;
  121. -webkit-border-radius: 4px;
  122. -moz-border-radius: 4px;
  123. border-radius: 4px;
  124. {block:ifFadedImages}
  125. opacity:.7;
  126. {/block:ifFadedImages}
  127. {block:ifInvertedImages}
  128. opacity:1;
  129. {/block:ifInvertedImages}
  130. -webkit-transition: all 0.4s ease-out;
  131. -moz-transition: all 0.4s ease-out;
  132. transition: all 0.4s ease-out;
  133. }
  134.  
  135. article img:hover{
  136. {block:ifFadedImages}
  137. opacity:1;
  138. {/block:ifFadedImages}
  139. {block:ifInvertedImages}
  140. opacity:.6;
  141. {/block:ifInvertedImages}
  142. }
  143.  
  144. #ps {
  145. -webkit-border-radius: 4px;
  146. -moz-border-radius: 4px;
  147. border-radius: 4px;
  148. overflow:hidden;
  149. {block:ifFadedImages}
  150. opacity:.7;
  151. {/block:ifFadedImages}
  152. {block:ifInvertedImages}
  153. opacity:1;
  154. {/block:ifInvertedImages}
  155. -webkit-transition: all 0.6s ease-out;
  156. -moz-transition: all 0.6s ease-out;
  157. transition: all 0.6s ease-out;
  158. }
  159.  
  160. #ps:hover{
  161. {block:ifFadedImages}
  162. opacity:1;
  163. {/block:ifFadedImages}
  164. {block:ifInvertedImages}
  165. opacity:.7;
  166. {/block:ifInvertedImages}
  167. }
  168.  
  169. article #permalink{
  170. position:absolute;
  171. margin-top:-19px;
  172. margin-left:345px;
  173. padding:2px;
  174. opacity:0;
  175. z-index:1;
  176. {block:PermalinkPage}
  177. opacity:1;
  178. {/block:PermalinkPage}
  179. }
  180.  
  181. article:hover #permalink{
  182. opacity:1;
  183. }
  184.  
  185. article .notecount {
  186. width:51px;
  187. height:21px;
  188. overflow:hidden;
  189. text-align:center;
  190. display:block;
  191. z-index:1;
  192. -webkit-transition: all 0.s ease-out;
  193. -moz-transition: all 0.s ease-out;
  194. transition: all 0.s ease-out;
  195. {block:ifPinkLayout}
  196. background:url(http://media.tumblr.com/8c2f349def7b745bb3c54a43ded9bdaa/tumblr_inline_mo92zfNy6n1qz4rgp.png);
  197. {/block:ifPinkLayout}
  198. {block:ifNotPinkLayout}
  199. background:url(http://media.tumblr.com/f11d0015eb38f4a32045f662a349fd5c/tumblr_inline_mo92iqhUCu1qz4rgp.png);
  200. {/block:ifNotPinkLayout}
  201. }
  202.  
  203. article:hover .notecount {
  204. {block:ifPinkLayout}
  205. background:url(http://media.tumblr.com/8c2f349def7b745bb3c54a43ded9bdaa/tumblr_inline_mo92zfNy6n1qz4rgp.png);
  206. {/block:ifPinkLayout}
  207. {block:ifNotPinkLayout}
  208. background:url(http://media.tumblr.com/f11d0015eb38f4a32045f662a349fd5c/tumblr_inline_mo92iqhUCu1qz4rgp.png);
  209. {/block:ifNotPinkLayout}
  210. }
  211.  
  212. article .notecount a{
  213. line-height:22px;
  214. font-family:littlefont, consolas;
  215. font-size:8px;
  216. color:#754c24;
  217. {block:ifPinkLayout}
  218. color:#ff8189;
  219. {/block:ifPinkLayout}
  220. {block:ifNotPinkLayout}
  221. color:#754c24;
  222. {/block:ifNotPinkLayout}
  223. }
  224.  
  225. article:hover .notecount a{
  226. {block:ifPinkLayout}
  227. color:#ff8189;
  228. {/block:ifPinkLayout}
  229. {block:ifNotPinkLayout}
  230. color:#754c24;
  231. {/block:ifNotPinkLayout}
  232. }
  233.  
  234. #z{position:fixed;bottom:0;right:0;padding:15px;}
  235.  
  236. #z .y{position:absolute;margin-top:-7px;margin-left:-10px;opacity:0;font-family:calibri;font-size:10px;text-transform:uppercase;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;-webkit-transform: scale(.10);}
  237.  
  238. #z:hover .y{opacity:1;-webkit-transform: scale(1.0);margin-left:-10px;margin-top:-11px;}
  239.  
  240. #z .x{font-size:23px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  241. #z:hover .x{opacity:0;-webkit-transform: scale(.10);}
  242.  
  243. #side {
  244. position:relative;
  245. text-align:center;
  246. width:400px;
  247. margin-top:80px;
  248. margin-left:0px;
  249. padding:6px;
  250. z-index:1;
  251. }
  252.  
  253. #side .navigate{
  254. position:relative;
  255. width:400px;
  256. margin-top:-21px;
  257. margin-bottom:4px;
  258. font-family:littlefont, verdana;
  259. font-size:8px;
  260. text-transform:uppercase;
  261. opacity:0;
  262. -webkit-transition: all 0.2s ease-out;
  263. -moz-transition: all 0.2s ease-out;
  264. transition: all 0.2s ease-out;
  265. }
  266.  
  267. #side:hover .navigate{
  268. margin-top:0px;
  269. opacity:1;
  270. }
  271.  
  272. .navigate a{
  273. height:21px;
  274. width:51px;
  275. display:inline-block;
  276. margin-right:10px;
  277. line-height:22px;
  278. text-algin:center;
  279. {block:ifPinkLayout}
  280. background:url(http://media.tumblr.com/8c2f349def7b745bb3c54a43ded9bdaa/tumblr_inline_mo92zfNy6n1qz4rgp.png);
  281. {/block:ifPinkLayout}
  282. {block:ifNotPinkLayout}
  283. background:url(http://media.tumblr.com/f11d0015eb38f4a32045f662a349fd5c/tumblr_inline_mo92iqhUCu1qz4rgp.png);
  284. {/block:ifNotPinkLayout}
  285. }
  286.  
  287. .blogtitle{
  288. font-size: 24px;
  289. line-height: 25px;
  290. font-family: "Babydoll", verdana;
  291. }
  292.  
  293. .posttitle{
  294. font-size: 20px;
  295. line-height: 20px;
  296. margin-bottom:-10px;
  297. font-family: "Babydoll", verdana;
  298. }
  299.  
  300. .chat .line{
  301. padding: 2px;
  302. }
  303.  
  304. .chat .line .odd{
  305. padding:2px;
  306. background:#ffffff;
  307. }
  308.  
  309. .audiop{
  310. background:black;
  311. padding:10px;
  312. -webkit-border-radius: 4px;
  313. -moz-border-radius: 4px;
  314. border-radius: 4px;
  315. }
  316.  
  317. .audioplayer {
  318. position:absolute;
  319. margin-top:-53px;
  320. margin-left:100px;
  321. width:70px;
  322. overflow:hidden;
  323. }
  324.  
  325. .audiop img{
  326. {block:ifFadedImages}
  327. opacity:1;
  328. {/block:ifFadedImages}
  329. {block:ifInvertedImages}
  330. opacity:1;
  331. {/block:ifInvertedImages}
  332. }
  333.  
  334. .audiop img:hover{
  335. {block:ifFadedImages}
  336. opacity:1;
  337. {/block:ifFadedImages}
  338. {block:ifInvertedImages}
  339. opacity:1;
  340. {/block:ifInvertedImages}
  341. }
  342.  
  343. blockquote{
  344. margin-left:10px;
  345. padding-left:4px;
  346. border-left: 3px solid {color:Text};
  347. }
  348.  
  349. .p { padding-top: 5px; }
  350. .ol, ul { margin-left: 10px; padding: 5px; }
  351. .ul { list-style-type: square; }
  352.  
  353. .notes img{
  354. width:10px;
  355. position:left;
  356. top:3px;
  357. -webkit-border-radius: 10px;
  358. -moz-border-radius: 10px;
  359. border-radius: 10px;
  360. }
  361.  
  362. .notes ul {
  363. list-style-type:none;
  364. margin-left:-30px;
  365. padding:5px;
  366. text-align:left;
  367. border-bottom:1px solid {color:Border};
  368. }
  369.  
  370.  
  371. .pagination{
  372. margin-top:10px;
  373. text-transform:uppercase;
  374. letter-spacing:1px;
  375. font-size:8px;
  376. line-height:22px;
  377. font-family:littlefont, consolas;
  378. text-align:center;
  379. width:400px;
  380. }
  381.  
  382. {CustomCSS}
  383. </style>
  384.  
  385. </head>
  386. <body>
  387. <div id="z"><div class="x">▲</div>
  388. <div class="y"><a href="http://tomkirk.tumblr.com/">tomkirk</a></div>
  389. </div>
  390. <div id="content">
  391.  
  392. <div id="side">
  393. <div class="blogtitle"><a href="/"><img src="{image:Title Icons}"> {Title} <img src="{image:Title Icons}"></a></div>
  394. <div class="navigate">
  395. {block:ifLink1name}
  396. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  397. {/block:ifLink1name}
  398. {block:ifLink2name}
  399. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  400. {/block:ifLink2name}
  401. {block:ifLink3name}
  402. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  403. {/block:ifLink3name}
  404. {block:ifLink4name}
  405. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  406. {/block:ifLink4name}
  407. </div>
  408.  
  409. {Description}
  410. </div>
  411.  
  412. {block:Posts}
  413. <article>
  414.  
  415. {block:IndexPage}
  416. <div id="permalink">
  417. <div class="notecount">
  418. <a href="{Permalink}">{NoteCount}</a>
  419. </div>
  420. </div>
  421. {/block:IndexPage}
  422.  
  423. {block:Text}
  424. {block:Title}
  425. <div class="posttitle">{Title}</div>
  426. {/block:Title}
  427. {Body}
  428. {/block:Text}
  429.  
  430. {block:Link}
  431. <div class="posttitle">
  432. <a href="{URL}">{Name}+</a>
  433. </div>
  434. {block:Description}{Description}{/block:Description}
  435. {/block:Link}
  436.  
  437. {block:Photo}
  438. <center>
  439. {LinkOpenTag}
  440. <a href="{permalink}">
  441. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  442. {LinkCloseTag}
  443. </center>
  444. {block:ifCaptions}
  445. {block:Caption}{Caption}{/block:Caption}
  446. {/block:ifCaptions}
  447. {block:ifNotCaptions}
  448. {block:PermalinkPage}
  449. {block:Caption}{Caption}{/block:Caption}
  450. {/block:PermalinkPage}
  451. {/block:ifNotCaptions}
  452. {block:ContentSource}
  453. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  454. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  455. {/block:SourceLogo}
  456. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  457. {/block:ContentSource}
  458. {block:ReblogParentURL}
  459. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  460. {/block:ReblogParentURL}
  461. {/block:Photo}
  462.  
  463. {block:Photoset}
  464. <div id="ps">
  465. {Photoset-400}
  466. </div>
  467. {block:ifCaptions}
  468. {block:Caption}{Caption}{/block:Caption}
  469. {/block:ifCaptions}
  470. {block:ifNotCaptions}
  471. {block:PermalinkPage}
  472. {block:Caption}{Caption}{/block:Caption}
  473. {/block:PermalinkPage}
  474. {/block:ifNotCaptions}
  475. {/block:Photoset}
  476.  
  477. {block:Quote}
  478. <div class="posttitle">"{Quote}"</div>
  479. {block:Source}
  480. <br>
  481. - {Source}
  482. {/block:Source}
  483. {/block:Quote}
  484.  
  485. {block:Chat}
  486. {block:Title}
  487. <div class="posttitle">{Title}</div><br>
  488. {/block:Title}
  489. <div class="chat">
  490. {block:Lines}
  491. <div class="chat">
  492. <div class="line {Alt}">
  493. <div class="{Alt} user_{UserNumber}">
  494. {block:Label}
  495. <b>{Label} </b>
  496. {/block:Label}
  497. {Line}
  498. </div>
  499. </div>
  500. </div>
  501. {/block:Lines}
  502. </div>
  503. {/block:Chat}
  504.  
  505. {block:Audio}
  506.  
  507. <div class="audiop">
  508. {block:AlbumArt}
  509. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">
  510. {/block:AlbumArt}
  511.  
  512. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  513.  
  514. {block:AudioPlayer}
  515. <div class="audioplayer">
  516. {AudioPlayerBlack}
  517. </div>
  518. {/block:AudioPlayer}
  519. </div>
  520.  
  521. {block:Caption}{Caption}{/block:Caption}
  522. {/block:Audio}
  523.  
  524. {block:Video}
  525. {Video-400}
  526. {block:ifCaptions}
  527. {block:Caption}{Caption}{/block:Caption}
  528. {/block:ifCaptions}
  529. {block:ifNotCaptions}
  530. {block:PermalinkPage}
  531. {block:Caption}{Caption}{/block:Caption}
  532. {/block:PermalinkPage}
  533. {/block:ifNotCaptions}
  534. {/block:Video}
  535.  
  536. {block:PermalinkPage}
  537. <div style="margin-top:5px;">
  538. {block:Date}
  539. <b>Posted:</b> {TimeAgo} on
  540. {ShortMonth} {DayofMonth},{Year} at
  541. {12Hour}:{Minutes} {CapitalAmPm}
  542. {/block:Date}
  543. {block:NoteCount}<br>
  544. <b>Notes:</b>
  545. {NoteCount}
  546. {/block:NoteCount}
  547. {block:HasTags}
  548. <br>
  549. <b>Tags:</b>
  550. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  551. {/block:Tags}
  552. {/block:HasTags}
  553. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  554. </div>
  555. {/block:PermalinkPage}
  556.  
  557. {block:PostNotes}
  558. {PostNotes}
  559. {/block:PostNotes}
  560. </article>
  561. {/block:Posts}
  562.  
  563. {block:Pagination}
  564. <div class="pagination">
  565. {block:PreviousPage}<a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Last{/block:ifNotInfiniteScroll}</a>{/block:PreviousPage} [{CurrentPage} out of {TotalPages}]
  566. {block:NextPage}<a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Next{block:ifNotInfiniteScroll}</a>{/block:NextPage}
  567. </div>
  568. {/block:Pagination}
  569. </div>
  570.  
  571. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  572.  
  573. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  574. {block:ifInfiniteScroll}
  575. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  576. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  577. {/block:ifInfiniteScroll}
  578.  
  579.  
  580. <script>
  581. (function() {
  582. var $tumblelog = $('#content');
  583. {block:IfInfiniteScroll}
  584. $tumblelog.infinitescroll({
  585. navSelector : ".pagination",
  586. nextSelector : ".pagination a:first",
  587. itemSelector : "article",
  588. bufferPx : 50,
  589. done : "",
  590. loading: {
  591. finishedMsg: "<p> </p>",
  592. img : " ",
  593. msg: null,
  594. msgText: "<p> </p>"
  595. },
  596. },
  597. function( newElements ) {
  598. var $newElems = $( newElements ).css({ opacity: 0 });
  599. $newElems.imagesLoaded(function(){
  600. $newElems.animate({ opacity: 1 });
  601. $tumblelog.masonry( 'appended', $newElems);
  602. });
  603. }
  604. );
  605. {/block:IfInfiniteScroll}
  606. $tumblelog.imagesLoaded( function(){
  607. $tumblelog.masonry({
  608. columnWidth: function( containerWidth ) {
  609. return containerWidth / 100;
  610. }
  611. });
  612. });
  613. })();
  614. </script>
  615.  
  616. <script>
  617. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  618. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  619. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  620. s.parentNode.insertBefore(g,s)}(document,'script'));
  621. </script>
  622. </body>
  623. </html>
  624. </body>
  625. </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!