Advertisement
Perfect-Nicholas

Theme #19 - Wanderlust

Oct 23rd, 2013
5,558
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.14 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- Theme 19 by llermans (tumblr.com) --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Via" content="#838282"/>
  12. <meta name="color:Text" content="#838282"/>
  13. <meta name="color:Tags" content="#b8b8b8"/>
  14. <meta name="color:Link" content="#b8b8b8"/>
  15. <meta name="color:Link Hover" content="#eeeeee"/>
  16. <meta name="color:infobg" content="#fcfcfc">
  17. <meta name="color:scrollbar" content="#e4e4e4">
  18.  
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="if:400px posts" content=""/>
  21.  
  22. <meta name="text:link 1" content="Link1"/>
  23. <meta name="text:link 1 url" content="/"/>
  24. <meta name="text:link 2" content="Link2"/>
  25. <meta name="text:link 2 url" content="/"/>
  26. <meta name="text:link 3" content="Link3"/>
  27. <meta name="text:link 3 url" content="/"/>
  28. <meta name="text:link 4" content="Link4"/>
  29. <meta name="text:link 4 url" content="/"/>
  30. <meta name="text:link 5" content="Link5"/>
  31. <meta name="text:link 5 url" content="/"/>
  32. <meta name="text:link 6" content="Link6"/>
  33. <meta name="text:link 6 url" content="/"/>
  34.  
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36.  
  37. <script>
  38. $(document).ready(function(){
  39.  
  40. $(".slidingDiv").hide();
  41. $(".show_hide").show();
  42.  
  43. $('.show_hide').toggle(function(){
  44. $(".slidingDiv").slideDown(
  45. function(){
  46. $("#navigation").text("navigation")
  47. }
  48. );
  49. },function(){
  50. $(".slidingDiv").slideUp(
  51. function(){
  52. $("#navigation").text("navigation")
  53. }
  54. );
  55. });
  56. });
  57. </script>
  58.  
  59. <style type="text/css">
  60.  
  61. ::-webkit-scrollbar {background-color:{color:scrollbarbg}; height:8px; width:8px}
  62. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  63. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  64.  
  65. body {
  66. background:{color:background};
  67. margin:0px;
  68. color:{color:text};
  69. font-family:cambria;
  70. font-size:10px;
  71. line-height:100%;
  72. }
  73.  
  74. a {
  75. text-decoration:none;
  76. outline:none;
  77. -moz-outline-style:none;
  78. color:{color:link};
  79. -moz-transition-duration:0.8s;
  80. -webkit-transition-duration:0.8s;
  81. -o-transition-duration:0.8s;
  82. }
  83.  
  84. a:hover {
  85. text-decoration:none;
  86. outline:none;
  87. -moz-outline-style:none;
  88. color:{color:link hover};
  89. }
  90.  
  91. h2 {
  92. line-height:20px;
  93. }
  94.  
  95. img {
  96. border:none;
  97. }
  98.  
  99. blockquote {
  100. {block:ifNot400pxposts}
  101. width:445px;
  102. {/block:ifNot400pxposts}
  103. {block:if400pxposts}
  104. width:345px;
  105. {/block:if400pxposts}
  106. padding-left:5px;
  107. border-left:5px solid;
  108. font-size:12px;
  109. font-style:italic;
  110. line-height:110%;
  111. font-family: times;
  112. }
  113.  
  114. blockquote blockquote {
  115. padding-left:5px;
  116. border-left:5px solid;
  117. }
  118.  
  119. #title {
  120. width:180px;
  121. margin-top: 130px;
  122. padding:0px 0px 8px 0px;
  123. font-size:20px;
  124. font-style:italic;
  125. font-family:justus, georgia, arial, times;
  126. text-align:center;
  127. word-spacing: 2px;
  128. line-height:90%;
  129. text-transform:lowercase;
  130. }
  131.  
  132. #post {
  133. {block:ifNot400pxposts}
  134. width:500px;
  135. {/block:ifNot400pxposts}
  136. {block:if400pxposts}
  137. width:400px;
  138. {/block:if400pxposts}
  139. padding-bottom:60px;
  140. }
  141.  
  142. #entries {
  143. padding:10px;
  144. {block:ifNot400pxposts}
  145. width:500px;
  146. {/block:ifNot400pxposts}
  147. {block:if400pxposts}
  148. width:400px;
  149. {/block:if400pxposts}
  150. margin-left:440px;
  151. margin-top:40px;
  152. }
  153.  
  154. #sidebar {
  155. background-color: #f4f4f4;
  156. border-right: 1px solid #f4f4f4;
  157. height: 110%;
  158. overflow: hidden;
  159. top: -160px;
  160. width:130px;
  161. position:fixed;
  162. padding:200px 120px 500px 110px;
  163.  
  164. }
  165.  
  166. #sidebarimage {
  167. padding:120px 0px 10px 0px;
  168. text-align: center;
  169. width: 150px;
  170. }
  171.  
  172. #sidebarimage img {
  173. margin-left: 0px;
  174. text-align:center;
  175. border-radius:100px;
  176. width:100px;
  177. height:100px;
  178. border:2px double #ffffff;
  179.  
  180. }
  181.  
  182. .dropdown {
  183. width:153px;
  184. font-size:10px;
  185. margin-left:-50;
  186. margin-right:auto;
  187. margin-top:5px;
  188. text-transform:lowercase;
  189. text-align:center;
  190. line-height:150%;
  191. }
  192.  
  193. .dropdown a {
  194. width:50px;
  195. display:inline-block;
  196. margin-bottom:3px;
  197. padding:5px 0px 5px 0px;
  198. font-family:'baskeriville';
  199. margin-left:auto;
  200. margin-right:auto;
  201. border-bottom:1px solid #e9e7e7;
  202. text-align:center;
  203. -moz-transition:0.2s ease-in;
  204. -webkit-transition:0.2s ease-in;
  205. -o-transition:0.2s ease-in;
  206. transition:0.2s ease-in;
  207. }
  208.  
  209. .dropdown a:hover {
  210. background:#e4e4e4;
  211. text-decoration:none;
  212. color:{color:link};
  213. -moz-transition:0.2s ease-in;
  214. -webkit-transition:0.2s ease-in;
  215. -o-transition:0.2s ease-in;
  216. transition:0.2s ease-in;
  217. }
  218.  
  219. .show_hide {
  220. display:none;
  221. }
  222.  
  223. #links {
  224. width:170px;
  225. font-size:7px;
  226. line-height:14px;
  227. padding:8px;
  228. font-style:italic;
  229. font-family:justus, georgia, arial, times;
  230. text-align:center;
  231. word-spacing: 3px;
  232. margin-left:-18px;
  233. text-transform:lowercase;
  234.  
  235. }
  236.  
  237. #links a {
  238. width:47px;
  239. text-align:center;
  240. letter-spacing:1px;
  241. background: #e4e4e4;
  242. margin-bottom:7px;
  243. margin-top:3px;
  244. padding: 3px 1px 3px 1px;
  245. text-decoration:underline;
  246. display: inline-block;
  247. }
  248.  
  249. #description {
  250. text-align:justify;
  251. width:125px;
  252. font-family:'cambria';
  253. font-style:italic;
  254. letter-spacing: 1px;
  255. line-height:11px;
  256. margin-left: 0px;
  257. padding:8px;
  258. border:5px solid #ffffff;
  259. outline:2px double #e4e4e4;
  260.  
  261. }
  262.  
  263. #pagination {
  264. width:150px;
  265. word-spacing:5px;
  266. font-size:11px;
  267. margin-top:10px;
  268. text-align:center;
  269. font-style:italic;
  270. font-family:justus, georgia, arial, times;
  271. }
  272.  
  273. #info {
  274. {block:ifNot400pxposts}
  275. width:500px;
  276. {/block:ifNot400pxposts}
  277. {block:if400pxposts}
  278. width:400px;
  279. {/block:if400pxposts}
  280. padding:5px;
  281. border-top:1px solid #e4e4e4;
  282. padding-top:9px;
  283. text-align:left;
  284. margin-top:10px;
  285. font-family:times;
  286. }
  287.  
  288. #asker {
  289. float:left;
  290. margin-right:5px;
  291. }
  292.  
  293. #question {
  294. padding:15px 15px 15px 15px;
  295. font-size:11px;
  296. font-style:italic;
  297. text-align:justify;
  298. font-family:baskerville;
  299. line-height:15px;
  300. }
  301.  
  302. #quote {
  303. {block:ifNot400pxposts}
  304. width:500px;
  305. {/block:ifNot400pxposts}
  306. {block:if400pxposts}
  307. width:400px;
  308. {/block:if400pxposts}
  309. padding:0px 0px 8px 0px;
  310. font-size:15px;
  311. font-style:italic;
  312. font-family:times;
  313. text-align:left;
  314. word-spacing: 2px;
  315. line-height:90%;
  316. text-transform:lowercase;
  317. }
  318.  
  319. #source {
  320. padding:10px 0px 8px 0px;
  321. font-size:10px;
  322. font-style:oblique;
  323. font-family:justus, georgia, arial, times;
  324. text-align:left;
  325. margin-left:20px;
  326. word-spacing: 2px;
  327. line-height:90%;
  328. text-transform:lowercase;
  329. }
  330.  
  331. #linkpost {
  332. {block:ifNot400pxposts}
  333. width:500px;
  334. {/block:ifNot400pxposts}
  335. {block:if400pxposts}
  336. width:400px;
  337. {/block:if400pxposts}
  338. padding:0px 0px 8px 0px;
  339. font-size:23px;
  340. font-style:oblique;
  341. font-family: times;
  342. text-align:center;
  343. word-spacing: 2px;
  344. line-height:90%;
  345. text-transform:lowercase;
  346. font-weight:lighter;
  347. }
  348.  
  349. .top audio{
  350. border:1px solid #ffffff;
  351. }
  352.  
  353.  
  354. .audio {
  355. width:483px;
  356. padding:10px 10px 20px 0px;
  357. margin-bottom:10px;
  358. background:#fff;
  359. }
  360.  
  361. .audio-player{
  362. border-right:2px solid #888787;
  363. height:27px;
  364. margin-top: 55px;
  365. overflow:hidden;
  366. opacity:0.6;
  367. float:left;
  368. border: 3px solid #f9f9f9;
  369. position:absolute;
  370. z-index:2;
  371. -webkit-transition: all .4s linear;
  372. }
  373.  
  374. .audio-player:hover {
  375. opacity:1;
  376. }
  377.  
  378. .audio-info {
  379. height: 25px;
  380. margin-left:90px;
  381. border-left:2px solid #f4f4f4;
  382. padding:0px 10px 10px 20px;
  383. text-align:left;
  384. font-family:cambria;
  385. font-size:10px;
  386. line-height:150%;
  387. letter-spacing: 1px;
  388. font-weight:200;
  389. }
  390.  
  391. .audio-art {
  392. float:left;
  393. box-shadow: 2px 2px 2px #666666;
  394. height:64px;
  395. margin-top:-20px;
  396. }
  397.  
  398. .caption {
  399. {block:ifNot400pxposts}
  400. width:445px;
  401. {/block:ifNot400pxposts}
  402. {block:if400pxposts}
  403. width:345px;
  404. {/block:if400pxposts}
  405. text-align:left;
  406. padding-left:10px;
  407. padding-right:10px;
  408. font-family:times;
  409. line-height:130%;
  410. font-size:11px;
  411. display:block;
  412. }
  413.  
  414. .caption img {
  415. {block:ifNot500pxPost}
  416. max-width:345px!important;
  417. {/block:ifNot500pxPost}
  418. {block:if500pxPost}
  419. max-width:445px!important;
  420. {/block:if500pxPost}
  421. }
  422.  
  423. .via {
  424. position:absolute;
  425. opacity:0;
  426. font-style:italic;
  427. font-family:justus, georgia, arial, times;
  428. font-size:10px;
  429. margin-top:20px;
  430. font-weight:lighter;
  431. {block:indexpage}
  432. {block:ifNot400pxposts}
  433. margin-left:540px;
  434. {/block:ifNot400pxposts}
  435. {block:if400pxposts}
  436. margin-left:440px;
  437. {/block:if400pxposts}
  438. {/block:indexpage}
  439. {block:permalinkpage}
  440. display:none;
  441. {/block:permalinkpage}
  442. -webkit-transition: all 0.5s ease-in-out;
  443. -moz-transition: all 0.5s ease-in-out;
  444. -o-transition: all 0.5s ease-in-out;
  445. -ms-transition: all 0.5s ease-in-out;
  446. transition: all 0.5s ease-in-out;
  447. }
  448.  
  449.  
  450. .via a {
  451. color:{color:via};
  452. }
  453.  
  454.  
  455. #post:hover .via {
  456.  
  457. opacity:1;
  458.  
  459. }
  460.  
  461.  
  462. .user_1 .label {color:{color:text}; font-weight:bold; border:1px double #ffffff; padding:3px 5px 3px 5px; margin-top:2px; text-transform:uppercase; font-size:9px; letter-spacing:1px; font-family:calibri; border:3px double #ffffff; line-height:30px;}
  463. .user_2 .label {color:{color:text}font-weight:bold; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:11px; letter-spacing:1px; font-family:calibri; border:1px double #ffffff;}
  464. .user_3 .label {color:{color:background}; font-weight:bold; background-color:{color:link}; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-family:calibri;border:1px double #ffffff;}
  465. .user_4 .label {color:{color:text}; font-weight:bold; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-family:calibri;border:1px double #ffffff;}
  466. .user_5 .label {color:{color:background}; font-weight:bold; background-color:{color:link}; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-family:font-family:calibri;border:1px double #ffffff;}
  467. .user_6 .label {color:{color:text}; font-weight:bold; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-family:calibri;border:1px double #ffffff;}
  468. .user_7 .label {color:{color:background}; font-weight:bold; background-color:{color:link}; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-family:calibri;border:1px double #ffffff;}
  469. .user_8 .label {color:{color:text}; font-weight:bold; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-family:calibri;border:1px double #ffffff;}
  470. .user_9 .label {color:{color:background}; font-weight:bold; background-color:{color:link}; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-family:calibri;border:1px double #ffffff;}
  471. .user_10 .label {color:{color:text}; font-weight:bold; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-family:calibri;border:1px double #ffffff;}
  472. .user_11 .label {color:{color:background}; font-weight:bold; background-color:{color:link}; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-family:calibri;border:1px double #ffffff;}
  473. .user_12 .label {color:{color:text}; font-weight:bold; padding:1px 2px 1px 2px; margin-top:2px; text-transform:uppercase; font-size:8px; letter-spacing:1px; font-family:calibri;border:1px double #ffffff;}
  474. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:2px;}
  475.  
  476. #credit {
  477. position:fixed;
  478. right:10px;
  479. bottom:10px;
  480. text-transform:uppercase;
  481. font:10px 'cambria';
  482. letter-spacing:1px;
  483. padding:5px;
  484. -webkit-transition: all 0.5s ease
  485. -moz-transition: all 0.5s ease
  486. -ms-transition: all 0.5s ease;
  487. -o-transition: all 0.5s ease;
  488. transition: all 0.5s ease;
  489. }
  490.  
  491.  
  492. #credit:hover {
  493. position:fixed;
  494. right:10px;
  495. bottom:10px;
  496. text-transform:uppercase;
  497. font:10px 'cambria';
  498. letter-spacing:1px;
  499. padding:5px;
  500. text-shadow: 1px 1px 1px #bebebe;
  501. -webkit-transition: all 0.5s ease;
  502. -moz-transition: all 0.5s ease;
  503. -ms-transition: all 0.5s ease;
  504. -o-transition: all 0.5s ease;
  505. transition: all 0.5s ease;
  506. }
  507.  
  508. {CustomCSS}</style></head><body>
  509.  
  510. <div id="sidebar">
  511.  
  512. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  513.  
  514. <div id="description">{description}</div>
  515.  
  516. <div class="dropdown">
  517.  
  518. <a href="#" class="show_hide" id="dropdown" style="border-bottom:1px solid #e4e4e4; font-family:arial; width:153px; font-weight:bold; font-size:9px;">NAVIGATION</a>
  519.  
  520. <div class="slidingDiv">
  521. <div id="links">
  522. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  523. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink1}
  524. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a><br/>{/block:iflink3}
  525. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  526. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  527. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  528. </a>
  529.  
  530. </div></div></div>
  531.  
  532. <div id="pagination">
  533. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><span style="text-decoration:underline;">prev</span></a> /{/block:PreviousPage}
  534. {block:NextPage}<a href="{NextPage}"><span style="text-decoration:underline;">next</span></a>{/block:NextPage}{/block:Pagination}
  535. </div>
  536.  
  537. </div>
  538.  
  539. <div id="entries">{block:Posts}<div id="post">
  540.  
  541. <div class="via">
  542.  
  543. {block:RebloggedFrom} <a href="{ReblogParentURL}"
  544. title="{ReblogParenttitle}">via</a>
  545. <br>
  546.  
  547. <br>
  548.  
  549. <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}
  550.  
  551. </div>
  552.  
  553.  
  554. {block:ContentSource}
  555. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  556. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  557. {/block:SourceLogo}
  558. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  559. {/block:ContentSource}
  560.  
  561. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  562.  
  563. {block:Photo}{block:ifNot400pxposts}<center><img src="{PhotoURL-500}"/>
  564. </center>{/block:ifNot400pxposts}{block:if400pxposts}<center><img src="{PhotoURL-400}"/></center>{/block:if400pxposts}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photo}
  565.  
  566. {block:Photoset}{block:ifNot400pxposts}<center>{Photoset-500}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{Photoset-400}</center>{/block:if400pxposts}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photoset}
  567.  
  568. {block:Quote}<div id="quote">{Quote}</div>{block:Source} <div id="source">by {Source}</div>{/block:Source}{/block:Quote}
  569.  
  570. {block:Link}<h1><div id="linkpost"><a href="{URL}" {Target}>{Name} →</a></div></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  571.  
  572. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></p>{/block:Chat}
  573.  
  574. {block:Audio}<section class="top audio"><div class="audio">{block:AlbumArt}<div class="audio-art"><img src="{AlbumArtURL}" width="64"></div>{/block:AlbumArt}<div class="audio-player">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div><div class="audio-info"><span style="font-style:oblique;">
  575.  
  576. {block:TrackName} {TrackName}{/block:TrackName}</span><br/> {block:PlayCount} {FormattedPlayCount} plays</br>{/block:PlayCount}
  577. </div></div></section>{/block:Audio}
  578.  
  579. {block:Video}{block:ifNot400pxposts}{Video-500}{/block:ifNot400pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Video}
  580.  
  581. {block:Answer}{block:ifNot400pxposts}<div style="background:#fafafa; border-bottom:0px solid transparent; width:500px; font-weight:italic; font-size:12px;"><div id="question">{asker} said: {Question}</div></div>{/block:ifNot400pxposts}{block:if400pxposts}<div style="background:#fafafa; border-bottom:0px solid transparent; width:400px; font-weight:italic; font-size:12px;"><div id="question">{asker} said: {Question}</div></div>{/block:if400pxposts}<br>{block:ifNot400pxposts}<div style="font-size:11px; width:495px;margin-left:5px;">{Answer}</div>{/block:ifNot400pxposts}{block:if400pxposts}<div style="font-size:11px; width:395px;margin-left:5px;">{Answer}</div>{/block:if400pxposts}{/block:Answer}
  582.  
  583. <div id="info">
  584. {block:Date}<span style="margin-left:5px;">{12Hour}:{Minutes} {CapitalAmPm}</span>{/block:Date} with <a href="{Permalink}">
  585. {NoteCountWithLabel}</a><div style="margin-top:5px;"></div><span style="margin-left:5px;">{block:Date}{Month} {DayOfMonthWithZero}{/block:Date}</span>
  586. {block:HasTags}
  587. <div style="margin-top:5px;"></div>
  588. <span style="margin-left:5px;">tagged: {block:Tags} <a href="{TagURL}">{Tag}</a> &nbsp;{/block:Tags}</span>{/block:HasTags}</div>
  589.  
  590. </div>
  591. {block:PostNotes}{PostNotes}{/block:PostNotes}
  592. {/block:Posts}</div>
  593.  
  594. <div id="credit">
  595. <a href="http://llermans.tumblr.com/">
  596. llmns
  597. </a>
  598. </div>
  599.  
  600. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement