API tools faq
paste
Advertisement
tomkirk

Pack 5:1

tomkirk
Aug 30th, 2014
7,447
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.89 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. [ T H E M E B Y ]
  5.  
  6. ○ ● ○
  7.  
  8. [ T O M K I R K ]
  9.  
  10.  
  11.  
  12. -->
  13. <html>
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <head>
  17. <!--Default Variables-->
  18. <!--Colors-->
  19. <meta name="color:Ask Background" content="#000000"/>
  20. <meta name="color:Ask Text" content="#ffffff"/>
  21. <meta name="color:Background" content="#ffac93"/>
  22. <meta name="color:Text" content="#000000"/>
  23. <meta name="color:Link" content="#ffac93"/>
  24. <meta name="color:Link Hover" content="#ffac93"/>
  25. <meta name="color:Blog Title" content="#ffac93"/>
  26. <meta name="color:Navi" content="#ffac93"/>
  27. <meta name="color:Navi Text" content="#ffffff"/>
  28. <meta name="color:Tool Tip" content="#ffffff"/>
  29. <meta name="color:Tool Tip Text" content="#000000"/>
  30.  
  31. <!--Images-->
  32. <meta name="image:Background" content=""/>
  33.  
  34. <!--Options-->
  35. <meta name="if:Infinite Scrolling" content=""/>
  36. <meta name="if:Captions" content=""/>
  37. <meta name="if:Faded Images" content=""/>
  38. <meta name="if:Inverted Images" content=""/>
  39. <meta name="if:Lazy Load" content=""/>
  40.  
  41. <!--Links-->
  42. <meta name="text:Link 1 URL" content="/"/>
  43. <meta name="text:Link 1 name" content=""/>
  44. <meta name="text:Link 2 URL" content="/"/>
  45. <meta name="text:Link 2 name" content=""/>
  46. <meta name="text:Link 3 URL" content="/"/>
  47. <meta name="text:Link 3 name" content=""/>
  48. <meta name="text:Link 4 URL" content="/"/>
  49. <meta name="text:Link 4 name" content=""/>
  50.  
  51. {block:ifInfiniteScrolling}
  52. <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>
  53. {/block:ifInfiniteScrolling}
  54.  
  55. {block:Description}
  56. <meta name="description" content="{MetaDescription}" />{/block:Description}
  57. <title>
  58. {block:PostSummary}
  59. {PostSummary} - {/block:PostSummary}{Title}</title>
  60. </style>
  61.  
  62. <style type="text/css">
  63.  
  64. {block:ifInvertedImages}img{
  65. opacity: 1;
  66. filter:alpha(opacity=10);
  67. -moz-opacity: 0.1;
  68. -moz-transition: all .9s ease;
  69. -o-transition: all .9s ease;
  70. transition: all .9s ease;
  71. -webkit-transition: all .9s ease;}
  72. {/block:ifInvertedImages}
  73.  
  74.  
  75. {block:ifInvertedImages} img:hover{
  76. opacity: .8;
  77. filter:alpha(opacity=100);
  78. -moz-opacity: 1;
  79. -moz-transition: all .9s ease;
  80. -o-transition: all .9s ease;
  81. transition: all .9s ease;
  82. -webkit-transition: all .9s ease;}
  83. {/block:ifInvertedImages}
  84.  
  85. {block:ifFadedImages}img{
  86. opacity: .8;
  87. filter:alpha(opacity=10);
  88. -moz-opacity: 0.1;
  89. -moz-transition: all .9s ease;
  90. -o-transition: all .9s ease;
  91. transition: all .9s ease;
  92. -webkit-transition: all .9s ease;}
  93. {/block:ifFadedImages}
  94.  
  95.  
  96. {block:ifFadedImages} img:hover{
  97. opacity: 1;
  98. filter:alpha(opacity=100);
  99. -moz-opacity: 1;
  100. -moz-transition: all .9s ease;
  101. -o-transition: all .9s ease;
  102. transition: all .9s ease;
  103. -webkit-transition: all .9s ease;}
  104. {/block:ifFadedImages}
  105.  
  106. {block:ifInvertedImages}.photo {
  107. opacity: 1;
  108. filter:alpha(opacity=10);
  109. -moz-opacity: 0.1;
  110. -moz-transition: all .9s ease;
  111. -o-transition: all .9s ease;
  112. transition: all .9s ease;
  113. -webkit-transition: all .9s ease;}
  114. {/block:ifInvertedImages}
  115.  
  116.  
  117. {block:ifInvertedImages}.photo:hover{
  118. opacity: .8;
  119. filter:alpha(opacity=100);
  120. -moz-opacity: 1;
  121. -moz-transition: all .9s ease;
  122. -o-transition: all .9s ease;
  123. transition: all .9s ease;
  124. -webkit-transition: all .9s ease;}
  125. {/block:ifInvertedImages}
  126.  
  127. {block:ifFadedImages}.photo {
  128. opacity: .8;
  129. filter:alpha(opacity=10);
  130. -moz-opacity: 0.1;
  131. -moz-transition: all .9s ease;
  132. -o-transition: all .9s ease;
  133. transition: all .9s ease;
  134. -webkit-transition: all .9s ease;}
  135. {/block:ifFadedImages}
  136.  
  137.  
  138. {block:ifFadedImages}.photo:hover{
  139. opacity: 1;
  140. filter:alpha(opacity=100);
  141. -moz-opacity: 1;
  142. -moz-transition: all .9s ease;
  143. -o-transition: all .9s ease;
  144. transition: all .9s ease;
  145. -webkit-transition: all .9s ease;}
  146. {/block:ifFadedImages}
  147.  
  148. iframe#tumblr_controls {-webkit-filter:invert(100%);-moz-filter:invert(100%);-filter:invert(100%);right:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  149.  
  150. iframe#tumblr_controls:hover{opacity:1;}
  151.  
  152. body{background:{color:Background};background-image:url('{image:Background}');background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:consolas;font-size:12px;line-height:16px;color:{color:Text};}
  153.  
  154. a:link, a:active, a:visited{color:{color:Link};text-decoration:none;}
  155.  
  156. a:hover{text-decoration:none;color:{color:Link Hover};}
  157.  
  158. #pic img{display:block;}
  159.  
  160. #s-m-t-tooltip {
  161. max-width:300px;
  162. margin:25px 20px 25px 20px;
  163. background-color:{color:Tool Tip};
  164. color:{color:Tool Tip Text};
  165. font-size:12px;
  166. line-height:12px;
  167. padding:3px 5px 3px 5px;
  168. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  169. -webkit-transition: all 0.2s ease-out;
  170. -moz-transition: all 0.2s ease-out;
  171. transition: all 0.2s ease-out;
  172. z-index:999999999999999999999999999999999999;b
  173. }
  174.  
  175. #content {
  176. margin:auto;
  177. {block:IndexPage}width:500px;{/block:IndexPage}
  178. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  179. }
  180.  
  181. #container{
  182. margin:-10px 0 -10px -30px;
  183. padding:40px;
  184. {block:IndexPage}width:500px;{/block:IndexPage}
  185. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  186. }
  187.  
  188. #fix{
  189. position:fixed;
  190. z-index:-1;
  191. margin:-10px 0 -10px -30px;
  192. padding:40px;
  193. height:100%;
  194. {block:IndexPage}width:500px;{/block:IndexPage}
  195. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  196. background:white;
  197. }
  198.  
  199. #side{
  200. {block:IndexPage}width:500px;{/block:IndexPage}
  201. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  202. margin:10px 0 50px 0;
  203. border-bottom:1px solid {color:Navi};
  204. padding:0 0 20px 0;
  205. }
  206.  
  207. #entry{
  208. margin:0 0 80px 0;
  209. {block:IndexPage}width:250px;{/block:IndexPage}
  210. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  211.  
  212. }
  213.  
  214. #entry img{max-width:100%;}
  215.  
  216. #ask {
  217. padding:10px;
  218. background:{color:Ask Background};
  219. color:{color:Ask Text};
  220. }
  221.  
  222. .asktri1{
  223. margin:-6px 0 0 30px;
  224. color:{color:Ask Background};
  225. font-size:65px;
  226. font-family:arial;
  227. }
  228.  
  229. .askername{
  230. position:Absolute;
  231. margin:-34px 0 0 39px;
  232. }
  233.  
  234. .askername a{
  235. color:{color:Ask Text};
  236. }
  237.  
  238. .askername a:hover{
  239. text-decoration:underline;
  240. }
  241.  
  242. .askerimg{
  243. margin-bottom:8px;
  244. }
  245.  
  246. .askerimg img{
  247. width:30px;
  248. border-radius:30px;
  249. -webkit-border-radius:30px;
  250. -moz-border-radius:30px;
  251. }
  252.  
  253. #answer{
  254. margin:10px 15px 20px 15px;
  255. }
  256.  
  257.  
  258. h1{
  259. font-size:20px;
  260. line-height:20px;
  261. margin:0 0 0 0;
  262. margin:0 0 4px 0;
  263. padding:0 0 4px 0;
  264. border-bottom:1px solid {color:Link};
  265. }
  266.  
  267.  
  268. h2{
  269. font-size:20px;
  270. line-height:20px;
  271. margin:0 0 4px 0;
  272. padding:0 0 4px 0;
  273. border-bottom:1px solid {color:Link};
  274. }
  275.  
  276. .bt{
  277. font-size:25px;
  278. line-height:34px;
  279. text-transform:uppercase;
  280. letter-spacing:5px;
  281. font-weight:bold;
  282. margin:0 0 5px 0;
  283. }
  284.  
  285. .bt a{
  286. color:{color:Blog Title};
  287. }
  288.  
  289. .navigate{
  290. float:right;
  291. margin:-32px 0 0 0;
  292. }
  293.  
  294. .navigate a{
  295. display:inline-block;
  296. text-transform:uppercase;
  297. letter-spacing:2px;
  298. padding:1px 6px 1px 6px;
  299. margin:0 0 0 5px;
  300. background:{color:Navi};
  301. color:{color:Navi Text};
  302. border:2px solid {color:Navi};
  303. }
  304.  
  305. .navigate a:hover{
  306. background:transparent;
  307. color:{color:Navi};
  308. }
  309.  
  310. blockquote{
  311. padding-left:10px;
  312. margin:0 0 0 15px;
  313. border-left:2px solid {color:Link};
  314. }
  315.  
  316. p {
  317. margin:10px 0 10px 0;
  318. }
  319.  
  320. .ol, ul {
  321. margin-left:30px;
  322. padding:5px;
  323. }
  324.  
  325. .ul {
  326. list-style-type:square;
  327. }
  328.  
  329. .chat .line{
  330. padding: 2px;
  331. }
  332.  
  333. .chat .line .odd{
  334. padding:2px;
  335. color:{color:Ask Text};
  336. background:{color:Ask Background};
  337. }
  338.  
  339. .label {
  340. font-weight:bold;
  341. }
  342.  
  343. .audioplayer{
  344. padding:10px;
  345. background:black;
  346. opacity:.8;
  347. }
  348.  
  349. .audioinfo{
  350. border-top:1px solid rgba(255,255,255,.8);
  351. padding:10px;
  352. background:black;
  353. color:white;
  354. opacity:.8;
  355. }
  356.  
  357. #entry #permalink{
  358. position:absolute;
  359. width:185px;
  360. margin:0 0 0 290px;
  361. line-height:16px;
  362. /*belldom is real*/
  363. z-index:1;
  364. }
  365.  
  366. .permalinkid a{
  367. display:block;
  368. margin:0 0 5px 0;
  369. padding:5px 13px 8px 13px;
  370. background:{color:Navi};
  371. color:{color:Navi Text};
  372. border:2px solid {color:Navi};
  373. }
  374.  
  375. .permalinkid a:hover{
  376. background:rgba(255,255,255,0.8);
  377. color:{color:Navi};
  378. }
  379.  
  380. #entry #permalinkpg{
  381. position:relative;
  382. margin:10px 0 0 0;
  383. line-height:16px;
  384. opacity:1;
  385. /*belldom is real*/
  386. }
  387.  
  388. .notes img{
  389. width:10px;
  390. position:left;
  391. margin:3px 5px 0 0;
  392. -webkit-border-radius:10px;
  393. -moz-border-radius:10px;
  394. border-radius:10px;
  395. }
  396.  
  397. .notes {
  398. line-height:26px;
  399. }
  400.  
  401. #pgs{
  402. margin:30px 0 30px 10px;
  403. text-align:center;
  404. color:#d8d8d8;
  405. }
  406.  
  407. #pgs a{color:#c1c1c1;}
  408.  
  409. #pgs a:hover{color:{color:Link Hover}}
  410.  
  411. {CustomCSS}
  412. </style>
  413.  
  414. <link rel="shortcut icon" href="{Favicon}">
  415. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  416. {block:ifLazyLoad}
  417. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  418. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  419. <script type="text/javascript" charset="utf-8">
  420. var $j = jQuery.noConflict();
  421. $j(function() {
  422. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  423. $j("img").lazyload({
  424. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  425. effect: "fadeIn",
  426. });
  427. });
  428. </script>
  429. {/block:ifLazyLoad}
  430.  
  431. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  432. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  433. <script>
  434. (function($){
  435. $(document).ready(function(){
  436. $("a[title]").style_my_tooltips({
  437. tip_follows_cursor:true,
  438. tip_delay_time:90,
  439. tip_fade_speed:100,
  440. attribute:"title"
  441. });
  442. });
  443. })(jQuery);
  444. </script>
  445. </head>
  446. <body>
  447. <div id="content">
  448.  
  449. <div id="fix"></div>
  450.  
  451. <div id="container">
  452. <div id="side">
  453. <div class="bt">
  454. <a href="/">{Title}</a>
  455. </div>
  456. <div class="navigate">
  457. {block:ifLink1name}
  458. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  459. {/block:ifLink1name}
  460. {block:ifLink2name}
  461. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  462. {/block:ifLink2name}
  463. {block:ifLink3name}
  464. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  465. {/block:ifLink3name}
  466. {block:ifLink4name}
  467. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  468. {/block:ifLink4name}
  469. </div>
  470. <div style="margin:15px 0 0 0;">{Description}</div>
  471. </div>
  472.  
  473. <div class = "autopagerize_page_element">
  474. {block:Posts}
  475. <div id="entry">
  476.  
  477. {block:IndexPage}
  478. <div id="permalink">
  479. <div class="permalinkid">
  480. <a href="{Permalink}">{NoteCountWithLabel}</a>
  481. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  482. </div>
  483. {block:HasTags}
  484. <div style="line-height:20px;">
  485. {block:Tags}<a href="{TagURL}"># {Tag}</a><br>{/block:Tags}
  486. </div>
  487. {/block:HasTags}
  488. </div>
  489. {/block:IndexPage}
  490.  
  491. {block:Answer}
  492. <div id="ask">
  493. <div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
  494. <span class="askername"> {Asker} asked:</span>
  495. <span style="padding-left:3px;padding-right:3px;">{Question}</span>
  496. </div>
  497. <div class="asktri1">▾</div>
  498. <div id="answer">{Answer}</div>
  499. {/block:Answer}
  500.  
  501. {block:Text}
  502. {block:Title}
  503. <h1>{Title}</h1>
  504. {/block:Title}
  505. {Body}
  506. {/block:Text}
  507.  
  508. {block:Link}
  509. <h1><a href="{URL}">{Name} »</a></h1>
  510. {block:Description}{Description}{/block:Description}
  511. {/block:Link}
  512.  
  513. {block:Photo}
  514. <div id="pic">
  515. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  516. </div>
  517. {block:ifCaptions}
  518. {block:Caption}{Caption}{/block:Caption}
  519. {/block:ifCaptions}
  520. {block:ifNotCaptions}
  521. {block:PermalinkPage}
  522. {block:Caption}{Caption}{/block:Caption}
  523. {/block:PermalinkPage}
  524. {/block:ifNotCaptions}
  525. {block:ContentSource}
  526. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  527. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  528. {/block:SourceLogo}
  529. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  530. {/block:ContentSource}
  531. {block:ReblogParentURL}
  532. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  533. {/block:ReblogParentURL}
  534. {/block:Photo}
  535.  
  536. {block:Photoset}
  537. <div class="photo">
  538. <center>
  539. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  540. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  541. </center>
  542. </div>
  543. {block:ifCaptions}
  544. {block:Caption}{Caption}{/block:Caption}
  545. {/block:ifCaptions}
  546. {block:ifNotCaptions}
  547. {block:PermalinkPage}
  548. {block:Caption}{Caption}{/block:Caption}
  549. {/block:PermalinkPage}
  550. {/block:ifNotCaptions}
  551. {/block:Photoset}
  552.  
  553. {block:Quote}
  554. <h2>“{Quote}”</h2>
  555. {block:Source}
  556. <i> - {Source}</i>
  557. {/block:Source}
  558. {/block:Quote}
  559.  
  560. {block:Chat}
  561. {block:Title}
  562. <h1>{Title}</h1>
  563. {/block:Title}
  564. <div class="chat">
  565. {block:Lines}
  566. <div class="chat">
  567. <div class="line {Alt}">
  568. <div class="{Alt} user_{UserNumber}">
  569. {block:Label}
  570. <b>{Label} </b>
  571. {/block:Label}
  572. {Line}
  573. </div>
  574. </div>
  575. </div>
  576. {/block:Lines}
  577. </div>
  578. {/block:Chat}
  579.  
  580. {block:Audio}
  581. {block:AlbumArt}
  582. <img src="{AlbumArtURL}">
  583. {/block:AlbumArt}
  584. {block:AudioPlayer}
  585. <div class="audioplayer">
  586. {AudioPlayerBlack}
  587. </div>
  588. {/block:AudioPlayer}
  589. {block:TrackName}
  590. <div class="audioinfo">
  591. Song : {TrackName}
  592. </div>
  593. {/block:TrackName}
  594. {block:Artist}
  595. <div class="audioinfo">
  596. Artist : {Artist}
  597. </div>
  598. {/block:Artist}
  599. {block:Album}
  600. <div class="audioinfo">
  601. Album : {Album}
  602. </div>
  603. {/block:Album}
  604. {block:Caption}{Caption}{/block:Caption}
  605. {/block:Audio}
  606.  
  607. {block:Video}
  608. <div class="photo">
  609. <center>
  610. {block:IndexPage}{Video-250}{/block:IndexPage}
  611. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  612. </center>
  613. </div>
  614. {block:ifCaptions}
  615. {block:Caption}{Caption}{/block:Caption}
  616. {/block:ifCaptions}
  617. {block:ifNotCaptions}
  618. {block:PermalinkPage}
  619. {block:Caption}{Caption}{/block:Caption}
  620. {/block:PermalinkPage}
  621. {/block:ifNotCaptions}
  622. {/block:Video}
  623.  
  624. {block:PermalinkPage}
  625. {block:Date}
  626. <div id="permalinkpg">
  627. <b>Posted:</b> {TimeAgo} on
  628. {ShortMonth} {DayofMonth},{Year} at
  629. {12Hour}:{Minutes} {CapitalAmPm}
  630. {block:NoteCount}<br>
  631. <b>Notes:</b>
  632. {NoteCount}
  633. {/block:NoteCount}
  634. {block:HasTags}
  635. <br>
  636. <b>Tags:</b>
  637. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  638. {/block:Tags}
  639. {/block:HasTags}
  640. <br>{block:RebloggedFrom}
  641. <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  642. </div>
  643. {block:PostNotes}
  644. {PostNotes}
  645. {/block:PostNotes}
  646. </div>
  647. {/block:Date}
  648. {/block:PermalinkPage}
  649.  
  650. </div>
  651. {/block:Posts}
  652.  
  653. {block:ifNotInfiniteScrolling}
  654. <div id="pgs">
  655. {block:Pagination}
  656. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  657. {block:JumpPagination length="5"}
  658. {block:CurrentPage}
  659. <span class="current_page">{PageNumber}</span>&nbsp;&nbsp;
  660. {/block:CurrentPage}
  661. {block:JumpPage}
  662. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;
  663. {/block:JumpPage}
  664. {/block:JumpPagination}
  665. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  666. {/block:Pagination}
  667. </div>
  668. {/block:ifNotInfiniteScrolling}
  669.  
  670. </div>
  671. <div style="position:fixed;bottom:0;right:0;padding-right:20px;padding-bottom:10px;"><a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">▲</a></div>
  672. </body>
  673. </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!