API tools faq
paste
Advertisement
Perfect-Nicholas

Theme #31 - Vagabond

Perfect-Nicholas
Mar 6th, 2014
2,851
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.01 KB | None | 0 0
raw download clone embed print report
  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 #31 by llermans © tumblr.com --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Title" content="#323232"/>
  12. <meta name="color:Text" content="#323232"/>
  13. <meta name="color:Link" content="#6b6b6b"/>
  14. <meta name="color:Link Hover" content="#4f4f4f" />
  15. <meta name="color:Border" content="#bdbdbd" />
  16. <meta name="color:Ask Background" content="#fafafa" />
  17.  
  18. <meta name="if:small cursor" content="1"/>
  19. <meta name="if:400px posts" content="1">
  20.  
  21. <meta name="text:link 1" content="index"/>
  22. <meta name="text:link 1 url" content="/"/>
  23. <meta name="text:link 2" content="inbox"/>
  24. <meta name="text:link 2 url" content="/ask"/>
  25. <meta name="text:link 3" content="Link 3"/>
  26. <meta name="text:link 3 url" content="/"/>
  27. <meta name="text:link 4" content="Link 4"/>
  28. <meta name="text:link 4 url" content="/"/>
  29.  
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31.  
  32. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  33.  
  34. <script>
  35.  
  36. (function($){
  37.  
  38. $(document).ready(function(){
  39.  
  40. $("a[title]").style_my_tooltips({
  41.  
  42. tip_follows_cursor:true,
  43.  
  44. tip_delay_time:30,
  45.  
  46. tip_fade_speed:300,
  47.  
  48. attribute:"title"
  49.  
  50. });
  51.  
  52. });
  53.  
  54. })(jQuery);
  55.  
  56. </script>
  57.  
  58. <style type="text/css">
  59.  
  60. #s-m-t-tooltip {
  61. color:{color:text};
  62. font-size:10px;
  63. font-style: italic;
  64. font-family: times;
  65. margin:12px 0px 0px 12px;
  66. padding:3px 5px;
  67. max-width:350px;
  68. background-color:{color:background};
  69. text-transform:lowercase;
  70. letter-spacing: 1px;
  71. z-index:999; }
  72.  
  73. ::-webkit-scrollbar {background-color:{color:scrollbarbg}; height:8px; width:8px}
  74. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border}; height:50px}
  75. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:border}; height:8px!important}
  76.  
  77. body {
  78. background:{color:background};
  79. margin:0px;
  80. color:{color:text};
  81. font-family:Helvetica;
  82. font-size:11px;
  83. line-height:16px;
  84. {block:ifSmallCursor}
  85. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  86. {/block:ifSmallCursor}
  87. }
  88.  
  89. a {
  90. text-decoration:none;
  91. outline:none;
  92. -moz-outline-style:none;
  93. color:{color:link};
  94. -moz-transition-duration:0.8s;
  95. -webkit-transition-duration:0.8s;
  96. -o-transition-duration:0.8s;
  97. }
  98.  
  99. a:hover {
  100. text-decoration:none;
  101. outline:none;
  102. -moz-outline-style:none;
  103. color:{color:link hover};
  104. }
  105.  
  106. h3 {
  107. font-family: helvetica;
  108. text-align: center;
  109. font-size: 12px;
  110. text-transform: lowercase;
  111. font-weight: lighter !important;
  112. line-height: 130%;
  113. color: #ffffff;
  114. }
  115.  
  116. img {
  117. border:none;
  118. {block:ifNot400pxposts}
  119. max-width:500px!important;
  120. {/block:ifNot400pxposts}
  121. {block:if400pxposts}
  122. max-width:400px!important;
  123. {/block:if400pxposts}
  124. }
  125.  
  126. blockquote {
  127. padding: 2px 0 2px 10px;
  128. border-left: 1px dotted {color:border};
  129. text-align:justify;
  130. margin-left: 0px;
  131. }
  132.  
  133. blockquote img {
  134. {block:ifNot400pxposts}
  135. max-width:320px!important;
  136. {/block:ifNot400pxposts}
  137. {block:if400pxposts}
  138. max-width:220px!important;
  139. {/block:if400pxposts}
  140. }
  141.  
  142. #post {
  143. {block:if400pxposts}
  144. width:400px;
  145. {/block:if400pxposts}
  146. {block:ifnot400pxposts}
  147. width:500px;
  148. {/block:ifnot400pxposts}
  149. {block:Indexpage}
  150. padding-bottom:150px;
  151. {/block:Indexpage}
  152. {block:Permalinkpage}
  153. padding-bottom:25px;
  154. {/block:Permalinkpage}
  155. }
  156.  
  157. #still {
  158. position:absolute;
  159. left: 50%;
  160. {block:if400pxposts}
  161. margin-left: -255px;
  162. {/block:if400pxposts}
  163. {block:ifnot400pxposts}
  164. margin-left:-295px;
  165. {/block:ifnot400pxposts}
  166. }
  167.  
  168. #entries {
  169. margin:auto;
  170. position:absolute;
  171. {block:if400pxposts}
  172. width:400px;
  173. {/block:if400pxposts}
  174. {block:ifnot400pxposts}
  175. width:500px;
  176. {/block:ifnot400pxposts}
  177. font-family:cambria;
  178. font-size:11px;
  179. padding:55px;
  180. }
  181.  
  182. #topbar {
  183. width:400px;
  184. text-align:center;
  185. top:5px;
  186. }
  187.  
  188.  
  189. #title {
  190. font-size: 20px;
  191. padding-left: 20px;
  192. letter-spacing:2px;
  193. margin-top:50px;
  194. text-transform:uppercase;
  195. color: {color:title};
  196. font-family:times;
  197. width:300px;
  198. text-align:left;
  199. }
  200.  
  201. #title a {
  202. border-bottom:1px dotted transparent;
  203. color: {color:title};
  204. -webkit-transition: all 0.5s;
  205. -moz-transition: all 0.8s;
  206. -ms-transition: all 0.8s;
  207. -o-transition: all 0.8s;
  208. transition: all 0.8s;
  209. }
  210.  
  211. #title a:hover {
  212. border-bottom:1px dotted {color:text};
  213. color: {color:title};
  214. -webkit-transition: all 0.5s;
  215. -moz-transition: all 0.8s;
  216. -ms-transition: all 0.8s;
  217. -o-transition: all 0.8s;
  218. transition: all 0.8s;
  219. }
  220.  
  221. #links {
  222. {block:Indexpage}
  223. padding-bottom:0px;
  224. {/block:Indexpage}
  225. {block:Permalinkpage}
  226. padding-bottom:0px;
  227. {/block:Permalinkpage}
  228. width:300px;
  229. margin-top:5px;
  230. margin-bottom:15px;
  231. padding-left: 20px;
  232. text-align:left;
  233. -webkit-transition: all 0.5s;
  234. -moz-transition: all 0.5s;
  235. -ms-transition: all 0.5s;
  236. -o-transition: all 0.5s;
  237. transition: all 0.5s;
  238. }
  239.  
  240. #links a {
  241. color:{color:links};
  242. padding:5px 0px 0px 0px;
  243. width:60px;
  244. margin-left:0px;
  245. margin-right:15px;
  246. text-align:left;
  247. font-size: 8px;
  248. font-family:times;
  249. letter-spacing: 1px;
  250. text-transform: uppercase;
  251. border-bottom:1px dotted transparent;
  252. -webkit-transition: all 0.5s;
  253. -moz-transition: all 0.5s;
  254. -ms-transition: all 0.5s;
  255. -o-transition: all 0.5s;
  256. transition: all 0.5s;
  257. }
  258.  
  259. #links a:hover {
  260. text-decoration:none;
  261. border-bottom:1px dotted {color:border};
  262. text-align:center;
  263. font-family:times;
  264. -webkit-transition: all 0.5s;
  265. -moz-transition: all 0.5s;
  266. -ms-transition: all 0.5s;
  267. -o-transition: all 0.5s;
  268. transition: all 0.5s;
  269. }
  270.  
  271. #description {
  272. padding: 8px;
  273. padding-left: 20px;
  274. padding-right: 16px;
  275. margin-top:10px;
  276. width:350px;
  277. margin-bottom:150px;
  278. height: auto;
  279. overflow: auto;
  280. text-align: justify;
  281. border-left:1px dotted {color:border};
  282. }
  283.  
  284. .list {
  285. font-family: times;
  286. font-size: 12px;
  287. font-style:italic;
  288. word-spacing: 2px;
  289. line-height: 15px;
  290. color:{color:text};
  291. }
  292.  
  293. #pagination {
  294. font-family:helvetica;
  295. {block:ifNot400pxposts}
  296. width:500px;
  297. {/block:ifNot400pxposts}
  298. {block:if400pxposts}
  299. width:400px;
  300. {/block:if400pxposts}
  301. margin-left:-8px;
  302. font-size:8px;
  303. margin-top:-40px;
  304. margin-bottom:40px;
  305. padding-left:5px;
  306. text-transform:uppercase;
  307. word-spacing:15px;
  308. letter-spacing:1px;
  309. text-align:center;
  310. }
  311.  
  312. #pagination a {
  313. color:{color:link};
  314. }
  315.  
  316. #info {
  317. {block:ifNot400pxposts}
  318. width:500px;
  319. {/block:ifNot400pxposts}
  320. {block:if400pxposts}
  321. width:400px;
  322. {/block:if400pxposts}
  323. position:absolute;
  324. {block:indexpage}
  325. opacity:0;
  326. {block:indexpage}
  327. {block:permalinkpage}
  328. opacity:1;
  329. {/block:permalinkpage}
  330. font-family:'times', arial, 'justus';
  331. font-size:9px;
  332. margin-top:15px;
  333. font-weight:lighter;
  334. text-transform:lowercase;
  335. letter-spacing:1px;
  336. text-align:center;
  337. -webkit-transition: all 0.5s ease-in-out;
  338. -moz-transition: all 0.5s ease-in-out;
  339. -o-transition: all 0.5s ease-in-out;
  340. -ms-transition: all 0.5s ease-in-out;
  341. transition: all 0.5s ease-in-out;
  342. }
  343.  
  344. #info a {
  345. color:{color:text};
  346. }
  347.  
  348. .infos w {margin-right:10px;}
  349.  
  350. #post:hover #info {
  351. opacity:1;
  352. }
  353.  
  354. .tags {
  355. line-height:20px;
  356. display:inline-block;
  357. }
  358.  
  359. .tags a {
  360. margin-right:10px;
  361. border-bottom:1px dotted transparent;
  362. -webkit-transition: all 0.8s ease-in-out;
  363. -moz-transition: all 0.8s ease-in-out;
  364. -o-transition: all 0.8s ease-in-out;
  365. -ms-transition: all 0.8s ease-in-out;
  366. transition: all 0.8s ease-in-out;
  367. }
  368.  
  369. .tags a:hover {
  370. border-bottom:1px dotted {color:border};
  371. -webkit-transition: all 0.8s ease-in-out;
  372. -moz-transition: all 0.8s ease-in-out;
  373. -o-transition: all 0.8s ease-in-out;
  374. -ms-transition: all 0.8s ease-in-out;
  375. transition: all 0.8s ease-in-out;
  376. }
  377.  
  378. .tagspermalink {
  379. background:{color:ask background};
  380. padding:3px;
  381. {block:ifNot400pxposts}
  382. width:495px;
  383. {/block:ifNot400pxposts}
  384. {block:if400pxposts}
  385. width:395px;
  386. {/block:if400pxposts}
  387. }
  388.  
  389. .quote {
  390. font-family:times;
  391. color:{color:title};
  392. font-size:15px;
  393. text-align:center;
  394. letter-spacing:0px;
  395. line-height:110%;
  396. padding:10px;
  397. margin-bottom:2px;
  398. border-bottom:1px dotted {color:border};
  399. }
  400.  
  401. #source {
  402. font-size:9px;
  403. text-align:center;
  404. padding:3px;
  405. }
  406.  
  407. #source a {
  408. color:{color:text};
  409. }
  410.  
  411. #chat {
  412. font-size:11px;
  413. line-height:150%;
  414. }
  415.  
  416. #caption {
  417. padding:5px;
  418. font-size:11px;
  419. border-left: 0px solid white;
  420. font-style:normal;
  421. }
  422.  
  423. #cap {
  424. padding: 5px;
  425. margin-top: 5px;
  426. }
  427.  
  428. #ask {
  429. text-align:justify;
  430. background:{color:ask background};
  431. padding:8px;
  432. line-height:120%;
  433. font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;;
  434. font-size:11pxopacity: .3;
  435. }
  436.  
  437. .newplayerbutton {
  438. position: relative;
  439. width: 20px;
  440. height: 20px;
  441. overflow: hidden;
  442. margin-left: auto;
  443. margin-right: auto;
  444. margin-top: 4px;
  445. margin-bottom: auto;
  446. }
  447.  
  448. .playerbuttonhug {
  449. position: absolute;
  450. top: -14px;
  451. left: -4px;
  452. }
  453.  
  454.  
  455. .tumblr_audio_player {
  456. border: none;
  457. padding: 0px;
  458. margin: 0px;
  459. height: 50px;
  460. width: 500px;
  461. }
  462.  
  463. .playerbuttonbg {
  464. position: absolute;
  465. left: 0px;
  466. top: 6px;
  467. width: 30px;
  468. height: 30px;
  469. border:1px dotted {color:border};
  470. padding: 22px;
  471. }
  472.  
  473. .audioimgwrapper {
  474. position: absolute;
  475. left: 13px;
  476. top: 19px;
  477. -webkit-border-radius: 0px;
  478. -moz-border-radius: 0px;
  479. overflow: hidden;
  480. width: 50px;
  481. height: 50px;
  482. }
  483.  
  484. .audioimgwrapper img {
  485. width: 100%;
  486. height: auto;
  487. }
  488.  
  489. .trackdetails {
  490. {block:ifNot400pxposts}
  491. width:400px;
  492. {/block:ifNot400pxposts}
  493. {block:if400pxposts}
  494. width:300px;
  495. {/block:if400pxposts}
  496. display:inline-block;
  497. margin-left: 80px;
  498. min-height: 55px;
  499. margin-top:6px;
  500. font-size:10px;
  501. line-height:18px;
  502. padding:10px;
  503. text-shadow: 1px 1px #333333;
  504. }
  505.  
  506. .tracktitle {
  507. font-size:13px;
  508. text-transform:uppercase;
  509. margin-bottom:-10px;
  510. letter-spacing:0px;
  511. font-family:trebuchet ms;
  512. }
  513.  
  514. .audiowrapper {
  515. position: relative;
  516. display:inline-block;
  517. }
  518.  
  519. ol.notes {
  520. display:block;
  521. padding-bottom:2%;
  522. text-align:left;
  523. list-style-type:none;
  524. padding:25px 0;
  525. }
  526.  
  527. ol.notes li.note{
  528. {block:ifNot400pxposts}
  529. width:470px;
  530. {/block:ifNot400pxposts}
  531. {block:if400pxposts}
  532. width:370px;
  533. {/block:if400pxposts}
  534. padding: 15px;
  535. background: {color:background};
  536. border-bottom:1px dotted {color:border};
  537. -webkit-transition: all 0.8s ease-in-out;
  538. -moz-transition: all 0.8s ease-in-out;
  539. -o-transition: all 0.8s ease-in-out;
  540. -ms-transition: all 0.8s ease-in-out;
  541. transition: all 0.8s ease-in-out;
  542. }
  543.  
  544. ol.notes li.note:hover{
  545. background:{color:ask background};
  546. border-bottom:1px dotted {color:border};
  547. -webkit-transition: all 0.8s ease-in-out;
  548. -moz-transition: all 0.8s ease-in-out;
  549. -o-transition: all 0.8s ease-in-out;
  550. -ms-transition: all 0.8s ease-in-out;
  551. transition: all 0.8s ease-in-out;
  552. }
  553.  
  554. ol.notes li.note img.avatar{
  555. width:0px;
  556. height:0px;
  557. }
  558.  
  559. .pagenotes {
  560. width:400px;
  561. text-align:left;
  562. margin-top: 45px;
  563.  
  564. }
  565.  
  566. #credit {
  567. position:fixed;
  568. right:10px;
  569. bottom:10px;
  570. }
  571.  
  572. #credit a {
  573. border-bottom: 1px solid transparent;
  574. font-size:8px;
  575. padding:5px;
  576. font-family:times;
  577. font-weight:lighter;
  578. letter-spacing:1px;
  579. }
  580.  
  581. #credit a:hover {
  582. padding:5px;
  583. border-bottom: 1px solid 000;
  584. -webkit-transition: all 0.8s;
  585. -moz-transition: all 0.8s;
  586. -ms-transition: all 0.8s;
  587. -o-transition: all 0.8s;
  588. transition: all 0.8s;
  589. }
  590.  
  591. {CustomCSS}</style></head><body>
  592.  
  593. <div id="still">
  594.  
  595. <div id="entries">
  596.  
  597. <div id="topbar">
  598.  
  599. <div id="title"><a href="/">{title}</a></div>
  600.  
  601. <div id="links">
  602.  
  603. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  604. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  605. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  606. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  607.  
  608. </div>
  609.  
  610. <div id="description"><font class="list">{description}</font></div>
  611.  
  612. </div>
  613.  
  614. {block:Posts}<div id="post">
  615.  
  616. {block:ContentSource}
  617. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  618. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  619. {/block:SourceLogo}
  620. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  621. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  622.  
  623. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div id="textpost">{Body}</div>{/block:Text}
  624.  
  625. {block:Photo}{block:ifNot400pxposts}<center>{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{LinkOpenTag}<img src="{PhotoURL-400}"/>{LinkCloseTag}</center>{/block:if400pxposts}{block:Caption}<div id="cap"><div id="caption">{Caption}</div></div>{/block:Caption} {/block:Photo}
  626.  
  627. {block:Photoset}{block:ifNot400pxposts}<center>{Photoset-500}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{Photoset-400}</center>{/block:if400pxposts}{block:Caption}<div id="cap"><div id="caption">{Caption}</div></div>{/block:Caption}{/block:Photoset}
  628.  
  629. {block:Quote}<div class="quote">{Quote}</div>{block:Source}
  630. <br><div id="source">&nbsp;&nbsp;{Source}&nbsp;&nbsp;</div>
  631. {/block:Source}{/block:Quote}
  632.  
  633. {block:Link}<h1><a href="{URL}" {Target} style="font-size:12px;text-transform:uppercase;">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  634.  
  635. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="chat">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  636.  
  637. {block:Audio}{block:AudioPlayer}
  638. <div class="audiowrapper">
  639. {block:AlbumArt}
  640. <div class="audioimgwrapper"><img src=""></div>
  641. {/block:AlbumArt}
  642. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}
  643. </div></div></div>
  644. <div class="trackdetails">
  645. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  646. {block:Artist}{Artist}{/block:Artist}<br/>
  647. {FormattedPlayCount} plays</div></div>
  648. {/block:AudioPlayer}
  649. {block:Caption}{/block:Caption}
  650. {/block:Audio}
  651.  
  652. {block:Video}{block:ifNot400pxposts}{Video-500}{/block:ifNot400pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:Caption}<div id="cap"><div id="caption">{Caption}</div></div>{/block:Caption}{/block:Video}
  653.  
  654. {block:Answer}<div id="ask"><div style="color:{color:text};"><b>{Asker}</b>: {Question}</div></div><br>{Answer}{/block:Answer}
  655.  
  656. <div id="info"><span class="infos">
  657. {block:Date}<a href="{Permalink}"><w>{DayOfWeek}</w></a> <w style="font-weight:bold;">({DayOfMonthWithZero}.{MonthNumberWithZero}.{Year})</w>{/block:Date}<w><a href="{Permalink}">{NoteCount} notes</a></w>
  658. {block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}"title="{ReblogParentTitle}"><w>Via</w></a><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><w>Source</w></a>{/block:RebloggedFrom}
  659. {block:HasTags}<div class="tagspermalink">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  660. {/block:permalinkpage}
  661. {block:indexpage}{block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</span>{/block:HasTags}</span>{/block:indexpage}
  662.  
  663. </div>
  664. </div>
  665.  
  666. {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  667. {/block:Posts}
  668.  
  669. {block:Pagination}<div id="pagination">
  670. {block:PreviousPage}<a href="{PreviousPage}">back</a> | {/block:PreviousPage}
  671. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  672. {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}
  673. </div>
  674. {/block:Pagination}
  675.  
  676. </div>
  677.  
  678. <div id="credit">
  679. <a href="http://llermans.tumblr.com/" title="theme by llermans">
  680. LLMNS
  681. </a> </div>
  682.  
  683. </body></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!