API tools faq
paste
parispier

Theme40: Lonely Hunter

parispier
Jul 10th, 2014
915
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.46 KB | None | 0 0
raw download clone embed print report
  1. <!---- THEME MADE BY NIALLJHOREN ---->
  2. <!---- DO NOT: USE AS A BASE CODE, CLAIM AS YOUR OWN, OR REMOVE CREDIT --->
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <script>
  12. window.onload = function () {
  13. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  14. document.addEventListener( 'click', function ( event ) {
  15. var myLike = event.target;
  16. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  17. var frame = document.getElementById( 'my-like-frame' ),
  18. liked = ( myLike.className == 'my-liked' ),
  19. command = liked ? 'unlike' : 'like',
  20. reblog = myLike.getAttribute( 'data-reblog' ),
  21. id = myLike.getAttribute( 'data-id' ),
  22. oauth = reblog.slice( -8 );
  23. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  24. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  25. };
  26. }, false );
  27. };
  28. </script>
  29.  
  30. <meta name="color:background" content="#ffffff"/>
  31. <meta name="color:text" content="#666464" />
  32. <meta name="color:link" content="#6b6868" />
  33. <meta name="color:linkhovercolor" content="#fcfcfc" />
  34. <meta name="color:scrollbar" content="#000000"/>
  35.  
  36. <meta name="text:Link1" content="/" />
  37. <meta name="text:Link2" content="/" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link4" content="/" />
  40. <meta name="text:Link5" content="/" />
  41. <meta name="text:title1" content="the heart is a lonely hunter." />
  42.  
  43. <meta name="if:onelinetitle" content="0"/>
  44. <meta name="if:twolinetitle" content="1"/>
  45.  
  46. <meta name="image:sidebar" content=""/>
  47.  
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar {width:7px; height:6px;}
  51. ::-webkit-scrollbar-track {border-right:3px solid #fff; border-left:3px solid #fff; background-color:{color:scrollbar};}
  52. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  53.  
  54. body {
  55. background:{color:background};
  56. margin:0px;
  57. color:{color:text};
  58. font-size:9px;
  59. line-height:100%;
  60. font-family:times;
  61. }
  62.  
  63. a {
  64. text-decoration:none;
  65. outline:none;
  66. -moz-outline-style:none;
  67. color:{color:link};
  68. -webkit-transition: all 0.5s ease-in-out;
  69. -moz-transition: all 0.5s ease-in-out;
  70. -o-transition: all 0.5s ease-in-out;
  71. cursor: help;
  72. }
  73.  
  74. a:hover {
  75. color:{color:linkhovercolor};
  76. -webkit-transition: all 0.5s ease-in-out;
  77. -moz-transition: all 0.5s ease-in-out;
  78. -o-transition: all 0.5s ease-in-out;
  79. }
  80.  
  81. img {
  82. border:none;
  83. }
  84.  
  85. blockquote {
  86. padding-left:5px;
  87. border-left:2px solid;
  88. }
  89.  
  90. blockquote blockquote {
  91. padding-left:5px;
  92. border-left:2px solid;
  93. }
  94.  
  95. h1 {
  96. font-size:15px;
  97. text-transform:lowercase;
  98. font-weight:bold;
  99. padding:4px 4px 0px 0px;
  100. color:#000;
  101. text-decoration:underline;
  102. }
  103.  
  104. #entries {
  105. position:absolute;
  106. width:500px;
  107. margin-left:410px;
  108. margin-top:60px;
  109. }
  110.  
  111. #post {
  112. padding-top:15px;
  113. margin-top:30px;
  114. width:500px;
  115. }
  116.  
  117. #sidebartop {
  118. position:fixed;
  119. z-index:9999999;
  120. width:940px;
  121. margin-left:0px;
  122. margin-top:0px;
  123. height:75px;
  124. background-color:#000;
  125. }
  126.  
  127. #sidebarside {
  128. position:fixed;
  129. height:100%;
  130. width:100px;
  131. background-color:#000;
  132. margin-left:940px;
  133. }
  134.  
  135. #sidebar {
  136. position:fixed;
  137. margin-top:230px;
  138. margin-left:150px;
  139. width:175px;
  140. height:120px;
  141. -webkit-transition: all 0.5s ease-in-out;
  142. -moz-transition: all 0.5s ease-in-out;
  143. -o-transition: all 0.5s ease-in-out;
  144. }
  145.  
  146. #sidebar:hover {
  147. margin-left:170px;
  148. margin-top:240px;
  149. -webkit-transition: all 0.5s ease-in-out;
  150. -moz-transition: all 0.5s ease-in-out;
  151. -o-transition: all 0.5s ease-in-out;
  152. }
  153.  
  154. #sidebarbg1 {
  155. background-color:#000;
  156. position:fixed;
  157. width:175px;
  158. height:120px;
  159. -webkit-transition: all 0.5s ease-in-out;
  160. -moz-transition: all 0.5s ease-in-out;
  161. -o-transition: all 0.5s ease-in-out;
  162. }
  163.  
  164. #sidebar:hover #sidebarbg1 {
  165. background-color:transparent;
  166. margin-top:0px;
  167. margin-left:0px;
  168. width:0;
  169. height:0;
  170. border-right:175px solid transparent;
  171. border-top:120px solid #000;
  172. -webkit-transition: all 0.5s ease-in-out;
  173. -moz-transition: all 0.5s ease-in-out;
  174. -o-transition: all 0.5s ease-in-out;
  175. }
  176.  
  177. #sidebarbg2 {
  178. background-color:#f3f3f3;
  179. margin-left:20px;
  180. margin-top:20px;
  181. position:fixed;
  182. width:175px;
  183. height:120px;
  184. -webkit-transition: all 0.5s ease-in-out;
  185. -moz-transition: all 0.5s ease-in-out;
  186. -o-transition: all 0.5s ease-in-out;
  187. }
  188.  
  189. #sidebar:hover #sidebarbg2 {
  190. background-color:transparent;
  191. margin-top:0px;
  192. margin-left:0px;
  193. width:0;
  194. height:0;
  195. border-left:175px solid transparent;
  196. border-bottom:120px solid #f3f3f3;
  197. -webkit-transition: all 0.5s ease-in-out;
  198. -moz-transition: all 0.5s ease-in-out;
  199. -o-transition: all 0.5s ease-in-out;
  200. }
  201.  
  202. #sidebarimage img {
  203. z-index:1;
  204. position:fixed;
  205. width:175px;
  206. height:120px;
  207. opacity:1;
  208. margin-top:10px;
  209. margin-left:10px;
  210. opacity:1;
  211. -webkit-transition: all 0.5s ease-in-out;
  212. -moz-transition: all 0.5s ease-in-out;
  213. -o-transition: all 0.5s ease-in-out;
  214. }
  215.  
  216. #sidebar:hover #sidebarimage img {
  217. margin-left:250px;
  218. margin-top:0px;
  219. opacity:0;
  220. transform:rotate(27deg);
  221. -ms-transform:rotate(27deg);
  222. -webkit-transform:rotate(27deg);
  223. -webkit-transition: all 0.5s ease-in-out;
  224. -moz-transition: all 0.5s ease-in-out;
  225. -o-transition: all 0.5s ease-in-out;
  226. }
  227.  
  228. #description {
  229. position:fixed;
  230. z-index:2;
  231. width:140px;
  232. height:82px;
  233. font-size:10.5px;
  234. margin-top:10px;
  235. margin-left:10px;
  236. line-height:135%;
  237. color:#f3f3f3;
  238. text-transform:lowercase;
  239. font-style:italic;
  240. letter-spacing:1.5px;
  241. background-color:#000;
  242. padding:7px 7px 9px 7px;
  243. border:1px dashed #f3f3f3;
  244. text-align:center;
  245. overflow:hidden;
  246. opacity:0;
  247. -webkit-transition: all 0.5s ease-in-out;
  248. -moz-transition: all 0.5s ease-in-out;
  249. -o-transition: all 0.5s ease-in-out;
  250. }
  251.  
  252. #sidebar:hover #description {
  253. opacity:1;
  254. -webkit-transition: all 0.5s ease-in-out;
  255. -moz-transition: all 0.5s ease-in-out;
  256. -o-transition: all 0.5s ease-in-out;
  257. }
  258.  
  259. #title1 {
  260. position:fixed;
  261. width:175px;
  262. height:30px;
  263. margin-left:0px;
  264. font-size:25px;
  265. line-height:55%;
  266. color:#000;
  267. {block:ifonelinetitle}
  268. margin-top:-20px;
  269. {/block:ifonelinetitle}
  270. {block:iftwolinetitle}
  271. margin-top:-33px;
  272. {/block:iftwolinetitle}
  273. }
  274.  
  275. #links {
  276. position:fixed;
  277. z-index:999999999999999;
  278. width:500px;
  279. height:20px;
  280. font-size:8px;
  281. margin-top:50px;
  282. margin-left:410px;
  283. text-align:center;
  284. color:#fff;
  285. letter-spacing:2px;
  286. }
  287.  
  288. #links a{
  289. color:#DEE0DF;
  290. padding:0px 6px 0px 6px;
  291. }
  292.  
  293. #pagination {
  294. position:fixed;
  295. height:17px;
  296. width:150px;
  297. text-align:right;
  298. margin-left:45px;
  299. margin-top:140px;
  300. font-size:7px;
  301. letter-spacing:1px;
  302. -webkit-transition: all 0.5s ease-in-out;
  303. -moz-transition: all 0.5s ease-in-out;
  304. -o-transition: all 0.5s ease-in-out;
  305. }
  306.  
  307. #sidebar:hover #pagination {
  308. margin-top:120px;
  309. margin-left:25px;
  310. -webkit-transition: all 0.5s ease-in-out;
  311. -moz-transition: all 0.5s ease-in-out;
  312. -o-transition: all 0.5s ease-in-out;
  313. }
  314.  
  315. #pagination a {
  316. display:inline-block;
  317. border-radius:100%;
  318. width:11px;
  319. padding:3px 3px 2px 4px;
  320. line-height:180%;
  321. margin-top:3px;
  322. color:#000;
  323. text-align:center;
  324. border-top:1px solid #bbb9b9;
  325. border-bottom:1px solid #000;
  326. -webkit-transition: all 0.5s ease-in-out;
  327. -moz-transition: all 0.5s ease-in-out;
  328. -o-transition: all 0.5s ease-in-out;
  329. }
  330.  
  331. #pagination a:hover {
  332. background-color:#000;
  333. border-bottom:1px solid #000;
  334. border-top:1px solid #000;
  335. color:#fff;
  336. -webkit-transition: all 0.2s ease-in-out;
  337. -moz-transition: all 0.2s ease-in-out;
  338. -o-transition: all 0.2s ease-in-out;
  339. -moz-transform: scaleY(-1);
  340. -o-transform: scaleY(-1);
  341. -webkit-transform: scaleY(-1);
  342. transform: scaleY(-1);
  343. filter: FlipV;
  344. -ms-filter: “FlipV”;
  345. }
  346.  
  347. i, em{color:{color:italic}; font-style:italic;}
  348. b, strong{color:{color:bold}; font-style:bold; font-weight:900;}
  349.  
  350. #question {
  351. letter-spacing:1px;
  352. position:relative;
  353. font-size:10px;
  354. margin-left:0px;
  355. text-align:left;
  356. padding:5px 5px 5px 6px;
  357. line-height:130%;
  358. }
  359.  
  360. #askername {
  361. z-index:-1;
  362. font-size:20px;
  363. font-style:italic;
  364. text-align:left;
  365. width:492px;
  366. letter-spacing:-1px;
  367. padding:14px 2px 5px 6px;
  368. background-color:#000;
  369. color:#fff;
  370. }
  371.  
  372. #askername a {color:#fff;}
  373.  
  374. #answer {
  375. position:relative;
  376. font-size:10px;
  377. margin-left:0px;
  378. text-align:left;
  379. padding:5px;
  380. line-height:130%;
  381. background-color:#f3f3f3;
  382. }
  383.  
  384. .chat {
  385. border-bottom:1px solid #d5d5d5;
  386. padding:5px;
  387. margin-bottom:0px;
  388. background-color:#f3f3f3;
  389. }
  390.  
  391. .quote {
  392. font-size:15px;
  393. line-height:120%;
  394. padding:2px 4px 2px 4px;
  395. background-color:#f3f3f3;
  396. }
  397.  
  398. .quotesource {
  399. font-size:10px;
  400. text-align:right;
  401. margin-bottom:0px;
  402. padding:2px;
  403. background-color:#f3f3f3;
  404. }
  405.  
  406. .notes {
  407. list-style:upper-roman;
  408. padding:5px;
  409. margin-top:7px;
  410. margin-left:0px;
  411. padding-left:28px;
  412. text-transform:uppercase;
  413. font-size:8px;
  414. text-align:left;
  415. letter-spacing:1px;
  416. background-color:#f3f3f3;
  417. }
  418.  
  419. .notes img {
  420. width:10px;
  421. height:17px;
  422. opacity:0;
  423. }
  424.  
  425. #info {
  426. text-align:left;
  427. margin-top:1px;
  428. text-transform:uppercase;
  429. font-size:7px;
  430. letter-spacing:0px;
  431. padding:4px 5px 3px 4px;
  432. background-color:#000;
  433. color:#fff;
  434. }
  435.  
  436. #info a {
  437. display:inline-block;
  438. color:#fff;
  439. }
  440.  
  441. .info {
  442. text-align:left;
  443. padding-right:3px;
  444. margin-top:-4px;
  445. letter-spacing:0px;
  446. font-size:17px;
  447. text-transform:uppercase;
  448. }
  449.  
  450. #tags {
  451. color:#000;
  452. padding-top:2px;
  453. margin-top:0px;
  454. text-transform:uppercase;
  455. font-size:7px;
  456. letter-spacing:0px;
  457. }
  458.  
  459. .audioplayer {
  460. overflow:hidden;
  461. display:block;
  462. float:left;
  463. margin-top:8px;
  464. margin-left:8px;
  465. width:27px;
  466. height:27px;
  467. opacity:.5;
  468. }
  469.  
  470. .audioplayercontainer {
  471. width:70px;
  472. height:70px;
  473. position:absolute;
  474. }
  475.  
  476. #audioinfo {
  477. font-size:9px;
  478. letter-spacing:0px;
  479. padding:14px 2px 13px 10px;
  480. margin-left:45px;
  481. background-color:#000;
  482. color:#fff;
  483. text-transform:uppercase;
  484. }
  485.  
  486. .audiotext {
  487. font-size:7px;
  488. background-color:#f3f3f3;
  489. padding:2px 3px 1px 3px;
  490. margin-top:-1px;
  491. }
  492.  
  493. #audioimg img {border: 2px solid #000;}
  494.  
  495. .piccap {
  496. padding:2px;
  497. background-color:#f3f3f3;
  498. margin-top:-1px;
  499. }
  500.  
  501. .textpost {
  502. background-color:#f3f3f3;
  503. padding:4px;
  504. }
  505.  
  506. #n a{
  507. position:fixed;
  508. overflow:hidden;
  509. right:5px;
  510. bottom:5px;
  511. width:15px;
  512. height:10px;
  513. text-transform:uppercase;
  514. text-align:center;
  515. font-size:7px;
  516. padding:6px 4px 4px 3px;
  517. border:1px solid #e4e3e2;
  518. background-color:#f3f3f3;
  519. color:#b5b5b5;
  520. font-size:10px;
  521. font-style:italic;
  522. border-left:1px solid #b5b5b5;
  523. border-top:1px solid #b5b5b5;
  524. -moz-transition-duration:0.5s;
  525. -webkit-transition-duration:0.5s;
  526. -o-transition-duration:0.5s;
  527. display:block;
  528. }
  529.  
  530. #n a:hover {
  531. background-color:#000;
  532. color:#fff;
  533. border-right:1px solid #000;
  534. border-bottom:1px solid #000;
  535. }
  536.  
  537. {CustomCSS}</style></head><body>
  538.  
  539. <div id="sidebartop"></div>
  540. <div id="sidebarside"></div>
  541. <div id="sidebar">
  542. <div id="sidebarbg1"></div>
  543. <div id="sidebarbg2"></div>
  544. <div id="description">{Description}</div>
  545. <div id="title1">{text:title1}</div>
  546. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  547.  
  548. <div id="pagination">
  549. {block:Pagination}{block:JumpPagination length="5"}
  550. {block:CurrentPage}<span class="current_page" style="border-radius:100%; padding-top:5px; padding-bottom:4px; padding-left:6px; padding-right:6px; line-height:180%; margin-top:3px; color:#000; border-top:1px solid #bbb9b9; border-bottom:1px solid #000;">{PageNumber}</span>{/block:CurrentPage}
  551. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  552. {/block:JumpPagination}
  553. {/block:Pagination}
  554. </div></div>
  555.  
  556. <div id="links">
  557. <a href="{text:Link1}">I.</a>
  558. <a href="{text:Link2}">II.</a>
  559. <a href="{text:Link3}">III.</a>
  560. <a href="{text:Link4}">IV.</a>
  561. <a href="{text:Link5}">V.</a>
  562. </div>
  563.  
  564. <div id="entries">{block:Posts}<div id="post">
  565.  
  566. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="textpost">{Body}</div>{/block:Text}
  567.  
  568. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  569. <div class="piccap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  570.  
  571. {block:Photoset}{Photoset-500}<div class="piccap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  572.  
  573. {block:Quote}<div class="quote"><div style="bottom:-3px;">{Quote}</div>{block:Source} <div class="quotesource">—{Source}</div>{/block:Source}</div>{/block:Quote}
  574.  
  575. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  576.  
  577. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div class="chat">{block:Label}{Label}{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  578.  
  579. {block:Audio}
  580. <div id="audioimg">{block:AlbumArt}<img src="{AlbumArtURL}" width="40px" height="40px" align="left" />{/block:AlbumArt}</div>
  581. <div class="audioplayercontainer"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  582.  
  583. <div id="audioinfo">
  584. {block:TrackName}{TrackName}{/block:TrackName}<br>
  585. {block:Artist}<i><small>{Artist}</small></i>{/block:Artist}</div>
  586. <div class="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  587. {/block:Audio}
  588.  
  589. {block:Video}{Video-500}<div class="piccap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  590.  
  591. {block:Answer}
  592. <div id="askername"><a href="{AskerURL}">{Asker} sent</a>
  593. <div id="question">&nbsp;&nbsp;{Question}</div>
  594. </div>
  595. <div id="answer">{Answer}</div>
  596. {/block:Answer}
  597.  
  598. <div id="info">
  599. {block:Date}{TimeAgo}{/block:Date}
  600. <a href="{Permalink}" > -
  601. {NoteCountWithLabel}</a>
  602. <div style="margin-top:-9px; text-align:right;">
  603. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}"> via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">// source</a>{/block:ContentSource} -
  604. <a href="{ReblogURL}" target="_blank">reblog</a>
  605. </div></div>
  606.  
  607. {block:HasTags}<div id="tags" style="display:inline-block;">tagged as:
  608. {block:Tags} <a href="{TagURL}">{Tag}.</a> {/block:Tags}</div>{/block:HasTags} </div>
  609.  
  610. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  611. {/block:Posts} </div></div>
  612.  
  613. </div></div>
  614.  
  615. <div id="n"><a href="http://nialljhoren.tumblr.com">N</a></div>
  616.  
  617. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!