API tools faq
paste
Advertisement
paigeh987

Theme 22 - neonbike themes

paigeh987
Oct 26th, 2014
10,048
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.63 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. <!----
  9.  
  10. Theme 22 by Paige @ neonbikethemes.tumblr.com
  11.  
  12. Rules:
  13. - Do not steal code or design
  14. - edit as much as you want but don't remove credit
  15. - Like/reblog the post
  16.  
  17. Base code by llermans © tumblr.com
  18.  
  19. code last updated 06.14.17
  20.  
  21. --->
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Text" content="#000000"/>
  25. <meta name="color:Link" content="#000000"/>
  26. <meta name="color:Link Hover" content="#a0a0a0" />
  27. <meta name="color:captions bg" content="#f8f8f8" />
  28. <meta name="color:Border" content="#f3f3f3"/>
  29.  
  30. <meta name="image:Sidebar" content=""/>
  31.  
  32. <meta name="text:link 1" content="link 1"/>
  33. <meta name="text:link 1 url" content="/"/>
  34. <meta name="text:link 2" content="link 2"/>
  35. <meta name="text:link 2 url" content="/"/>
  36. <meta name="text:link 3" content="link 3"/>
  37. <meta name="text:link 3 url" content="/"/>
  38.  
  39. <meta name="select:Font" content="Open Sans" title="Open Sans">
  40. <meta name="select:Font" content="Karla" title="Karla">
  41. <meta name="select:Font" content="Lora" title="Lora">
  42. <meta name="select:Font" content="Roboto" title="Roboto">
  43. <meta name="select:Font" content="PT Sans" title="PT Sans">
  44. <meta name="select:Font" content="ABeeZee" title="ABeeZee">
  45. <meta name="select:Font" content="Arial" title="Arial">
  46.  
  47. <meta name="if:500px posts" content="0"/>
  48. <meta name="if:Hide Captions" content="0"/>
  49. <meta name="if:Hide Tags" content="0"/>
  50. <meta name="if:Small Sidebar Image" content="0"/>
  51. <meta name="if:Right Sidebar" content="0"/>
  52. <meta name="if:Grayscale Posts" content="0"/>
  53.  
  54.  
  55.  
  56. <!-- TOOLTIPS -->
  57.  
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  59. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  60. <script>
  61. (function($){
  62. $(document).ready(function(){
  63. $("a[title]").style_my_tooltips({
  64. tip_follows_cursor:true,
  65. tip_delay_time:20,
  66. tip_fade_speed:600,
  67. attribute:"title"
  68. });
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73.  
  74. <!-- FONTS -->
  75. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla|Lora|Open+Sans|PT+Sans|Roboto" rel="stylesheet">
  76.  
  77.  
  78. <script type="text/javascript">
  79. WebFontConfig = {
  80. google: { families: [ 'Dosis:500,700:latin', 'Lato:400,700,700italic:latin', 'Bitter:400,700,400italic:latin', 'Open+Sans:400italic,700italic,700,400:latin', 'Roboto:400italic,700italic,700,400:latin', 'Montserrat:400,700:latin' ] }
  81. };
  82. (function() {
  83. var wf = document.createElement('script');
  84. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  85. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  86. wf.type = 'text/javascript';
  87. wf.async = 'true';
  88. var s = document.getElementsByTagName('script')[0];
  89. s.parentNode.insertBefore(wf, s);
  90. })(); </script>
  91.  
  92.  
  93. <!--- CSS --->
  94.  
  95. <style type="text/css">
  96.  
  97.  
  98. @import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic|Merriweather:400,300,300italic,400italic,700,700italic,900,900italic);
  99.  
  100. ::-webkit-scrollbar {
  101. width: 9px;height: 0px;}
  102. ::-webkit-scrollbar-button:start:decrement,
  103. ::-webkit-scrollbar-button:end:increment {
  104. height: 5px;display: block;background-color: {color:background};}
  105. ::-webkit-scrollbar-track-piece {
  106. background-color: {color:background};}
  107. ::-webkit-scrollbar-thumb:vertical {
  108. height: 3px;
  109. background-color: {color:text};
  110. border:4px solid {color:background};
  111. }
  112.  
  113. html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {margin:0; padding:0; list-style:none;}
  114.  
  115. body {
  116. margin: 0;
  117. word-wrap: break-word;
  118. font-size: 11px;
  119. font-family: {select:font}, sans-serif;
  120. color: {color:text};
  121. background-color: {color:background};
  122. line-height:160%;
  123. }
  124.  
  125. a {color: {color:link};}
  126. a:hover {color: {color:link hover};}
  127. a {text-decoration:none;}
  128.  
  129. b, strong {color:{color:text}}
  130. i, em {color:{color:text}}
  131. small {font-size:9px;}
  132. big {font-size:12px;}
  133. ul {list-style:square;text-align:justify;}
  134. p {margin:0 0 7px 0;}
  135.  
  136. #s-m-t-tooltip {
  137. max-width:300px;
  138. padding:2px;
  139. margin:10px 0px 0px 10px;
  140. background-color:{color:bckground};
  141. font-family:helvetica;
  142. font-size:10px;
  143. font-style:italic;
  144. color:{color:text};
  145. z-index:9999999999999999999;
  146. }
  147.  
  148. img{
  149. max-width:100%;
  150. }
  151.  
  152. blockquote {
  153. padding: 8px;
  154. border-left: 1px solid {color:border};
  155. text-align:left;
  156. margin-top:10px;
  157. margin-bottom:10px;
  158. margin-left:10px;
  159. }
  160.  
  161. pre {
  162. white-space: pre-wrap;
  163. white-space: -moz-pre-wrap;
  164. white-space: -pre-wrap;
  165. white-space: -o-pre-wrap;
  166. word-wrap: break-word;
  167. }
  168.  
  169.  
  170. .caption{
  171. padding: 20px;
  172. background:{color:captions bg};
  173. text-align:left;
  174. margin-top:5px;
  175. }
  176.  
  177.  
  178. iframe#tumblr_controls {
  179. position:fixed !important;
  180. margin-top:0px !important;
  181. margin-right:0px !important;
  182. opacity:0.9 !important;
  183. z-index:9999999999999999999;
  184. filter: invert(1);
  185. -webkit-filter: invert(1);
  186. -moz-filter: invert(1);
  187. -o-filter: invert(1);
  188. -ms-filter: invert(1);
  189. }
  190.  
  191.  
  192. /* content */
  193. #content {
  194. {block:Ifnotrightsidebar}
  195. left:55%;
  196. {/block:Ifnotrightsidebar}
  197. {block:Ifrightsidebar}
  198. left:40%;
  199. {/block:Ifrightsidebar}
  200. margin-left:-250px;
  201. position:absolute;
  202. {block:If500pxposts}
  203. width:500px;
  204. {/block:If500pxposts}
  205. {block:Ifnot500pxposts}
  206. width:400px;
  207. {/block:Ifnot500pxposts}
  208. margin-top: 25px;
  209. margin-bottom: 25px;
  210. margin-top:130px;
  211. }
  212.  
  213. /* sidebar */
  214. #sidebar {
  215. width: 160px;
  216. position: fixed;
  217. top:160px;
  218. {block:Ifrightsidebar}
  219. {block:If500pxposts}
  220. margin-left: 580px;
  221. {/block:If500pxposts}
  222. {block:Ifnot500pxposts}
  223. margin-left:480px;
  224. {/block:Ifnot500pxposts}
  225. {/block:Ifrightsidebar}
  226. {block:Ifnotrightsidebar}
  227. margin-left:-240px;
  228. {/block:Ifnotrightsidebar}
  229. text-align: left;
  230. }
  231.  
  232. #sidebar img {
  233. {block:Ifsmallsidebarimage}
  234. width:80px;
  235. height:80px;
  236. border-radius:80px;
  237. margin-bottom:10px;
  238. {/block:Ifsmallsidebarimage}
  239. {block:Ifnotsmallsidebarimage}
  240. width:160px;
  241. border-radius:0px;
  242. {/block:Ifnotsmallsidebarimage}
  243. -webkit-transition: all .5s;
  244. -moz-transition: all .5s;
  245. -o-transition: all .5s;
  246. -ms-transition: all .5s;
  247. transition: all .5s;
  248. }
  249.  
  250. #links {
  251. text-transform:uppercase;
  252. text-align:left;
  253. font-size:8px;
  254. letter-spacing:2px;
  255. margin-top:10px;
  256. -webkit-transition: all .5s;
  257. -moz-transition: all .5s;
  258. -o-transition: all .5s;
  259. -ms-transition: all .5s;
  260. transition: all .5s;
  261. }
  262.  
  263. .link{
  264. border-bottom:1px solid {color:border};
  265. padding:8px;
  266. color:{color:link};
  267. box-shadow: inset 0 0 0 0 transparent;
  268. -webkit-transition: all .8s;
  269. -moz-transition: all .8s;
  270. -o-transition: all .8s;
  271. -ms-transition: all .8s;
  272. transition: all .8s;
  273. }
  274.  
  275. .link:hover{
  276. color:{color:hover};
  277. box-shadow: inset 200px 0 0 0 {color:captions bg};
  278. -webkit-transition: all .8s;
  279. -moz-transition: all .8s;
  280. -o-transition: all .8s;
  281. -ms-transition: all .8s;
  282. transition: all .8s;
  283. }
  284.  
  285. .desc {
  286. margin-top:10px;
  287. line-height:160%;
  288. padding:15px;
  289. background:{color:captions bg};
  290. text-align:left;
  291. }
  292.  
  293. /* ------------------------- PAGINATION ------------------------ */
  294.  
  295. #pagination {
  296. opacity:0;
  297. padding: 8px;
  298. text-align: right;
  299. font-size:8px;
  300. letter-spacing:2px;
  301. margin-top: 10px;
  302. border-top:1px solid {color:border};
  303. text-transform: uppercase;
  304. -webkit-transition: all .8s;
  305. -moz-transition: all .8s;
  306. -o-transition: all .8s;
  307. -ms-transition: all .8s;
  308. transition: all .8s;
  309. }
  310.  
  311. #sidebar:hover #pagination{
  312. opacity:1;
  313. -webkit-transition: all .8s;
  314. -moz-transition: all .8s;
  315. -o-transition: all .8s;
  316. -ms-transition: all .8s;
  317. transition: all .8s;
  318. }
  319.  
  320. /* --------------------------- POSTS --------------------------- */
  321.  
  322. .post {
  323. clear: both;
  324. margin-bottom: 100px;
  325. {block:Ifgrayscaleposts}
  326. -webkit-filter: grayscale(100%);
  327. {/block:Ifgrayscaleposts}
  328. -webkit-transition: all 0.4s;
  329. -moz-transition: all 0.4s;
  330. -o-transition: all 0.4s;
  331. -ms-transition: all 0.4s;
  332. transition: all 0.4s;
  333. }
  334.  
  335. .post img{
  336. max-width:100%;
  337. }
  338.  
  339. .post:hover{
  340. {block:Ifgrayscaleposts}
  341. -webkit-filter: grayscale(0%);
  342. {/block:Ifgrayscaleposts}
  343. -webkit-transition: all 0.4s;
  344. -moz-transition: all 0.4s;
  345. -o-transition: all 0.4s;
  346. -ms-transition: all 0.4s;
  347. transition: all 0.4s;
  348. }
  349.  
  350. /* ------------------------- POST TYPES ------------------------- */
  351.  
  352. .text {
  353. text-align: left;
  354. padding:10px;
  355. }
  356.  
  357. .ptitle{
  358. font-weight:bold;
  359. text-transform:uppercase;
  360. text-align:left;
  361. letter-spacing:1px;
  362. margin-bottom:10px;
  363. padding:10px;
  364. border-bottom:1px solid {color:border};
  365. }
  366.  
  367. .quote {
  368. text-align: left;
  369. padding:20px;
  370. }
  371. .source {
  372. text-align:right;
  373. }
  374.  
  375.  
  376. /* ANSWER */
  377.  
  378. .asker{
  379. border-bottom:1px solid {color:border};
  380. margin-bottom:10px;
  381. text-align:left;
  382. text-transform:uppercase;
  383. letter-spacing:1px;
  384. }
  385.  
  386. .name{
  387. position:relative;
  388. display:inline-block;
  389. background:{color:captions bg};
  390. padding:8px;
  391. margin-right:8px;
  392. }
  393.  
  394. .question {
  395. text-align:left;
  396. padding:10px;
  397. font-style:italic;
  398. margin-bottom:5px;
  399. }
  400.  
  401. .answer {
  402. border-top:1px solid {color:border};
  403. padding-top:15px;
  404. padding-bottom:5px;
  405. }
  406.  
  407.  
  408. /* LINK */
  409.  
  410. .linkpost {
  411. border-bottom:1px solid {color:border};
  412. font-size:10px;
  413. text-transform:uppercase;
  414. letter-spacing:1px;
  415. -webkit-transition: all .5s;
  416. -moz-transition: all .5s;
  417. -o-transition: all .5s;
  418. -ms-transition: all .5s;
  419. transition: all .5s;
  420. }
  421.  
  422. .ltitle{
  423. position:relative;
  424. display:inline-block;
  425. background:{color:captions bg};
  426. padding:8px;
  427. text-align:left;
  428. text-transform:uppercase;
  429. letter-spacing:2px;
  430. }
  431.  
  432.  
  433. /* AUDIO */
  434.  
  435. .audio {
  436. position:relative;
  437. display:inline-block;
  438. height:100px;
  439. margin-right:-30px;
  440. z-index:999;
  441. }
  442.  
  443. .album{
  444. position:absolute;
  445. width:100px;
  446. height:100px;
  447. }
  448.  
  449. .album img{
  450. position:absolute;
  451. width:100px;
  452. height:100px;
  453. }
  454.  
  455. .play{
  456. position:absolute;
  457. margin-top:10px;
  458. margin-left:10px;
  459. width:80px;
  460. height:80px;
  461. background:{color:background};
  462. opacity:.2;
  463. -webkit-transition: all .5s;
  464. -moz-transition: all .5s;
  465. -o-transition: all .5s;
  466. -ms-transition: all .5s;
  467. transition: all .5s;
  468. }
  469.  
  470. .audio:hover .play{
  471. opacity:.7;
  472. -webkit-transition: all .5s;
  473. -moz-transition: all .5s;
  474. -o-transition: all .5s;
  475. -ms-transition: all .5s;
  476. transition: all .5s;
  477. }
  478.  
  479. .play:hover{
  480. opacity:.7;
  481. -webkit-transition: all .5s;
  482. -moz-transition: all .5s;
  483. -o-transition: all .5s;
  484. -ms-transition: all .5s;
  485. transition: all .5s;
  486. }
  487.  
  488. .playbutton{
  489. position:relative;
  490. float:left;
  491. overflow:hidden;
  492. margin-top:25px;
  493. margin-left:25px;
  494. width:30px;
  495. height:30px;
  496. }
  497.  
  498. .tumblr_audio_player {
  499. height: 30px;
  500. }
  501.  
  502. .audioinfo {
  503. position:relative;
  504. float:right;
  505. height:30px;
  506. {block:If500pxposts}
  507. width:340px;
  508. {/block:If500pxposts}
  509. {block:Ifnot500pxposts}
  510. width:240px;
  511. {/block:Ifnot500pxposts}
  512. padding:35px;
  513. background:{color:captions bg};
  514. text-align:center;
  515. text-transform:uppercase;
  516. letter-spacing:1px;
  517. font-size:8px;
  518. line-height:130%;
  519. }
  520.  
  521. .tracktitle{
  522. text-transform:uppercase;
  523. font-weight:bold;
  524. letter-spacing:2px;
  525. font-size:11px;
  526. }
  527.  
  528.  
  529. /* VIDEO */
  530.  
  531. .video {text-align: left;}
  532.  
  533.  
  534. /* CHAT */
  535.  
  536. .chat {
  537. text-align: left;
  538. padding-top:3px;
  539. }
  540.  
  541. .line{
  542. margin-bottom:4px;
  543. padding:7px;
  544. padding-left:0px;
  545. }
  546.  
  547. .label{
  548. text-transform:uppercase;
  549. letter-spacing:1px;
  550. padding:5px 8px 5px 8px;
  551. margin:0 10px 8px 0;
  552. background:{color:captions bg};
  553. }
  554.  
  555. /* -------------------------- POST INFO ------------------------ */
  556.  
  557. #tags {
  558. margin-top: 10px;
  559. border-top:1px solid {color:border};
  560. text-align:left;
  561. text-transform:uppercase;
  562. letter-spacing:1px;
  563. font-size:8px;
  564. }
  565.  
  566. .info{
  567. float:left;
  568. margin-right:25px;
  569. margin-bottom:10px;
  570. }
  571.  
  572. .noteblock{
  573. position:relative;
  574. display:inline-block;
  575. padding:8px;
  576. margin: -1px 5px 0 0;
  577. background:{color:captions bg};
  578. font-weight:bold;
  579. }
  580.  
  581. .tags {
  582. text-transform:none;
  583. margin-top:5px;
  584. padding:5px;
  585. text-align:right;
  586. }
  587.  
  588. .tag {
  589. position:relative;
  590. display:inline-block;
  591. text-transform:lowercase;
  592. font-style:italic;
  593. font-size:9px;
  594. -webkit-transition: all .5s;
  595. -moz-transition: all .5s;
  596. -o-transition: all .5s;
  597. -ms-transition: all .5s;
  598. transition: all .5s;
  599. }
  600.  
  601. .tag:hover {
  602. text-decoration:underline;
  603. -webkit-transition: all .5s;
  604. -moz-transition: all .5s;
  605. -o-transition: all .5s;
  606. -ms-transition: all .5s;
  607. transition: all .5s;
  608. }
  609.  
  610.  
  611. /* POST NOTES */
  612.  
  613. ol.notes {
  614. display:block;
  615. text-align:left;
  616. margin-bottom:30px;
  617. margin-top:30px;
  618. }
  619.  
  620. ol.notes li.note{
  621. padding:8px;
  622. text-transform:lowercase;
  623. font-size:9px;
  624. border-bottom:1px solid {color:border};
  625. }
  626.  
  627. ol.notes li.note img{
  628. width:auto;
  629. margin-bottom:-5px;
  630. margin-right:10px;
  631. }
  632.  
  633. .pagenotes {text-align:left;}
  634.  
  635.  
  636.  
  637. /*credit*/
  638. #credit {
  639. position:fixed;
  640. left:10px;
  641. bottom:10px;
  642. text-transform:uppercase;
  643. font:9px;
  644. padding:5px;
  645. -webkit-transition: all 0.5s ease;
  646. -moz-transition: all 0.5s ease;
  647. -ms-transition: all 0.5s ease;
  648. -o-transition: all 0.5s ease; transition: all 0.5s ease;
  649. }
  650.  
  651. {CustomCSS}
  652.  
  653. </style></head>
  654. <body>
  655.  
  656.  
  657.  
  658. <div id="content">
  659.  
  660. <div id="sidebar">
  661.  
  662. <img src="{image:Sidebar}" />
  663.  
  664. <div id="links">
  665.  
  666. <a href="/">
  667. <div class="link" {block:Ifsmallsidebarimage}style="border-top:1px solid {color:border};"{/block:Ifsmallsidebarimage}><b>{title}</b></div></a>
  668.  
  669. {block:iflink1}
  670. <a href="{text:link 1 url}">
  671. <div class="link">{text:link 1}</div></a>{/block:iflink1}
  672.  
  673. {block:iflink2}
  674. <a href="{text:link 2 url}">
  675. <div class="link">{text:link 2}</div></a>{/block:iflink2}
  676.  
  677. {block:iflink3}
  678. <a href="{text:link 3 url}">
  679. <div class="link">{text:link 3}</div></a>{/block:iflink3}
  680.  
  681. </div>
  682.  
  683.  
  684.  
  685. <div class="desc">{description}</div>
  686.  
  687. {block:Pagination}
  688. <div id="pagination">
  689. {block:PreviousPage}
  690. <a href="{PreviousPage}">back</a> -
  691. {/block:PreviousPage}
  692. {block:NextPage}
  693. <a href="{NextPage}">forth</a>
  694. {/block:NextPage}
  695. </div>
  696. {/block:Pagination}
  697.  
  698. </div>
  699.  
  700.  
  701.  
  702.  
  703. {block:Posts}
  704.  
  705. <div class="post">
  706.  
  707. {block:Text}
  708. {block:Title}
  709. <div class="ptitle"><a href="{Permalink}">{Title}</a></div>
  710. {/block:Title}
  711. <div class="text">
  712. {Body}
  713. </div>
  714. {/block:Text}
  715.  
  716. {block:Photo}
  717. {block:If500pxposts}
  718. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  719. {/block:If500pxposts}
  720. {block:Ifnot500pxposts}
  721. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  722. {/block:Ifnot500pxposts}
  723. {block:Ifhidecaptions}
  724. {block:Permalink}
  725. {block:Caption}
  726. <div class="caption">{Caption}</div>
  727. {/block:Caption}
  728. {/block:Permalink}
  729. {/block:Ifhidecaptions}
  730. {block:Ifnothidecaptions}
  731. {block:Caption}
  732. <div class="caption">{Caption}</div>
  733. {/block:Caption}
  734. {/block:Ifnothidecaptions}
  735. {/block:Photo}
  736.  
  737. {block:Photoset}
  738. <div class="photoset">
  739. {block:If500pxposts}
  740. {Photoset-500}
  741. {/block:If500pxposts}
  742. {block:Ifnot500pxposts}
  743. {Photoset-400}
  744. {/block:Ifnot500pxposts}
  745. {block:Ifhidecaptions}
  746. {block:Permalink}
  747. {block:Caption}
  748. <div class="caption">{Caption}</div>
  749. {/block:Caption}
  750. {/block:Permalink}
  751. {/block:Ifhidecaptions}
  752. {block:Ifnothidecaptions}
  753. {block:Caption}
  754. <div class="caption">{Caption}</div>
  755. {/block:Caption}
  756. {/block:Ifnothidecaptions}
  757. </div>
  758. {/block:Photoset}
  759.  
  760. {block:Quote}
  761. <div class="quote">
  762. {Quote}
  763. </div>
  764. {block:Source}
  765. <div class="source">— {Source}</div>
  766. {/block:Source}
  767. {/block:Quote}
  768.  
  769. {block:Link}
  770. <div class="linkpost">
  771. <a href="{URL}" {Target}>
  772. <div class="ltitle">{Name}</div>
  773. </a>
  774. </div>
  775. {block:Description}
  776. <div class="text">{Description}</div>
  777. {/block:Description}
  778. {/block:Link}
  779.  
  780. {block:Chat}
  781. <div class="chat">
  782. {block:Title}
  783. <div class="ptitle"><a href="{Permalink}">{Title}</a></div>
  784. {/block:Title}
  785. <div class="chat">
  786. {block:Lines}
  787. <div class="line {Alt} user_{UserNumber}">
  788. {block:Label}
  789. <span class="label">{Label}</span>
  790. {/block:Label}{Line}
  791. </div>
  792. {/block:Lines}
  793. </div>
  794. </div>
  795. {/block:Chat}
  796.  
  797. {block:Answer}
  798. <div class="asker"><div class="name">{Asker}</div></div>
  799. <div class="question">{Question}</div>
  800. <div class="answer">{Answer}</div>
  801. {/block:Answer}
  802.  
  803. {block:Video}
  804. <div class="video">
  805. {block:If500pxposts}
  806. {Video-500}
  807. {/block:If500pxposts}
  808. {block:Ifnot500pxposts}
  809. {Video-400}
  810. {/block:Ifnot500pxposts}
  811. {block:Ifhidecaptions}
  812. {block:Permalink}
  813. {block:Caption}
  814. <div class="caption">{Caption}</div>
  815. {/block:Caption}
  816. {/block:Permalink}
  817. {/block:Ifhidecaptions}
  818. {block:Ifnothidecaptions}
  819. {block:Caption}
  820. <div class="caption">{Caption}</div>
  821. {/block:Caption}
  822. {/block:Ifnothidecaptions}
  823. </div>
  824. {/block:Video}
  825.  
  826. {block:Audio}
  827. <div class="audio">
  828. <div class="album">
  829. {block:AlbumArt}
  830. <img src="{AlbumArtURL}">
  831. {/block:AlbumArt}
  832. </div>
  833. <div class="play">
  834. <div class="playbutton">{AudioPlayerWhite}</div>
  835. </div>
  836. </div>
  837. <div class="audioinfo">
  838. {block:TrackName}
  839. <div class="tracktitle">{TrackName}</div>
  840. {/block:TrackName}
  841. {block:Artist}
  842. <br>{Artist}
  843. {/block:Artist}
  844. </div>
  845. {block:Ifhidecaptions}
  846. {block:Permalink}
  847. {block:Caption}
  848. <div class="caption">{Caption}</div>
  849. {/block:Caption}
  850. {/block:Permalink}
  851. {/block:Ifhidecaptions}
  852. {block:Ifnothidecaptions}
  853. {block:Caption}
  854. <div class="caption">{Caption}</div>
  855. {/block:Caption}
  856. {/block:Ifnothidecaptions}
  857. {/block:Audio}
  858.  
  859. <div id="tags">
  860.  
  861. <div class="info">
  862.  
  863. {block:Date}
  864. <a href="{Permalink}">
  865. <div class="noteblock">{NoteCount}</div></a>
  866. <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>
  867. {/block:Date}
  868.  
  869. {block:Permalink}
  870. {block:RebloggedFrom}
  871. ( <a href="{ReblogParentURL}">Via</a>
  872. {/block:RebloggedFrom}
  873. {block:ContentSource}
  874. & <a href="{SourceURL}">Src</a>
  875. {/block:ContentSource}
  876. {block:RebloggedFrom}
  877. <a href="{ReblogParentURL}" target="_blank"></a> )
  878. {/block:RebloggedFrom}
  879. {/block:Permalink}
  880.  
  881. </div>
  882.  
  883. {block:IndexPage}{block:Ifnothidetags}
  884. {block:HasTags}
  885. <div class="tags">
  886. {block:Tags}<a href="{TagURL}"><div class="tag">#{Tag},</div> </a>{/block:Tags}</div>{/block:HasTags}
  887. {/block:Ifnothidetags}
  888. {/block:IndexPage}
  889.  
  890. {block:PermalinkPage}
  891. {block:HasTags}
  892. <div class="tags">
  893. {block:Tags}<a href="{TagURL}"><div class="tag">#{Tag},</div> </a>{/block:Tags}</div>{/block:HasTags}
  894. {/block:PermalinkPage}
  895.  
  896. </div>
  897.  
  898. <br>
  899. {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  900.  
  901. </div>
  902.  
  903. {/block:Posts}
  904. </div>
  905.  
  906. <div id="credit">
  907. <a href="http://neonbikethemes.tumblr.com/" title="Neonbike Themes">
  908. N
  909. </a>
  910.  
  911. </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!