Advertisement
tomkirk

b

Jan 22nd, 2014
301
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.05 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--Default Variables-->
  5. <!--Colors-->
  6. <meta name="color:Background" content="#ffffff"/>
  7. <meta name="color:Text" content="#000000"/>
  8. <meta name="color:Link" content="#000000"/>
  9. <meta name="color:Link Hover" content="#e8e8e8"/>
  10. <meta name="color:Scrollbar" content="#000000"/>
  11. <meta name="color:Ask Background" content="#f7f7f7"/>
  12. <meta name="color:Ask Text" content="#000000"/>
  13. <meta name="color:Tool Tip" content="#000000"/>
  14. <meta name="color:Tool Tip Text" content="#ffffff"/>
  15.  
  16. <!--Options-->
  17. <meta name="if:Infinite Scroll" content="1"/>
  18. <meta name="if:Captions" content=""/>
  19. <meta name="if:Faded Images" content=""/>
  20. <meta name="if:Inverted Images" content=""/>
  21. <meta name="if:Tiny Cursor" content=""/>
  22. <meta name="if:Crosshair Cursor" content=""/>
  23.  
  24. <!--Links-->
  25. <meta name="text:Link 1 URL" content="/"/>
  26. <meta name="text:Link 1 name" content=""/>
  27. <meta name="text:Link 2 URL" content="/"/>
  28. <meta name="text:Link 2 name" content=""/>
  29. <meta name="text:Link 3 URL" content="/"/>
  30. <meta name="text:Link 3 name" content=""/>
  31. <meta name="text:Link 4 URL" content="/"/>
  32. <meta name="text:Link 4 name" content=""/>
  33. <meta name="text:Link 5 URL" content="/"/>
  34. <meta name="text:Link 5 name" content=""/>
  35.  
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39. <meta charset="utf-8">
  40. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  41. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  45. <style type="text/css">
  46. /*Basic styles*/
  47.  
  48.  
  49. {block:ifInvertedImages}img{
  50. opacity: 1;
  51. filter:alpha(opacity=10);
  52. -moz-opacity: 0.1;
  53. -moz-transition: all .9s ease;
  54. -o-transition: all .9s ease;
  55. transition: all .9s ease;
  56. -webkit-transition: all .9s ease;}
  57. {/block:ifInvertedImages}
  58.  
  59.  
  60. {block:ifInvertedImages} img:hover{
  61. opacity: .8;
  62. filter:alpha(opacity=100);
  63. -moz-opacity: 1;
  64. -moz-transition: all .9s ease;
  65. -o-transition: all .9s ease;
  66. transition: all .9s ease;
  67. -webkit-transition: all .9s ease;}
  68. {/block:ifInvertedImages}
  69.  
  70. {block:ifFadedImages}img{
  71. opacity: .8;
  72. filter:alpha(opacity=10);
  73. -moz-opacity: 0.1;
  74. -moz-transition: all .9s ease;
  75. -o-transition: all .9s ease;
  76. transition: all .9s ease;
  77. -webkit-transition: all .9s ease;}
  78. {/block:ifFadedImages}
  79.  
  80.  
  81. {block:ifFadedImages} img:hover{
  82. opacity: 1;
  83. filter:alpha(opacity=100);
  84. -moz-opacity: 1;
  85. -moz-transition: all .9s ease;
  86. -o-transition: all .9s ease;
  87. transition: all .9s ease;
  88. -webkit-transition: all .9s ease;}
  89. {/block:ifFadedImages}
  90.  
  91. {block:ifInvertedImages}.photo {
  92. opacity: 1;
  93. filter:alpha(opacity=10);
  94. -moz-opacity: 0.1;
  95. -moz-transition: all .9s ease;
  96. -o-transition: all .9s ease;
  97. transition: all .9s ease;
  98. -webkit-transition: all .9s ease;}
  99. {/block:ifInvertedImages}
  100.  
  101.  
  102. {block:ifInvertedImages}.photo:hover{
  103. opacity: .8;
  104. filter:alpha(opacity=100);
  105. -moz-opacity: 1;
  106. -moz-transition: all .9s ease;
  107. -o-transition: all .9s ease;
  108. transition: all .9s ease;
  109. -webkit-transition: all .9s ease;}
  110. {/block:ifInvertedImages}
  111.  
  112. {block:ifFadedImages}.photo {
  113. opacity: .8;
  114. filter:alpha(opacity=10);
  115. -moz-opacity: 0.1;
  116. -moz-transition: all .9s ease;
  117. -o-transition: all .9s ease;
  118. transition: all .9s ease;
  119. -webkit-transition: all .9s ease;}
  120. {/block:ifFadedImages}
  121.  
  122.  
  123. {block:ifFadedImages}.photo:hover{
  124. opacity: 1;
  125. filter:alpha(opacity=100);
  126. -moz-opacity: 1;
  127. -moz-transition: all .9s ease;
  128. -o-transition: all .9s ease;
  129. transition: all .9s ease;
  130. -webkit-transition: all .9s ease;}
  131. {/block:ifFadedImages}
  132.  
  133. .photo a:hover{background:transparent;}
  134.  
  135.  
  136. iframe#tumblr_controls {-webkit-filter:invert(100%);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;}
  137.  
  138. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  139.  
  140. ::-webkit-scrollbar {width:16px; height:16px; background: {color:Background};}
  141. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border-top:5px solid {color:Background};border-right:5px solid {color:Background};border-bottom:5px solid {color:Background};border-left:5px solid {color:Background};-webkit-border-radius: 100px;
  142. -moz-border-radius: 100px;border-radius: 100px;}
  143.  
  144. body{background-color: {color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:helvetica;font-size:11px;line-height:16px;color:{color:Text};{block:ifTinyCursor}cursor:url(http://i.imgur.com/IepP2.jpg), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  145.  
  146. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;
  147. -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  148.  
  149. a:hover{text-decoration:none;color:{color:Link Hover};{block:ifTinyCursor}cursor:url(http://i.imgur.com/IepP2.jpg), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  150.  
  151. #content {margin:auto;width:1000px;}
  152. #cage {margin:auto;width:830px;padding-left:10px;padding-top:40px;padding-bottom:10px;}
  153.  
  154. blockquote{padding-left:5px;margin-left:23px;border-left:4px solid {color:Link};}
  155.  
  156. .p { padding-top: 5px; }
  157. .ol, ul { margin-left: 30px; padding: 5px; }
  158. .ul { list-style-type: square; }
  159.  
  160. p{margin-top:1px;}
  161. .pt{font-size:18px;line-height:22px;font-weight:bold;font-family:arial;}
  162. .b{text-align:right;font-size:25px;line-height:25px;font-weight:bold;font-family:arial;}
  163.  
  164. .navigate a{font-weight:bold;line-height:14px;margin-left:10px;text-align:right;}
  165.  
  166. .audiop{background:white;padding:10px;border:1px solid #e8e8e8;}
  167. .audioplayer {position:relative;margin-top:3px;}
  168. .audiop img{max-width:470px;}
  169.  
  170. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  171. -moz-border-radius: 10px; border-radius: 10px;}
  172.  
  173. #ask {min-width:250px;padding:15px;background:{color:Ask Background};color:{color:Ask Text};}
  174.  
  175. .askername{font-weight:bold;}
  176.  
  177. iframe, img, embed, object, video {max-width: 100%;}
  178.  
  179. #side {position:fixed;width:180px;z-index:999;margin-left:-200px;margin-top:20px;padding:10px;text-align:justify;}
  180.  
  181. article img{display:block;}
  182.  
  183. article {margin:25px;padding:6px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  184.  
  185. article .permat{width:250px;position:absolute;opacity:0;margin-top:5px;font-size:9px;font-family:calibri;text-transform:uppercase;letter-spacing:1px;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear; transition: all 0.5s linear;color:{color:Link};}
  186.  
  187. article:hover .permat{opacity:1;}
  188.  
  189. article .permap{position:absolute;opacity:0;background:white;margin-top:12px;padding-left:10px;padding-right:10px;color:{color:Link};font-size:9px;font-family:calibri;text-transform:uppercase;letter-spacing:1px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  190.  
  191. article:hover .permap{opacity:.9;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  192.  
  193. article .permar{position:absolute;opacity:0;background:white;margin-top:40px;padding-left:10px;padding-right:10px;color:{color:Link};font-size:9px;font-family:calibri;text-transform:uppercase;letter-spacing:1px;-webkit-transition: all 0.9s linear;-moz-transition: all 0.9s linear; transition: all 0.9s linear;}
  194.  
  195. article:hover .permar{opacity:.9;-webkit-transition: all 0.6s linear;-moz-transition: all 0.6s linear; transition: all 0.6s linear;}
  196.  
  197. .chat .line{padding: 2px;}
  198.  
  199. .chat .line .odd{padding:2px;{color:Ask Text};background:{color:Ask Background};}
  200.  
  201. .label {font-weight:bold;}
  202.  
  203. .notes img{width:10px; position:left;top:3px;-webkit-border-radius: 10px;
  204. -moz-border-radius: 10px; border-radius: 10px;display:inline;}
  205. .notes {line height:16px;}
  206.  
  207. .pagination{margin-top:5px;font-weight:bold;}
  208.  
  209. #s-m-t-tooltip {max-width:300px;padding:1px;padding-left:5px;padding-right:5px;margin:15px 20px 15px 20px;background-color:{color:Tool Tip};color:{color:Tool Tip Text};font-size:10px;color:{color:Tool Tip Text};z-index:999999999999999999999999999999999999;}
  210.  
  211. {CustomCSS}
  212. </style>
  213. </head>
  214.  
  215. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  216.  
  217. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  218.  
  219. <script>
  220. (function($){
  221. $(document).ready(function(){
  222. $("a[title]").style_my_tooltips({
  223. tip_follows_cursor:true,
  224. tip_delay_time:10,
  225. tip_fade_speed:100,
  226. attribute:"title"
  227. });
  228. });
  229. })(jQuery);
  230. </script>
  231. <body>
  232. <div id="cage">
  233. <header id="side">
  234. <div class="b"><a href="/">{Title}</a></div>
  235. {block:Pagination}
  236. <div class="pagination">
  237. {block:PreviousPage}<a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Previous{/block:ifNotInfiniteScroll}</a><br>{/block:PreviousPage}
  238. {block:NextPage}<a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Next{block:ifNotInfiniteScroll}</a>{/block:NextPage}
  239. </div>
  240. {/block:Pagination}
  241. {Description}
  242. <div class="navigate">
  243. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  244. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  245. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  246. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  247. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  248. </div>
  249. </header>
  250.  
  251. <div id="content">
  252. {block:Posts}
  253. <article>
  254.  
  255. {block:Text}
  256. {block:Title}
  257. <div class="pt">{Title}</div>
  258. {/block:Title}
  259. {Body}
  260. {block:IndexPage}
  261. <div class="permat">
  262. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  263. <a title="reblog?"href="{ReblogURL}" target="_blank" class="details">↻</a>
  264. </div>
  265. {/block:IndexPage}
  266. {/block:Text}
  267.  
  268. {block:Photo}
  269. {block:IndexPage}
  270. <div class="permap">
  271. <a href="{Permalink}">{NoteCountWithLabel}</a>
  272. </div>
  273. <div class="permar">
  274. <a title="reblog?"href="{ReblogURL}" target="_blank" class="details">↻</a>
  275. </div>
  276. {/block:IndexPage}
  277. <div class="photo">
  278. {LinkOpenTag}
  279. <a href="{permalink}">
  280. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  281. </a>
  282. {LinkCloseTag}
  283. {block:ifCaptions}
  284. {block:Caption}{Caption}{/block:Caption}
  285. {/block:ifCaptions}
  286. {block:ifNotCaptions}
  287. {block:PermalinkPage}
  288. {block:Caption}{Caption}{/block:Caption}
  289. {/block:PermalinkPage}
  290. {/block:ifNotCaptions}
  291. {block:ContentSource}
  292. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  293. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  294. {/block:SourceLogo}
  295. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  296. {/block:ContentSource}
  297. {block:ReblogParentURL}
  298. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  299. {/block:ReblogParentURL}
  300. {/block:Photo}
  301.  
  302. {block:Photoset}
  303. {block:IndexPage}
  304. <div class="permap">
  305. <a href="{Permalink}">{NoteCountWithLabel}</a>
  306. </div>
  307. <div class="permar">
  308. <a title="reblog?"href="{ReblogURL}" target="_blank" class="details">↻</a>
  309. </div>
  310. {/block:IndexPage}
  311. <div class="photoset">
  312. <div class="photo">
  313. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  314. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  315. </div>
  316. </div>
  317. {block:Caption}{Caption}{/block:Caption}
  318. {/block:Photoset}
  319.  
  320. {block:Quote}
  321. <div class="pt">
  322. "{Quote}"
  323. </div>
  324. {block:Source}-{Source}{/block:Source}
  325. {block:IndexPage}
  326. <div class="permat">
  327. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  328. <a title="reblog?"href="{ReblogURL}" target="_blank" class="details">↻</a>
  329. </div>
  330. {/block:IndexPage}
  331. {/block:Quote}
  332.  
  333. {block:Link}
  334. <div class="pt">
  335. <a href="{URL}">{Name} »</a>
  336. </div>
  337. {block:Description}{Description}{/block:Description}
  338. {block:IndexPage}
  339. <div class="permat">
  340. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  341. <a title="reblog?"href="{ReblogURL}" target="_blank" class="details">↻</a>
  342. </div>
  343. {/block:IndexPage}
  344. {/block:Link}
  345.  
  346. {block:Chat}
  347. <div class="chat">
  348. {block:Lines}
  349. <div class="chat">
  350. <div class="line {Alt}">
  351. <div class="{Alt} user_{UserNumber}">
  352. {block:Label}
  353. <b>{Label} </b>
  354. {/block:Label}
  355. {Line}
  356. </div>
  357. </div>
  358. {/block:Lines}
  359. {block:IndexPage}
  360. <div class="permat">
  361. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  362. <a title="reblog?"href="{ReblogURL}" target="_blank" class="details">↻</a>
  363. </div>
  364. {/block:IndexPage}
  365. {/block:Chat}
  366.  
  367. {block:Audio}
  368. <div class="audio">
  369. <center>
  370. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}"style="margin-bottom:10px;">{/block:AlbumArt}</div></center>
  371. <div class="audiop">{AudioPlayerWhite}</div>
  372. {block:Caption}{Caption}{/block:Caption}
  373. {block:IndexPage}
  374. <div class="permat">
  375. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  376. <a title="reblog?"href="{ReblogURL}" target="_blank" class="details">↻</a>
  377. </div>
  378. {/block:IndexPage}
  379. {/block:Audio}
  380.  
  381. {block:Video}
  382. {block:IndexPage}
  383. <div class="permap">
  384. <a href="{Permalink}">{NoteCountWithLabel}</a>
  385. </div>
  386. <div class="permar">
  387. <a title="reblog?"href="{ReblogURL}" target="_blank" class="details">↻</a>
  388. </div>
  389. {/block:IndexPage}
  390. <div class="video">
  391. <div class="video-player">{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  392. {block:ifCaptions}
  393. {block:Caption}{Caption}{/block:Caption}
  394. {/block:ifCaptions}
  395. {block:ifNotCaptions}
  396. {block:PermalinkPage}
  397. {block:Caption}{Caption}{/block:Caption}
  398. {/block:PermalinkPage}
  399. {/block:ifNotCaptions}
  400. {/block:Video}
  401.  
  402. {block:Panorama}
  403. {block:IndexPage}
  404. <div class="permap">
  405. <a href="{Permalink}">{NoteCountWithLabel}</a>
  406. </div>
  407. <div class="permar">
  408. <a title="reblog?"href="{ReblogURL}" target="_blank" class="details">↻</a>
  409. </div>
  410. {/block:IndexPage}
  411. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  412. {block:ifCaptions}
  413. {block:Caption}{Caption}{/block:Caption}
  414. {/block:ifCaptions}
  415. {block:ifNotCaptions}
  416. {block:PermalinkPage}
  417. {block:Caption}{Caption}{/block:Caption}
  418. {/block:PermalinkPage}
  419. {/block:ifNotCaptions}
  420. {/block:Panorama}
  421.  
  422. {block:Answer}
  423. <div id="ask">
  424. <div class="askername">{Asker} asked:</div>
  425. {Question}
  426. </div>
  427. {Answer}
  428. {block:IndexPage}
  429. <div class="permat">
  430. <a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp;
  431. <a title="reblog?"href="{ReblogURL}" target="_blank" class="details">↻</a>
  432. </div>
  433. {/block:IndexPage}
  434. {/block:Answer}
  435.  
  436.  
  437. {block:PermalinkPage}
  438. <div style="margin-top:5px;">
  439. {block:Date}<!--ok-->
  440. <b>Posted:</b> {TimeAgo} on
  441. {ShortMonth} {DayofMonth},{Year} at
  442. {12Hour}:{Minutes} {CapitalAmPm}
  443. {/block:Date}
  444. {block:NoteCount}<br>
  445. <b>Notes:</b>
  446. {NoteCount}
  447. {/block:NoteCount}
  448. {block:HasTags}
  449. <br>
  450. <b>Tags:</b>
  451. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  452. {/block:Tags}
  453. {/block:HasTags}
  454. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  455. </div>
  456. {/block:PermalinkPage}
  457. {block:PostNotes}
  458. {PostNotes}
  459. {/block:PostNotes}
  460. </article>
  461. {/block:Posts}
  462.  
  463. </div>
  464. </div>
  465.  
  466. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  467.  
  468. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  469. {block:ifInfiniteScroll}
  470. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  471. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  472. {/block:ifInfiniteScroll}
  473.  
  474.  
  475. <script>
  476. (function() {
  477. var $tumblelog = $('#content');
  478. {block:IfInfiniteScroll}
  479. $tumblelog.infinitescroll({
  480. navSelector : ".pagination",
  481. nextSelector : ".pagination a:first",
  482. itemSelector : "article",
  483. bufferPx : 50,
  484. done : "",
  485. loading: {
  486. finishedMsg: "<p> </p>",
  487. img : " ",
  488. msg: null,
  489. msgText: "<p> </p>"
  490. },
  491. },
  492. function( newElements ) {
  493. var $newElems = $( newElements ).css({ opacity: 0 });
  494. $newElems.imagesLoaded(function(){
  495. $newElems.animate({ opacity: 1 });
  496. $tumblelog.masonry( 'appended', $newElems);
  497. });
  498. }
  499. );
  500. {/block:IfInfiniteScroll}
  501. $tumblelog.imagesLoaded( function(){
  502. $tumblelog.masonry({
  503. columnWidth: function( containerWidth ) {
  504. return containerWidth / 100;
  505. }
  506. });
  507. });
  508. })();
  509. </script>
  510. <!--am-->
  511. <script>
  512. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  513. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  514. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  515. s.parentNode.insertBefore(g,s)}(document,'script'));
  516. </script>
  517. </body>
  518. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement