API tools faq
paste
paigeh987

Theme 6 - neonbike themes

paigeh987
Dec 22nd, 2013
2,055
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.50 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 #06 by Paige @ neonbikethemes.tumblr.com
  6. Please DO NOT COPY ANY PARTS OF THIS CODE and claim them as your own
  7. Do not remove the credit. thanks!
  8.  
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <meta name="color:Background" content="#ebf1ef"/>
  21. <meta name="color:Title" content="#779b89"/>
  22. <meta name="color:Text" content="#9b9b9b"/>
  23. <meta name="color:Link" content="#536605a"/>
  24. <meta name="color:post" content="#f0f6f4"/>
  25. <meta name="color:outline" content="#829a94"/>
  26. <meta name="color:sidebar color" content="#d6e2e0"/>
  27. <meta name="color:description box" content="#e3ede9"/>
  28. <meta name="color:linkbox" content="#e8f3ef"/>
  29. <meta name="color:linkbox hover" content="#deff00"/>
  30. <meta name="color:Post title" content="#bfef17"/>
  31. <meta name="color:post info" content="#fafafa"/>
  32. <meta name="color:Tags" content="#bfef17"/>
  33. <meta name="color:Hover" content="#a0a0a0"/>
  34. <meta name="color:scrollbar" content="c6ff00"/>
  35. <meta name="color:scrollbarbg" content="eaefd8"/>
  36.  
  37. <meta name="image:sidebar" content=""/>
  38. <meta name="image:bg" content=""/>
  39.  
  40. <meta name="text:SidebarTitle" content="">
  41. <meta name="text:linkA" content="">
  42. <meta name="text:linkA url" content="/">
  43. <meta name="text:linkB" content="">
  44. <meta name="text:linkB url" content="/">
  45. <meta name="text:linkC" content="">
  46. <meta name="text:linkC url" content="/">
  47. <meta name="text:linkD" content="">
  48. <meta name="text:linkD url" content="/">
  49. <meta name="text:linkE" content="">
  50. <meta name="text:linkE url" content="/">
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  56.  
  57. ::-webkit-scrollbar {
  58. width: 8px;height: 0px;}
  59. ::-webkit-scrollbar-button:start:decrement,
  60. ::-webkit-scrollbar-button:end:increment {
  61. height: 6px;display: block;background-color: {color:scrollbar};}
  62. ::-webkit-scrollbar-track-piece {
  63. background-color: {color:scrollbarbg};}
  64. ::-webkit-scrollbar-thumb:vertical {
  65. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  66.  
  67.  
  68. body {
  69. background-color:{color:background};
  70. background-image: url('{image:bg}');
  71. background-attachment: fixed;
  72. margin:0px;
  73. color:{color:text};
  74. font-family: Helvetica;
  75. font-size:9px;
  76. line-height:100%;
  77. }
  78.  
  79. a {
  80. text-decoration:none;
  81. -moz-outline-style:none;
  82. color:{color:link};
  83. }
  84.  
  85. img {
  86. border:none;
  87. }
  88.  
  89.  
  90. h1 {
  91. font-size:12px;
  92. text-transform:uppercase;
  93. }
  94.  
  95.  
  96. blockquote {
  97. padding-left:5px;
  98. border-left:2px solid;
  99. }
  100.  
  101. blockquote blockquote {
  102. padding-left:5px;
  103. border-left:2px solid;
  104. }
  105.  
  106.  
  107. a:hover {
  108. opacity:1;
  109. color:{color:hover};
  110. -webkit-transition: all 0.5s ease;
  111. -moz-transition: all 0.5s ease;
  112. -o-transition: all 0.5s ease
  113. }
  114.  
  115.  
  116. #pagi{
  117. width:100px;
  118. font-size:8px;
  119. text-align:center;
  120. margin-left:15px;
  121. margin-top:55px;
  122. position:fixed;
  123. font-family:helvetica;
  124. letter-spacing:0px;
  125. }
  126.  
  127.  
  128. #all {
  129. padding:10px;
  130. width:500px;
  131. margin-left:450px;
  132. margin-top:30px;
  133. font-size:10px;
  134. }
  135.  
  136.  
  137.  
  138.  
  139.  
  140. /* POST STUFF */
  141.  
  142. #posts {
  143. width:500px;
  144. padding-bottom:20px;
  145. padding:10px;
  146. margin-top:50px;
  147. background-color:{color:Post};
  148. border-radius:0px;
  149. border: solid 1px {color:outline};
  150. }
  151.  
  152.  
  153. #details {
  154. text-align:center;
  155. margin-top:10px;
  156. text-transform:uppercase;
  157. font-size:8px;
  158. font-style:none;
  159. border:1px solid {color:outline};
  160. background:{color:post info};
  161. line-height:100%;
  162. padding-right:8px;
  163. padding-left:8px;
  164. padding-bottom:8px;
  165. }
  166.  
  167.  
  168. #tags {
  169. font-family:helvetica;
  170. letter-spacing:0px;
  171. text-transform:uppercase;
  172. font-size:11px;
  173. font-style:italic;
  174. margin-top:2px;
  175. text-align:center;
  176. }
  177.  
  178. #tags a {
  179. display:inline-block;
  180. padding:-3px;
  181. text-align:right;
  182. color:{color:Tags};
  183. -webkit-transition: all 0.6s ease-in-out;
  184. -moz-transition: all 0.6s ease-in-out;
  185. -o-transition: all 0.6s ease-in-out;
  186. -ms-transition: all 0.6s ease-in-out;
  187. -transition: all 0.6s ease-in-out;
  188. }
  189.  
  190. #question {
  191. padding:8px;
  192. font-family:Helvetica;
  193. letter-spacing:2px;
  194. text-align:left;
  195. font-style:italic;
  196. border:1px {color:outline} solid;
  197. color:{color:text};
  198. background-color:{color:post info}
  199. }
  200.  
  201. #quotes{
  202. text-align:left;
  203. font-family:Bebas Neue;
  204. font-style:italic;
  205. font-size:20px;
  206. letter-spacing:1px;
  207. word-spacing:1px;
  208. line-height:120%;
  209. }
  210.  
  211. .posttitle{
  212. font-family:Bebas Neue;
  213. font-size:20px;
  214. text-transform:uppercase;
  215. color:{color:post title};
  216. }
  217.  
  218.  
  219.  
  220.  
  221. /* SIDEBAR STUFF */
  222.  
  223.  
  224. #stripe{
  225. position:fixed;
  226. left:0px;
  227. top:0px;
  228. height:60px;
  229. width:100%;
  230. background-color:{color:sidebar color};
  231. border-bottom: solid 1px {color:outline};
  232. z-index:10000000000000000;
  233. }
  234.  
  235. #sidebar{
  236. position:fixed;
  237. left:120px;
  238. top:60px;
  239. height:auto;
  240. width:240px;
  241. background-color:{color:sidebar color};
  242. border-bottom: solid 1px {color:outline};
  243. border-left: solid 1px {color:outline};
  244. border-right: solid 1px {color:outline};
  245. z-index:10000000000000;
  246. padding-bottom:15px;
  247. }
  248.  
  249. #toplinkscontainer{
  250. position:fixed;
  251. left:450px;
  252. top:23px;
  253. width:520px;
  254. text-align:center;
  255. font-family:Bebas Neue;
  256. color:{color:toplinks};
  257. z-index:100000000000000000000;
  258. border: none;
  259. font-size:17px;
  260. letter-spacing:2px;
  261. word-spacing:3px;
  262. }
  263.  
  264. #toplinkscontainer a{
  265. font-family:Bebas Neue;
  266. color:{color:toplinks};
  267. }
  268.  
  269. .toplinks{
  270. position:relative;
  271. display:inline-block;
  272. background:{color:linkbox};
  273. padding:7px;
  274. padding-top:8px;
  275. border: 1px solid {color:outline};
  276. -webkit-transition: background 0.2s;
  277. }
  278.  
  279. .toplinks:hover{
  280. background:{color:linkbox hover};
  281. -webkit-transition: background .2s;
  282. }
  283.  
  284. #sidebarimg{
  285. position:relative;
  286. display:inline-block;
  287. margin-left:15px;
  288. margin-top:15px;
  289. width:210;
  290. }
  291.  
  292. #sidebarimg img{
  293. width:208px;
  294. max-height:350px;
  295. border: 1px solid {color:outline};
  296. }
  297.  
  298. #sidebartitle{
  299. position:relative;
  300. display:inline-block;
  301. margin-left:15px;
  302. margin-top:15px;
  303. width:210px;
  304. height:auto;
  305. text-align:center;
  306. font-family:Bebas Neue;
  307. color:{color:Title};
  308. border: 1px solid {color:outline};
  309. font-size:30px;
  310. background:{color:description box};
  311. letter-spacing:3px;
  312. line-height:100%;
  313. padding-top:5px;
  314. }
  315.  
  316. #sidebardescription{
  317. position:relative;
  318. display:inline-block;
  319. margin-left:15px;
  320. margin-top:15px;
  321. width:188px;
  322. background:{color:description box};
  323. border: 1px solid {color:outline};
  324. line-height:120%;
  325. padding:10px;
  326. font-family:helvetica;
  327. font-size:11px;
  328. letter-spacing:1px;
  329. word-spacing:2px;
  330.  
  331. }
  332.  
  333. #pagination{
  334. position:relative;
  335. display:inline-block;
  336. margin-left:15px;
  337. margin-top:15px;
  338. width:210px;
  339. text-align:center;
  340. background:transparent;
  341. font-family:helvetica;
  342. line-height:100%;
  343. font-size:11px;
  344. }
  345.  
  346. {CustomCSS}</style></head><body>
  347.  
  348.  
  349. <div id="stripe">
  350. </div>
  351.  
  352. <div id="toplinkscontainer">
  353.  
  354. {block:IfLinkA}
  355. <a href="{text:linkA url}"><div class="toplinks">{text:linkA}</div></a>
  356. {/block:IfLinkA}
  357.  
  358. {block:IfLinkB}
  359. <a href="{text:linkB url}"><div class="toplinks">{text:linkB}</div></a>
  360. {/block:IfLinkB}
  361.  
  362. {block:IfLinkC}
  363. <a href="{text:linkC url}"><div class="toplinks">{text:linkC}</div></a>
  364. {/block:IfLinkC}
  365.  
  366. {block:IfLinkD}
  367. <a href="{text:linkD url}"><div class="toplinks">{text:linkD}</div></a>
  368. {/block:IfLinkD}
  369.  
  370. {block:IfLinkE}
  371. <a href="{text:linkE url}"><div class="toplinks">{text:linkE}</div></a>
  372. {/block:IfLinkE}
  373.  
  374. </div>
  375.  
  376. <div id="sidebar">
  377.  
  378. <div id="sidebarimg">
  379. <img src="{image:sidebar}">
  380. </div>
  381.  
  382. {block:IfSidebarTitle}<div id="sidebartitle">{text:SidebarTitle} {block:IfSidebarTitle}</div>{/block:IfSidebarTitle}
  383.  
  384. <div id="sidebardescription">
  385. <em>{DESCRIPTION}</em>
  386. </div>
  387.  
  388. <div id="pagination">
  389. {block:Pagination}<div id="pagi">
  390. {block:PreviousPage}<a href="{PreviousPage}">backwards</a>&nbsp;&nbsp;{/block:PreviousPage}
  391. {block:JumpPagination length="3"}
  392. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  393. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  394. {/block:JumpPagination}
  395. {block:NextPage}<a href="{NextPage}">forwards</a>{/block:NextPage}
  396. </div>{/block:Pagination}
  397. </div>
  398.  
  399.  
  400. </div>
  401.  
  402.  
  403.  
  404. </div>
  405.  
  406. <div id="all">{block:Posts}<div id="posts">
  407.  
  408. {block:Text}<h1>{block:Title}<div class="posttitle">{Title}</div>{/block:Title}</h1>{Body}{/block:Text}
  409.  
  410. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  411.  
  412. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  413.  
  414. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  415.  
  416. {block:Quote}<div id="quotes">"{Quote}"</div>{/block:Quote}
  417.  
  418. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  419. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  420. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  421. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  422. {/block:Audio}
  423.  
  424. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  425.  
  426. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  427.  
  428.  
  429. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:bold;"> {Asker} — </span>{Question}</div><left> <font face="helvetica">{Answer}</font>{/block:Answer}
  430.  
  431. <div id="details">
  432. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} ( ♥ <a href="{Permalink}">{NoteCountWithLabel}</a> )
  433. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  434. {/block:Posts}
  435. {block:PostNotes}<div id="notes"> {PostNotes} </div>{/block:PostNotes}
  436. {/block:Posts}</div></div></div>
  437.  
  438.  
  439. <div style="position:fixed;bottom:5px; left:10px; font-size:9px; letter-spacing:1px; font-family:Helvetica;border:1px solid;padding:4px;"><a href="http://neonbikethemes.tumblr.com/">P</a></center></div>
  440.  
  441.  
  442. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!