API tools faq
paste
Advertisement
paigeh987

Theme 14 - neonbike themes

paigeh987
Apr 23rd, 2014
2,491
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.82 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 #14 by Paige @ neonbikethemes.tumblr.com
  11.  
  12. Rules:
  13.  
  14. - Do not steal code or design
  15. - Do not remove/alter credit
  16. - Please like/reblog the post
  17.  
  18. Thanks!
  19.  
  20. Base code by llermans © tumblr.com
  21.  
  22. code last updated 12/28/15
  23.  
  24. --->
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Title" content="#000000"/>
  28. <meta name="color:posts" content="#f8f8f8"/>
  29. <meta name="color:Text" content="#000000"/>
  30. <meta name="color:Link" content="#6b6b6b"/>
  31. <meta name="color:Hover" content="#000000" />
  32.  
  33. <meta name="text:link a" content="link 1"/>
  34. <meta name="text:link a url" content="/"/>
  35. <meta name="text:link b" content="link 2"/>
  36. <meta name="text:link b url" content="/"/>
  37. <meta name="text:link c" content="link 3"/>
  38. <meta name="text:link c url" content="/"/>
  39. <meta name="text:link d" content="link 4"/>
  40. <meta name="text:link d url" content="/"/>
  41.  
  42. <meta name="select:Font" content="Open Sans" title="Open Sans">
  43. <meta name="select:Font" content="Montserrat" title="Montserrat">
  44. <meta name="select:Font" content="Roboto" title="Roboto">
  45. <meta name="select:Font" content="Bitter" title="Bitter">
  46. <meta name="select:Font" content="Lato" title="Lato">
  47. <meta name="select:Font" content="inconsolata" title="Inconsolata">
  48. <meta name="select:Font" content="Helvetica" title="Helvetica">
  49. <meta name="select:Font" content="Arial" title="Arial">
  50.  
  51. <meta name="select:Font size" content="10px" title="10px">
  52. <meta name="select:Font size" content="11px" title="11px">
  53. <meta name="select:Font size" content="12px" title="12px">
  54.  
  55. <meta name="if:hide captions" content="0"/>
  56.  
  57.  
  58. <!-- -------------------------- SCRIPTS ---------------------------- -->
  59.  
  60. <!-- tooltips -->
  61.  
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  63. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("a[title]").style_my_tooltips({
  68. tip_follows_cursor:true,
  69. tip_delay_time:90,
  70. tip_fade_speed:600,
  71. attribute:"title"
  72. });
  73. });
  74. })(jQuery);
  75. </script>
  76.  
  77. <!-- FONTS -->
  78.  
  79. <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'>
  80.  
  81. <script type="text/javascript">
  82. WebFontConfig = {
  83. 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' ] }
  84. };
  85. (function() {
  86. var wf = document.createElement('script');
  87. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  88. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  89. wf.type = 'text/javascript';
  90. wf.async = 'true';
  91. var s = document.getElementsByTagName('script')[0];
  92. s.parentNode.insertBefore(wf, s);
  93. })(); </script>
  94.  
  95. <!------------------------------- CSS ---------------------------------->
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100. /* ---------------------------- GENERAL ------------------------------ */
  101.  
  102. html, body, h1, h2, h4, h5, h6, p, ol, blockquote {margin:0; padding:0; list-style:none;}
  103.  
  104. h3{
  105. text-transform:uppercase;
  106. margin-bottom:10px;
  107. text-align:center;
  108. margin-top:0px;
  109. background:{color:background};
  110. padding:10px;
  111.  
  112. }
  113.  
  114. body {
  115. font: {select:font size} {select:font};
  116. color: {color:text};
  117. background-color: {color:background};
  118. line-height:150%;
  119. margin:0;
  120. word-wrap:break-word;
  121. }
  122.  
  123. a {color: {color:link};}
  124. a:hover {color: {color:hover};}
  125. a {text-decoration:none;}
  126.  
  127. b, strong {
  128. color:{color:text};
  129. font-weight:bold;
  130. }
  131.  
  132. i, em {
  133. color:{color:text};
  134. font-style:italic;
  135. }
  136. small {font-size:8px;}
  137. big {font-size:12px;}
  138. ul {list-style:square;text-align:justify;}
  139.  
  140. blockquote {
  141. padding:5px;
  142. padding-left: 10px;
  143. margin:10px;
  144. border-left: 1px solid {color:text};
  145. text-align:justify;
  146. }
  147.  
  148. blockquote p {display:block!important;}
  149.  
  150. blockquote img {max-width:220px!important;}
  151.  
  152. /* ------------------------- TOOLTIP TEXT ------------------------- */
  153.  
  154. #s-m-t-tooltip {
  155. max-width:250px;
  156. padding:2px;
  157. margin:10px 0px 0px 10px;
  158. background-color:{color:background};
  159. font-family:helvetica;
  160. font-size:9px;
  161. text-transform:lowercase;
  162. color:{color:text};
  163. z-index:999999999999999999999999999999999999;
  164. }
  165.  
  166. /* ---------------------------- SCROLLBAR -------------------------- */
  167.  
  168. ::-webkit-scrollbar {
  169. width: 7px;height: 0px;
  170. }
  171.  
  172. ::-webkit-scrollbar-button:start:decrement,
  173. ::-webkit-scrollbar-button:end:increment {
  174. height: 7px;
  175. display: block;
  176. background-color: {color:background};
  177. }
  178.  
  179. ::-webkit-scrollbar-track-piece {
  180. background-color: {color:background};
  181. }
  182.  
  183. ::-webkit-scrollbar-thumb:vertical {
  184. height: 3px;background-color: {color:background};
  185. border-left: 1px solid {color:text};
  186. }
  187.  
  188.  
  189. /* ---------------------------- CONTENT ------------------------------ */
  190.  
  191. #content {
  192. left:50%;
  193. margin-left:-200px;
  194. position:absolute;
  195. width:400px;
  196. margin-top: 0px;
  197. margin-bottom: 25px;
  198. }
  199.  
  200. /* ---------------------------- SIDEBAR ----------------------------- */
  201.  
  202. #sidebar {
  203. position:static;
  204. overflow: hidden;
  205. line-height:15px;
  206. margin-bottom: 15px;
  207. text-align: center;
  208. margin-bottom:80px;
  209. background-image:url("{image:sidebar}");
  210. background-color:{color:posts};
  211. }
  212.  
  213. #sidebarimg {
  214. margin-top:5px;
  215. position:relative;
  216. display:inline-block;
  217. text-align:center;
  218. position:relative;
  219. border: 5px solid {color:background};
  220. padding:2px;
  221. }
  222.  
  223. #sidebarimg img {
  224. width:40px;
  225. height:40px;
  226. }
  227.  
  228. #title {
  229. position:relative;
  230. padding:10px;
  231. text-align:center;
  232. margin-top:45px;
  233. font-family:helvetica, sans-serif;
  234. color:{color:title};
  235. font-size:12px;
  236. text-transform:uppercase;
  237. letter-spacing:5px;
  238. border:none;
  239. }
  240.  
  241. #description {
  242. position:relative;
  243. text-align:center;
  244. line-height:130%;
  245. padding:10px;
  246. margin-top:15px;
  247. margin-bottom:10px;
  248. margin-left:20px;
  249. margin-right:20px;
  250. background:{color:background};
  251. }
  252.  
  253. #links {
  254. margin-top:0px;
  255. position:relative;
  256. height:25px;
  257. font-size:8px;
  258. text-align:center;
  259. margin-bottom:15px;
  260. letter-spacing:2px;
  261. }
  262.  
  263. .link {
  264. position:relative;
  265. display:inline-block;
  266. vertical-align:middle;
  267. text-align:center;
  268. padding-top:5px;
  269. padding-bottom:5px;
  270. margin-left:3px;
  271. margin-right:3px;
  272. width:82px;
  273. letter-spacing:4px;
  274. text-transform:uppercase;
  275. background:{color:background};
  276. opacity:1;
  277. -webkit-transition: all 0.3s ease;
  278. -moz-transition: all 0.3s ease;
  279. -ms-transition: all 0.3s ease;
  280. -o-transition: all 0.3s ease;
  281. transition: all 0.3s ease;
  282. }
  283.  
  284. .link:hover{
  285. opacity:.7;
  286. letter-spacing:2px;
  287. -webkit-transition: all 0.3s ease;
  288. -moz-transition: all 0.3s ease;
  289. -ms-transition: all 0.3s ease;
  290. -o-transition: all 0.3s ease;
  291. transition: all 0.3s ease;
  292. }
  293.  
  294.  
  295. /* --------------------------- PAGINATION ---------------------------- */
  296.  
  297. #pagination {
  298. padding: 15px;
  299. font-size: 10px;
  300. line-height: 21px;
  301. text-align: center;
  302. margin-top: 10px;
  303. margin-bottom:20px;
  304. letter-spacing:2px;
  305. text-transform: uppercase;
  306. font-family: helvetica;
  307. }
  308.  
  309. /* ----------------------------- POSTS ------------------------------- */
  310. .post {
  311. line-height: 18px;
  312. clear: both;
  313. margin-bottom:0px;
  314. background:{color:posts};
  315. }
  316. .post h3 {font-size: 1em;}
  317. .caption blockquote {padding-left: 20px;}
  318.  
  319. /* ----------------------------- TEXT ------------------------------- */
  320.  
  321. .posttext{
  322. background:{color:posts};
  323. padding:15px;
  324. }
  325.  
  326. /* ----------------------------- PHOTO ----------------------------- */
  327.  
  328. .postphoto {
  329. margin-bottom: 0px;
  330. text-align: center;
  331. background:{color:posts};
  332. }
  333. .post photo img {border: 0;}
  334.  
  335. .caption{
  336. margin-top:0px;
  337. text-align:left;
  338. font-size:10px;
  339. font-style:italic;
  340. padding:15px;
  341. background:{color:posts};
  342. }
  343.  
  344. .post img{width:400px;}
  345.  
  346. /* ----------------------------- QUOTE ------------------------------ */
  347.  
  348. .postquote {
  349. text-align: left;
  350. font-size:10px;
  351. line-height:170%;
  352. letter-spacing:2px;
  353. text-transform:uppercase;
  354. padding:15px;
  355. background:{color:posts};
  356. }
  357.  
  358. .quote{
  359. padding:10px;
  360. background:{color:background};
  361. }
  362.  
  363. .source {
  364. margin-top:5px;
  365. font-size: 10px;
  366. text-transform:none;
  367. font-style:none;
  368. text-align:right;
  369. letter-spacing:0px;
  370. }
  371.  
  372. /* ---------------------------- QUESTION ---------------------------- */
  373.  
  374. .askpost {
  375. text-align: justify;
  376. line-height: 15px;
  377. padding:15px;
  378. background:{color:posts};
  379. }
  380. .question {
  381. margin-bottom: 0px;
  382. line-height: 15px;
  383. padding:10px;
  384. background:{color:background};
  385. }
  386.  
  387. /* ----------------------------- LINK ------------------------------- */
  388.  
  389. .postlink {
  390. text-align: left;
  391. padding:15px;
  392. background:{color:posts};
  393. }
  394.  
  395. .linky{
  396. text-align:center;
  397. text-transform:uppercase;
  398. margin-bottom:5px;
  399. padding:10px;
  400. background:{color:background};
  401. }
  402.  
  403. /* ----------------------------- AUDIO ------------------------------- */
  404.  
  405. .postaudio {
  406. text-align: left;
  407. background:{color:posts};
  408. padding:15px;
  409. }
  410.  
  411. .tumblr_audio_player {
  412. height: 35px;
  413. width: 100%;
  414. margin-top:3px;
  415. }
  416.  
  417. /* ----------------------------- VIDEO ------------------------------- */
  418.  
  419. .postvideo {text-align: left;}
  420.  
  421. /* ------------------------------ CHAT ------------------------------- */
  422.  
  423. .postchat {
  424. text-align: left;
  425. padding:15px;
  426. background:{color:posts};
  427. }
  428.  
  429. .postchat li {
  430. list-style-type: square;
  431. }
  432.  
  433.  
  434. /* --------------------------- POST DATA ----------------------------- */
  435.  
  436. #info {
  437. text-align:center;
  438. margin-top: 10px;
  439. font-size: 10px;
  440. text-transform:none;
  441. margin-bottom: 80px;
  442. line-height:150%;
  443. padding:5px;
  444. }
  445.  
  446. ol.notes {
  447. display:block;
  448. text-align:left;
  449. margin-bottom:30px;
  450. list-style-type: none;
  451. }
  452.  
  453. ol.notes li.note{
  454. padding:1%;
  455. }
  456.  
  457. .pagenotes {
  458. text-align:left;
  459. padding:15px;
  460. background:{color:posts};
  461. text-transform:uppercase;
  462. font-size:8px;
  463. }
  464.  
  465. .pagenotes:hover{
  466. Background:{color:posts};
  467. }
  468.  
  469. .pagenotes img{
  470. padding-right:5px;
  471. padding-top:5px;
  472. margin-bottom:-5px;
  473. -webkit-filter: grayscale(100%);
  474. -webkit-transition: all 0.3s ease-in-out;
  475. -moz-transition: all 0.3s ease-in-out;
  476. -o-transition: all 0.3s ease-in-out;
  477. -ms-transition: all 0.3s ease-in-out;
  478. transition: all 0.s ease-in-out;
  479. }
  480.  
  481. .pagenotes a{
  482. text-decoration:none;
  483. }
  484.  
  485. .pagenotes a:hover{
  486. text-decoration:none;
  487. font-weight:bold;
  488. }
  489.  
  490. .tags {}
  491. .tags a {margin-right:5px;}
  492. .tags a:hover {margin-right:5px;text-decoration:underline;}
  493.  
  494.  
  495. /* ------------------------------ CREDIT ----------------------------- */
  496.  
  497. #credit {
  498. position:fixed;
  499. left:10px;
  500. bottom:10px;
  501. text-transform:uppercase;
  502. font:10px helvetica;
  503. letter-spacing:1px;
  504. padding:5px;
  505. -webkit-transition: all 0.3s ease;
  506. -moz-transition: all 0.3s ease;
  507. -ms-transition: all 0.3s ease;
  508. -o-transition: all 0.3s ease;
  509. transition: all 0.3s ease;
  510. }
  511.  
  512. {CustomCSS}
  513.  
  514. </style></head>
  515. <body>
  516.  
  517.  
  518.  
  519.  
  520. <div id="content">
  521.  
  522. <div id="title">{title}</div>
  523.  
  524.  
  525. <div id="sidebar">
  526.  
  527.  
  528.  
  529. <div id="description">{description}</div>
  530.  
  531. <div id="links">
  532.  
  533. {block:iflinka}<a href="{text:link a url}">
  534. <div class="link">{text:link a}</div></a>
  535. {/block:iflinka}
  536.  
  537. {block:iflinkb}<a href="{text:link b url}">
  538. <div class="link">{text:link b}</div></a>
  539. {/block:iflinkb}
  540.  
  541. {block:iflinkc}<a href="{text:link c url}">
  542. <div class="link">{text:link c}</div></a>
  543. {/block:iflinkc}
  544.  
  545. {block:iflinkd}<a href="{text:link d url}">
  546. <div class="link">{text:link d}</div></a>
  547. {/block:iflinkd}
  548.  
  549. </div>
  550.  
  551. </div>
  552.  
  553.  
  554. <div id="entries">
  555.  
  556. <ol id="posts">
  557.  
  558. {block:ContentSource}
  559. {block:SourceLogo}{/block:SourceLogo}
  560. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  561. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  562.  
  563. {block:Posts}
  564. {block:Text}
  565. <li class="posttext">
  566. {block:Title}
  567. <h3><a href="{Permalink}">{Title}</a></h3>
  568. {/block:Title}{Body}
  569. </li>
  570. {/block:Text}
  571.  
  572. {block:Photo}
  573. <li class="postphoto">
  574. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  575. {block:Ifnothidecaptions}
  576. {block:Caption}
  577. <div class="caption">{Caption}</div>
  578. {/block:Caption}
  579. {/block:Ifnothidecaptions}
  580. {block:Ifhidecaptions}
  581. {/block:Ifhidecaptions}
  582. </li>
  583. {/block:Photo}
  584.  
  585. {block:Photoset}
  586. <li class="post photoset">
  587. {Photoset-400}
  588. {block:Ifnothidecaptions}
  589. {block:Caption}
  590. <div class="caption">{Caption}</div>
  591. {/block:Caption}
  592. {/block:Ifnothidecaptions}
  593. {block:Ifhidecaptions}
  594. {/block:Ifhidecaptions}
  595. </li>
  596. {/block:Photoset}
  597.  
  598. {block:Quote}
  599. <li class="postquote">
  600. <div class="quote">{Quote}</div>
  601. {block:Source}
  602. <span class="source"><div class="source">— {Source}</div></span>
  603. {/block:Source}
  604. </li>
  605. {/block:Quote}
  606.  
  607. {block:Link}
  608. <li class="postlink">
  609. <a href="{URL}" {Target}><div class="linky">{Name}</div></a>
  610. {block:Description}
  611. {Description}
  612. {/block:Description}
  613. </div>
  614. </li>
  615. {/block:Link}
  616.  
  617. {block:Chat}
  618. <li class="postchat">
  619. {block:Title}
  620. <h3><a href="{Permalink}">{Title}</a></h3>
  621. {/block:Title}
  622. <ul class="chat">
  623. {block:Lines}
  624. <li class="{Alt} user_{UserNumber}">
  625. {block:Label}
  626. <span class="label">{Label}</span>
  627. {/block:Label}{Line}
  628. </li>
  629. {/block:Lines}
  630. </ul>
  631. </li>
  632. {/block:Chat}
  633.  
  634. {block:Answer}
  635. <div class="askpost">
  636. <div style="color:{color:text};">
  637. <div class="question"><b>{Asker}</b>: {Question}</div>
  638. </div>
  639. <blockquote>{Answer}</blockquote>
  640. </div>
  641. {/block:Answer}
  642.  
  643. {block:Video}
  644. <li class="postvideo">
  645. {Video-500}
  646. {block:Ifnothidecaptions}
  647. {block:Caption}
  648. <div class="caption">{Caption}</div>
  649. {/block:Caption}
  650. {/block:Ifnothidecaptions}
  651. {block:Ifhidecaptions}
  652. {/block:Ifhidecaptions}
  653. </li>
  654. {/block:Video}
  655.  
  656. {block:Audio}
  657. <li class="postaudio">
  658. {AudioPlayerWhite}
  659. {block:Ifnothidecaptions}
  660. {block:Caption}
  661. <div class="caption">{Caption}</div>
  662. {/block:Caption}
  663. {/block:Ifnothidecaptions}
  664. {block:Ifhidecaptions}
  665. {/block:Ifhidecaptions}
  666. </li>
  667. {/block:Audio}
  668.  
  669.  
  670.  
  671. {block:Ifhidecaptions}
  672. {block:PermalinkPage}
  673. {block:Caption}
  674. <div class="caption">{Caption}</div>
  675. {/block:Caption}
  676. {/block:PermalinkPage}
  677. {/block:Ifhidecaptions}
  678.  
  679.  
  680. <div id="info">
  681. <a href="{permalink}"> {block:Date} {MonthNumberWithZero}.{DayOfMonth}.{ShortYear} {/block:Date}</a>
  682. </div>
  683.  
  684. {block:PermalinkPage}
  685. <center>
  686. <br>{block:HasTags}<div class="tags">Filed Under: {block:Tags}<a href="{TagURL}">{Tag},</a>{/block:Tags}</div>{/block:HasTags}
  687. <br>
  688. {block:NoteCount} {NoteCount} | {/block:NoteCount}
  689. {block:ContentSource}
  690. <a href="{SourceURL}">Source</a> |
  691. {/block:ContentSource}
  692. {block:RebloggedFrom}
  693. <a href="{ReblogParentURL}">Via</a>
  694. {/block:RebloggedFrom}
  695. </center>
  696. {/block:PermalinkPage}
  697.  
  698.  
  699. {block:PostNotes}
  700. <br><br><b>NOTES:</b><br><br>
  701. <div class="pagenotes">{PostNotes-16}</div>{/block:PostNotes}
  702. {/block:Posts}
  703.  
  704. <div id="pagination">
  705. {block:Pagination}
  706. {block:PreviousPage}
  707. <a href="{PreviousPage}">back</a>
  708. {/block:PreviousPage}
  709. {block:NextPage}
  710. | <a href="{NextPage}">forth</a>
  711. {/block:NextPage}
  712. {/block:Pagination}
  713. </div>
  714.  
  715. </ol>
  716.  
  717.  
  718. <div id="credit">
  719. <a href="http://neonbikethemes.tumblr.com/">
  720. N
  721. </a>
  722.  
  723. </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!