API tools faq
paste
Advertisement
tomkirk

#015

tomkirk
Aug 24th, 2013
3,737
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. [ T H E M E B Y ]
  3.  
  4. ○ ● ○
  5.  
  6. [ 1 3 I N (T O M K I R K) ]
  7. -->
  8. <html>
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head>
  12. <!--Default Variables-->
  13. <!--Colors-->
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#000000"/>
  16. <meta name="color:Link" content="#55db82"/>
  17. <meta name="color:Link Hover" content="#f85151"/>
  18. <meta name="color:Scrollbar" content="#000000"/>
  19.  
  20. <!--Images-->
  21. <meta name="image:Background" content""/>
  22. <meta name="image:Side" content""/>
  23.  
  24. <!--Options-->
  25. <meta name="if:Lazy Load" content=""/>
  26. <meta name="if:Faded Images" content=""/>
  27. <meta name="if:Inverted Images" content=""/>
  28. <meta name="if:Infinite Scrolling" content=""/>
  29. <meta name="if:Captions" content=""/>
  30.  
  31. <!--Links-->
  32. <meta name="text:Link 1 URL" content="/"/>
  33. <meta name="text:Link 1 name" content=""/>
  34. <meta name="text:Link 2 URL" content="/"/>
  35. <meta name="text:Link 2 name" content=""/>
  36. <meta name="text:Link 3 URL" content="/"/>
  37. <meta name="text:Link 3 name" content=""/>
  38. <meta name="text:Link 4 URL" content="/"/>
  39. <meta name="text:Link 4 name" content=""/>
  40.  
  41. <script type="text/javascript">
  42. function unhide(divID) {
  43. var item = document.getElementById(divID);
  44. if (item) {
  45. item.className=(item.className=='hidden')?'unhidden':'hidden';
  46. }
  47. }
  48. </script>
  49.  
  50. {block:ifInfiniteScrolling}
  51. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  52. {/block:ifInfiniteScrolling}
  53.  
  54. {block:Description}
  55. <meta name="description" content="{MetaDescription}" />{/block:Description}
  56. <title>
  57. {block:PostSummary}
  58. {PostSummary} - {/block:PostSummary}{Title}</title>
  59. </style>
  60.  
  61. <style type="text/css">
  62.  
  63.  
  64. .hidden {display: none;}
  65. .unhidden {display: block;}
  66.  
  67.  
  68. {block:ifInvertedImages}img{
  69. opacity: 1;
  70. filter:alpha(opacity=10);
  71. -moz-opacity: 0.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.  
  79. {block:ifInvertedImages} img:hover{
  80. opacity: .8;
  81. filter:alpha(opacity=100);
  82. -moz-opacity: 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:ifInvertedImages}
  88.  
  89. {block:ifFadedImages}img{
  90. opacity: .8;
  91. filter:alpha(opacity=10);
  92. -moz-opacity: 0.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.  
  100. {block:ifFadedImages} img:hover{
  101. opacity: 1;
  102. filter:alpha(opacity=100);
  103. -moz-opacity: 1;
  104. -moz-transition: all .9s ease;
  105. -o-transition: all .9s ease;
  106. transition: all .9s ease;
  107. -webkit-transition: all .9s ease;}
  108. {/block:ifFadedImages}
  109.  
  110. {block:ifInvertedImages}.photo {
  111. opacity: 1;
  112. filter:alpha(opacity=10);
  113. -moz-opacity: 0.1;
  114. -moz-transition: all .9s ease;
  115. -o-transition: all .9s ease;
  116. transition: all .9s ease;
  117. -webkit-transition: all .9s ease;}
  118. {/block:ifInvertedImages}
  119.  
  120.  
  121. {block:ifInvertedImages}.photo:hover{
  122. opacity: .8;
  123. filter:alpha(opacity=100);
  124. -moz-opacity: 1;
  125. -moz-transition: all .9s ease;
  126. -o-transition: all .9s ease;
  127. transition: all .9s ease;
  128. -webkit-transition: all .9s ease;}
  129. {/block:ifInvertedImages}
  130.  
  131. {block:ifFadedImages}.photo {
  132. opacity: .8;
  133. filter:alpha(opacity=10);
  134. -moz-opacity: 0.1;
  135. -moz-transition: all .9s ease;
  136. -o-transition: all .9s ease;
  137. transition: all .9s ease;
  138. -webkit-transition: all .9s ease;}
  139. {/block:ifFadedImages}
  140.  
  141.  
  142. {block:ifFadedImages}.photo:hover{
  143. opacity: 1;
  144. filter:alpha(opacity=100);
  145. -moz-opacity: 1;
  146. -moz-transition: all .9s ease;
  147. -o-transition: all .9s ease;
  148. transition: all .9s ease;
  149. -webkit-transition: all .9s ease;}
  150. {/block:ifFadedImages}
  151.  
  152.  
  153. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  154.  
  155.  
  156. 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;}
  157.  
  158. ::-webkit-scrollbar {width:15px; height:20px; background: {color:Background};}
  159. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  160.  
  161. body{background-color: {color:Background};background-image: url({image:Background});background-attachment: fixed;background-repeat: repeat;background-position: center;font-family:arial;font-size:14px;line-height:15px;color:{color:Text};}
  162.  
  163. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  164.  
  165. a:hover{
  166. text-decoration:none;
  167. color:{color:Link Hover};
  168. }
  169.  
  170. #pic img{display:block;}
  171.  
  172. #container {margin:auto;padding:5px;width:480px;}
  173.  
  174. #content{width:500px;padding:10px;}
  175.  
  176. #entry {background:white;width:500px;margin-top:100px;margin-bottom:140px;margin-left:40px;border:10px inset {color:Link};webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
  177.  
  178. #entry:hover{border:10px inset {color:Link Hover};}
  179.  
  180. #entry:hover a {color: {color:Link Hover};}
  181.  
  182. #entry img{max-width:500px;display:block;}
  183.  
  184. #entry .permalink{opacity:0;position:absolute;margin-top:20px;margin-left:490px;font-size:16px;line-height:11px;background:white;padding:10px;-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;z-index:999;border:4px solid {color:Link};
  185. /*-webkit-filter:blur(3px);-moz-filter:blur(3px);-filter:blur(3px);*/
  186. -webkit-transform: scale(.70);-moz-transform: scale(.70);-transform: scale(.70);}
  187.  
  188. #entry:hover .permalink{opacity:1;border:4px solid {color:Link Hover};/*-webkit-filter:blur(0px);-moz-filter:blur(0px);-filter:blur(0px);*/
  189. -webkit-transform: scale(1.0);-moz-transform: scale(1.0);-transform: scale(1.0);}
  190.  
  191. #side {position:fixed;width:230px;margin-top:120px;margin-left:-290px;background:white;border:10px inset {color:Link};-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;}
  192.  
  193. #side:hover{border:10px inset {color:Link Hover};}
  194.  
  195. #side:hover a {color: {color:Link Hover};}
  196.  
  197. #ask {padding:15px;font-size:25px;line-height:25px;}
  198.  
  199. .askername{font-weight:bold;}
  200.  
  201. .pt{font-size:25px;line-height:25px;}
  202.  
  203. #side .bt{font-size:35px;line-height:36px;margin-top:3px;padding:4px;text-transform:lowercase;border-bottom:1px solid {color:Link};-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear;color:{color:Link};}
  204.  
  205. #side:hover .bt{border-bottom:1px solid {color:Link Hover};color:{color:Link Hover};cursor:help;}
  206.  
  207. .bt a:hover{}
  208.  
  209. .navi {font-size:20px;line-height:20px;}
  210.  
  211. .navi a:hover{cursor:hand;}
  212.  
  213. blockquote{padding-left:5px;margin-left:23px;border-left:4px solid #e8e8e8}
  214.  
  215. p{margin:0px;padding-top:5px;}
  216.  
  217. .p { padding-top: 5px; }
  218. .ol, ul { margin-left: 30px; padding: 5px; }
  219. .ul { list-style-type: square; }
  220.  
  221. .chat .line{padding: 2px;}
  222.  
  223. .chat .line .odd{padding:2px;{color:Ask Text};background:{color:Ask Background};}
  224.  
  225. .label {font-weight:bold;}
  226.  
  227. .audiop{background:black;padding:10px;}
  228. .audioplayer { }
  229.  
  230. .notes img{width:0px; display: none;}
  231.  
  232. .notes{line-height:19px;}
  233.  
  234. #pgs{text-align:center;margin-left:50px;width:500px;font-size:25px;margin-bottom:100px;}
  235.  
  236. {CustomCSS}
  237. </style>
  238.  
  239. <link rel="shortcut icon" href="{Favicon}">
  240. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  241. {block:ifLazyLoad}
  242. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  243. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  244. <script type="text/javascript" charset="utf-8">
  245. var $j = jQuery.noConflict();
  246. $j(function() {
  247. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  248. $j("img").lazyload({
  249. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  250. effect: "fadeIn",
  251. });
  252. });
  253. </script>
  254. {/block:ifLazyLoad}
  255. </head>
  256. <body>
  257. <div id="container">
  258. <div id="side">
  259. <div class="bt"><a href="javascript:unhide('displaybx');">
  260. <span style="cursor:help;">{Title}</span> </a>
  261. <div id="displaybx" class="hidden">
  262. <div class="navi">
  263. {block:ifLink1name}
  264. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  265. {/block:ifLink1name}
  266. {block:ifLink2name}
  267. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  268. {/block:ifLink2name}
  269. {block:ifLink3name}
  270. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  271. {/block:ifLink3name}
  272. {block:ifLink4name}
  273. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  274. {/block:ifLink4name}
  275. {block:ifLink5name}
  276. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  277. {/block:ifLink5name}
  278. </div>
  279. </div>
  280. </div>
  281. <div style="padding:4px;">
  282. {Description}
  283. </div>
  284. </div>
  285.  
  286. <div id="content">
  287. {block:Posts}
  288. <div id="entry">
  289.  
  290.  
  291. {block:IndexPage}
  292. <div class="permalink">
  293. <a href="{Permalink}">{NoteCount}</a>
  294. </div>
  295. {/block:IndexPage}
  296.  
  297. {block:Answer}
  298. <div id="ask">
  299. <div class="askername">{Asker} asked:</div>
  300. {Question}
  301. </div>
  302. <div style="padding:15px;">
  303. {Answer}
  304. </div>
  305. {/block:Answer}
  306.  
  307. {block:Text}
  308. <div style="padding:15px;">
  309. {block:Title}
  310. <div class="pt">{Title}</div>
  311. {/block:Title}
  312. {Body}
  313. </div>
  314. {/block:Text}
  315.  
  316. {block:Link}
  317. <div style="padding:15px;">
  318. <div class="pt"><a href="{URL}">{Name} »</a></div>
  319. {block:Description}{Description}{/block:Description}
  320. </div>
  321. {/block:Link}
  322.  
  323. {block:Photo}
  324. {LinkOpenTag}
  325. <div id="pic">
  326. <div class="ep">
  327. <a href="{permalink}">
  328. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
  329. </div></div>
  330. {LinkCloseTag}
  331. {block:ifCaptions}
  332. {block:Caption}<div style="padding:15px;">
  333. {Caption}
  334. </div>
  335. {/block:Caption}
  336. {/block:ifCaptions}
  337. {block:ifNotCaptions}
  338. {block:PermalinkPage}
  339. {block:Caption}<div style="padding:15px;">
  340. {Caption}
  341. </div>
  342. {/block:Caption}
  343. {/block:PermalinkPage}
  344. {/block:ifNotCaptions}
  345. {block:ContentSource}
  346. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  347. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  348. {/block:SourceLogo}
  349. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  350. {/block:ContentSource}
  351. {block:ReblogParentURL}
  352. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  353. {/block:ReblogParentURL}
  354. {/block:Photo}
  355.  
  356. {block:Photoset}
  357. <div class="photo">
  358. <center>
  359. {Photoset-500}
  360. </center>
  361. </div>
  362. {block:ifCaptions}
  363. {block:Caption}<div style="padding:15px;">
  364. {Caption}
  365. </div>
  366. {/block:Caption}
  367. {/block:ifCaptions}
  368. {block:ifNotCaptions}
  369. {block:PermalinkPage}
  370. {block:Caption}<div style="padding:15px;">
  371. {Caption}
  372. </div>
  373. {/block:Caption}
  374. {/block:PermalinkPage}
  375. {/block:ifNotCaptions}
  376. {/block:Photoset}
  377.  
  378. {block:Quote}
  379. <div style="padding:15px;">
  380. <div class="pt">"{Quote}"</div>
  381. {block:Source}
  382. <i> - {Source}</i>
  383. {/block:Source}
  384. </div>
  385. {/block:Quote}
  386.  
  387. {block:Chat}
  388. <div style="padding:15px;">
  389. {block:Title}
  390. <div class="pt">
  391. {Title}
  392. </div>
  393. {/block:Title}
  394. <div class="chat">
  395. {block:Lines}
  396. <div class="chat">
  397. <div class="line {Alt}">
  398. <div class="{Alt} user_{UserNumber}">
  399. {block:Label}
  400. <b>{Label} </b>
  401. {/block:Label}
  402. {Line}
  403. </div>
  404. </div>
  405. </div>
  406. {/block:Lines}
  407. </div>
  408. </div>
  409. {/block:Chat}
  410.  
  411. {block:Audio}
  412. {block:AlbumArt}
  413. <img src="{AlbumArtURL}"style="max-width:500px;">
  414. {/block:AlbumArt}
  415. <div class="audiop">
  416. {block:AudioPlayer}
  417. <div class="audioplayer">
  418. {AudioPlayerBlack}
  419. </div>
  420. </div>
  421. {/block:AudioPlayer}
  422. {block:ifCaptions}
  423. <div style="padding:15px;">
  424. {block:Caption}{Caption}{/block:Caption}
  425. </div>
  426. {/block:ifCaptions}
  427. {block:ifNotCaptions}
  428. {block:PermalinkPage}
  429. {block:Caption}<div style="padding:15px;">
  430. {Caption}
  431. </div>
  432. {/block:Caption}
  433. {/block:PermalinkPage}
  434. {/block:ifNotCaptions}
  435. {/block:Audio}
  436.  
  437. {block:Video}
  438. <div class="photo">
  439. <center>
  440. {Video-500}
  441. </center>
  442. </div>
  443. {block:ifCaptions}
  444. {block:Caption}<div style="padding:15px;">
  445. {Caption}
  446. </div>
  447. {/block:Caption}
  448. {/block:ifCaptions}
  449. {block:ifNotCaptions}
  450. {block:PermalinkPage}
  451. {block:Caption}<div style="padding:15px;">
  452. {Caption}
  453. </div>
  454. {/block:Caption}
  455. {/block:PermalinkPage}
  456. {/block:ifNotCaptions}
  457. {/block:Video}
  458.  
  459. {block:PermalinkPage}
  460. <div style="margin-top:5px;padding:15px;">
  461. {block:Date}
  462. <b>Posted:</b> {TimeAgo} on
  463. {ShortMonth} {DayofMonth},{Year} at
  464. {12Hour}:{Minutes} {CapitalAmPm}
  465. {/block:Date}
  466. {block:NoteCount}<br>
  467. <b>Notes:</b>
  468. {NoteCount}
  469. {/block:NoteCount}
  470. {block:HasTags}
  471. <br>
  472. <b>Tags:</b>
  473. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  474. {/block:Tags}
  475. {/block:HasTags}
  476. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}">{ReblogRootName}</a>) {/block:RebloggedFrom}
  477. </div>
  478. {/block:PermalinkPage}
  479.  
  480. {block:PostNotes}
  481. {PostNotes}
  482. {/block:PostNotes}
  483. </div>
  484. {/block:Posts}
  485. {block:ifNotInfiniteScrolling}
  486. <div id="pgs">
  487. {block:Pagination}
  488. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  489. {block:JumpPagination length="5"}
  490. {block:CurrentPage}
  491. <span class="current_page">{PageNumber}</span>&nbsp;&nbsp;
  492. {/block:CurrentPage}
  493. {block:JumpPage}
  494. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;
  495. {/block:JumpPage}
  496. {/block:JumpPagination}
  497. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  498. {/block:Pagination}
  499. </div>
  500. {/block:ifNotInfiniteScrolling}
  501. </div>
  502. </div>
  503. <div style="position:fixed;left:0;bottom:0;padding:5px;">
  504. <a title="13in"href="http://13in.tumblr.com/"><img src="http://static.tumblr.com/bb49f1c92be0b126918975f97eed155b/bbujivt/VKAmr74so/tumblr_static_moon.png"width="17"></a></div>
  505. </body>
  506. </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!