API tools faq
paste
Advertisement
paigeh987

Theme 15 - neonbike themes

paigeh987
May 11th, 2014
5,322
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.86 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 15 by Paige @ neonbikethemes.tumblr.com
  11.  
  12. RULES
  13. - like/rebog post if using
  14. - you may edit but do not remove the credit
  15. - do not steal
  16.  
  17. Thanks!
  18.  
  19. code last updated 11/30/16
  20.  
  21. --->
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Posts" content="#ffffff"/>
  25. <meta name="color:Text" content="#838282"/>
  26. <meta name="color:Link" content="#b8b8b8"/>
  27. <meta name="color:Hover" content="#cecece"/>
  28. <meta name="color:Border" content="#eaeaea">
  29.  
  30. <meta name="text:Dropdown1 Title" content="" />
  31. <meta name="text:Dropdown2 Title" content="" />
  32. <meta name="text:Dropdown3 Title" content="" />
  33. <meta name="text:Dropdown4 Title" content="" />
  34.  
  35. <meta name="select:Font" content="Open Sans" title="Open Sans">
  36. <meta name="select:Font" content="Montserrat" title="Montserrat">
  37. <meta name="select:Font" content="Dosis" title="Dosis">
  38. <meta name="select:Font" content="Roboto" title="Roboto">
  39. <meta name="select:Font" content="Bitter" title="Bitter">
  40. <meta name="select:Font" content="Lato" title="Lato">
  41. <meta name="select:Font" content="Helvetica" title="Helvetica">
  42. <meta name="select:Font" content="Arial" title="Arial">
  43.  
  44. <meta name="if:500px posts" content="0"/>
  45. <meta name="if:grayscale posts" content="0"/>
  46. <meta name="if:hide captions" content="0"/>
  47.  
  48. <!-- ------------------------- SCRIPTS ------------------------------ -->
  49.  
  50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51.  
  52. <script>
  53. $(document).ready(function(){
  54.  
  55. $(".slidingDiv1").hide();
  56. $(".show_hide1").show();
  57.  
  58. $('.show_hide1').toggle(function(){
  59. $(".slidingDiv1").slideDown(
  60. function(){
  61. $("#navigation").text("navigation")
  62. }
  63. );
  64. },function(){
  65. $(".slidingDiv1").slideUp(
  66. function(){
  67. $("#navigation").text("navigation")
  68. }
  69. );
  70. });
  71. });
  72. </script>
  73.  
  74. <script>
  75. $(document).ready(function(){
  76.  
  77. $(".slidingDiv2").hide();
  78. $(".show_hide2").show();
  79.  
  80. $('.show_hide2').toggle(function(){
  81. $(".slidingDiv2").slideDown(
  82. function(){
  83. $("#navigation").text("navigation")
  84. }
  85. );
  86. },function(){
  87. $(".slidingDiv2").slideUp(
  88. function(){
  89. $("#navigation").text("navigation")
  90. }
  91. );
  92. });
  93. });
  94. </script>
  95.  
  96. <script>
  97. $(document).ready(function(){
  98.  
  99. $(".slidingDiv3").hide();
  100. $(".show_hide3").show();
  101.  
  102. $('.show_hide3').toggle(function(){
  103. $(".slidingDiv3").slideDown(
  104. function(){
  105. $("#navigation").text("navigation")
  106. }
  107. );
  108. },function(){
  109. $(".slidingDiv3").slideUp(
  110. function(){
  111. $("#navigation").text("navigation")
  112. }
  113. );
  114. });
  115. });
  116. </script>
  117.  
  118. <script>
  119. $(document).ready(function(){
  120.  
  121. $(".slidingDiv4").hide();
  122. $(".show_hide4").show();
  123.  
  124. $('.show_hide4').toggle(function(){
  125. $(".slidingDiv4").slideDown(
  126. function(){
  127. $("#navigation").text("navigation")
  128. }
  129. );
  130. },function(){
  131. $(".slidingDiv4").slideUp(
  132. function(){
  133. $("#navigation").text("navigation")
  134. }
  135. );
  136. });
  137. });
  138. </script>
  139.  
  140.  
  141. <!-- TOOLTIPS -->
  142.  
  143. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  144. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  145. <script>
  146. (function($){
  147. $(document).ready(function(){
  148. $("a[title]").style_my_tooltips({
  149. tip_follows_cursor:true,
  150. tip_delay_time:10,
  151. tip_fade_speed:300,
  152. attribute:"title"
  153. });
  154. });
  155. })(jQuery);
  156. </script>
  157.  
  158.  
  159. <!-- FONTS -->
  160.  
  161. <link href='http://fonts.googleapis.com/css?family=Dosis:500,700|Lato:400,700,700italic|Bitter:400,700,400italic|Open+Sans:400italic,700italic,700,400|Roboto:400italic,700italic,700,400|Montserrat:400,700' rel='stylesheet' type='text/css'>
  162.  
  163. <script type="text/javascript">
  164. WebFontConfig = {
  165. 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' ] }
  166. };
  167. (function() {
  168. var wf = document.createElement('script');
  169. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  170. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  171. wf.type = 'text/javascript';
  172. wf.async = 'true';
  173. var s = document.getElementsByTagName('script')[0];
  174. s.parentNode.insertBefore(wf, s);
  175. })(); </script>
  176.  
  177.  
  178.  
  179. <!-- ------------------------- CSS ------------------------------- -->
  180.  
  181. <style type="text/css">
  182.  
  183. body {
  184. background:{color:background};
  185. margin: 0;
  186. word-wrap: break-word;
  187. color:{color:text};
  188. font-family:{select:font};
  189. font-size:10px;
  190. line-height:150%;
  191. }
  192.  
  193. a {
  194. color:{color:link};
  195. text-decoration: none;
  196. -webkit-transition: all .3s ease-in-out;
  197. -moz-transition: all .3s ease-in-out;
  198. -o-transition: all .3s ease-in-out;
  199. -ms-transition: all .3s ease-in-out;
  200. transition: all .3s ease-in-out;
  201. }
  202.  
  203. a:hover {
  204. color:{color:hover};
  205. -webkit-transition: all .3s ease-in-out;
  206. -moz-transition: all .3s ease-in-out;
  207. -o-transition: all .3s ease-in-out;
  208. -ms-transition: all .3s ease-in-out;
  209. transition: all .3s ease-in-out;
  210. }
  211.  
  212. img {
  213. padding:none;
  214. margin:none;
  215. border:none;
  216. }
  217.  
  218. .image{
  219. padding:10px;
  220. border:1px solid {color:border};
  221. background:{color:posts};
  222. }
  223.  
  224. blockquote {
  225. padding:0px;
  226. margin:0px;
  227. padding-left:10px;
  228. margin-right:5px;
  229. margin-left:10px;
  230. border-left:1px solid {color:text};
  231. }
  232.  
  233. h1 {
  234. font-size:15px;
  235. }
  236.  
  237. b, strong {
  238. color:{color:text};
  239. font-weight:bold;
  240. }
  241.  
  242. i, em {
  243. color:{color:text};
  244. }
  245.  
  246. #s-m-t-tooltip {
  247. max-width:200px;
  248. padding:5px;
  249. margin:10px 0px 0px 10px;
  250. background-color:{color:posts};
  251. border:1px solid {color:border};
  252. font-family:helvetica;
  253. font-size:8px;
  254. letter-spacing:1px;
  255. text-transform:uppercase;
  256. color:{color:text};
  257. z-index:999999999999999999999999999999999999;
  258. }
  259.  
  260. ::-webkit-scrollbar {
  261. width: 7px;height: 0px;}
  262. ::-webkit-scrollbar-button:start:decrement,
  263. ::-webkit-scrollbar-button:end:increment {
  264. height: 5px;display: block;background-color: {color:background};}
  265. ::-webkit-scrollbar-track-piece {
  266. background-color: {color:background};}
  267. ::-webkit-scrollbar-thumb:vertical {
  268. height: 3px;
  269. background-color: {color:background};
  270. border-left:1px solid {color:text};
  271. }
  272.  
  273. /* ----------------------------- SIDEBAR ----------------------------- */
  274.  
  275. #sidebar {
  276. width:150px;
  277. position:fixed;
  278. margin-left:-260px;
  279. margin-top:80px;
  280. }
  281.  
  282. #title {
  283. font-size:11px;
  284. text-align:left;
  285. margin-bottom:5px;
  286. letter-spacing:1px;
  287. text-transform:lowercase;
  288. font-weight:bold;
  289. padding:10px;
  290. border:1px solid {color:border};
  291. color:{color:text};
  292. background:{color:posts};
  293. }
  294.  
  295. #title a{
  296. color:{color:text};
  297. }
  298.  
  299. /* -------------------------- PAGINATION ------------------------ */
  300.  
  301. #pagination {
  302. font-size:10px;
  303. text-align:center;
  304. text-transform:uppercase;
  305. position:relative;
  306. margin-bottom:50px;
  307. font-size:8px;
  308. letter-spacing:2px;
  309. word-spacing:5px;
  310. line-height:130%;
  311. }
  312.  
  313. .pagibutton{
  314. position:relative;
  315. display:inline-block;
  316. padding:10px;
  317. border:1px solid {color:border};
  318. background:{color:posts};
  319. }
  320.  
  321.  
  322. /* ----------------------------- POSTS -------------------------- */
  323.  
  324. #entries {
  325. padding:10px;
  326. {block:Ifnot500pxposts}
  327. width:422px;
  328. {/block:Ifnot500pxposts}
  329. {block:If500pxposts}
  330. width:522px;
  331. {/block:If500pxposts}
  332. margin-left:auto;
  333. margin-right:auto;
  334. margin-top:100px;
  335. }
  336.  
  337. #post {
  338. {block:Ifnot500pxposts}
  339. width:422px;
  340. {/block:Ifnot500pxposts}
  341. {block:If500pxposts}
  342. width:522px;
  343. {/block:If500pxposts}
  344. padding:10px;
  345. margin-bottom:100px;
  346. -webkit-transition: all .3s ease-in-out;
  347. -moz-transition: all .3s ease-in-out;
  348. -o-transition: all .3s ease-in-out;
  349. -ms-transition: all .3s ease-in-out;
  350. transition: all .3s ease-in-out;
  351. {block:Ifgrayscaleposts}
  352. -webkit-filter: grayscale(100%);
  353. -webkit-transition: all 0.6s ease-in-out;
  354. -moz-transition: all 0.6s ease-in-out;
  355. -o-transition: all 0.6s ease-in-out;
  356. -ms-transition: all 0.6s ease-in-out;
  357. transition: all 0.6s ease-in-out;
  358. {/block:Ifgrayscaleposts}
  359. {block:Ifnotgrayscaleposts}
  360. {/block:Ifnotgrayscaleposts}
  361. }
  362.  
  363. #post:hover{
  364. {block:Ifgrayscaleposts}
  365. -webkit-filter: grayscale(0%);
  366. -webkit-transition: all 0.6s ease-in-out;
  367. -moz-transition: all 0.6s ease-in-out;
  368. -o-transition: all 0.6s ease-in-out;
  369. -ms-transition: all 0.6s ease-in-out;
  370. transition: all 0.6s ease-in-out;
  371. {/block:Ifgrayscaleposts}
  372. {block:Ifnotgrayscaleposts}
  373. {/block:Ifnotgrayscaleposts}
  374. }
  375.  
  376. .captions{
  377. padding:10px;
  378. border:1px solid {color:border};
  379. background:{color:posts};
  380. margin-top:5px;
  381. }
  382.  
  383. .textblock{
  384. padding:10px;
  385. border:1px solid {color:border};
  386. background:{color:posts};
  387. margin-top:5px;
  388. }
  389.  
  390. .posttitle{
  391. font-size:11px;
  392. text-align:left;
  393. margin-bottom:5px;
  394. letter-spacing:1px;
  395. text-transform:lowercase;
  396. font-weight:bold;
  397. padding:10px;
  398. border:1px solid {color:border};
  399. background:{color:posts};
  400. color:text;
  401. }
  402.  
  403. #info {
  404. position:absolute;
  405. {block:Ifnot500pxposts}
  406. width:400px;
  407. {/block:Ifnot500pxposts}
  408. {block:If500pxposts}
  409. width:500px;
  410. {/block:If500pxposts}
  411. padding:10px;
  412. border:1px solid {color:border};
  413. background:{color:posts};
  414. font-size:8px;
  415. letter-spacing:1px;
  416. text-transform:uppercase;
  417. color:{color:text};
  418. margin-top:5px;
  419. margin-bottom:5px;
  420. text-align:left;
  421. }
  422.  
  423. #inforight{
  424. float:right;
  425. text-align:right;
  426. }
  427.  
  428. #info a{
  429. color:{color:text};
  430. -webkit-transition: all .3s ease-in-out;
  431. -moz-transition: all .3s ease-in-out;
  432. -o-transition: all .3s ease-in-out;
  433. -ms-transition: all .3s ease-in-out;
  434. transition: all .3s ease-in-out;
  435. }
  436.  
  437. #info a:hover{
  438. color:{color:hover};
  439. -webkit-transition: all .3s ease-in-out;
  440. -moz-transition: all .3s ease-in-out;
  441. -o-transition: all .3s ease-in-out;
  442. -ms-transition: all .3s ease-in-out;
  443. transition: all .3s ease-in-out;
  444. }
  445.  
  446. #tags {
  447. position:absolute;
  448. margin-top:20px;
  449. text-transform:lowercase;
  450. font-size:9px;
  451. margin-left:-50px;
  452. opacity:0.0;
  453. color:{color:text};
  454. -webkit-transition: all .3s ease-in-out;
  455. -moz-transition: all .3s ease-in-out;
  456. -o-transition: all .3s ease-in-out;
  457. -ms-transition: all .3s ease-in-out;
  458. transition: all .3s ease-in-out;
  459. }
  460.  
  461. #tags a{
  462. color:{color:text};
  463. -webkit-transition: all .3s ease-in-out;
  464. -moz-transition: all .3s ease-in-out;
  465. -o-transition: all .3s ease-in-out;
  466. -ms-transition: all .3s ease-in-out;
  467. transition: all .3s ease-in-out;
  468. }
  469.  
  470. #tags a:hover{
  471. color:{color:hover};
  472. -webkit-transition: all .3s ease-in-out;
  473. -moz-transition: all .3s ease-in-out;
  474. -o-transition: all .3s ease-in-out;
  475. -ms-transition: all .3s ease-in-out;
  476. transition: all .3s ease-in-out;
  477. }
  478.  
  479. #post:hover #tags {
  480. opacity:1.0;
  481. margin-left:0px;
  482. -webkit-transition: all .3s ease-in-out;
  483. -moz-transition: all .3s ease-in-out;
  484. -o-transition: all .3s ease-in-out;
  485. -ms-transition: all .3s ease-in-out;
  486. transition: all .3s ease-in-out;
  487. }
  488.  
  489. #questions {
  490. background-color: {color:asker bg};
  491. padding:14px;
  492. margin-top: 7px;
  493. margin-bottom:5px;
  494. font-size:10px;
  495. text-align:left;
  496. }
  497.  
  498. #answer {
  499. font-size:10px;
  500. text-transform:lowercase;
  501. }
  502.  
  503. /* AUDIO */
  504.  
  505. .audio {
  506. position:relative;
  507. display:inline-block;
  508. height:93px;
  509. margin-right:-30px;
  510. z-index:999;
  511. }
  512.  
  513. .album{
  514. position:absolute;
  515. width:70px;
  516. height:70px;
  517. padding:10px;
  518. border:1px solid {color:border};
  519. background:{color:posts};
  520. }
  521.  
  522. .album img{
  523. position:absolute;
  524. width:70px;
  525. height:70px;
  526. }
  527.  
  528. .play{
  529. position:absolute;
  530. margin-top:11px;
  531. margin-left:11px;
  532. width:70px;
  533. height:70px;
  534. background:#fff;
  535. opacity:.2;
  536. -webkit-transition: all .5s;
  537. -moz-transition: all .5s;
  538. -o-transition: all .5s;
  539. -ms-transition: all .5s;
  540. transition: all .5s;
  541. }
  542.  
  543. .audio:hover .play{
  544. opacity:.7;
  545. -webkit-transition: all .5s;
  546. -moz-transition: all .5s;
  547. -o-transition: all .5s;
  548. -ms-transition: all .5s;
  549. transition: all .5s;
  550. }
  551.  
  552. .play:hover{
  553. opacity:.7;
  554. -webkit-transition: all .5s;
  555. -moz-transition: all .5s;
  556. -o-transition: all .5s;
  557. -ms-transition: all .5s;
  558. transition: all .5s;
  559. }
  560.  
  561. .playbutton{
  562. position:relative;
  563. float:left;
  564. overflow:hidden;
  565. margin-top:25px;
  566. margin-left:25px;
  567. width:30px;
  568. height:30px;
  569. }
  570.  
  571. .tumblr_audio_player {
  572. height: 30px;
  573. }
  574.  
  575. .audioinfo {
  576. position:relative;
  577. float:right;
  578. height:30px;
  579. {block:If500pxposts}
  580. width:361px;
  581. {/block:If500pxposts}
  582. {block:Ifnot500pxposts}
  583. width:261px;
  584. {/block:Ifnot500pxposts}
  585. padding:30px;
  586. border:1px solid {color:border};
  587. background:{color:posts};
  588. text-align:center;
  589. text-transform:uppercase;
  590. letter-spacing:1px;
  591. font-size:8px;
  592. line-height:130%;
  593. }
  594.  
  595. .tracktitle{
  596. text-transform:uppercase;
  597. font-weight:bold;
  598. letter-spacing:2px;
  599. font-size:11px;
  600. }
  601.  
  602. /* QUOTE */
  603.  
  604. .quoteauthor{
  605. padding:10px;
  606. border-top:1px solid {color:border};
  607. margin-top:10px;
  608. padding-bottom:0px;
  609. text-align:right;
  610. }
  611.  
  612. .quote{
  613. text-transform:uppercase;
  614. font-weight:bold;
  615. text-align:left;
  616. padding:5px;
  617. font-size:10px;
  618. letter-spacing:2px;
  619. }
  620.  
  621. /* -------------------------- POST NOTES -------------------------- */
  622.  
  623. ol.notes {
  624. display:block;
  625. text-align:left;
  626. margin-bottom:30px;
  627. list-style-type:none;
  628. {block:Ifnot500pxposts}
  629. width:420px;
  630. {/block:Ifnot500pxposts}
  631. {block:If500pxposts}
  632. width:520px;
  633. {/block:If500pxposts}
  634. margin-left:10px;
  635. padding:0px;
  636. }
  637.  
  638. ol.notes li.note{
  639. padding:5px;
  640. padding-top:2px;
  641. border:1px solid {color:border};
  642. background:{color:posts};
  643. margin-bottom:3px;
  644. }
  645.  
  646. .pagenotes {
  647. text-align:left;
  648. background:transparent;
  649. text-transform:uppercase;
  650. font-size:9px;
  651. }
  652.  
  653. .pagenotes:hover{
  654. Background:{color:link bg};
  655. }
  656.  
  657. .pagenotes img{
  658. padding-right:5px;
  659. padding-top:5px;
  660. margin-bottom:-5px;
  661. border:none;
  662. padding-bottom:2px;
  663. }
  664.  
  665. /* ------------------------- DROP DOWN MENUS ----------------------- */
  666.  
  667. .dropdown {
  668. }
  669.  
  670. .dropdown a {
  671. display: inline;
  672. }
  673.  
  674. .dropdown a:hover {
  675. }
  676.  
  677. .show_hide1 {
  678. display:none;
  679. }
  680.  
  681. .show_hide2 {
  682. display:none;
  683. }
  684.  
  685. .show_hide3 {
  686. display:none;
  687. }
  688.  
  689. .show_hide4 {
  690. display:none;
  691. }
  692.  
  693. .dropdowntext{
  694. text-align:left;
  695. padding:10px;
  696. line-height:100%;
  697. border:1px solid {color:border};
  698. background:{color:posts};
  699. margin-bottom:5px;
  700. text-transform:lowercase;
  701. }
  702.  
  703. .dropdowntitle{
  704. text-align:left;
  705. color:{color:text};
  706. text-transform:uppercase;
  707. padding:10px;
  708. font-size:8px;
  709. letter-spacing:2px;
  710. line-height:130%;
  711. border:1px solid {color:border};
  712. background:{color:posts};
  713. margin-bottom:3px;
  714. }
  715.  
  716. /* ----------------------------- CREDIT ---------------------------- */
  717.  
  718. #cred {
  719. position:fixed;
  720. bottom:15px;
  721. left:15px;
  722. font-size:8px;
  723. padding:10px;
  724. text-transform:uppercase;
  725. padding: 2px 3px 2px 3px;
  726. }
  727.  
  728. {CustomCSS}</style></head><body>
  729.  
  730.  
  731. <!-- ------------------------- CONTAINER --------------------------- -->
  732.  
  733. <div id="entries">
  734.  
  735.  
  736. <!-- -------------------------- SIDEBARS --------------------------- -->
  737.  
  738. <div id="sidebar">
  739.  
  740. <a href="/"><div id="title">{Title}</div></a>
  741.  
  742. {block:Ifdropdown1title}
  743. <div class="dropdown">
  744. <a href="#" class="show_hide1">
  745. <div class="dropdowntitle">{text:dropdown1 Title}</div></a>
  746. <div class="slidingDiv1">
  747. <div class="dropdowntext">
  748.  
  749. <!-- -------------------------------------------------------------- -->
  750. <!-- ------------------ FIRST TAB CONTENT HERE -------------------- -->
  751. <!-- -------------------------------------------------------------- -->
  752.  
  753. Put some things here. idk whatever you want.
  754.  
  755. <!-- -------------------------------------------------------------- -->
  756. <!-- --------------------------- end ------------------------------ -->
  757. <!-- -------------------------------------------------------------- -->
  758.  
  759. </div></div></div>
  760. {/block:Ifdropdown1title}
  761.  
  762. {block:Ifdropdown2title}
  763. <div class="dropdown">
  764. <a href="#" class="show_hide2">
  765. <div class="dropdowntitle">{text:dropdown2 Title}</div></a>
  766. <div class="slidingDiv2">
  767. <div class="dropdowntext">
  768.  
  769. <!-- -------------------------------------------------------------- -->
  770. <!-- ------------------ SECOND TAB CONTENT HERE ------------------- -->
  771. <!-- -------------------------------------------------------------- -->
  772.  
  773. sample content
  774. <br>maybe some links
  775. <br>Sample
  776.  
  777. <!-- -------------------------------------------------------------- -->
  778. <!-- --------------------------- end ------------------------------ -->
  779. <!-- -------------------------------------------------------------- -->
  780.  
  781. </div></div></div>
  782. {/block:Ifdropdown2title}
  783.  
  784. {block:Ifdropdown3title}
  785. <div class="dropdown">
  786. <a href="#" class="show_hide3">
  787. <div class="dropdowntitle">{text:dropdown3 Title}</div></a>
  788. <div class="slidingDiv3">
  789. <div class="dropdowntext">
  790.  
  791. <!-- -------------------------------------------------------------- -->
  792. <!-- ------------------ THIRD TAB CONTENT HERE -------------------- -->
  793. <!-- -------------------------------------------------------------- -->
  794.  
  795. more stuff. youcould put your description <!--{Description}--> here if you want.
  796.  
  797. <!-- -------------------------------------------------------------- -->
  798. <!-- --------------------------- end ------------------------------ -->
  799. <!-- -------------------------------------------------------------- -->
  800.  
  801. </div></div></div>
  802. {/block:Ifdropdown3title}
  803.  
  804. {block:Ifdropdown4title}
  805. <div class="dropdown">
  806. <a href="#" class="show_hide4">
  807. <div class="dropdowntitle">{text:dropdown4 Title}</div></a>
  808. <div class="slidingDiv4">
  809. <div class="dropdowntext">
  810.  
  811. <!-- -------------------------------------------------------------- -->
  812. <!-- ------------------ FOURTH TAB CONTENT HERE ------------------- -->
  813. <!-- -------------------------------------------------------------- -->
  814.  
  815. last one.
  816.  
  817. <!-- -------------------------------------------------------------- -->
  818. <!-- --------------------------- end ------------------------------ -->
  819. <!-- -------------------------------------------------------------- -->
  820.  
  821. </div></div></div>
  822. {/block:Ifdropdown4title}
  823.  
  824. </div>
  825.  
  826.  
  827. <!-- --------------------------- POSTS ---------------------------- -->
  828.  
  829. {block:Posts}<div id="post">
  830.  
  831. {block:Text}
  832. {block:Title}
  833. <div class="posttitle">{Title}</div>
  834. {/block:Title}
  835. <div class="textblock">{Body}</div>
  836. {/block:Text}
  837.  
  838.  
  839. {block:Photo}
  840. {LinkOpenTag}
  841. {block:Ifnot500pxposts}
  842. <img src="{PhotoURL-400}" class="image">
  843. {/block:Ifnot500pxposts}
  844. {block:If500pxposts}
  845. <img src="{PhotoURL-500}" class="image">
  846. {/block:If500pxposts}
  847. {LinkCloseTag}
  848. {block:Ifhidecaptions}
  849. {block:PermalinkPage}
  850. {block:Caption}
  851. <div class="captions">{Caption}</div>
  852. {/block:Caption}
  853. {/block:PermalinkPage}
  854. {/block:Ifhidecaptions}
  855. {block:Ifnothidecaptions}
  856. {block:Caption}
  857. <div class="captions">{Caption}</div>
  858. {/block:Caption}
  859. {/block:Ifnothidecaptions}
  860. {/block:Photo}
  861.  
  862.  
  863. {block:Photoset}
  864. <div class="textblock">
  865. {block:Ifnot500pxposts}
  866. {Photoset-400}
  867. {/block:Ifnot500pxposts}
  868. {block:If500pxposts}
  869. {Photoset-500}
  870. {/block:If500pxposts}
  871. </div>
  872. {block:Ifhidecaptions}
  873. {block:PermalinkPage}
  874. {block:Caption}
  875. <div class="captions">{Caption}</div>
  876. {/block:Caption}
  877. {/block:PermalinkPage}
  878. {/block:Ifhidecaptions}
  879. {block:Ifnothidecaptions}
  880. {block:Caption}
  881. <div class="captions">{Caption}</div>
  882. {/block:Caption}
  883. {/block:Ifnothidecaptions}
  884. {/block:Photoset}
  885.  
  886. {block:Quote}
  887. <div class="textblock">
  888. <div class="quote">
  889. {Quote}
  890. </div>
  891. <div class="quoteauthor">
  892. {block:Source}
  893. — {Source}
  894. {/block:Source}
  895. </div>
  896. </div>
  897. {/block:Quote}
  898.  
  899.  
  900. {block:Link}
  901. <a href="{URL}" {Target}><div class="posttitle">{Name}</div></a>
  902. {block:Description}
  903. <div class="captions">{Description}</div>
  904. {/block:Description}
  905. {/block:Link}
  906.  
  907.  
  908. {block:Chat}
  909. {block:Title}
  910. <div class="posttitle">{Title}</div>
  911. {/block:Title}
  912.  
  913. {block:Lines}
  914. <div class="textblock">
  915. {block:Label}<b>{Label}</b>{/block:Label}
  916. {Line}<br></div>
  917. {/block:Lines}
  918. {/block:Chat}
  919.  
  920. {block:Audio}
  921. <div class="audio">
  922. <div class="album">
  923. {block:AlbumArt}
  924. <img src="{AlbumArtURL}">
  925. {/block:AlbumArt}
  926. </div>
  927. <div class="play">
  928. <div class="playbutton">{AudioPlayerWhite}</div>
  929. </div>
  930. </div>
  931. <div class="audioinfo">
  932. {block:TrackName}
  933. <div class="tracktitle">{TrackName}</div>
  934. {/block:TrackName}
  935. {block:Artist}
  936. <br>{Artist}
  937. {/block:Artist}
  938. </div>
  939. {block:Ifhidecaptions}
  940. {block:Permalink}
  941. {block:Caption}
  942. <div class="textblock">{Caption}</div>
  943. {/block:Caption}
  944. {/block:Permalink}
  945. {/block:Ifhidecaptions}
  946. {block:Ifnothidecaptions}
  947. {block:Caption}
  948. <div class="textblock">{Caption}</div>
  949. {/block:Caption}
  950. {/block:Ifnothidecaptions}
  951. {/block:Audio}
  952.  
  953. {block:Video}
  954. <div class="textblock">
  955. {block:Ifnot500pxposts}
  956. {Video-400}
  957. {/block:Ifnot500pxposts}
  958. {block:If500pxposts}
  959. {Video-500}
  960. {/block:If500pxposts}
  961. </div>
  962. {block:Ifhidecaptions}
  963. {block:PermalinkPage}
  964. {block:Caption}
  965. <div class="textblock">{Caption}</div>
  966. {/block:Caption}
  967. {/block:PermalinkPage}
  968. {/block:Ifhidecaptions}
  969. {block:Ifnothidecaptions}
  970. {block:Caption}
  971. <div class="textblock">{Caption}</div>
  972. {/block:Caption}
  973. {/block:Ifnothidecaptions}
  974. {/block:Video}
  975.  
  976. {block:Answer}
  977. <div class="textblock">
  978. {Question}
  979. <div class="quoteauthor">
  980. — {Asker}
  981. </div>
  982. </div>
  983. <div class="textblock">{Answer}</div>{/block:answer}
  984.  
  985. <div id="info">
  986. <a href="{Permalink}">
  987. {block:Date}
  988. {12Hour}:{Minutes} {AmPm}
  989. {/block:Date}
  990. </a> {block:NoteCount}
  991. (<a href="{Permalink}"> {NoteCount} </a>){/block:NoteCount}
  992. <div id="inforight">
  993. {block:RebloggedFrom}
  994. <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
  995. {/block:RebloggedFrom}
  996. {block:ContentSource} &
  997. <a href="{SourceURL}" title="{ReblogRootName}">Src</a>
  998. {/block:ContentSource}
  999. </div>
  1000.  
  1001. <div id="tags">
  1002. {block:HasTags}
  1003. {block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}
  1004. {/block:HasTags}
  1005. </div>
  1006.  
  1007. </div></div>
  1008.  
  1009.  
  1010. {block:PostNotes}
  1011. <div class="pagenotes">{PostNotes-16}</div>{/block:PostNotes}
  1012. {/block:Posts}
  1013.  
  1014.  
  1015. {/block:Posts}</div>
  1016.  
  1017. <!-- ------------------------ PAGINATION -------------------------- -->
  1018.  
  1019. <div id="pagination">
  1020. {block:Pagination}
  1021. {block:PreviousPage}
  1022. <a href="{PreviousPage}">
  1023. <div class="pagibutton">PREVIOUS</div></a>
  1024. {/block:PreviousPage}
  1025. {block:NextPage}
  1026. <a href="{NextPage}">
  1027. <div class="pagibutton">NEXT</div></a>
  1028. {/block:NextPage}
  1029. {/block:Pagination}
  1030. </div>
  1031.  
  1032.  
  1033. <div id="cred"><a href="http://neonbikethemes.tumblr.com" title="Neonbike Themes">N</a></div>
  1034.  
  1035.  
  1036. </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!