API tools faq
paste
Advertisement
Perfect-Nicholas

Theme #17 - Hopeless Wanderer

Perfect-Nicholas
Oct 7th, 2013
954
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.51 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme 17 by llermans (tumblr.com) -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4. "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.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{favicon}">
  10. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  11.  
  12. <meta name="color:background" content="#ffffff" />
  13. <meta name="color:posts title" content="#aaa" />
  14. <meta name="color:text" content="#3b3b3b" />
  15. <meta name="color:bold" content="#6f6e6e" />
  16. <meta name="color:italic" content="#b9b8b8" />
  17. <meta name="color:description" content="#b9b8b8" />
  18. <meta name="color:navigation links" content="#aaa" />
  19. <meta name="color:hyperlinks" content="#6f6e6e"/>
  20. <meta name="color:posts border" content="#f5f5f5" />
  21. <meta name="color:info bg" content="#fafafa" />
  22. <meta name="color:description background" content="#eeeeee" />
  23. <meta name="color:hover" content="#6f6e6e" />
  24.  
  25. <meta name="if:dotted line" content=""/>
  26. <meta name="if:500px post" content=""/>
  27.  
  28. <meta name="text:Link1" content="" />
  29. <meta name="text:Link1 Title" content="" />
  30. <meta name="text:Link2" content="" />
  31. <meta name="text:Link2 Title" content="" />
  32. <meta name="text:Link3" content="" />
  33. <meta name="text:Link3 Title" content="" />
  34. <meta name="text:Link4" content="" />
  35. <meta name="text:Link4 Title" content="" />
  36. <meta name="text:Link5" content="" />
  37. <meta name="text:Link5 Title" content="" />
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. iframe#tumblr_controls {
  43. right:0px !important;
  44. position:fixed !important;
  45. }
  46.  
  47. ::-webkit-scrollbar-track {background-color:#fff;}
  48. ::-webkit-scrollbar-thumb {background-color:#fafafa;}
  49. ::-webkit-scrollbar {width:5px;height:5px;}
  50.  
  51. body{
  52. background-color: {color:background};
  53. font-family:baskerville;
  54. line-height:120%;
  55. color:{color:text};
  56. word-wrap: break-word;
  57. font-size:10px;
  58.  
  59. }
  60.  
  61. a { text-decoration:none;
  62. cursor:pointer;
  63. color:{color:hyperlinks};}
  64.  
  65. a:link, a:active, a:visited {
  66. color: {color:hyperlinks};}
  67.  
  68. a:hover {color:hover;}
  69.  
  70. b, strong {
  71. font-weight:heavy;
  72. color:{color:bold};}
  73.  
  74. i, em {
  75. font-weight:light;
  76. color:{color:italic};}
  77.  
  78. blockquote {
  79. border-left: 3px solid #fff;
  80. padding-left:5px;
  81. }
  82.  
  83. pre, xmp, plaintext, listing {
  84. display: block;
  85. white-space: pre;
  86. padding: 5px;
  87. word-wrap: break-word;
  88. font-size: 10px;}
  89.  
  90. h3 {
  91. display: block;
  92. font-size: 1.17em;
  93. -webkit-margin-before: 1em;
  94. -webkit-margin-after: 1em;
  95. -webkit-margin-start: 0px;
  96. -webkit-margin-end: 0px;
  97. font-weight: bold;
  98. }
  99.  
  100. #entry {
  101. margin:auto;
  102. width:505px;
  103. padding-bottom: 30px;
  104. display: block;
  105. }
  106.  
  107. #posts{
  108. line-height:90%;
  109. background:#fff;
  110. {block:ifNot500pxPost}
  111. width:400px;
  112. {/block:ifNot500pxPost}
  113. {block:if500pxPost}
  114. width:500px;
  115. {/block:if500pxPost}
  116. padding: 25px 20px 25px 20px;
  117. margin-bottom:30px;}
  118.  
  119. #pagi {
  120. position:fixed;
  121. {block:ifNot500pxPost}
  122. width:400px;
  123. {/block:ifNot500pxPost}
  124. {block:if500pxPost}
  125. width:500px;
  126. {/block:if500pxPost}
  127. text-align:center;
  128. margin-top:20px;
  129. font-family:'Cuprum';
  130. font-size:8px;
  131. word-spacing:10px;
  132. text-transform:uppercase;
  133. font-style:normal;
  134. color:{color:link};
  135. z-index:10000;
  136. background-color:white;
  137. bottom:0;
  138. padding:10px;
  139. border-top:1px solid white;
  140. }
  141.  
  142. #pagi a {
  143. color:{color:hover};
  144. }
  145.  
  146. #title {
  147. {block:ifNot500pxPost}
  148. width:395px;
  149. {/block:ifNot500pxPost}
  150. {block:if500pxPost}
  151. width:495px;
  152. {/block:if500pxPost}
  153. text-align:right;
  154. font-size:35px;
  155. font-color:{color:border color};
  156. font-family:'bell mt';
  157. font-style:italic;
  158. font-weight:light;
  159. line-height:78%;
  160. letter-spacing:-2px;
  161. margin-bottom: 5px;
  162. padding-top: 0px;
  163. }
  164.  
  165. #topbar {
  166. margin-top:30px;
  167. text-align: center;
  168. background-color:{color:background};
  169. width:400px;
  170. padding: 25px 20px 10px 20px;
  171. opacity: 0.9;
  172. display: block;
  173. }
  174.  
  175. #topbarline {
  176. {block:ifNot500pxPost}
  177. width:400px;
  178. {/block:ifNot500pxPost}
  179. {block:if500pxPost}
  180. width:500px;
  181. {/block:if500pxPost}
  182. text-align:right;
  183. display: block;
  184. {block:ifnotDottedLine}
  185. border-bottom:6px double #eeeeee;
  186. {/block:ifnotDottedLine}
  187. {block:ifDottedLine}
  188. border-bottom:1px dotted #6f6e6e;
  189. {/block:ifDottedLine}
  190. }
  191.  
  192. #description {
  193. {block:ifNot500pxPost}
  194. width:390px;
  195. {/block:ifNot500pxPost}
  196. {block:if500pxPost}
  197. width:490px;
  198. {/block:if500pxPost}
  199. text-align:right;
  200. padding: 10px 5px 10px 5px;
  201. margin:0px auto 0px;
  202. margin-left:20px;
  203. background-color:{color:description background};
  204. }
  205.  
  206. #navigation{
  207. {block:ifNot500pxPost}
  208. width:400px;
  209. {/block:ifNot500pxPost}
  210. {block:if500pxPost}
  211. width:500px;
  212. {/block:if500pxPost}
  213. text-align:right;
  214. text-transform: uppercase;
  215. text-decoration:none;
  216. letter-spacing:0px;
  217. font-family:'times';
  218. font-size:7px;
  219. display:inline-block;
  220. padding: 0px 20px 8px 20px;
  221. -webkit-transition:all 0.4s;
  222. -moz-transition:all 0.4s;
  223. -ms-transition:all 0.4s;
  224. -o-transition:all 0.4s;
  225. transition:all 0.4s;
  226. }
  227.  
  228.  
  229. #navigation a {
  230. color:{color:text};
  231. padding:5px 10px 5px 10px;
  232. -webkit-transition:all 0.4s;
  233. -moz-transition:all 0.4s;
  234. -ms-transition:all 0.4s;
  235. -o-transition:all 0.4s;
  236. transition:all 0.4s;
  237. }
  238.  
  239. #navigation a:hover {
  240. color:{color:link hover};
  241. padding:5px 10px 5px 10px;
  242. background-color: {color:description background};
  243. opacity:.8;
  244. -webkit-transition:all 0.4s;
  245. -moz-transition:all 0.4s;
  246. -ms-transition:all 0.4s;
  247. -o-transition:all 0.4s;
  248. transition:all 0.4s;
  249. }
  250.  
  251. #info {
  252. font-size:10px;
  253. text-align:left;
  254. display: inline-block;
  255. color:{color:links}
  256. }
  257.  
  258. #info a {
  259. text-align:left;
  260. letter-spacing:1px;
  261. color:{color:links}
  262. }
  263.  
  264.  
  265. .tags {
  266. font-family:'Trebuchet MS';
  267. font-size:7px;
  268. text-transform:uppercase;
  269. line-height:8px;
  270. margin-left:5px;
  271. margin-top:4px;
  272. letter-spacing:1px;
  273. text-align:left;
  274. padding:3px;
  275. }
  276.  
  277. .tags :hover{
  278. text-decoration:underline;
  279. }
  280.  
  281.  
  282. ol.notes {margin: 25px 0px;}
  283.  
  284. img.avatar {
  285. vertical-align: -4px;
  286. width: 16px;
  287. height: 16px;
  288. padding: 1px;}
  289.  
  290. #ask {
  291. padding: 5px;
  292. font-style: italic;
  293. text-align:left;
  294. font-size:12px;
  295. margin-left:20px;
  296. text-transform: lowercase;
  297. padding-bottom: 5px;
  298. padding-right: 5px;
  299. line-height:115%;
  300. background-color: #fcfcfc;
  301. {block:ifNot400pxposts}
  302. width:490px;
  303. {/block:ifNot400pxposts}
  304. {block:if400pxposts}
  305. width:390px;
  306. {/block:if400pxposts}
  307. }
  308.  
  309.  
  310. #asker {
  311. margin-top:2px;
  312. width:auto;
  313. font-size:18px;
  314. font-style:italic;
  315. text-transform:lowercase;
  316. padding:3px;
  317.  
  318. }
  319.  
  320. #answer {
  321. font-size: 11px;
  322. padding-top: 10px;
  323. margin-left: 7px;
  324. line-height:120%;
  325. {block:if500pxposts}
  326. width:480px;
  327. {/block:if500pxposts}
  328. {block:ifnot500pxposts}
  329. width:380px;
  330. {/block:ifnot500pxposts}
  331. }
  332.  
  333. #quote {
  334. font-weight: normal;
  335. font-style: italic;
  336. text-align: center;
  337. line-height:130%;
  338. font-size: 15px;
  339. {block:ifNot500pxPost}
  340. width:400px;
  341. {/block:ifNot500pxPost}
  342. {block:if500pxPost}
  343. width:500px;
  344. {/block:if500pxPost}
  345. text-align: justify;
  346. margin-left: 5px;
  347. font-family:times;
  348. }
  349.  
  350.  
  351. #date {
  352. {block:ifNot500pxPost}
  353. width:400px;
  354. {/block:ifNot500pxPost}
  355. {block:if500pxPost}
  356. width:500px;
  357. {/block:if500pxPost}
  358. font-size:9px;
  359. text-align: left;
  360. font-family: helvetica;
  361. font-weight: normal;
  362. padding:4px 0px 4px 0px;
  363. border-top:1px solid #eeeeee;
  364. border-bottom:1px solid #eeeeee;
  365. -webkit-transition:all 0.4s;
  366. -moz-transition:all 0.4s;
  367. -ms-transition:all 0.4s;
  368. -o-transition:all 0.4s;
  369. transition:all 0.4s;
  370. }
  371.  
  372. #date a {
  373. border: 3px double #fff;
  374. text-align: center;
  375. margin-right: 0px;
  376. display: inline-block;
  377. background-color:{color:description background};
  378. color: #2e2e2e;
  379. padding: 6px 6px 6px 7px;
  380. -webkit-transition:all 0.4s;
  381. -moz-transition:all 0.4s;
  382. -ms-transition:all 0.4s;
  383. -o-transition:all 0.4s;
  384. transition:all 0.4s;
  385. }
  386.  
  387. #date a:hover {
  388. background-color: #b1b0b0;
  389. color: #FFFFFF;
  390. border: 3px double #fff;
  391. -webkit-transition:all 0.4s;
  392. -moz-transition:all 0.4s;
  393. -ms-transition:all 0.4s;
  394. -o-transition:all 0.4s;
  395. transition:all 0.4s;
  396. }
  397.  
  398.  
  399. #source {font-size: 9px; text-align: right;font-family:calibri;}
  400.  
  401. .chat {line-height:12px; list-style:none }
  402. .chat ul {list-style:none; padding:0px; line-height:20px;}
  403. .person1 {background-color:{color:blockquote}; padding-left:6px; padding-right:6px; font-size:11px; font-style:oblique;}
  404. .person1 .label {font-weight:bold;}
  405. .person2 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:13px; font-family:cambria; font-style:oblique;}
  406. .person2 .label {font-weight:bold; color:{color:bold};}
  407. .person3 { background-color:{color:blockquote}; padding-left:6px; padding-right:6px;font-size:10px;}
  408. .person3 .label {font-weight:bold; color:{color:border};}
  409. .person4 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;}
  410. .person4 .label {font-weight:bold; color:{color:bold};}
  411. .person5 {color:{color:blockquote text}; background-color:{color:blockquote}; padding-left:6px; padding-right:6px;font-size:10px;}
  412. .person5 .label {font-weight:bold;}
  413. .person6 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;}
  414. .person6 .label {font-weight:bold; color:{color:bold};}
  415.  
  416.  
  417. .audio {
  418. {block:ifNot500pxPost}
  419. width:383px;
  420. {/block:ifNot500pxPost}
  421. {block:if500pxPost}
  422. width:483px;
  423. {/block:if500pxPost}
  424. padding:0px 10px 30px 0px;
  425. margin-bottom:10px;
  426. border:4px double #eeeeee;
  427. background:#fff;
  428.  
  429. }
  430.  
  431. .audio-player{
  432. border-right:2px solid #888787;
  433. height:27px;
  434. width:26px;
  435. margin-top: 28px;
  436. margin-left: 27px;
  437. overflow:hidden;
  438. opacity:0.6;
  439. border: 3px solid #f9f9f9;
  440. position:absolute;
  441. z-index:2;
  442. border-radius:100%;
  443. -webkit-transition: all .4s linear;
  444. }
  445.  
  446. .audio-player:hover {
  447. opacity:1;
  448. }
  449.  
  450. .audio-info {
  451. height: 30px;
  452. margin-left:105px;
  453. padding:15px 10px 10px 10px;
  454. text-align:left;
  455. font-family:cambria;
  456. font-size:16px;
  457. line-height:150%;
  458. letter-spacing: 1px;
  459. font-style:oblique;
  460. font-weight:200;
  461. }
  462.  
  463. .caption {
  464. text-align:left;
  465. padding-left:10px;
  466. padding-right:10px;
  467. font-family:times;
  468. line-height:130%;
  469. font-size:11px;
  470. display:block;
  471. }
  472. .caption img {
  473. {block:ifNot500pxPost}
  474. max-width:390px!important;
  475. {/block:ifNot500pxPost}
  476. {block:if500pxPost}
  477. max-width:490px!important;
  478. {/block:if500pxPost}
  479. }
  480.  
  481. #credit {
  482. position:fixed;
  483. right:10px;
  484. bottom:10px;
  485. text-transform:uppercase;
  486. font:10px 'cambria';
  487. letter-spacing:1px;
  488. padding:5px;
  489. -webkit-transition: all 0.5s ease;
  490. -moz-transition: all 0.5s ease;
  491. -ms-transition: all 0.5s ease;
  492. -o-transition: all 0.5s ease;
  493. transition: all 0.5s ease;}
  494.  
  495. #credit:hover {
  496. position:fixed;
  497. right:10px;
  498. bottom:10px;
  499. text-transform:uppercase;
  500. font:10px 'cambria';
  501. letter-spacing:1px;
  502. padding:5px;
  503. text-shadow: 1px 1px 1px #bebebe;
  504. -webkit-transition: all 0.5s ease;
  505. -moz-transition: all 0.5s ease;
  506. -ms-transition: all 0.5s ease;
  507. -o-transition: all 0.5s ease;
  508. transition: all 0.5s ease;}
  509.  
  510.  
  511. </style>
  512.  
  513. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  514. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  515. <script type="text/javascript" charset="utf-8">
  516. var $j = jQuery.noConflict();
  517. $j(function() {
  518. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  519. $j("img").lazyload({
  520. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  521. effect: "fadeIn",
  522. });
  523. });
  524. </script>
  525.  
  526. </head>
  527.  
  528. <body>
  529.  
  530. <div id="entry">
  531. <div id="content">
  532. <div id="topbar">
  533.  
  534. <div id="title">{Title}</div>
  535. <div id="topbarline"></div>
  536. </div>
  537. <div id="navigation">
  538. {block:ifLink1}<a href="{text:Link1}">I. {text:Link1 Title}</a>{/block:ifLink1}
  539. {block:ifLink2}<a href="{text:Link2}">II. {text:Link2 Title}</a>{/block:ifLink2}
  540. {block:ifLink3}<a href="{text:Link3}">III. {text:Link3 Title}</a>{/block:ifLink3}
  541. {block:ifLink4}<a href="{text:Link4}">IV.{text:Link4 Title}</a>{/block:ifLink4}
  542. {block:ifLink5}<a href="{text:Link5}">V.{text:Link5 Title}</a>{/block:ifLink5}
  543. </div>
  544. <div id="description">
  545. {block:Description}<span style="text-align:justify;font-size:10px;font-color:{color:text};font-family:'times';letter-spacing:1px;">{Description}</span>{/block:Description}
  546. </div>
  547.  
  548.  
  549. {block:Pagination}
  550. <div id="pagi">
  551. {block:PreviousPage}
  552. <a href="{PreviousPage}">←</a>
  553. {/block:PreviousPage}
  554.  
  555. {block:JumpPagination length="5"}
  556. {block:CurrentPage}
  557. <span class="current_page">{PageNumber}</span>
  558. {/block:CurrentPage}
  559.  
  560. {block:JumpPage}
  561. <a href="{URL}">{PageNumber}</a>
  562. {/block:JumpPage}
  563. {/block:JumpPagination}
  564.  
  565. {block:NextPage}
  566. <a href="{NextPage}">→</a>
  567. {/block:NextPage}
  568. </div>
  569. {/block:Pagination}
  570.  
  571. </div>
  572. </div>
  573.  
  574. <div id="entry">
  575. {block:Posts}
  576. <div id="posts">
  577.  
  578. {block:ContentSource}
  579. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  580. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  581. {/block:SourceLogo}
  582. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  583. {/block:ContentSource}
  584.  
  585. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  586.  
  587. {block:Photo}
  588. {block:if500pxpost}<center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  589. </center>{/block:if500pxpost}{block:ifnot500pxpost}<center>{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}</center>{/block:ifnot500pxpost}
  590. <span class="caption">{Caption}</span><br>{/block:Photo}
  591.  
  592. {block:Photoset}{block:if500pxpost}<center>{Photoset-500}</center>{/block:if500pxpost}{block:ifnot500pxpost}<center>{Photoset-400}</center>{/block:ifnot500pxpost}<span class="caption">{Caption}</span><br>{/block:Photoset}
  593.  
  594. {block:Quote}<div id="quote">{Quote}</div>{block:Source}<div style="text-align:left; width:500px; padding:8px; margin-top:5px; font-family:baskerville;"> &nbsp;{Source}{/block:Source}</div>{/block:Quote}
  595.  
  596. {block:Link}<h3><span style="font-weight: normal; font-style: italic; line-height:78%; font-size: 25px; font-family:times;"><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  597.  
  598. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  599. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  600.  
  601. {block:Audio}<div class="audio"><div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="audio-info"><span style="float:right;">
  602. {block:TrackName} {TrackName}<br>{/block:TrackName}
  603. {block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}</span></div></div>{/block:Audio}
  604.  
  605. {block:Video}{block:if500pxpost}{Video-500}{/block:if500pxpost}{block:ifnot500pxpost}{Video-400}{/block:ifnot500pxpost}<span class="caption">{Caption}</span>{/block:Video}
  606.  
  607. {block:Answer}<div id="asker">{Asker}:</div><div id="ask">{Question}</div><br></span><div id="answer">{Answer}</div>{/block:Answer}
  608.  
  609. <div id="info">
  610. {block:Date}<div id="date"><a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}{/block:Date}</a> <a href="{Permalink}">
  611. {NoteCount}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}"
  612. title="{ReblogParenttitle}"> Via</a> <a href="{ReblogRootURL}"title="{ReblogRoottitle}">©</a>{/block:RebloggedFrom}</div></div>
  613. <div class="tags">{block:HasTags}tagged:{block:Tags} <a href="{TagURL}"> {Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  614.  
  615. </div>
  616. {block:PostNotes}{PostNotes}{/block:PostNotes}
  617. {/block:Posts}</div>
  618.  
  619. <div id="credit">
  620. <a href="http://llermans.tumblr.com/">
  621. llmns
  622. </a>
  623. </div>
  624.  
  625. </body>
  626. </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!