Advertisement
paigeh987

Theme 20 - neonbike themes

Sep 21st, 2014
2,565
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.66 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----
  9.  
  10. theme 20 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 code or design
  16.  
  17. Thanks!
  18.  
  19. Base code by llermans © tumblr.com
  20.  
  21. code last updated 12/28/15
  22.  
  23. --->
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Posts" content="#ffffff"/>
  27. <meta name="color:Border" content="#cecece"/>
  28. <meta name="color:Post shadow" content="#f4f4f4"/>
  29. <meta name="color:Text" content="#000000"/>
  30. <meta name="color:Link" content="#6b6b6b"/>
  31. <meta name="color:Link Hover" content="#a0a0a0" />
  32.  
  33. <meta name="image:background" content=""/>
  34.  
  35. <meta name="select:Font" content="courier" title="Courier">
  36. <meta name="select:Font" content="inconsolata" title="Inconsolata">
  37. <meta name="select:Font" content="consolas" title="Consolas">
  38. <meta name="select:Font" content="Open Sans" title="Open Sans">
  39. <meta name="select:Font" content="Montserrat" title="Montserrat">
  40. <meta name="select:Font" content="Roboto" title="Roboto">
  41. <meta name="select:Font" content="Bitter" title="Bitter">
  42. <meta name="select:Font" content="Lato" title="Lato">
  43. <meta name="select:Font" content="Helvetica" title="Helvetica">
  44. <meta name="select:Font" content="Arial" title="Arial">
  45.  
  46. <meta name="text:link 1" content="index"/>
  47. <meta name="text:link 1 url" content="/"/>
  48. <meta name="text:link 2" content="ask"/>
  49. <meta name="text:link 2 url" content="/ask"/>
  50. <meta name="text:link 3" content=""/>
  51. <meta name="text:link 3 url" content="/"/>
  52. <meta name="text:link 4" content=""/>
  53. <meta name="text:link 4 url" content="/"/>
  54. <meta name="text:popup title" content="more"/>
  55.  
  56. <meta name="if:500px posts" content="0"/>
  57. <meta name="if:hide captions" content="0"/>
  58. <meta name="if:grayscale posts" content="0"/>
  59. <meta name="if:show popup menu" content="0"/>
  60. <meta name="if:post shadows" content="1"/>
  61. <meta name="if:post info hover" content="0"/>
  62. <meta name="if:full size background" content="0"/>
  63.  
  64. <!-- ------------------------- SCRIPTS --------------------------- -->
  65.  
  66. <!-- tooltip -->
  67. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  69. <script>
  70. (function($){
  71. $(document).ready(function(){
  72. $("a[title]").style_my_tooltips({
  73. tip_follows_cursor:true,
  74. tip_delay_time:10,
  75. tip_fade_speed:300,
  76. attribute:"title"
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81.  
  82. <!-- Popup -->
  83. <script type="text/javascript"
  84. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  85. <script>
  86. $(document).ready(function() {
  87. //
  88. $('a.poplight[href^=#]').click(function() {
  89. var popID = $(this).attr('rel'); //Get Popup Name
  90. var popURL = $(this).attr('href'); //Get Popup href to define size
  91. var query= popURL.split('?');
  92. var dim= query[1].split('&');
  93. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  94. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  95. var popMargTop = ($('#' + popID).height() + 80) / 2;
  96. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  97. //Apply Margin to Popup
  98. $('#' + popID).css({
  99. 'margin-top' : -popMargTop,
  100. 'margin-left' : -popMargLeft
  101. });
  102. $('body').append('<div id="fade"></div>');
  103. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  104. return false;
  105. });
  106. $('a.close, #fade').live('click', function() {
  107. $('#fade , .popup_block').fadeOut(function() {
  108. $('#fade, a.close').remove(); //fade them both out
  109. });
  110. return false;
  111. });
  112. });
  113. </script>
  114.  
  115.  
  116. <!-- FONTS -->
  117.  
  118. <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'>
  119.  
  120. <script type="text/javascript">
  121. WebFontConfig = {
  122. 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' ] }
  123. };
  124. (function() {
  125. var wf = document.createElement('script');
  126. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  127. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  128. wf.type = 'text/javascript';
  129. wf.async = 'true';
  130. var s = document.getElementsByTagName('script')[0];
  131. s.parentNode.insertBefore(wf, s);
  132. })(); </script>
  133.  
  134.  
  135. <!--- CSS --->
  136.  
  137. <style type="text/css">
  138.  
  139. @import url(http://fonts.googleapis.com/css?family=Merriweather:900italic|Inconsolata:400,700);
  140.  
  141. html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {
  142. margin:0; padding:0; list-style:none;}
  143.  
  144. body {
  145. margin: 0;
  146. word-wrap: break-word;
  147. font-size: 11px;
  148. font-family: {select:font}, monospace, sans-serif;
  149. color: {color:text};
  150. background-color: {color:background};
  151. background-image:url('{image:background}');
  152. background-position:left top;
  153. background-attachment:fixed;
  154. {block:Iffullsizebackground}
  155. background-size: 100% 100%;
  156. background-repeat: no-repeat;
  157. {/block:Iffullsizebackground}
  158. {block:Ifnotfullsizebackground}
  159. background-size: auto;
  160. background-repeat: repeat;
  161. {/block:Ifnotfullsizebackground}
  162. line-height:130%;
  163. }
  164.  
  165. a {
  166. color: {color:link};
  167. text-decoration:none;
  168. -webkit-transition: all .4s;
  169. -moz-transition: all .4s;
  170. -ms-transition: all .4s;
  171. -o-transition: all .4s;
  172. transition: all .4s;
  173. }
  174.  
  175. a:hover {
  176. color: {color:link hover};
  177. -webkit-transition: all .4s;
  178. -moz-transition: all .4s;
  179. -ms-transition: all .4s;
  180. -o-transition: all .4s;
  181. transition: all .4s;
  182. }
  183.  
  184. b, strong {color:{color:text}}
  185. i, em {color:{color:text}}
  186. small {font-size:8px;}
  187. big {font-size:12px;}
  188. ul {
  189. list-style:square;
  190. text-align:justify;
  191. }
  192.  
  193. .caption{
  194. margin-top:20px;
  195. }
  196.  
  197. blockquote {
  198. padding: 3px 0 3px 13px;
  199. border-left: 1px solid {color:border};
  200. text-align:left;
  201. margin-left:15px;
  202. margin-top:5px;
  203. margin-bottom:5px;
  204. }
  205.  
  206. blockquote p {display:block!important;}
  207.  
  208. blockquote img {max-width:220px!important;}
  209.  
  210. #s-m-t-tooltip {
  211. max-width:150px;
  212. margin:10px 0px 0px 10px;
  213. background-color:{color:posts};
  214. font-size: 10px;
  215. line-height:100%;
  216. text-transform:lowercase;
  217. font-style:italic;
  218. padding:7px;
  219. border:1px solid {color:border};
  220. z-index:999999999999999999999999999999999999;
  221. }
  222.  
  223. ::-webkit-scrollbar {
  224. width: 9px;height: 0px;}
  225. ::-webkit-scrollbar-button:start:decrement,
  226. ::-webkit-scrollbar-button:end:increment {
  227. height: 5px;display: block;background-color: {color:background};}
  228. ::-webkit-scrollbar-track-piece {
  229. background-color: {color:background};}
  230. ::-webkit-scrollbar-thumb:vertical {
  231. height: 3px;
  232. background-color: {color:text};
  233. border:4px solid {color:background};
  234. }
  235.  
  236. /* --------------------------- CONTAINER ----------------------- */
  237.  
  238. #content {
  239. margin-left:auto;
  240. margin-right:auto;
  241. width:500px;
  242. margin-top: 105px;
  243. margin-bottom: 25px;
  244. }
  245.  
  246. /* ---------------------------- TOPBAR -------------------------- */
  247.  
  248. .topbar{
  249. {block:Ifnot500pxposts}
  250. width:460px;
  251. {/block:Ifnot500pxposts}
  252. {block:If500pxposts}
  253. width:560px;
  254. {/block:If500pxposts}
  255. }
  256.  
  257. .toptitle{
  258. position:relative;
  259. display:inline-block;
  260. max-width:100%;
  261. background-color:{color:posts};
  262. {block:Ifpostshadows}
  263. box-shadow:10px 10px 0px {color:post shadow};
  264. {/block:Ifpostshadows}
  265. border:1px solid {color:border};
  266. padding:15px;
  267. margin-bottom:40px;
  268. text-transform:uppercase;
  269. letter-spacing:1px;
  270. font-size:13px;
  271. font-weight:bold;
  272. }
  273.  
  274. .topdescription{
  275. position:relative;
  276. display:inline-block;
  277. {block:Ifnot500pxposts}
  278. width:430px;
  279. {/block:Ifnot500pxposts}
  280. {block:If500pxposts}
  281. width:530px;
  282. {/block:If500pxposts}
  283. background-color:{color:posts};
  284. {block:Ifpostshadows}
  285. box-shadow:10px 10px 0px {color:post shadow};
  286. {/block:Ifpostshadows}
  287. border:1px solid {color:border};
  288. padding:15px;
  289. margin-bottom:40px;
  290. line-height:150%;
  291.  
  292. }
  293.  
  294. .tlink{
  295. position:relative;
  296. display:inline-block;
  297. margin-right:10px;
  298. background-color:{color:posts};
  299. {block:Ifpostshadows}
  300. box-shadow:10px 10px 0px {color:post shadow};
  301. {/block:Ifpostshadows}
  302. border:1px solid {color:border};
  303. padding:15px;
  304. text-transform:uppercase;
  305. }
  306.  
  307. .topbarlinks{
  308. margin-bottom:100px;
  309. }
  310.  
  311.  
  312. /* -------------------------- PAGINATION ----------------------- */
  313.  
  314. #pagination {
  315. margin-bottom:100px;
  316. text-align:left;
  317. {block:Ifnot500pxposts}
  318. width:420px;
  319. {/block:Ifnot500pxposts}
  320. {block:If500pxposts}
  321. width:520px;
  322. {/block:If500pxposts}
  323. }
  324.  
  325. .pagibutton{
  326. position:relative;
  327. display:inline-block;
  328. padding:15px;
  329. background:{color:posts};
  330. border:1px solid {color:border};
  331. {block:Ifpostshadows}
  332. box-shadow:10px 10px 0px {color:post shadow};
  333. {/block:Ifpostshadows}
  334. margin-right:30px;
  335. }
  336.  
  337.  
  338. /* ---------------------------- POSTS --------------------------- */
  339.  
  340. #entries{
  341.  
  342. }
  343.  
  344. #post {
  345. {block:Ifnot500pxposts}
  346. width:400px;
  347. {/block:Ifnot500pxposts}
  348. {block:If500pxposts}
  349. width:500px;
  350. {/block:If500pxposts}
  351. background-color:{color:posts};
  352. line-height: 18px;
  353. clear: both;
  354. margin-bottom:90px;
  355. padding:30px;
  356. border:1px solid {color:border};
  357. {block:Ifpostshadows}
  358. box-shadow:10px 10px 0px {color:post shadow};
  359. {/block:Ifpostshadows}
  360. -webkit-transition: all .4s;
  361. -moz-transition: all .4s;
  362. -ms-transition: all .4s;
  363. -o-transition: all .4s;
  364. transition: all .4s;
  365. {block:Ifgrayscaleposts}
  366. -webkit-filter: grayscale(100%);
  367. {/block:Ifgrayscaleposts}
  368. }
  369.  
  370. #post:hover{
  371. {block:Ifgrayscaleposts}
  372. -webkit-filter: grayscale(0%);
  373. -webkit-transition: all 0.4s;
  374. -moz-transition: all 0.4s;
  375. -o-transition: all 0.4s;
  376. -ms-transition: all 0.4s;
  377. transition: all 0.4s;
  378. {/block:Ifgrayscaleposts}
  379. }
  380.  
  381. #post img{
  382. max-width:100%;
  383. }
  384.  
  385. #post:hover .tags{
  386. opacity:1.0;
  387. -webkit-transition: all .4s;
  388. -moz-transition: all .4s;
  389. -ms-transition: all .4s;
  390. -o-transition: all .4s;
  391. transition: all .4s;
  392. }
  393.  
  394. #post:hover #info{
  395. opacity:1.0;
  396. -webkit-transition: all .4s;
  397. -moz-transition: all .4s;
  398. -ms-transition: all .4s;
  399. -o-transition: all .4s;
  400. transition: all .4s;
  401. }
  402.  
  403. /* ----------------------- POST TYPES ------------------------ */
  404.  
  405. .posttitle{
  406. border-bottom:1px solid {color:border};
  407. margin-bottom:15px;
  408. padding-bottom:15px;
  409. text-align:center;
  410. text-transform:uppercase;
  411. letter-spacing:1px;
  412. font-weight:bold;
  413. }
  414.  
  415. /* QUOTE */
  416.  
  417. .quote {
  418. text-align: left;
  419. padding:20px;
  420. text-transform:uppercase;
  421. line-height:200%;
  422. letter-spacing:1px;
  423. }
  424.  
  425. .quotesource {
  426. font-size: 11px;
  427. border-top:1px solid {color:border};
  428. padding-top:15px;
  429. margin-top:15px;
  430. text-align:right;
  431. }
  432.  
  433.  
  434. /* QUESTION */
  435.  
  436. .answer {
  437. text-transform:none
  438. }
  439.  
  440. .question {
  441. margin-bottom: 0px;
  442. }
  443.  
  444. .asker{
  445. border-top:1px solid {color:border};
  446. padding:10px;
  447. margin-top:10px;
  448. text-align:right;
  449. text-transform:uppercase;
  450. font-weight:bold;
  451. }
  452.  
  453. /* LINK */
  454.  
  455. .post link {text-align: left;}
  456.  
  457.  
  458. /* CHAT */
  459.  
  460. .chat {
  461. text-align: left;
  462. margin-left:-20px;
  463. }
  464. .chat li {
  465. list-style-type:square;
  466. }
  467.  
  468.  
  469. /* AUDIO */
  470.  
  471. .tumblr_audio_player {
  472. height: 30px;
  473. border:1px solid {color:border};
  474. opacity:.1;
  475. -webkit-transition: all .4s;
  476. -moz-transition: all .4s;
  477. -ms-transition: all .4s;
  478. -o-transition: all .4s;
  479. transition: all .4s;
  480. }
  481.  
  482. .playbutton{
  483. position:absolute;
  484. width:30px;
  485. height:30px;
  486. margin:20px;
  487. background:transparent;
  488. overflow:hidden;
  489. border-radius:100px;
  490. }
  491.  
  492. #post:hover .tumblr_audio_player{
  493. opacity:.9;
  494. -webkit-transition: all .4s;
  495. -moz-transition: all .4s;
  496. -ms-transition: all .4s;
  497. -o-transition: all .4s;
  498. transition: all .4s;
  499. }
  500.  
  501. .songart{
  502. float:left;
  503. margin-right:10px;
  504. }
  505.  
  506. .songart img{
  507. width:70px;
  508. height:70px;
  509. background: url('http://www.flytandem.com/temp/audio.jpg');
  510. background-size:100% 100%;
  511. padding-bottom:0px;
  512. margin-bottom:0px;
  513. }
  514.  
  515. .songtitle{
  516. background:{color:container};
  517. border-bottom:1px solid {color:border};
  518. padding:10px;
  519. padding-right:0px;
  520. margin-bottom:8px;
  521. margin-left:92px;
  522. text-transform:uppercase;
  523. font-size:10px;
  524. letter-spacing:2px;
  525. text-align:right;
  526. font-weight:bold;
  527. }
  528.  
  529. .songauthor{
  530. background:{color:container};
  531. border:1px solid {color:posts};
  532. margin-left:92px;
  533. text-align:right;
  534. text-transform:uppercase;
  535. letter-spacing:2px;
  536. margin-bottom:3px;
  537. }
  538.  
  539.  
  540.  
  541. /* ------------------------- POST INFO ------------------------- */
  542.  
  543. #info {
  544. {block:Ifpostinfohover}
  545. opacity:0;
  546. {/block:Ifpostinfohover}
  547. {block:Ifnotpostinfohover}
  548. opacity:1;
  549. {/block:Ifnotpostinfohover}
  550. position:absolute;
  551. float:left;
  552. width:170px;
  553. max-height:100%;
  554. overflow:hidden;
  555. {block:Ifnot500pxposts}
  556. margin-left:420px;
  557. {/block:Ifnot500pxposts}
  558. {block:If500pxposts}
  559. margin-left:520px;
  560. {/block:If500pxposts}
  561. margin-top:-31px;
  562. text-align:left;
  563. padding-left:35px;
  564. font-size: 9px;
  565. text-transform:none;
  566. line-height:150%;
  567. text-transform:uppercase;
  568. letter-spacing:1px;
  569. -webkit-transition: all .4s;
  570. -moz-transition: all .4s;
  571. -ms-transition: all .4s;
  572. -o-transition: all .4s;
  573. transition: all .4s;
  574. {block:PermalinkPage}
  575. opacity:1.0;{/block:PermalinkPage}
  576. }
  577.  
  578. #infobox{
  579. background-color:{color:posts};
  580. position:relative;
  581. display:inline-block;
  582. padding:10px;
  583. line-height:100%;
  584. margin-bottom:3px;
  585. color:{color:link};
  586. border:1px solid {color:border};
  587. {block:Ifpostshadows}
  588. box-shadow:10px 10px 0px {color:post shadow};
  589. {/block:Ifpostshadows}
  590. }
  591.  
  592. .notecount{
  593. font-weight:bold;
  594. font-size:12px;
  595. }
  596.  
  597. ol.notes {display:block; text-align:left; margin-bottom:30px;}
  598. ol.notes li.note{padding:1%;}
  599.  
  600. .pagenotes {text-align:left;}
  601.  
  602. .tags {
  603. text-transform:uppercase;
  604. letter-spacing:1px;
  605. {block:PermalinkPage}
  606. opacity:1.0;{/block:PermalinkPage}
  607. -webkit-transition: all .4s;
  608. -moz-transition: all .4s;
  609. -ms-transition: all .4s;
  610. -o-transition: all .4s;
  611. transition: all .4s;
  612. }
  613.  
  614. .tag{
  615. background-color:{color:posts};
  616. position:relative;
  617. display:inline-block;
  618. padding:5px;
  619. line-height:100%;
  620. margin-right:3px;
  621. margin-bottom:3px;
  622. color:{color:link};
  623. border:1px solid {color:border};
  624. {block:Ifpostshadows}
  625. box-shadow:10px 10px 0px {color:post shadow};
  626. {/block:Ifpostshadows}
  627. -webkit-transition: all .4s;
  628. -moz-transition: all .4s;
  629. -ms-transition: all .4s;
  630. -o-transition: all .4s;
  631. transition: all .4s;
  632. }
  633.  
  634. .tag:hover{
  635. color:{color:link hover};
  636. -webkit-transition: all .4s;
  637. -moz-transition: all .4s;
  638. -ms-transition: all .4s;
  639. -o-transition: all .4s;
  640. transition: all .4s;
  641. }
  642.  
  643. /* ------------------------ POPUP ------------------------- */
  644.  
  645. .popup_block{
  646. display:none;
  647. background:{color:posts};
  648. padding:40px;
  649. float:left;
  650. position:fixed;
  651. top:40%;left:50%;
  652. z-index: 99999;
  653. -webkit-box-shadow: 10px 10px 5px transparent;
  654. -moz-box-shadow: 10px 10px 5px transparent;
  655. box-shadow: 10px 10px 5px transparent;}
  656.  
  657. img.btn_close {float: right;margin: -20 -20px 0 0;}
  658. *html #fade {position: absolute;}
  659. *html .popup_block {position: absolute;}
  660. #fade {display:none;background:#000;position:fixed;left:0;top:0;
  661. width:100%;height:100%;opacity:0.8;z-index:9999;}
  662.  
  663. .popuplink{
  664. position:relative;
  665. display:inline-block;
  666. text-transform:uppercase;
  667. width:164px;
  668. padding:15px;
  669. margin-bottom:5px;
  670. color:{color:text};
  671. text-align:left;
  672. border:1px solid {color:border};
  673. -webkit-transition: all .4s;
  674. -moz-transition: all .4s;
  675. -ms-transition: all .4s;
  676. -o-transition: all .4s;
  677. transition: all .4s;
  678. }
  679.  
  680. .popuplink:hover{
  681. color:{color:link hover};
  682. -webkit-transition: all .4s;
  683. -moz-transition: all .4s;
  684. -ms-transition: all .4s;
  685. -o-transition: all .4s;
  686. transition: all .4s;
  687. }
  688.  
  689.  
  690. /* ------------------------ POST NOTES --------------------- */
  691.  
  692. ol.notes {
  693. display:block;
  694. text-align:left;
  695. list-style-type: none;
  696. }
  697.  
  698. ol.notes li.note{
  699. padding:5px;
  700. border-top:1px solid {color:border};
  701. padding-bottom:10px;
  702. padding-left:10px;
  703. margin-left:-20px;
  704. margin-right:-20px;
  705. }
  706.  
  707. .pagenotes {
  708. text-align:left;
  709. margin-top:15px;
  710. padding:20px;
  711. padding-top:0px;
  712. background:{color:background};
  713. text-transform:lowercase;
  714. font-size:10px;
  715. max-height:300px;
  716. overflow:scroll;
  717. }
  718.  
  719. .pagenotes img{
  720. padding-right:5px;
  721. padding-top:5px;
  722. margin-bottom:-5px;
  723. }
  724.  
  725.  
  726. /* ------------------------- CREDIT ------------------------- */
  727.  
  728. #credit {
  729. position:fixed;
  730. left:15px;
  731. bottom:15px;
  732. padding:5px;
  733. font-size:11px;
  734. padding-left:8px;
  735. padding-right:8px;
  736. background-color:{color:posts};
  737. border:1px solid {color:border};
  738. }
  739.  
  740. {CustomCSS}
  741.  
  742. </style></head>
  743. <body>
  744.  
  745.  
  746. <!-----------------------------------------------------------------
  747. -------------------------------------------------------------------
  748. -------------------------------------------------------------------
  749.  
  750. BELOW IS WHERE YOU EDIT THE POPUP
  751.  
  752. -------------------------------------------------------------------
  753. -------------------------------------------------------------------
  754. --------------------------------------------------------------- -->
  755.  
  756. <div id="box1" class="popup_block">
  757.  
  758. <!-- POPUP TITLE -->
  759. <div class="posttitle">POPUP TITLE</div>
  760.  
  761. <!-- POPUP TEXT -->
  762. <p>This is the Popup. It can be disabled in theme options. If you want to add/remove/edit the links, description, or title in the popup you have to go into the code.
  763. </p><br>
  764.  
  765. <!-- POPUP LINKS -->
  766. <a href="/"><div class="popuplink">LINK ONE</div></a>
  767. <a href="/"><div class="popuplink">LINK TWO</div></a>
  768. <a href="/"><div class="popuplink">LINK THREE</div></a>
  769. <a href="/"><div class="popuplink">LINK FOUR</div></a>
  770. <a href="/"><div class="popuplink">LINK FIVE</div></a>
  771. <a href="/"><div class="popuplink">LINK SIX</div></a>
  772. </div>
  773.  
  774. </div>
  775.  
  776. <!-----------------------------------------------------------------
  777. -------------------------------------------------------------------
  778. -------------------------------------------------------------------
  779.  
  780. ABOVE IS WHERE YOU EDIT THE POPUP
  781.  
  782. -------------------------------------------------------------------
  783. -------------------------------------------------------------------
  784. --------------------------------------------------------------- -->
  785.  
  786.  
  787.  
  788.  
  789. <div id="content">
  790.  
  791.  
  792.  
  793.  
  794. <div id="entries">
  795.  
  796. <div class="topbar">
  797. <div class="toptitle">{title}</div>
  798. <div class="topdescription">{description}</div>
  799.  
  800. <div class="topbarlinks">
  801. {block:iflink1}
  802. <a href="{text:link 1 url}">
  803. <div class="tlink">{text:link 1}</div></a>{/block:iflink1}
  804.  
  805. {block:iflink2}
  806. <a href="{text:link 2 url}">
  807. <div class="tlink">{text:link 2}</div></a>{/block:iflink2}
  808.  
  809. {block:iflink3}
  810. <a href="{text:link 3 url}">
  811. <div class="tlink">{text:link 3}</div></a>{/block:iflink3}
  812.  
  813. {block:iflink4}
  814. <a href="{text:link 4 url}">
  815. <div class="tlink">{text:link 4}</div></a>{/block:iflink4}
  816.  
  817. {block:Ifshowpopupmenu}
  818. <a href="#?w=400" rel="box1" class="poplight"><div class="tlink">{text:popup title}</div></a>{/block:Ifshowpopupmenu}
  819. </div>
  820. </div>
  821.  
  822.  
  823. {block:Posts}
  824. <div id="post">
  825.  
  826. <div id="info">
  827. <div id="infobox">
  828. {block:Date}
  829.  
  830. <span class="notecount"><a href="{Permalink}"> {NoteCount}</a></span>
  831.  
  832. <br>{MonthNumber}.{DayOfMonthWithZero}.{ShortYear} </a>
  833.  
  834. <br>{block:RebloggedFrom}
  835. <a href="{ReblogParentURL}">Via</a> /
  836. {/block:RebloggedFrom}
  837. {block:ContentSource}
  838. <a href="{SourceURL}">Src</a>
  839. {/block:ContentSource}
  840.  
  841. {/block:Date}
  842. </div>
  843.  
  844. {block:HasTags}<div class="tags">
  845. {block:Tags}<a href="{TagURL}"><div class="tag">#{Tag}</div><br></a>{/block:Tags}</div>{/block:HasTags}
  846.  
  847. </div>
  848.  
  849. {block:Text}
  850. <div class="post text">
  851. {block:Title}
  852. <a href="{Permalink}"><div class="posttitle">{title}</div></a>
  853. {/block:Title}{Body}
  854. </div>
  855. {/block:Text}
  856.  
  857. {block:Photo}
  858. <div class="post photo">
  859. {block:Ifnot500pxposts}
  860. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  861. {/block:Ifnot500pxposts}
  862. {block:If500pxposts}
  863. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  864. {/block:If500pxposts}
  865.  
  866.  
  867. {block:Ifhidecaptions}
  868. {block:PermalinkPage}
  869. {block:Caption}
  870. <div class="caption">{Caption}</div>
  871. {/block:Caption}
  872. {/block:PermalinkPage}
  873. {/block:Ifhidecaptions}
  874. {block:Ifnothidecaptions}
  875. {block:Caption}
  876. <div class="caption">{Caption}</div>
  877. {/block:Caption}
  878. {/block:Ifnothidecaptions}
  879. </div>
  880. {/block:Photo}
  881.  
  882.  
  883.  
  884. {block:Photoset}
  885. <div class="post photoset">
  886. {block:Ifnot500pxposts}
  887. {Photoset-400}
  888. {/block:Ifnot500pxposts}
  889. {block:If500pxposts}
  890. {Photoset-500}
  891. {/block:If500pxposts}
  892.  
  893. {block:Ifhidecaptions}
  894. {block:PermalinkPage}
  895. {block:Caption}
  896. <div class="caption">{Caption}</div>
  897. {/block:Caption}
  898. {/block:PermalinkPage}
  899. {/block:Ifhidecaptions}
  900. {block:Ifnothidecaptions}
  901. {block:Caption}
  902. <div class="caption">{Caption}</div>
  903. {/block:Caption}
  904. {/block:Ifnothidecaptions}
  905.  
  906. </div>
  907. {/block:Photoset}
  908.  
  909.  
  910. {block:Quote}
  911. <div class="quote">
  912. {Quote}
  913. {block:Source}
  914. <div class="quotesource">— {Source}</div>
  915. {/block:Source}
  916. </div>
  917. {/block:Quote}
  918.  
  919. {block:Link}
  920. <div class="post link">
  921. <a href="{URL}" {Target}>{Name}</a>
  922.  
  923. {block:Description}
  924. <div class="description">{Description}</div>
  925. {/block:Description}
  926. </div>
  927. {/block:Link}
  928.  
  929. {block:Chat}
  930. {block:Title}
  931. <a href="{Permalink}"><div class="posttitle">{title}</div></a>
  932. {/block:Title}
  933.  
  934. <ul class="chat">
  935. {block:Lines}
  936. <div class="{Alt} user_{UserNumber}">
  937. {block:Label}
  938. <span class="label">{Label}</span>
  939. {/block:Label}{Line}
  940. </>
  941. {/block:Lines}
  942. </ul>
  943. {/block:Chat}
  944.  
  945. {block:Answer}
  946. <div style="color:{color:text};">
  947. <div class="question">{Question}</div>
  948. <div class="asker">{Asker}</div>
  949. </div><br>
  950. <div class="answer">{Answer}</div>
  951. {/block:Answer}
  952.  
  953. {block:Video}
  954. <div class="post video">
  955. {block:Ifnot500pxposts}
  956. {Video-400}
  957. {/block:Ifnot500pxposts}
  958. {block:If500pxposts}
  959. {Video-500}
  960. {/block:If500pxposts}
  961.  
  962. {block:Ifhidecaptions}
  963. {block:PermalinkPage}
  964. {block:Caption}
  965. <div class="caption">{Caption}</div>
  966. {/block:Caption}
  967. {/block:PermalinkPage}
  968. {/block:Ifhidecaptions}
  969. {block:Ifnothidecaptions}
  970. {block:Caption}
  971. <div class="caption">{Caption}</div>
  972. {/block:Caption}
  973. {/block:Ifnothidecaptions}
  974. </div>
  975. {/block:Video}
  976.  
  977. {block:Audio}
  978. {block:AlbumArt}
  979. <div class="songart">
  980. <div class="playbutton">{AudioPlayerWhite}</div>
  981. <img src="{AlbumArtURL}">
  982.  
  983. </div>
  984. {/block:AlbumArt}
  985. <div class="songtitle">
  986. {block:TrackName}
  987. {TrackName}
  988. {/block:TrackName}
  989. </div>
  990. <div class="songauthor">
  991. By
  992. {block:Artist}
  993. {Artist}
  994. {/block:Artist}
  995. </div>
  996.  
  997. {block:Ifhidecaptions}
  998. {block:PermalinkPage}
  999. {block:Caption}
  1000. <div class="caption">{Caption}</div>
  1001. {/block:Caption}
  1002. {/block:PermalinkPage}
  1003. {/block:Ifhidecaptions}
  1004. {block:Ifnothidecaptions}
  1005. {block:Caption}
  1006. <div class="caption">{Caption}</div>
  1007. {/block:Caption}
  1008. {/block:Ifnothidecaptions}
  1009. {/block:Audio}
  1010.  
  1011.  
  1012. {block:PostNotes}
  1013. <br><br>NOTES<br>
  1014. <div class="pagenotes">{PostNotes}</div>
  1015. {/block:PostNotes}
  1016.  
  1017.  
  1018. </div>
  1019. {/block:Posts}
  1020.  
  1021. {block:Pagination}
  1022. <div id="pagination">
  1023. {block:PreviousPage}
  1024. <a href="{PreviousPage}"><div class="pagibutton">BACKWARDS</div></a>
  1025. {/block:PreviousPage}
  1026. {block:NextPage}
  1027. <a href="{NextPage}"><div class="pagibutton">FORWARDS</div></a>
  1028. {/block:NextPage}
  1029. </div>
  1030. {/block:Pagination}
  1031. </div>
  1032.  
  1033.  
  1034.  
  1035. {block:ContentSource}
  1036. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1037. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1038. {/block:SourceLogo}
  1039. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1040. {/block:ContentSource}
  1041.  
  1042. <div id="credit">
  1043. <a href="http://neonbikethemes.tumblr.com/" title="neonbike themes">
  1044. N
  1045. </a>
  1046.  
  1047. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement