API tools faq
paste
Advertisement
paigeh987

Theme 18 (normal version) - neonbike themes

paigeh987
Aug 31st, 2014
2,483
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.75 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 18 (regular version) by Paige @ neonbikethemes.tumblr.com
  11.  
  12. Rules:
  13. - don't steal code or design
  14. - edit as much as you want just leave the credit
  15. - if you can, like or reblog the post of this theme
  16.  
  17. Base code by llermans © tumblr.com
  18.  
  19. code last updated 12/28/15
  20.  
  21. --->
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Header bg" content="#ffffff"/>
  25. <meta name="color:Title" content="#000000"/>
  26. <meta name="color:Post container" content="#ffffff"/>
  27. <meta name="color:border" content="#dcdcdc"/>
  28. <meta name="color:link bg" content="#f8f8f8"/>
  29. <meta name="color:Text" content="#000000"/>
  30. <meta name="color:Link" content="#6b6b6b"/>
  31. <meta name="color:Link Hover" content="#000000" />
  32.  
  33. <meta name="text:home tab" content="Index"/>
  34. <meta name="text:ask tab" content="Ask"/>
  35. <meta name="text:ask title" content="Ask"/>
  36. <meta name="text:description tab" content="Description"/>
  37. <meta name="text:navigation tab" content="Navigation"/>
  38.  
  39. <meta name="image:background" content=""/>
  40. <meta name="image:header" content=""/>
  41.  
  42. <meta name="select:Font" content="Roboto" title="Roboto">
  43. <meta name="select:Font" content="inconsolata" title="Inconsolata">
  44. <meta name="select:Font" content="Open Sans" title="Open Sans">
  45. <meta name="select:Font" content="Montserrat" title="Montserrat">
  46. <meta name="select:Font" content="Bitter" title="Bitter">
  47. <meta name="select:Font" content="Lato" title="Lato">
  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="text:link 1" content="link 1"/>
  56. <meta name="text:link 1 url" content="/"/>
  57. <meta name="text:link 2" content="link 2"/>
  58. <meta name="text:link 2 url" content="/"/>
  59. <meta name="text:link 3" content="link 3"/>
  60. <meta name="text:link 3 url" content="/"/>
  61. <meta name="text:link 4" content="link 4"/>
  62. <meta name="text:link 4 url" content="/"/>
  63. <meta name="text:link 5" content="link 5"/>
  64. <meta name="text:link 5 url" content="/"/>
  65. <meta name="text:link 6" content="link 6"/>
  66. <meta name="text:link 6 url" content="/"/>
  67.  
  68. <meta name="if:hide captions" content="0"/>
  69. <meta name="if:500px posts" content="0"/>
  70. <meta name="if:grayscale posts" content="0"/>
  71. <meta name="if:hover tags" content="0"/>
  72. <meta name="if:full size bg" content="0"/>
  73.  
  74.  
  75. <!-- FONTS -->
  76.  
  77. <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'>
  78.  
  79. <script type="text/javascript">
  80. WebFontConfig = {
  81. 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' ] }
  82. };
  83. (function() {
  84. var wf = document.createElement('script');
  85. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  86. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  87. wf.type = 'text/javascript';
  88. wf.async = 'true';
  89. var s = document.getElementsByTagName('script')[0];
  90. s.parentNode.insertBefore(wf, s);
  91. })(); </script>
  92.  
  93. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  94.  
  95. <script type="text/javascript">
  96. WebFontConfig = {
  97. google: { families: [ 'Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic:latin' ] }
  98. };
  99. (function() {
  100. var wf = document.createElement('script');
  101. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  102. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  103. wf.type = 'text/javascript';
  104. wf.async = 'true';
  105. var s = document.getElementsByTagName('script')[0];
  106. s.parentNode.insertBefore(wf, s);
  107. })(); </script>
  108.  
  109.  
  110. <!-- tooltips -->
  111.  
  112. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  113. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  114. <script>
  115. (function($){
  116. $(document).ready(function(){
  117. $("a[title]").style_my_tooltips({
  118. tip_follows_cursor:true,
  119. tip_delay_time:0,
  120. tip_fade_speed:300,
  121. attribute:"title"
  122. });
  123. });
  124. })(jQuery);
  125. </script>
  126.  
  127.  
  128.  
  129. <!--- CSS --->
  130.  
  131. <style type="text/css">
  132.  
  133. @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic);
  134.  
  135. ::-webkit-scrollbar {
  136. width: 9px;height: 0px;}
  137. ::-webkit-scrollbar-button:start:decrement,
  138. ::-webkit-scrollbar-button:end:increment {
  139. height: 0px;display: block;background-color: transparent;}
  140. ::-webkit-scrollbar-track-piece {
  141. background-color: transparent;}
  142. ::-webkit-scrollbar-thumb:vertical {
  143. height: 0px;
  144. background-color: {color:text};
  145. border:4px solid {color:background};
  146. }
  147.  
  148. #s-m-t-tooltip {
  149. max-width:300px;
  150. padding:5px;
  151. margin:10px 0px 0px 10px;
  152. background-color:{color:link bg};
  153. border:1px solid {color:border};
  154. font-size:8px;
  155. letter-spacing:1px;
  156. text-transform:uppercase;
  157. color:{color:text};
  158. z-index:999999999999999999999999999999999999;
  159. }
  160.  
  161. html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {margin:0; padding:0; list-style:none;}
  162.  
  163. body {
  164. font: {select:font size} {select:font};
  165. color: {color:text};
  166. background: {color:Background};
  167. background-image: url('{image:background}');
  168. background-repeat: repeat;
  169. background-attachment:fixed;
  170. {block:Iffullsizebg}
  171. background-size:cover;
  172. {/block:Iffullsizebg}
  173. line-height:125%;
  174. margin:0;
  175. word-wrap:break-word;
  176. }
  177.  
  178. a {
  179. color: {color:link};
  180. -webkit-transition: all .3s ease-in-out;
  181. -moz-transition: all .3s ease-in-out;
  182. -o-transition: all .3s ease-in-out;
  183. -ms-transition: all .3s ease-in-out;
  184. transition: all .3s ease-in-out;
  185. }
  186. a:hover {
  187. color: {color:link hover};
  188. -webkit-transition: all .3s ease-in-out;
  189. -moz-transition: all .3s ease-in-out;
  190. -o-transition: all .3s ease-in-out;
  191. -ms-transition: all .3s ease-in-out;
  192. transition: all .3s ease-in-out;
  193. }
  194. a {text-decoration:none;}
  195.  
  196. b, strong {color:{color:text}}
  197. i, em {color:{color:text}}
  198. small {font-size:8px;}
  199. big {font-size:12px;}
  200. ul {list-style:square;text-align:justify;}
  201. ol{
  202. list-style-type:lower-roman;
  203. margin:7px 0px 7px 0px;
  204. }
  205.  
  206. ol li{
  207. margin-left:40px;
  208. }
  209.  
  210. blockquote {
  211. margin-top: 3px;
  212. margin-bottom:3px;
  213. margin-left:10px;
  214. padding:10px;
  215. border-left: 1px solid {color:border};
  216. text-align:justify;
  217. }
  218.  
  219. img{
  220. margin-bottom:0px;
  221. max-width:100%;
  222. }
  223.  
  224.  
  225. /* content */
  226. #content {
  227. margin-left:auto;
  228. margin-right:auto;
  229. background:{color:post container};
  230. {block:If500pxposts}
  231. width:590px;
  232. {/block:If500pxposts}
  233. {block:Ifnot500pxposts}
  234. width:490px;
  235. {/block:Ifnot500pxposts}
  236. border-left:1px solid {color:border};
  237. border-right:1px solid {color:border};
  238. border-bottom:1px solid {color:border};
  239. }
  240.  
  241. /* sidebar */
  242. #sidebar {
  243. margin-bottom: 15px;
  244. height:160px;
  245. text-align: center;
  246. background: url(‘{image:sidebar}’) fixed;
  247. }
  248. #sidebar h1 a {color: {color:text}; text-decoration: none;}
  249. #sidebar h1 a:hover {color: {color:text}; text-decoration: none;}
  250.  
  251. .description {
  252. margin:50px;
  253. padding:20px;
  254. background:{color:link bg};
  255. max-height:100px;
  256. text-align:left;
  257. overflow:scroll;
  258. }
  259.  
  260. #links {
  261. margin:50px;
  262. margin-top:20px;
  263. letter-spacing:10px;
  264. margin-bottom:10px;
  265. }
  266.  
  267. .title {
  268. margin-top:80px;
  269. font-family:'Roboto';
  270. font-size:18px;
  271. font-weight:300;
  272. letter-spacing:5px;
  273. text-transform:uppercase;
  274. line-height:150%;
  275. text-align:center;
  276. vertical-align:middle;
  277. display:inline-block;
  278. color:{color:title};
  279. margin-top:-100px;
  280. }
  281.  
  282. .title a{
  283. color:{color:title};
  284. }
  285.  
  286. .subtitle{
  287. font-family:'Roboto';
  288. font-size:12px;
  289. font-weight:300;
  290. margin-top:10px;
  291. letter-spacing:1px;
  292. text-transform:uppercase;
  293. margin-bottom:15px;
  294. }
  295.  
  296. .header img{
  297. {block:If500pxposts}
  298. width:590px;
  299. {/block:If500pxposts}
  300. {block:Ifnot500pxposts}
  301. width:490px;
  302. {/block:Ifnot500pxposts}
  303. height:auto;
  304. }
  305.  
  306. .header{
  307. height:183px;
  308. overflow:hidden;
  309. background:{color:header bg};
  310. }
  311.  
  312. .navlink{
  313. position:relative;
  314. display:inline-block;
  315. width:150px;
  316. padding:10px;
  317. margin-bottom:10px;
  318. text-transform:uppercase;
  319. font-size:8px;
  320. letter-spacing:2px;
  321. background:{color:link bg};
  322. border:1px solid {color:link bg};
  323. -webkit-transition: all .3s ease-in-out;
  324. -moz-transition: all .3s ease-in-out;
  325. -o-transition: all .3s ease-in-out;
  326. -ms-transition: all .3s ease-in-out;
  327. transition: all .3s ease-in-out;
  328. }
  329.  
  330. .navlink:hover{
  331. background:transparent;
  332. border:1px solid {color:border};
  333. -webkit-transition: all .3s ease-in-out;
  334. -moz-transition: all .3s ease-in-out;
  335. -o-transition: all .3s ease-in-out;
  336. -ms-transition: all .3s ease-in-out;
  337. transition: all .3s ease-in-out;
  338. }
  339.  
  340. /* pagination */
  341. #pagination {
  342. text-align: center;
  343. border-bottom:1px solid {color:border};
  344. letter-spacing:1px;
  345. text-transform: uppercase;
  346. height:32px;
  347. }
  348.  
  349. .nextbutton{
  350. float:right;
  351. background:transparent;
  352. border-left:1px solid {color:border};
  353. padding:10px;
  354. font-size:8px;
  355. letter-spacing:1px;
  356. -webkit-transition: all .3s ease-in-out;
  357. -moz-transition: all .3s ease-in-out;
  358. -o-transition: all .3s ease-in-out;
  359. -ms-transition: all .3s ease-in-out;
  360. transition: all .3s ease-in-out;
  361. }
  362.  
  363. .nextbutton:hover{
  364. background:{color:link bg};
  365. -webkit-transition: all .3s ease-in-out;
  366. -moz-transition: all .3s ease-in-out;
  367. -o-transition: all .3s ease-in-out;
  368. -ms-transition: all .3s ease-in-out;
  369. transition: all .3s ease-in-out;
  370. }
  371.  
  372. .prevbutton{
  373. float:left;
  374. background:transparent;
  375. border-right:1px solid {color:border};
  376. padding:10px;
  377. font-size:8px;
  378. letter-spacing:1px;
  379. -webkit-transition: all .3s ease-in-out;
  380. -moz-transition: all .3s ease-in-out;
  381. -o-transition: all .3s ease-in-out;
  382. -ms-transition: all .3s ease-in-out;
  383. transition: all .3s ease-in-out;
  384. }
  385.  
  386. .prevbutton:hover{
  387. background:{color:link bg};
  388. -webkit-transition: all .3s ease-in-out;
  389. -moz-transition: all .3s ease-in-out;
  390. -o-transition: all .3s ease-in-out;
  391. -ms-transition: all .3s ease-in-out;
  392. transition: all .3s ease-in-out;
  393. }
  394.  
  395.  
  396. /*----- Tabs -----*/
  397. .tabs {
  398. width:100%;
  399. display:inline-block;
  400. }
  401.  
  402. /*----- Tab Links -----*/
  403. /* Clearfix */
  404. .tab-links:after {
  405. display:block;
  406. clear:both;
  407. content:'';
  408. }
  409.  
  410. .tab-links{
  411. border-top:1px solid {color:border};
  412. border-bottom:1px solid {color:border};
  413. text-transform:uppercase;
  414. font-size:8px;
  415. letter-spacing:1px;
  416. text-align:center;
  417. }
  418.  
  419. .tab-links li {
  420. margin:0px;
  421. margin-left:-3px;
  422. position:relative;
  423. display:inline-block;
  424. list-style:none;
  425. border-right:1px solid {color:border};
  426. text-align:center;
  427. }
  428.  
  429. .tab-links a {
  430. padding:9px 15px;
  431. display:inline-block;
  432. transition:all linear 0.15s;
  433. }
  434.  
  435. .tab-links a:hover {
  436. text-decoration:none;
  437. background:{color:link bg};
  438. }
  439.  
  440. li.active a, li.active a:hover {
  441. background:{color:background};
  442. }
  443.  
  444. /*----- Content of Tabs -----*/
  445. .tab-content {
  446. padding-top:15px;
  447. }
  448.  
  449. .tab {
  450. display:none;
  451. }
  452.  
  453. .tab.active {
  454. display:block;
  455. }
  456.  
  457. /* posts */
  458. .post {
  459. line-height: 130%;
  460. clear: both;
  461. padding:45px;
  462. border-bottom:1px solid {color:border};
  463. {block:Ifgrayscaleposts}
  464. -webkit-filter: grayscale(100%);
  465. -webkit-transition: all 0.4s ease-in-out;
  466. -moz-transition: all 0.4s ease-in-out;
  467. -o-transition: all 0.4s ease-in-out;
  468. -ms-transition: all 0.4s ease-in-out;
  469. transition: all 0.4s ease-in-out;
  470. {/block:Ifgrayscaleposts}
  471. }
  472.  
  473. .post:hover{
  474. {block:Ifgrayscaleposts}
  475. -webkit-filter: grayscale(0%);
  476. -webkit-transition: all 0.4s ease-in-out;
  477. -moz-transition: all 0.4s ease-in-out;
  478. -o-transition: all 0.4s ease-in-out;
  479. -ms-transition: all 0.4s ease-in-out;
  480. transition: all 0.4s ease-in-out;
  481. {/block:Ifgrayscaleposts}
  482. }
  483.  
  484. .caption{
  485. margin-top:10px;
  486. background:{color:link bg};
  487. border:1px solid {color:border};
  488. padding:20px;
  489. }
  490.  
  491. .post h3 {
  492. font-family:'Roboto';
  493. font-size: 15px;
  494. text-transform:uppercase;
  495. letter-spacing:2px;
  496. font-weight:300;
  497. text-align:center;
  498. margin-bottom:10px;
  499. }
  500.  
  501.  
  502. /* kinds of posts */
  503. .text {
  504. text-align: left;
  505. margin-top:20px;
  506. margin-bottom:20px;
  507. line-height:150%;
  508. }
  509.  
  510. .photo {margin-bottom: 5px; text-align: center;}
  511. .post photo img {border: 0;}
  512.  
  513. .quote {
  514. text-align: left;
  515. padding:10px;
  516. text-transform:uppercase;
  517. font-style:italic;
  518. line-height:190%;
  519. }
  520. .quote .source {
  521. font-size: 9px;
  522. text-align:right;
  523. font-style:normal;
  524. font-weight:bold;
  525. margin-top:10px;
  526. text-transform:none;
  527. }
  528.  
  529.  
  530. /* ----------- ASK ----------- */
  531.  
  532. .askerimage{
  533. position:relative;
  534. float:right;
  535. margin-top:-8px;
  536. }
  537.  
  538. .askerimage img{
  539. width:30px;
  540. }
  541.  
  542. .askercontainer{
  543. border:1px solid {color:border};
  544. text-align:left;
  545. padding:8px;
  546. padding-right:0px;
  547. }
  548.  
  549. .asker{
  550. position:relative;
  551. display:inline-block;
  552. background:{color:background};
  553. font-size:8px;
  554. text-transform:uppercase;
  555. letter-spacing:1px;
  556. }
  557.  
  558. .answer {
  559. text-align: left;
  560. margin-bottom:10px;
  561. }
  562.  
  563. .question {
  564. padding:20px;
  565. font-style:italic;
  566. text-align:left;
  567. }
  568.  
  569. .link {text-align: left;}
  570.  
  571.  
  572. /* ----- AUDIO ------ */
  573.  
  574. .audio {text-align: left; min-height:90px;}
  575.  
  576. .songart{
  577. position:relative;
  578. float:left;
  579. width:90px;
  580. height:90px;
  581. margin-right:10px;
  582. border:1px solid {color:border};
  583. }
  584.  
  585. .songart img{
  586. position:absolute;
  587. width:90px;
  588. height:90px;
  589. }
  590.  
  591. .player{
  592. position:absolute;
  593. margin-left:30px;
  594. margin-top:30px;
  595. height:30px;
  596. width:30px;
  597. overflow:hidden;
  598. z-index:9999;
  599. }
  600.  
  601. .songinfo{
  602. position:relative;
  603. float:right;
  604. {block:Ifnot500pxposts}
  605. width:236px;
  606. {/block:Ifnot500pxposts}
  607. {block:If500pxposts}
  608. width:336px;
  609. {/block:If500pxposts}
  610. border:1px solid {color:border};
  611. background:{color:link bg};
  612. height:30px;
  613. padding:30px;
  614. text-transform:uppercase;
  615. font-size:8px;
  616. letter-spacing:1px;
  617. }
  618.  
  619. .tumblr_audio_player {
  620. height: 30px;
  621. }
  622.  
  623. .video {text-align: left;}
  624.  
  625.  
  626. /* -------------- CHAT ------------- */
  627.  
  628. .chat {
  629. text-align: left;
  630. border-left:1px solid {color:border};
  631. border-right:1px solid {color:border};
  632. line-height:100%;
  633. border-top:1px solid {color:border};
  634. }
  635.  
  636. .ctitle{
  637. font-family:'Roboto';
  638. font-size: 15px;
  639. text-transform:uppercase;
  640. letter-spacing:2px;
  641. font-weight:300;
  642. text-align:center;
  643. border-bottom:1px solid {color:border};
  644. padding:15px;
  645. }
  646.  
  647. .line{
  648. border-bottom:1px solid {color:border};
  649. }
  650.  
  651. .odd .line {
  652. padding: 10px;
  653. }
  654.  
  655. .even .line {
  656. padding: 10px;
  657. }
  658.  
  659. .label{
  660. position:relative;
  661. display:inline-block;
  662. text-transform:uppercase;
  663. padding:10px;
  664. letter-spacing:1px;
  665. font-size:8px;
  666. border-right:1px solid {color:border};
  667. margin-right:5px;
  668. margin-top:-10px;
  669. margin-bottom:-10px;
  670. margin-left:-10px;
  671. }
  672.  
  673. .linkpost{
  674. font-family:'Roboto';
  675. font-weight:300;
  676. font-size:15px;
  677. text-align:center;
  678. text-transform:uppercase;
  679. letter-spacing:2px;
  680. margin-bottom:10px;
  681. }
  682.  
  683. .linkdesc{
  684. margin-top:10px;
  685. }
  686.  
  687. /* metadata */
  688.  
  689. .info {
  690. margin-top:10px;
  691. font-size: 8px;
  692. letter-spacing:1px;
  693. text-transform:uppercase;
  694. line-height:150%;
  695. text-align:left;
  696. background:{color:background};
  697. border-top:1px solid {color:border};
  698. border-bottom:1px solid {color:border};
  699. }
  700.  
  701. .timeago{
  702. position:relative;
  703. display:inline-block;
  704. border-left:1px solid {color:border};
  705. border-right:1px solid {color:border};
  706. padding:8px;
  707. -webkit-transition: all .3s ease-in-out;
  708. -moz-transition: all .3s ease-in-out;
  709. -o-transition: all .3s ease-in-out;
  710. -ms-transition: all .3s ease-in-out;
  711. transition: all .3s ease-in-out;
  712. }
  713.  
  714. .timeago:hover{
  715. background:{color:link bg};
  716. -webkit-transition: all .3s ease-in-out;
  717. -moz-transition: all .3s ease-in-out;
  718. -o-transition: all .3s ease-in-out;
  719. -ms-transition: all .3s ease-in-out;
  720. transition: all .3s ease-in-out;
  721. }
  722.  
  723. .infobutton{
  724. position:relative;
  725. margin-left:-3px;
  726. display:inline-block;
  727. border-right:1px solid {color:border};
  728. padding:8px;
  729. -webkit-transition: all .3s ease-in-out;
  730. -moz-transition: all .3s ease-in-out;
  731. -o-transition: all .3s ease-in-out;
  732. -ms-transition: all .3s ease-in-out;
  733. transition: all .3s ease-in-out;
  734. }
  735.  
  736. .infobutton:hover{
  737. background:{color:link bg};
  738. -webkit-transition: all .3s ease-in-out;
  739. -moz-transition: all .3s ease-in-out;
  740. -o-transition: all .3s ease-in-out;
  741. -ms-transition: all .3s ease-in-out;
  742. transition: all .3s ease-in-out;
  743. }
  744.  
  745. .reblogbutton{
  746. position:relative;
  747. float:right;
  748. display:inline-block;
  749. border-left:1px solid {color:border};
  750. border-right:1px solid {color:border};
  751. padding:8px;
  752. -webkit-transition: all .3s ease-in-out;
  753. -moz-transition: all .3s ease-in-out;
  754. -o-transition: all .3s ease-in-out;
  755. -ms-transition: all .3s ease-in-out;
  756. transition: all .3s ease-in-out;
  757. }
  758.  
  759. .reblogbutton:hover{
  760. background:{color:link bg};
  761. -webkit-transition: all .3s ease-in-out;
  762. -moz-transition: all .3s ease-in-out;
  763. -o-transition: all .3s ease-in-out;
  764. -ms-transition: all .3s ease-in-out;
  765. transition: all .3s ease-in-out;
  766. }
  767.  
  768. .post:hover .tags{
  769. {block:Ifhovertags}
  770. opacity:1.0;
  771. {/block:Ifhovertags}
  772. -webkit-transition: all .3s ease-in-out;
  773. -moz-transition: all .3s ease-in-out;
  774. -o-transition: all .3s ease-in-out;
  775. -ms-transition: all .3s ease-in-out;
  776. transition: all .3s ease-in-out;
  777. }
  778.  
  779. .tags {
  780. {block:Ifhovertags}
  781. opacity:0.0;
  782. {/block:Ifhovertags}
  783. text-transform:lowercase;
  784. text-align:left;
  785. font-style:italic;
  786. font-size:10px;
  787. padding:10px;
  788. -webkit-transition: all .3s ease-in-out;
  789. -moz-transition: all .3s ease-in-out;
  790. -o-transition: all .3s ease-in-out;
  791. -ms-transition: all .3s ease-in-out;
  792. transition: all .3s ease-in-out;
  793. }
  794.  
  795.  
  796. ol.notes {
  797. display:block;
  798. text-align:left;
  799. margin-bottom:30px;
  800. list-style-type: none;
  801. }
  802.  
  803. ol.notes li.note{
  804. padding:5px;
  805. border-bottom:1px solid {color:border};
  806. padding-bottom:10px;
  807. padding-left:10px;
  808. margin-left:-20px;
  809. margin-right:-20px;
  810. }
  811.  
  812. .pagenotes {
  813. text-align:left;
  814. padding:20px;
  815. background:{color:background};
  816. text-transform:lowercase;
  817. font-size:10px;
  818. }
  819.  
  820. .pagenotes img{
  821. padding-right:5px;
  822. padding-top:5px;
  823. margin-bottom:-5px;
  824. }
  825.  
  826. /*credit*/
  827.  
  828. #credit {
  829. position:static;
  830. text-align:center;
  831. padding-top:25px;
  832. padding-bottom:50px;
  833. letter-spacing:2px;
  834. font-size:9px;
  835. }
  836.  
  837.  
  838.  
  839. {CustomCSS}
  840.  
  841. </style></head>
  842. <body>
  843.  
  844. <div id="content">
  845.  
  846. <div id="sidebar">
  847.  
  848. <div class="header">
  849. <img src="{image:header}">
  850. </div>
  851.  
  852. <a href="/"><div class="title">{Title}</div></a>
  853.  
  854. </div>
  855.  
  856.  
  857. <div class="tabs">
  858. <ul class="tab-links">
  859. {block:Iflink1}
  860. <li style="margin-left:-40px; border-left:1px solid {color:border}">
  861. <a href="{text:link 1 url}">{text:link 1}</a></li>
  862. {/block:Iflink1}
  863. {block:Iflink2}
  864. <li><a href="{text:link 2 url}">{text:link 2}</a></li>
  865. {/block:Iflink2}
  866. {block:Iflink3}
  867. <li><a href="{text:link 3 url}">{text:link 3}</a></li>
  868. {/block:Iflink3}
  869. {block:Iflink4}
  870. <li><a href="{text:link 4 url}">{text:link 4}</a></li>
  871. {/block:Iflink4}
  872. {block:Iflink5}
  873. <li><a href="{text:link 5 url}">{text:link 5}</a></li>
  874. {/block:Iflink5}
  875. {block:Iflink6}
  876. <li><a href="{text:link 6 url}">{text:link 6}</a></li>
  877. {/block:Iflink6}
  878. </ul>
  879. </div>
  880.  
  881.  
  882. {block:Posts}
  883. <div class="post">
  884.  
  885. {block:Text}
  886. <div class="text">
  887. {block:Title}
  888. <h3>{Title}</h3>
  889. {/block:Title}
  890. {Body}
  891. </div>
  892. {/block:Text}
  893.  
  894. {block:Photo}
  895. {block:If500pxposts}
  896. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  897. {/block:If500pxposts}
  898. {block:Ifnot500pxposts}
  899. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  900. {/block:Ifnot500pxposts}
  901. {block:Ifhidecaptions}
  902. {block:PermalinkPage}
  903. {block:Caption}
  904. <div class="caption">{Caption}</div>
  905. {/block:Caption}
  906. {/block:PermalinkPage}
  907. {/block:Ifhidecaptions}
  908. {block:Ifnothidecaptions}
  909. {block:Caption}
  910. <div class="caption">{Caption}</div>
  911. {/block:Caption}
  912. {/block:Ifnothidecaptions}
  913.  
  914. {/block:Photo}
  915.  
  916. {block:Photoset}
  917. <div class="photoset">
  918. {block:If500pxposts}
  919. {Photoset-500}
  920. {/block:If500pxposts}
  921. {block:Ifnot500pxposts}
  922. {Photoset-400}
  923. {/block:Ifnot500pxposts}
  924. {block:Ifhidecaptions}
  925. {block:PermalinkPage}
  926. {block:Caption}
  927. <div class="caption">{Caption}</div>
  928. {/block:Caption}
  929. {/block:PermalinkPage}
  930. {/block:Ifhidecaptions}
  931. {block:Ifnothidecaptions}
  932. {block:Caption}
  933. <div class="caption">{Caption}</div>
  934. {/block:Caption}
  935. {/block:Ifnothidecaptions}
  936. </div>
  937. {/block:Photoset}
  938.  
  939. {block:Quote}
  940. <div class="quote">
  941. {Quote}
  942. {block:Source}
  943. <div class="source">— {Source}</div>
  944. {/block:Source}
  945. </div>
  946. {/block:Quote}
  947.  
  948. {block:Link}
  949. <div class="linkpost">
  950. <a href="{URL}" {Target}>{Name}</a>
  951. </div>
  952. {block:Description}
  953. <div class="linkdesc">{Description}</div>
  954. {/block:Description}
  955. {/block:Link}
  956.  
  957. {block:Chat}
  958. <div class="chat">
  959. {block:Title}
  960. <div class="ctitle"><a href="{Permalink}">{Title}</a></div>
  961. {/block:Title}
  962. {block:Lines}
  963. <div class="{Alt}">
  964. <div class="line">
  965. {block:Label}
  966. <div class="label">{Label}</div>
  967. {/block:Label}
  968. {Line}
  969. </div></div>
  970. {/block:Lines}
  971. </div>
  972. {/block:Chat}
  973.  
  974. {block:Answer}
  975. <div class="askercontainer">
  976. <div class="askerimage">
  977. <img src="{AskerPortraitURL-30}"></div>
  978.  
  979. <div class="asker"><b>{Asker}</b> Whispered</div>
  980. </div>
  981. <div class="question">{Question}</div>
  982. <div class="answer">{Answer}</div>
  983. {/block:Answer}
  984.  
  985. {block:Video}
  986. <div class="video">
  987. {block:If500pxposts}
  988. {Video-500}
  989. {/block:If500pxposts}
  990. {block:Ifnot500pxposts}
  991. {Video-400}
  992. {/block:Ifnot500pxposts}
  993. {block:Ifhidecaptions}
  994. {block:PermalinkPage}
  995. {block:Caption}
  996. <div class="caption">{Caption}</div>
  997. {/block:Caption}
  998. {/block:PermalinkPage}
  999. {/block:Ifhidecaptions}
  1000. {block:Ifnothidecaptions}
  1001. {block:Caption}
  1002. <div class="caption">{Caption}</div>
  1003. {/block:Caption}
  1004. {/block:Ifnothidecaptions}
  1005. </div>
  1006. {/block:Video}
  1007.  
  1008. {block:Audio}
  1009. <div class="audio">
  1010. <div class="songart">
  1011. <div class="player">{AudioPlayerBlack}</div>
  1012. {block:AlbumArt}
  1013. <img src="{AlbumArtURL}">
  1014. {/block:AlbumArt}
  1015. </div>
  1016. <div class="songinfo">
  1017. {block:TrackName}
  1018. <b>{TrackName}</b>
  1019. {/block:TrackName}
  1020. {block:Artist}
  1021. <br>{Artist}
  1022. {/block:Artist}
  1023. </div>
  1024. </div>
  1025. {block:Ifhidecaptions}
  1026. {block:PermalinkPage}
  1027. {block:Caption}
  1028. <div class="caption">{Caption}</div>
  1029. {/block:Caption}
  1030. {/block:PermalinkPage}
  1031. {/block:Ifhidecaptions}
  1032. {block:Ifnothidecaptions}
  1033. {block:Caption}
  1034. <div class="caption">{Caption}</div>
  1035. {/block:Caption}
  1036. {/block:Ifnothidecaptions}
  1037. {/block:Audio}
  1038.  
  1039.  
  1040. {block:Date}
  1041. <div class="info">
  1042. <a href="{Permalink}">
  1043. <div class="timeago">{TimeAgo}</div></a>
  1044. <a href="{Permalink}"><div class="infobutton">
  1045. {NoteCountWithLabel}</div></a>
  1046.  
  1047. <a href="{ReblogURL}" target="_blank">
  1048. <div class="reblogbutton">Reblog</div></a>
  1049.  
  1050. {block:RebloggedFrom}
  1051. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">
  1052. <div class="infobutton">Via</div></a>
  1053. {block:ContentSource}
  1054. <a href="{ReblogRootURL}" title="{ReblogRoottitle}">
  1055. <div class="infobutton">Source</div></a>
  1056. {/block:ContentSource}
  1057. {/block:RebloggedFrom}
  1058. </div>
  1059. {/block:Date}
  1060.  
  1061.  
  1062. {block:HasTags}
  1063. <div class="tags">
  1064. {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}</div>
  1065. {/block:HasTags}
  1066.  
  1067.  
  1068. {block:PostNotes}
  1069. <div class="pagenotes">{PostNotes}</div>
  1070. {/block:PostNotes}
  1071.  
  1072. </div>
  1073. {/block:Posts}
  1074.  
  1075.  
  1076.  
  1077. {block:Pagination}
  1078. <div id="pagination">
  1079. {block:PreviousPage}
  1080. <a href="{PreviousPage}"><div class="prevbutton">back</div></a>
  1081. {/block:PreviousPage}
  1082. {block:NextPage}
  1083. <a href="{NextPage}"><div class="nextbutton">forth</div></a>
  1084. {/block:NextPage}
  1085. </div>
  1086. {/block:Pagination}
  1087.  
  1088.  
  1089. {block:IndexPage}
  1090. <div id="credit">
  1091. <a href="http://neonbikethemes.tumblr.com/">NEONBIKE THEMES</a>
  1092. </div>
  1093. {/block:IndexPage}
  1094.  
  1095.  
  1096.  
  1097.  
  1098.  
  1099.  
  1100.  
  1101. </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!