API tools faq
paste
Advertisement
tomkirk

#014

tomkirk
Aug 14th, 2013
2,198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.67 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. [ T H E M E B Y ]
  3.  
  4. ○ ● ○
  5.  
  6. [ 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.  
  13. <!--Default Variables-->
  14. <!--Colors-->
  15. <meta name="color:Ask Background" content="#f7f7f7"/>
  16. <meta name="color:Ask Text" content="#696969"/>
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#030303"/>
  19. <meta name="color:Link" content="#cccccc"/>
  20. <meta name="color:Link Hover" content="#030303"/>
  21. <meta name="color:Navigation" content="#030303"/>
  22. <meta name="color:Navigation Text" content="#cccccc"/>
  23. <meta name="color:Permalink" content="#f7f7f7"/>
  24. <meta name="color:Permalink Text" content="#cccccc"/>
  25.  
  26. <!--Images-->
  27. <meta name="image:Background" content""/>
  28. <meta name="image:Side" content""/>
  29.  
  30. <!--Options-->
  31. <meta name="if:Infinite Scroll" content=""/>
  32. <meta name="if:Captions" content="1"/>
  33. <meta name="if:Alt Description" content=""/>
  34. <meta name="if:Inverted Images" content=""/>
  35. <meta name="if:Faded Images" content=""/>
  36. <meta name="if:Tiny Cursor" content=""/>
  37. <meta name="if:Alt Date Format" content=""/>
  38.  
  39.  
  40. <!--Links-->
  41. <meta name="text:Link 1 URL" content="/"/>
  42. <meta name="text:Link 1 name" content=""/>
  43. <meta name="text:Link 2 URL" content="/"/>
  44. <meta name="text:Link 2 name" content=""/>
  45. <meta name="text:Link 3 URL" content="/"/>
  46. <meta name="text:Link 3 name" content=""/>
  47. <meta name="text:Link 4 URL" content="/"/>
  48. <meta name="text:Link 4 name" content=""/>
  49. <meta name="text:Link 5 URL" content="/"/>
  50. <meta name="text:Link 5 name" content=""/>
  51. {block:ifInfiniteScroll}
  52. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  53. {/block:ifInfiniteScroll}
  54. {block:Description}
  55. <meta name="description" content="{MetaDescription}" />
  56. {/block:Description}
  57. <meta charset="utf-8">
  58. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  59. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  63. <style type="text/css">
  64.  
  65. body{
  66. background-color: {color:Background};
  67. background-image: url({image:Background});
  68. background-attachment: fixed;
  69. background-repeat: repeat;
  70. background-position: center;
  71. font-family: calibri;
  72. font-size: 12px;
  73. line-height: 13px;
  74. color:{color:Text};
  75. {block:ifTinyCursor}
  76. cursor: url(http://media.tumblr.com/63bedef90e1ae5190794323d2b03dc8c/tumblr_inline_moawjfcUAG1qz4rgp.png), progress;
  77. {/block:ifTinyCursor}
  78. }
  79.  
  80. a:link, a:active, a:visited{
  81. color: {color:Link};
  82. text-decoration:none;
  83. -webkit-transition: all 0.6s ease-out;
  84. -moz-transition: all 0.6s ease-out;
  85. transition: all 0.6s ease-out;
  86. }
  87.  
  88. a:hover{
  89. color: {color:Link Hover};
  90. {block:ifTinyCursor}
  91. cursor: url(http://media.tumblr.com/63bedef90e1ae5190794323d2b03dc8c/tumblr_inline_moawjfcUAG1qz4rgp.png), progress;
  92. {/block:ifTinyCursor}
  93. }
  94.  
  95. #container {
  96. margin:auto;
  97. width:500px;
  98. }
  99.  
  100. #content {
  101. margin:auto;
  102. {block:IndexPage}
  103. width:550px;
  104. {/block:IndexPage}
  105. {block:PermalinkPage}
  106. width:550px;
  107. {/block:PermalinkPage}
  108. padding-bottom:40px;
  109. }
  110.  
  111. #entry {
  112. margin-left:-140px;
  113. {block:IndexPage}
  114. width:500px;
  115. {/block:IndexPage}
  116. {block:PermalinkPage}
  117. width:500px;
  118. {/block:PermalinkPage}
  119. }
  120.  
  121. #entry img{
  122. {block:IndexPage}
  123. max-width:500px;
  124. {/block:IndexPage}
  125. {block:PermalinkPage}
  126. max-width:500px;
  127. {/block:PermalinkPage}
  128. {block:ifFadedImages}
  129. opacity:.7;
  130. {/block:ifFadedImages}
  131. {block:ifInvertedImages}
  132. opacity:1;
  133. {/block:ifInvertedImages}
  134. -webkit-transition: all 0.6s ease-out;
  135. -moz-transition: all 0.6s ease-out;
  136. transition: all 0.6s ease-out;
  137. }
  138.  
  139. #entry img:hover{
  140. {block:ifFadedImages}
  141. opacity:1;
  142. {/block:ifFadedImages}
  143. {block:ifInvertedImages}
  144. opacity:.7;
  145. {/block:ifInvertedImages}
  146. }
  147.  
  148. #ps {
  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. #entry #permalink{
  170. margin-top:10px;
  171. text-transform:uppercase;
  172. letter-spacing:1px;
  173. font-size:8px;
  174. line-height:16px;
  175. padding:4px 10px 4px 10px;
  176. color:{color:Permalink Text};
  177. background:{color:Permalink};
  178. z-index:1;
  179. opacity:1;
  180. -webkit-transition: all 0.6s ease-out;
  181. -moz-transition: all 0.6s ease-out;
  182. transition: all 0.6s ease-out;
  183.  
  184. }
  185.  
  186. .nc a{
  187. color:{color:Permalink Text};
  188. }
  189.  
  190. .nc a:hover{
  191. text-decoration:underline;
  192. }
  193.  
  194. .tags{
  195. margin-top:2px;
  196. }
  197.  
  198. .tags a{
  199. text-transform:uppercase;
  200. letter-spacing:1px;
  201. font-size:8px;
  202. line-height:16px;
  203. }
  204.  
  205. .tagscomma{
  206. color:{color:Link};
  207. }
  208. .tagscomma:last-child{
  209. display:none;
  210. }
  211.  
  212. #side {
  213. position:fixed;
  214. width:240px;
  215. margin-top:90px;
  216. padding-bottom:20px;
  217. text-align:justify;
  218. z-index:1;
  219. {block:IndexPage}
  220. margin-left:410px;
  221. {/block:IndexPage}
  222. {block:PermalinkPage}
  223. margin-left:410px;/*
  224. margin-left:-160px;*/
  225. {/block:PermalinkPage}
  226. }
  227.  
  228. #sidepic img {display:block;z-index:999;}
  229.  
  230. #side .navigate{
  231. position:relative;
  232. text-align:center;
  233. z-index:1;
  234. margin-top:3px;
  235. margin-bottom:3px;
  236. padding-top:5px;
  237. padding-bottom:5px;
  238. background:{color:Navigation};
  239. -webkit-transition: all 0.6s ease-out;
  240. -moz-transition: all 0.6s ease-out;
  241. transition: all 0.6s ease-out;
  242. }
  243.  
  244. #side .navigate a{
  245. text-transform:uppercase;
  246. letter-spacing:1px;
  247. font-size:8px;
  248. line-height:16px;
  249. margin-left:6px;
  250. color:{color:Navigation Text};
  251. -webkit-transition: all 0.6s ease-out;
  252. -moz-transition: all 0.6s ease-out;
  253. transition: all 0.6s ease-out;
  254. }
  255.  
  256. #side .navigate a:hover{
  257. text-decoration:underline;
  258. }
  259.  
  260. {block:ifNotAltDescription}
  261. #side .etc{
  262. opacity:0;
  263. margin-top:-40px;
  264. z-index:-9999;
  265. -webkit-transition: all 0.6s ease-out;
  266. -moz-transition: all 0.6s ease-out;
  267. transition: all 0.6s ease-out;
  268. }
  269.  
  270. #side:hover .etc{
  271. margin-top:3px;
  272. opacity:1;
  273. z-index:1;
  274. }
  275. {/block:ifNotAltDescription}
  276.  
  277. {block:ifAltDescription}
  278. #side .etc{
  279. margin-top:3px;
  280. }
  281. {/block:ifAltDescription}
  282.  
  283.  
  284. #ask {
  285. padding:5px;
  286. line-height:14px;
  287. background:{color:Ask Background};
  288. color:{color:Ask Text};
  289. }
  290.  
  291. .askername{
  292. font-size:11px;
  293. line-height:11px;
  294. font-weight:bold;
  295. font-style:italic;
  296. text-align:right;
  297. border-top:1px solid {color:Ask Text};
  298. padding-top:4px;
  299. margin-top:4px;
  300. padding-right:2px;
  301. }
  302.  
  303. .askername a{color:{color:Ask Text};}
  304. .askername a:hover{color:{color:Link Hover};}
  305.  
  306. .blogtitle{
  307. font-size: 17px;
  308. line-height: 19px;
  309. text-transform: lowercase;
  310. }
  311.  
  312. .posttitle{
  313. font-size: 20px;
  314. line-height: 22px;
  315. margin-bottom: -8px;
  316. }
  317.  
  318. .chat .line{
  319. padding: 2px;
  320. }
  321.  
  322. .chat .line .odd{
  323. padding:2px;
  324. }
  325.  
  326. .audiop{
  327. background:black;
  328. padding:10px;
  329. }
  330.  
  331. .audioplayer {
  332. position:absolute;
  333. margin-top:-53px;
  334. margin-left:100px;
  335. width:70px;
  336. overflow:hidden;
  337. }
  338.  
  339. .audiop img{
  340. {block:ifFadedImages}
  341. opacity:1;
  342. {/block:ifFadedImages}
  343. {block:ifInvertedImages}
  344. opacity:1;
  345. {/block:ifInvertedImages}
  346. }
  347.  
  348. .audiop img:hover{
  349. {block:ifFadedImages}
  350. opacity:1;
  351. {/block:ifFadedImages}
  352. {block:ifInvertedImages}
  353. opacity:1;
  354. {/block:ifInvertedImages}
  355. }
  356.  
  357. blockquote{
  358. margin-left:10px;
  359. padding-left:4px;
  360. border-left: 2px solid {color:Text};
  361. }
  362.  
  363. .p { padding-top: 5px; }
  364. .ol, ul { margin-left: 10px; padding: 5px; }
  365. .ul { list-style-type: square; }
  366.  
  367. .notes img{
  368. width:10px;
  369. position:left;
  370. top:3px;
  371. -webkit-border-radius: 10px;
  372. -moz-border-radius: 10px;
  373. border-radius: 10px;
  374. }
  375.  
  376. .notes ul {
  377. list-style-type:none;
  378. margin-left:-30px;
  379. padding:5px;
  380. text-align:left;
  381. border-bottom:1px solid {color:Border};
  382. }
  383.  
  384.  
  385. .pagination{
  386. width:500px;
  387. margin-left:-140px;
  388. margin-top:40px;
  389. letter-spacing:1px;
  390. font-size:10px;
  391. line-height:22px;
  392. text-align:center;
  393. text-transform:uppercase;
  394. }
  395.  
  396. {CustomCSS}
  397. </style>
  398.  
  399. </head>
  400. <body><br><br>
  401. <div style="font-size:14px;font-family:arial;position:fixed;bottom:0;right:0;padding:5px;z-index:9999;">
  402. <a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">☼</a>
  403. </div>
  404. <div id="container">
  405.  
  406. <div id="side">
  407. <div id="sidepic"><a href="/"><img src="{image:Side}"width="240"></a></div>
  408. <div class="navigate">
  409. {block:ifLink1name}
  410. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  411. {/block:ifLink1name}
  412. {block:ifLink2name}
  413. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  414. {/block:ifLink2name}
  415. {block:ifLink3name}
  416. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  417. {/block:ifLink3name}
  418. {block:ifLink4name}
  419. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  420. {/block:ifLink4name}
  421. {block:ifLink5name}
  422. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  423. {/block:ifLink5name}
  424. </div>
  425. <div class="etc">
  426. {Description}
  427. </div>
  428. </div>
  429.  
  430. <div id="content">
  431. {block:Posts}<br><br><br><br><br> <br> <br>
  432. <div id="entry">
  433.  
  434. {block:Answer}
  435. <div id="ask">
  436. "{Question}"
  437. <div class="askername">-{Asker}</div>
  438. </div>
  439. {Answer}
  440. {/block:Answer}
  441.  
  442. {block:Text}
  443. {block:Title}
  444. <div class="posttitle">{Title}</div>
  445. {/block:Title}
  446. {Body}
  447. {/block:Text}
  448.  
  449. {block:Link}
  450. <div class="posttitle">
  451. <a href="{URL}">{Name}</a>
  452. </div>
  453. {block:Description}{Description}{/block:Description}
  454. {/block:Link}
  455.  
  456. {block:Photo}
  457. <center>
  458. {LinkOpenTag}
  459. <a href="{permalink}">
  460. <img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>
  461. {LinkCloseTag}
  462. </center>
  463. {block:ifCaptions}
  464. {block:Caption}{Caption}{/block:Caption}
  465. {/block:ifCaptions}
  466. {block:ifNotCaptions}
  467. {block:PermalinkPage}
  468. {block:Caption}{Caption}{/block:Caption}
  469. {/block:PermalinkPage}
  470. {/block:ifNotCaptions}
  471. {block:ContentSource}
  472. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  473. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  474. {/block:SourceLogo}
  475. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  476. {/block:ContentSource}
  477. {block:ReblogParentURL}
  478. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  479. {/block:ReblogParentURL}
  480. {/block:Photo}
  481.  
  482. {block:Photoset}
  483. <div id="ps">
  484. {block:IndexPage}
  485. {Photoset-500}
  486. {/block:IndexPage}
  487. {block:PermalinkPage}
  488. {Photoset-500}
  489. {/block:PermalinkPage}
  490. </div>
  491. {block:ifCaptions}
  492. {block:Caption}{Caption}{/block:Caption}
  493. {/block:ifCaptions}
  494. {block:ifNotCaptions}
  495. {block:PermalinkPage}
  496. {block:Caption}{Caption}{/block:Caption}
  497. {/block:PermalinkPage}
  498. {/block:ifNotCaptions}
  499. {/block:Photoset}
  500.  
  501. {block:Quote}
  502. <div class="posttitle">"{Quote}"</div>
  503. {block:Source}
  504. <br>
  505. - {Source}
  506. {/block:Source}
  507. {/block:Quote}
  508.  
  509. {block:Chat}
  510. {block:Title}
  511. <div class="posttitle">{Title}</div><br>
  512. {/block:Title}
  513. <div class="chat">
  514. {block:Lines}
  515. <div class="chat">
  516. <div class="line {Alt}">
  517. <div class="{Alt} user_{UserNumber}">
  518. {block:Label}
  519. <b>{Label} </b>
  520. {/block:Label}
  521. {Line}
  522. </div>
  523. </div>
  524. </div>
  525. {/block:Lines}
  526. </div>
  527. {/block:Chat}
  528.  
  529. {block:Audio}
  530.  
  531. <div class="audiop">
  532. {block:AlbumArt}
  533. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">
  534. {/block:AlbumArt}
  535.  
  536. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  537.  
  538. {block:AudioPlayer}
  539. <div class="audioplayer">
  540. {AudioPlayerBlack}
  541. </div>
  542. {/block:AudioPlayer}
  543. </div>
  544.  
  545. {block:Caption}{Caption}{/block:Caption}
  546. {/block:Audio}
  547.  
  548. {block:Video}
  549. <div id="ps">
  550. {block:IndexPage}
  551. {Video-500}
  552. {/block:IndexPage}
  553. {block:PermalinkPage}
  554. {Video-500}
  555. {/block:PermalinkPage}
  556. </div>
  557. {block:ifCaptions}
  558. {block:Caption}{Caption}{/block:Caption}
  559. {/block:ifCaptions}
  560. {block:ifNotCaptions}
  561. {block:PermalinkPage}
  562. {block:Caption}{Caption}{/block:Caption}
  563. {/block:PermalinkPage}
  564. {/block:ifNotCaptions}
  565. {/block:Video}
  566.  
  567. {block:IndexPage}
  568. <div id="permalink">
  569. <span class="nc">
  570. <a href="{Permalink}">{NoteCountWithLabel}</a>
  571. {block:Date}<span style="float:right;">
  572. <a href="{Permalink}">
  573. {block:ifAltDateFormat}
  574. {Month} {DayofMonth} , {Year}
  575. {/block:ifAltDateFormat}
  576. {block:ifNotAltDateFormat}
  577. {MonthNumber} / {DayofMonth} / {Year}
  578. {/block:ifNotAltDateFormat}
  579. @ {12Hour}:{Minutes} {CapitalAmPm}</a></span>
  580. {/block:Date}
  581. </span>
  582. </div>
  583. {block:HasTags}
  584. <div class="tags">
  585. {block:Tags}<a href="{TagURL}">#{Tag}</a><span class="tagscomma">,</span>
  586. {/block:Tags}
  587. </div>
  588. {/block:HasTags}
  589. {/block:IndexPage}
  590.  
  591. {block:PermalinkPage}
  592. <div style="margin-top:5px;">
  593. {block:Date}
  594. <b>Posted:</b> {TimeAgo} on
  595. {ShortMonth} {DayofMonth}, {Year} at
  596. {12Hour}:{Minutes} {CapitalAmPm}
  597. {/block:Date}
  598. {block:NoteCount}<br>
  599. <b>Notes:</b>
  600. {NoteCount}
  601. {/block:NoteCount}
  602. {block:HasTags}
  603. <br>
  604. <b>Tags:</b>
  605. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  606. {/block:Tags}
  607. {/block:HasTags}
  608. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}">{ReblogRootName}</a>) {/block:RebloggedFrom}
  609. </div>
  610. {/block:PermalinkPage}
  611.  
  612. {block:PostNotes}
  613. {PostNotes}
  614. {/block:PostNotes}
  615. </div>
  616. {/block:Posts}
  617.  
  618. {block:Pagination}
  619. <div class="pagination">
  620. {block:PreviousPage}<a href="{PreviousPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Last{/block:ifNotInfiniteScroll}</a>&nbsp;{/block:PreviousPage}
  621. {block:JumpPagination length="5"}
  622. {block:CurrentPage}
  623. <span class="current_page">{PageNumber}</span>&nbsp;&nbsp;
  624. {/block:CurrentPage}
  625. {block:JumpPage}
  626. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;
  627. {/block:JumpPage}
  628. {/block:JumpPagination}
  629. {block:NextPage}<a href="{NextPage}">{block:ifInfiniteScroll} {/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}Next{block:ifNotInfiniteScroll}</a>{/block:NextPage}
  630. </div>
  631. {/block:Pagination}
  632.  
  633. </div>
  634.  
  635. </body>
  636. </html>
  637. </body>
  638. </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!