API tools faq
paste
Advertisement
paigeh987

Theme 12 - neonbike themes

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