API tools faq
paste
Advertisement
paigeh987

Theme 5 - neonbike themes

paigeh987
Dec 16th, 2013
2,694
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.04 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.  
  3. <!--
  4.  
  5. theme #05 by Paige @ neonbikethemes.tumblr.com
  6.  
  7. Rules:
  8. - don't steal code or design
  9. - DO NOT remove the credit
  10. - edit as much as you want but no using as a base (leave the credit)
  11. - if you can, like or rblob the post of this theme
  12.  
  13. -->
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="color:Background" content="#ededed"/>
  25. <meta name="color:Posts" content="#fff"/>
  26. <meta name="color:Post info bg" content="#ffffff"/>
  27. <meta name="color:Text" content="#000"/>
  28. <meta name="color:Link" content="#e000"/>
  29. <meta name="color:Hover" content="#a0a0a0"/>
  30. <meta name="color:Tags" content="#000000"/>
  31. <meta name="color:Border" content="#e2e2e2"/>
  32. <meta name="color:shadow" content="#a3a3a3"/>
  33. <meta name="color:Link box" content="#fff"/>
  34. <meta name="color:Link box hover" content="#f7f7f7"/>
  35. <meta name="color:Sidebar" content="#fff"/>
  36.  
  37. <meta name="color:scrollbar" content="e8e1d4"/>
  38. <meta name="color:scrollbar bg" content="f4f1e7"/>
  39.  
  40. <meta name="image:sidebar" content=""/>
  41. <meta name="image:bg" content=""/>
  42.  
  43. <meta name="text:leftlinkA" content="">
  44. <meta name="text:leftlinkA url" content="/">
  45. <meta name="text:leftlinkB" content="">
  46. <meta name="text:leftlinkB url" content="/">
  47. <meta name="text:leftlinkC" content="">
  48. <meta name="text:leftlinkC url" content="/">
  49. <meta name="text:leftlinkD" content="">
  50. <meta name="text:leftlinkD url" content="/">
  51.  
  52. <meta name="text:linkA" content="">
  53. <meta name="text:linkA url" content="/">
  54. <meta name="text:linkB" content="">
  55. <meta name="text:linkB url" content="/">
  56. <meta name="text:linkC" content="">
  57. <meta name="text:linkC url" content="/">
  58. <meta name="text:linkD" content="">
  59. <meta name="text:linkD url" content="/">
  60. <meta name="text:linkE" content="">
  61. <meta name="text:linkE url" content="/">
  62. <meta name="text:linkF" content="">
  63. <meta name="text:linkF url" content="/">
  64.  
  65. <meta name="if:hide captions" content="0" />
  66. <meta name="if:400px posts" content="0" />
  67. <meta name="if:grayscale posts" content="0" />
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72. ::-webkit-scrollbar {
  73. width: 10px; height: 0px;}
  74. ::-webkit-scrollbar-button:start:decrement,
  75. ::-webkit-scrollbar-button:end:increment {
  76. height: 6px;display: block;background-color: {color:scrollbar};}
  77. ::-webkit-scrollbar-track-piece {
  78. background-color: {color:scrollbar bg};}
  79. ::-webkit-scrollbar-thumb:vertical {
  80. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  81.  
  82.  
  83. body {
  84. background:{color:background};
  85. margin:0px;
  86. color:{color:text};
  87. font-family: 'Short Stack';
  88. font-size:9px;
  89. background-image: url('{image:bg}');
  90. background-attachment: fixed;
  91. line-height:140%;
  92. }
  93.  
  94. a {
  95. text-decoration:none;
  96. -moz-outline-style:none;
  97. color:{color:link};
  98. }
  99.  
  100. img {
  101. border:none;
  102. max-width:100%;
  103. }
  104.  
  105.  
  106. h1 {
  107. font-size:12px;
  108. text-transform:uppercase;
  109. }
  110.  
  111. blockquote {
  112. padding-left:10px;
  113. margin-left:5px;
  114. border-left:1px solid {color:border};
  115. }
  116.  
  117. a:hover {
  118. opacity:1;
  119. color:{color:hover};
  120. -webkit-transition: all 0.5s ease;
  121. -moz-transition: all 0.5s ease;
  122. -o-transition: all 0.5s ease
  123. }
  124.  
  125. #all {
  126. padding:10px;
  127. {block:If400pxposts}
  128. width:400px;
  129. {/block:If400pxposts}
  130. {block:Ifnot400pxposts}
  131. width:500px;
  132. {/block:Ifnot400pxposts}
  133. margin-left:450px;
  134. margin-top:0px;
  135. }
  136.  
  137.  
  138.  
  139. #posts {
  140. {block:If400pxposts}
  141. width:400px;
  142. {/block:If400pxposts}
  143. {block:Ifnot400pxposts}
  144. width:500px;
  145. {/block:Ifnot400pxposts}
  146. padding-bottom:20px;
  147. padding:10px;
  148. margin-top:60px;
  149. background-color:{color:posts};
  150. box-shadow: 3px 3px 5px {color:shadow};
  151. border: double {color:border};
  152. z-index:1000;
  153. margin-bottom:20px;
  154. {block:Ifgrayscaleposts}
  155. -webkit-filter: grayscale(100%);
  156. -webkit-transition: all 0.6s ease-in-out;
  157. -moz-transition: all 0.6s ease-in-out;
  158. -o-transition: all 0.6s ease-in-out;
  159. -ms-transition: all 0.6s ease-in-out;
  160. transition: all 0.6s ease-in-out;
  161. {/block:Ifgrayscaleposts}
  162. }
  163.  
  164. #posts:hover{
  165. {block:Ifgrayscaleposts}
  166. -webkit-filter: grayscale(0%);
  167. -webkit-transition: all 0.6s ease-in-out;
  168. -moz-transition: all 0.6s ease-in-out;
  169. -o-transition: all 0.6s ease-in-out;
  170. -ms-transition: all 0.6s ease-in-out;
  171. transition: all 0.6s ease-in-out;
  172. {/block:Ifgrayscaleposts}
  173. }
  174.  
  175.  
  176. #details {
  177. text-align:center;
  178. margin-top:10px;
  179. margin-left:-20px;
  180. text-transform:uppercase;
  181. font-size:11px;
  182. font-style:none;
  183. padding-bottom:10px;
  184. padding-right:10px;
  185. border:double {color:border};
  186. background:{color:post info bg};
  187. {block:If400pxposts}
  188. width:425px;
  189. {/block:If400pxposts}
  190. {block:Ifnot400pxposts}
  191. width:525px;
  192. {/block:Ifnot400pxposts}
  193. box-shadow: 1px 1px 3px {color:shadow};
  194. }
  195.  
  196.  
  197. #tags {
  198. font-family:'Short Stack';
  199. letter-spacing:0px;
  200. text-transform:lowercase;
  201. font-size:10px;
  202. font-style:italic;
  203. margin-top:6px;
  204. text-align:center;
  205. }
  206.  
  207. #tags a {
  208. display:inline-block;
  209. padding:-3px;
  210. text-align:center;
  211. color:{color:Tags};
  212. -webkit-transition: all 0.6s ease-in-out;
  213. -moz-transition: all 0.6s ease-in-out;
  214. -o-transition: all 0.6s ease-in-out;
  215. -ms-transition: all 0.6s ease-in-out;
  216. -transition: all 0.6s ease-in-out;
  217. }
  218.  
  219.  
  220. #question {
  221. padding:8px;
  222. font-family:cambria;
  223. letter-spacing:2px;
  224. text-align:right;
  225. font-style:italic;
  226. border:3px {color:border} solid;
  227. color:{color:text};
  228. background-color:{color:background}
  229. }
  230.  
  231. #sidebar{
  232. position:fixed;
  233. top:0px;
  234. left:200px;
  235. height:100%;
  236. width:220px;
  237. background:{color:sidebar};
  238. box-shadow: 3px 3px 5px {color:shadow};
  239. border-right: double {color:border};
  240. border-left: double {color:border};
  241. opacity:1;
  242. }
  243.  
  244.  
  245. #sidebarimg{
  246. margin-top:75px;
  247. margin-left:15px;
  248. }
  249.  
  250. #sidebarimg img{
  251. width:185px;
  252. border: double {color:border};
  253. }
  254.  
  255. #title{
  256. background:transparent;
  257. font-family:'Gloria Hallelujah';
  258. font-size:20px;
  259. margin-left:15px;
  260. margin-right:15px;
  261. text-align:center;
  262. margin-top:15px;
  263. }
  264.  
  265. #navigation{
  266. margin-top:10px;
  267. }
  268.  
  269. .leftlink{
  270. margin-left:15px;
  271. margin-top:10px;
  272. border:double {color:border};
  273. background:{color:link box};
  274. width:175px;
  275. padding:5px;
  276. text-transform:uppercase;
  277. font-size:12px;
  278. text-align:center;
  279. -webkit-transition: background .5s;
  280. }
  281.  
  282. .leftlink:hover{
  283. background:{color:link box hover};
  284. -webkit-transition: background .5s;
  285. }
  286.  
  287. #linksbar{
  288. position:fixed;
  289. top:0px;
  290. {block:Ifnot400pxposts}
  291. left:1020px;
  292. {/block:Ifnot400pxposts}
  293. {block:If400pxposts}
  294. left:920px;
  295. {/block:If400pxposts}
  296. height:100%;
  297. width:90px;
  298. background:{color:sidebar};
  299. box-shadow: 3px 3px 5px {color:shadow};
  300. border-right: double {color:border};
  301. border-left: double {color:border};
  302. opacity:1;
  303. }
  304.  
  305. #links{
  306. margin-top:75px;
  307.  
  308.  
  309. }
  310.  
  311. .link{
  312. margin-left:10px;
  313. margin-top:15px;
  314. border:double {color:border};
  315. background:{color:link box};
  316. width:52px;
  317.  
  318. padding:5px;
  319. text-transform:uppercase;
  320. font-size:12px;
  321. text-align:center;
  322. -webkit-transition: background .5s;
  323. }
  324.  
  325. .link:hover {
  326. background:{color:link box hover};
  327. -webkit-transition: background .5s;
  328. }
  329.  
  330. #description {
  331. margin-left:15px;
  332. margin-top:10px;
  333. text-align:justify;
  334. text-justify:inter-word;
  335. margin-right:15px;
  336. padding:10px;
  337. font-size:9px;
  338. border: 1px dotted {color:border};
  339. }
  340.  
  341.  
  342. ol.notes {
  343. display:block;
  344. text-align:left;
  345. margin-bottom:30px;
  346. list-style-type:none;
  347. }
  348.  
  349. ol.notes li.note{
  350. padding:8px;
  351. padding-bottom:12px;
  352. margin-left:-20px;
  353. margin-right:-20px;
  354. border-bottom:1px solid {color:border};
  355. -webkit-filter: grayscale(100%);
  356. -webkit-transition: all 0.6s ease-in-out;
  357. -moz-transition: all 0.6s ease-in-out;
  358. -o-transition: all 0.6s ease-in-out;
  359. -ms-transition: all 0.6s ease-in-out;
  360. transition: all 0.6s ease-in-out;
  361. }
  362.  
  363. ol.notes li.note img{
  364. padding-right:10px;
  365. margin-bottom:-5px;
  366. }
  367.  
  368. ol.notes li.note:hover{
  369. background:{color:posts};
  370. -webkit-filter: grayscale(100%);
  371. -webkit-transition: all 0.6s ease-in-out;
  372. -moz-transition: all 0.6s ease-in-out;
  373. -o-transition: all 0.6s ease-in-out;
  374. -ms-transition: all 0.6s ease-in-out;
  375. transition: all 0.6s ease-in-out;
  376. }
  377.  
  378. .pagenotes {text-align:left;}
  379.  
  380.  
  381. .credit{
  382. position:fixed;
  383. left:15px;
  384. bottom:15px;
  385. font-family:helvetica;
  386. font-size:11px;
  387. }
  388.  
  389.  
  390. {CustomCSS}</style></head><body>
  391.  
  392. <link href='http://fonts.googleapis.com/css?family=Short+Stack|Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  393.  
  394.  
  395. <!-- LINK BAR (ON THE RIGHT -->
  396.  
  397. <div id="linksbar">
  398. <div id="links">
  399. {block:IfLinkA}
  400. <a href="{text:linkA url}">
  401. <div class="link">{text:linkA}</div></a>
  402. {/block:IfLinkA}
  403.  
  404. {block:IfLinkB}
  405. <a href="{text:linkB url}">
  406. <div class="link">{text:linkB}</div></a>
  407. {/block:IfLinkB}
  408.  
  409. {block:IfLinkC}
  410. <a href="{text:linkC url}">
  411. <div class="link">{text:linkC}</div></a>
  412. {/block:IfLinkC}
  413.  
  414. {block:IfLinkD}
  415. <a href="{text:linkD url}">
  416. <div class="link">{text:linkD}</div></a>
  417. {/block:IfLinkD}
  418.  
  419.  
  420. {block:IfLinkE}
  421. <a href="{text:linkE url}">
  422. <div class="link">{text:linkE}</div></a>
  423. {/block:IfLinkE}
  424.  
  425.  
  426. {block:IfLinkF}
  427. <a href="{text:linkF url}">
  428. <div class="link">{text:linkF}</div></a>
  429. {/block:IfLinkF}
  430.  
  431. <!-- PAGINATION -->
  432. <br>
  433. {block:Pagination}{block:PreviousPage}
  434. <a href="{PreviousPage}">
  435. <div class="link">Prev</div></a>{/block:PreviousPage}
  436. {block:NextPage}
  437. <a href="{NextPage}">
  438. <div class="link">Next</div></a>
  439. {/block:NextPage}
  440. {/block:Pagination}
  441. </div>
  442. </div>
  443.  
  444.  
  445.  
  446. <!-- SIDEBAR (LEFT) -->
  447.  
  448. <div id="sidebar">
  449.  
  450. <div id="sidebarimg">
  451. <img src={image:sidebar}>
  452. </div>
  453.  
  454. <div id="title">{Title}</div>
  455. <div id="description">{description}</div>
  456. <div id="navigation">
  457. {block:IfleftlinkA}
  458. <a href="{text:leftlinkA url}"><div class="leftlink">{text:leftlinkA}</div></a>
  459. {/block:IfleftlinkA}
  460.  
  461. {block:IfleftlinkB}
  462. <a href="{text:leftlinkB url}"><div class="leftlink">{text:leftlinkB}</div></a>
  463. {/block:IfleftlinkB}
  464.  
  465. {block:IfleftlinkC}
  466. <a href="{text:leftlinkC url}"><div class="leftlink">{text:leftlinkC}</div></a>
  467. {/block:IfleftlinkC}
  468.  
  469. {block:IfleftlinkD}
  470. <a href="{text:leftlinkD url}"><div class="leftlink">{text:leftlinkD}</div></a>
  471. {/block:IfleftlinkD}
  472.  
  473. </div>
  474.  
  475. </div>
  476. </div>
  477.  
  478.  
  479.  
  480.  
  481. <!-- POSTS -->
  482.  
  483.  
  484. <div id="all">
  485.  
  486. {block:Posts}<div id="posts">
  487.  
  488. {block:Text}
  489. <h1>{block:Title}{Title}{/block:Title}</h1>
  490. {Body}
  491. {/block:Text}
  492.  
  493. {block:Photo}
  494. {LinkOpenTag}
  495. {block:If400pxposts}
  496. <img src="{PhotoURL-500}">
  497. {/block:If400pxposts}
  498. {block:Ifnot400pxposts}
  499. <img src="{PhotoURL-400}">
  500. {/block:Ifnot400pxposts}
  501. {LinkCloseTag}
  502. {block:permalink}
  503. {block:Caption}
  504. {Caption}
  505. {/block:Caption}
  506. {/block:permalink}
  507. {block:Ifnothidecaptions}
  508. {block:Caption}
  509. {Caption}
  510. {/block:Caption}
  511. {/block:Ifnothidecaptions}
  512. {block:Ifhidecaptions}
  513. {/block:Ifhidecaptions}
  514. {/block:Photo}
  515.  
  516. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  517.  
  518. {block:Photoset}
  519. {block:Ifnot400pxposts}
  520. {Photoset-500}
  521. {/block:Ifnot400pxposts}
  522. {block:If400pxposts}
  523. {Photoset-400}
  524. {block:If400pxposts}
  525.  
  526. {block:permalink}
  527. {block:Caption}
  528. {Caption}
  529. {/block:Caption}
  530. {/block:permalink}
  531. {block:Ifnothidecaptions}
  532. {block:Caption}
  533. {Caption}
  534. {/block:Caption}
  535. {/block:Ifnothidecaptions}
  536. {block:Ifhidecaptions}
  537. {/block:Ifhidecaptions}
  538. {/block:Photoset}
  539.  
  540. {block:Quote}
  541. {Quote}
  542. <br>
  543. {block:Source}
  544. <right>—{Source}</right>
  545. {/block:Source}
  546.  
  547. {/block:Quote}
  548.  
  549. {block:Audio}
  550. <left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</span>
  551. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  552. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  553. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  554. {/block:Audio}
  555.  
  556. {block:Video}
  557. {block:Ifnot400pxposts}
  558. {Video-500}
  559. {/block:Ifnot400pxposts}
  560. {block:If400pxposts}
  561. {Video-400}
  562. {block:If400pxposts}
  563.  
  564. {block:permalink}
  565. {block:Caption}
  566. {Caption}
  567. {/block:Caption}
  568. {/block:permalink}
  569. {block:Ifnothidecaptions}
  570. {block:Caption}
  571. {Caption}
  572. {/block:Caption}
  573. {/block:Ifnothidecaptions}
  574. {block:Ifhidecaptions}
  575. {/block:Ifhidecaptions}
  576. {/block:Video}
  577.  
  578. {block:Chat}
  579. {block:Title}<h1>{Title}</h1>{/block:Title}
  580. {block:Lines}
  581. {block:Label}<b>{Label}</b>{/block:Label}
  582. {Line}<br>
  583. {/block:Lines}
  584. {/block:Chat}
  585.  
  586.  
  587. {block:Answer}<div id="question"><span style="text-transform:uppercase;;font-style:italic; text-align:right;">— {Asker}: </span>{Question}</div> {Answer}{/block:Answer}
  588.  
  589.  
  590. {block:Date}
  591. <div id="details">
  592.  
  593. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a>
  594.  
  595. {block:permalink}
  596. (
  597. {block:RebloggedFrom}
  598. <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
  599. {/block:RebloggedFrom}
  600.  
  601. {block:ContentSource}
  602. | <a href="{SourceURL}">Source</a>
  603. {/block:ContentSource}
  604. )
  605. {/block:permalink}
  606.  
  607. </div>
  608.  
  609. {block:HasTags}
  610. <div id="tags">{block:Tags}
  611. <a href="{TagURL}">{Tag}, </a>
  612. {/block:Tags}</div>
  613. {/block:HasTags}
  614.  
  615. </div>
  616. {/block:Date}
  617.  
  618. {block:PostNotes}
  619. <div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  620.  
  621. {/block:Posts}
  622. </div></div></div>
  623.  
  624.  
  625.  
  626.  
  627. <div class="credit"><a href="http://neonbikethemes.tumblr.com/">N</a></center></div>
  628.  
  629.  
  630. </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!