API tools faq
paste
Advertisement
paigeh987

Theme 9 - neonbike themes

paigeh987
Jan 29th, 2014
1,930
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.41 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 #9 by Paige @ neonbikethemes.tumblr.com
  11. Please DO NOT COPY ANY PARTS OF THIS CODE and claim them as your own!
  12.  
  13. Do not remove the credit. thanks!
  14.  
  15. --->
  16.  
  17. <meta name="image:sidebar" content=""/>
  18.  
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Title" content="#cccccc"/>
  22. <meta name="color:Text" content="#4a4a4a"/>
  23. <meta name="color:Link" content="#8a8a8a"/>
  24. <meta name="color:accent" content="#1debf0"/>
  25. <meta name="color:Post Info text" content="#a6a6a6"/>
  26. <meta name="color:Post Info bg" content="#f7f7f7"/>
  27. <meta name="color:tags" content="#cccccc"/>
  28. <meta name="color:border" content="#575757"/>
  29. <meta name="color:topbar" content="2a2a2a"/>
  30. <meta name="color:asker bg" content="#f5f5f5">
  31. <meta name="color:scrollbar" content="#373737">
  32. <meta name="color:scrollbar bg" content="#e7e7e7">
  33.  
  34. <meta name="if:show title" content="0">
  35. <meta name="if:show extra links" content="0">
  36.  
  37. <meta name="text:Link1" content="" />
  38. <meta name="text:Link1 Title" content="" />
  39. <meta name="text:Link2" content="" />
  40. <meta name="text:Link2 Title" content="" />
  41. <meta name="text:Link3" content="" />
  42. <meta name="text:Link3 Title" content="" />
  43. <meta name="text:Link4" content="" />
  44. <meta name="text:Link4 Title" content="" />
  45. <meta name="text:Link5" content="" />
  46. <meta name="text:Link5 Title" content="" />
  47.  
  48. <meta name="text:Extra Links Title" content="More Links" />
  49. <meta name="text:exLink1" content="" />
  50. <meta name="text:exLink1 Title" content="" />
  51. <meta name="text:exLink2" content="" />
  52. <meta name="text:exLink2 Title" content="" />
  53. <meta name="text:exLink3" content="" />
  54. <meta name="text:exLink3 Title" content="" />
  55. <meta name="text:exLink4" content="" />
  56. <meta name="text:exLink4 Title" content="" />
  57. <meta name="text:exLink5" content="" />
  58. <meta name="text:exLink5 Title" content="" />
  59. <meta name="text:exLink6" content="" />
  60. <meta name="text:exLink6 Title" content="" />
  61. <meta name="text:exLink7" content="" />
  62. <meta name="text:exLink7 Title" content="" />
  63. <meta name="text:exLink8" content="" />
  64. <meta name="text:exLink8 Title" content="" />
  65.  
  66.  
  67. <!-- -------------------------- SM TOOLTIP ------------------------- -->
  68.  
  69. <script>
  70. window.onload = function () {
  71. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  72. document.addEventListener( 'click', function ( event ) {
  73. var myLike = event.target;
  74. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  75. var frame = document.getElementById( 'my-like-frame' ),
  76. liked = ( myLike.className == 'my-liked' ),
  77. command = liked ? 'unlike' : 'like',
  78. reblog = myLike.getAttribute( 'data-reblog' ),
  79. id = myLike.getAttribute( 'data-id' ),
  80. oauth = reblog.slice( -8 );
  81. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  82. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  83. };
  84. }, false );
  85. };
  86. </script>
  87.  
  88. <!-- jquery --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  89. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  90. <script>
  91. (function($){
  92. $(document).ready(function(){
  93. $("a[title]").style_my_tooltips({
  94. tip_follows_cursor:true,
  95. tip_delay_time:10,
  96. tip_fade_speed:10,
  97. attribute:"title"
  98. });
  99. });
  100. })(jQuery);
  101. </script>
  102.  
  103.  
  104.  
  105.  
  106.  
  107. <style type="text/css">
  108.  
  109.  
  110. /* ---------------------------- SCROLLBAR -------------------------- */
  111.  
  112. ::-webkit-scrollbar {
  113. width: 7px;height: 0px;}
  114. ::-webkit-scrollbar-button:start:decrement,
  115. ::-webkit-scrollbar-button:end:increment {
  116. height: 6px;display: block;background-color: {color:scrollbar bg};}
  117. ::-webkit-scrollbar-track-piece {
  118. background-color: {color:scrollbar bg};}
  119. ::-webkit-scrollbar-thumb:vertical {
  120. height: 3px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  121.  
  122.  
  123. /* ---------------------------- TOOLTIP ----------------------------- */
  124.  
  125. #s-m-t-tooltip {
  126. max-width:200px;
  127. margin:10px 10px 10px 10px;
  128. background:{color:post info bg};
  129. padding: 3px;
  130. text-transform:uppercase;
  131. letter-spacing:1px;
  132. font-size:9px;
  133. color:{color:text};
  134. -webkit-transition:all 1s;
  135. -moz-transition:all 1s;
  136. -ms-transition:all 1s;
  137. -o-transition:all 1s;
  138. transition:all 1s; z-index:9999999999
  139. }
  140.  
  141.  
  142. body {
  143. background:{color:background};
  144. margin:0px;
  145. color:{color:text};
  146. font-family:Helvetica Narrow, sans-serif;
  147. font-size:10px;
  148. line-height:110%;
  149. margin: 0;
  150. word-wrap: break-word
  151. }
  152.  
  153. a {
  154. color:{color:link};
  155. text-decoration: none;
  156. -webkit-transition: all .5s;
  157. }
  158.  
  159. a:hover {
  160. color:{color:accent};
  161. -webkit-transition: all .5s;
  162.  
  163. }
  164.  
  165. img {
  166. border:none;
  167.  
  168. }
  169.  
  170. blockquote {
  171. padding-left:5px;
  172. border-left:2px solid;
  173. }
  174.  
  175. blockquote blockquote {
  176. padding-left:5px;
  177. border-left:2px solid;
  178. }
  179.  
  180. h1 {
  181. font-size:12px;
  182. text-transform:uppercase;
  183. letter-spacing:3px;
  184. font-family:Helvetica Narrow, sans-serif;
  185. }
  186.  
  187. b, strong {
  188. color:{color:accent};
  189. font-weight:bold;
  190. }
  191.  
  192. i, em {
  193. color:{color:italic};
  194. }
  195.  
  196. #entries {
  197. padding:10px;
  198. width:400px;
  199. margin-left:460px;
  200. margin-top:130px;
  201. }
  202.  
  203. #post {
  204. width:400px;
  205. padding-bottom:80px;
  206. overflow:hidden;
  207. margin: 0;
  208. word-wrap: break-word;
  209. }
  210.  
  211.  
  212. #credit{
  213. position:fixed;
  214. bottom:5px;
  215. left:5px;
  216. font-size:10px;
  217. letter-spacing:1px;
  218. font-family:helvetica, serif;
  219. background: #f5f5f5;
  220. padding:4px;
  221. }
  222.  
  223. #credit a{
  224. color:#a0a0a0;
  225. }
  226.  
  227. /* -------------------------- POST INFO ------------------------- */
  228.  
  229.  
  230. #info {
  231. width:380px;
  232. padding:10px;
  233. font-size:9px;
  234. color:{color:post info text};
  235. background:{color:post info bg};
  236. border-top: 3px solid {color:border};
  237. margin-top:10px;
  238. margin-bottom:5px;
  239. letter-spacing:2px;
  240. text-align:left;
  241. text-transform:uppercase;
  242. -webkit-transition: all .5s;
  243. }
  244.  
  245. #info a{
  246. color:{color:post info text};
  247. -webkit-transition: all .5s;
  248. }
  249.  
  250. #info a:hover{
  251. color:{color:accent};
  252. -webkit-transition: all .5s;
  253. }
  254.  
  255. #tags{
  256. color:{color:yags};
  257. font-size:7px;
  258. padding-top:3px;
  259. -webkit-transition: all .5s;
  260. }
  261.  
  262. #tags a{
  263. color:{color:tags};
  264. -webkit-transition: all .5s;
  265. }
  266.  
  267. #tags a:hover{
  268. color:{color:hover};
  269. -webkit-transition: all .5s;
  270. }
  271.  
  272.  
  273.  
  274. /* -------------------------- TOPBAR ------------------------- */
  275.  
  276. #topbar{
  277. position:fixed;
  278. z-index:-55555;
  279. left:0px;
  280. right:0px;
  281. top:0px;
  282. height:40px;
  283. width:100%;
  284. background:{color:topbar};
  285. opacity:.9;
  286. }
  287.  
  288. #topbarlinks{
  289. margin-left:470px;
  290. top:0px;
  291. width:400px;
  292. background:{color:topbar};
  293. height:40px;
  294. opacity:1.0;
  295. position:fixed;
  296. z-index:5555555555555555555;
  297. }
  298.  
  299. #links {
  300. font-size:10px;
  301. text-transform:uppercase;
  302. text-align:center;
  303. letter-spacing:2px;
  304. padding-top:10px;
  305. }
  306.  
  307. .linky{
  308. padding-top:5px;
  309. padding-bottom:2px;
  310. padding-left:15px;
  311. padding-right:15px;
  312. background:{color:titlebar};
  313. position:relative;
  314. display:inline-block;
  315. -webkit-transition: all .5s;
  316. }
  317.  
  318. .linky:hover{
  319. background:{color:topbar};
  320. color:{color:title};
  321. border-bottom:3px solid {color:accent};
  322. -webkit-transition: all .5s;
  323. }
  324.  
  325. /* -------------------------- SIDEBAR ------------------------- */
  326.  
  327. #sidebar {
  328. width:180px;
  329. position:fixed;
  330. margin-left:250px;
  331. margin-top:30px;
  332. }
  333.  
  334. #title {
  335. font-size:10px;
  336. padding:10px;
  337. margin-top:10px;
  338. background:{color:border};
  339. color:{color:title};
  340. text-transform:uppercase;
  341. border-bottom:3px solid {color:accent};
  342. text-align:center;
  343. letter-spacing:2px;
  344. line-height:120%;
  345. }
  346.  
  347.  
  348. #sidebarimage {
  349. width 180px;
  350. }
  351.  
  352. #sidebarimage img {
  353. width:180px;
  354. }
  355.  
  356. #description {
  357. width:160px;
  358. font-size:9px;
  359. padding:10px;
  360. background:{color:post info bg};
  361. text-align:justify;
  362. text-justify:inter-word;
  363. }
  364.  
  365.  
  366.  
  367. /* -------------------------- PAGINATION ------------------------- */
  368.  
  369.  
  370. #pagination {
  371. font-size:10px;
  372. text-transform:uppercase;
  373. letter-spacing:2px;
  374. text-align:center;
  375. width:410px;
  376.  
  377. }
  378.  
  379.  
  380.  
  381. /* -------------------------- EXTRA LINKS ------------------------- */
  382.  
  383.  
  384. #extralinks{
  385. width:130px;
  386. position:fixed;
  387. margin-left:910px;
  388. margin-top:30px;
  389. }
  390.  
  391. #extralinkstitle{
  392. padding:10px;
  393. width:130px;
  394. font-size:10px;
  395. letter-spacing:2px;
  396. text-transform:uppercase;
  397. text-align:center;
  398. background:{color:border};
  399. color:{color:title};
  400. }
  401.  
  402. .extralink{
  403. position:relative;
  404. display:inline-block;
  405. width:130px;
  406. padding:10px;
  407. letter-spacing:2px;
  408. text-transform:uppercase;
  409. text-align:center;
  410. background:{color:post info bg};
  411. color:{color:text};
  412. font-size:9px;
  413. -webkit-transition: all .1s;
  414. }
  415.  
  416. .extralink:hover{
  417. border-right:5px solid{color:accent};
  418. border-left:5px solid{color:accent};
  419. /* border-right:5px solid{color:accent}; */
  420. -webkit-transition: all .1s;
  421. width:120px;
  422. }
  423.  
  424.  
  425.  
  426.  
  427.  
  428. /* -------------------------- QUESTION POST ----------------------- */
  429.  
  430. #questions {
  431. background-color: {color:asker bg};
  432. padding:11px;
  433. margin-top: 5px;
  434. margin-bottom:5px;
  435. font-size:10px;
  436. text-align:left;
  437. }
  438.  
  439. #answer {
  440. font-size:10px;
  441. text-transform:lowercase;
  442. }
  443.  
  444.  
  445. /* -------------------------- AUDIO POST ------------------------- */
  446.  
  447. .tumblr_audio_player {
  448. height: 90px;
  449. width: 394px;
  450. border:{color:post info bg} solid 3px;
  451. font-family:Helvetica Narrow, sans-serif;
  452. }
  453.  
  454. /* -------------------------- QUOTE POST ----------------------- */
  455.  
  456. #quote{
  457. width:360px;
  458. padding:20px;
  459. font-size:14px;
  460. text-transform:uppercase;
  461. font-family:Helvetica Narrow, sans-serif;
  462. letter-spacing:2px;
  463. background:{color:post info bg};
  464. -webkit-transition: all .5s;
  465. line-height:120%;
  466. }
  467.  
  468. #quoteauthor{
  469. font-size:10px;
  470. margin-top:10px;
  471. text-align:right;
  472. margin-bottom:-5px;
  473. }
  474.  
  475. /* -------------------------- LINK POST ----------------------- */
  476.  
  477. #linkpost{
  478. width:360px;
  479. padding:20px;
  480. font-size:16px;
  481. text-transform:uppercase;
  482. font-family:Helvetica Narrow, sans-serif;
  483. letter-spacing:2px;
  484. background:{color:post info bg};
  485. -webkit-transition: border .1s;
  486. line-height:120%;
  487. border:none;
  488. }
  489.  
  490. #linkpost:hover{
  491. border-left: 5px solid {color:accent};
  492. -webkit-transition: border .1s;
  493. }
  494.  
  495. #linkpost a{
  496. color:{color:text};
  497. }
  498.  
  499. {CustomCSS}</style></head><body>
  500.  
  501. <div id="topbar"></div>
  502. <div id="topbarlinks">
  503. <center><div id="links">
  504.  
  505.  
  506.  
  507. {block:ifLink1}
  508. <a href="{text:Link1}"><div class="linky">{text:Link1 Title}</div></a>
  509. {/block:ifLink1}
  510. {block:ifLink2}
  511. <a href="{text:Link2}"><div class="linky">{text:Link2 Title}</div></a>
  512. {/block:ifLink2}
  513. {block:ifLink3}
  514. <a href="{text:Link3}"><div class="linky">{text:Link3 Title}</div></a>
  515. {/block:ifLink3}
  516. {block:ifLink4}
  517. <a href="{text:Link4}"><div class="linky">{text:Link4 Title}</div></a>
  518. {/block:ifLink4}
  519. {block:ifLink5}
  520. <a href="{text:Link5}"><div class="linky">{text:Link5 Title}</div></a>
  521. {/block:ifLink5}
  522. </center>
  523. </div>
  524. </div>
  525.  
  526.  
  527.  
  528. {block:Ifshowextralinks}
  529. <div id="extralinks">
  530. <div id="extralinkstitle">{text:extra links title}</div>
  531. {block:IfexLink1Title}
  532. <a href="{text:exlink1}"><div class="extralink">{text:exLink1 title}</div></a>
  533. {/block:Ifexlink1Title}
  534. {block:IfexLink2Title}
  535. <a href="{text:exlink2}"><div class="extralink">{text:exLink2 title}</div></a>
  536. {/block:Ifexlink2Title}
  537. {block:IfexLink3Title}
  538. <a href="{text:exlink3}"><div class="extralink">{text:exLink3 title}</div></a>
  539. {/block:Ifexlink3Title}
  540. {block:IfexLink4Title}
  541. <a href="{text:exlink4}"><div class="extralink">{text:exLink4 title}</div></a>
  542. {/block:Ifexlink4Title}
  543. {block:IfexLink5Title}
  544. <a href="{text:exlink5}"><div class="extralink">{text:exLink5 title}</div></a>
  545. {/block:Ifexlink5Title}
  546. {block:IfexLink6Title}
  547. <a href="{text:exlink6}"><div class="extralink">{text:exLink6 title}</div></a>
  548. {/block:Ifexlink6Title}
  549. {block:IfexLink7Title}
  550. <a href="{text:exlink7}"><div class="extralink">{text:exLink7 title}</div></a>
  551. {/block:Ifexlink7Title}
  552. {block:IfexLink8Title}
  553. <a href="{text:exlink8}"><div class="extralink">{text:exLink8 title}</div></a>
  554. {/block:Ifexlink8Title}
  555. </div>
  556. {/block:Ifshowextralinks}
  557.  
  558.  
  559.  
  560.  
  561. <div id="sidebar">
  562.  
  563. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  564.  
  565. {block:Ifshowtitle}
  566. <div id="title">{Title}</div>
  567. {/block:Ifshowtitle}
  568.  
  569. <center><div id="description">{Description}</div></center>
  570.  
  571.  
  572.  
  573.  
  574. </div>
  575.  
  576. <div id="entries">{block:Posts}<div id="post">
  577.  
  578. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  579.  
  580. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  581.  
  582. {block:Photoset}<div id="photoset">{Photoset-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  583.  
  584. {block:Quote}<div id="quote">{Quote}<div id="quoteauthor">{block:Source} —{Source}</div>{/block:Source}</div>{/block:Quote}
  585.  
  586. {block:Link}<div id="linkpost"><a href="{URL}" {Target}>→ {Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  587.  
  588. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  589.  
  590. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  591.  
  592. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  593.  
  594. {block:Answer}<div id="questions"><b>{Asker}</b> said: {Question}</div>
  595. <div id="answer">{Answer}</div>{/block:answer}
  596.  
  597. <div id="info"> <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} - <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} - <a href="{ReblogParentURL}"> via </a> {/block:RebloggedFrom}
  598. {block:ContentSource} - <a href="{SourceURL}">©</a>{/block:ContentSource}{/block:RebloggedFrom}
  599. - <a href="{ReblogURL}">Reblog</a>
  600. <div id="tags">
  601. {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}{/block:HasTags}</div></div></div>
  602.  
  603. {block:PostNotes}{PostNotes}{/block:PostNotes}
  604.  
  605. {/block:Posts}
  606.  
  607.  
  608. <div id="pagination">
  609. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  610. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  611. </div>
  612.  
  613. <br><br>
  614. </div>
  615.  
  616.  
  617. <div id="credit"><a href="http://neonbikethemes.tumblr.com/" title="neonbike themes">N</a></center></div>
  618.  
  619.  
  620.  
  621. </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!