paigeh987

Theme 25 - neonbike themes

Jul 16th, 2015
11,230
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.69 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <!--
  4.  
  5. Theme 25 by Paige @ neonbikethemes.tumblr.com
  6. Last updated 07.18.16
  7.  
  8. Rules:
  9.  
  10. - Do not steal code or design
  11. - Edit as much as you want but don't remove credit!
  12. - Like/reblog the post
  13.  
  14. base code by farahmir
  15. -->
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!--Default Variables-->
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Post Container" content="#f8f8f8"/>
  27. <meta name="color:Title bg" content="#a0a0a0"/>
  28. <meta name="color:Title Text" content="#ffffff"/>
  29. <meta name="color:Second Title" content="#000000"/>
  30. <meta name="color:Divider" content="#a0a0a0"/>
  31. <meta name="color:Links Bar bg" content="#000000"/>
  32. <meta name="color:Links Bar Text" content="#ffffff"/>
  33. <meta name="color:Sidebar Titles bg" content="#000000"/>
  34. <meta name="color:Sidebar Titles Text" content="#ffffff"/>
  35. <meta name="color:Posts" content="#ffffff"/>
  36. <meta name="color:Border" content="#f8f8f8"/>
  37. <meta name="color:Text" content="#aaaaaa"/>
  38. <meta name="color:Link" content="#000000"/>
  39. <meta name="color:Tags" content="#a0a0a0"/>
  40. <meta name="color:Footer" content="#a0a0a0"/>
  41.  
  42. <meta name="select:Title Font" content="Montserrat" title="Montserrat">
  43. <meta name="select:Title Font" content="Dosis" title="Dosis">
  44. <meta name="select:Title Font" content="Roboto" title="Roboto">
  45. <meta name="select:Title Font" content="Bitter" title="Bitter">
  46. <meta name="select:Title Font" content="Open Sans" title="Open Sans">
  47. <meta name="select:Title Font" content="Lato" title="Lato">
  48.  
  49. <meta name="select:Body Font" content="Helvetica" title="Helevtica">
  50. <meta name="select:Body Font" content="Roboto" title="Roboto">
  51. <meta name="select:Body Font" content="Bitter" title="Bitter">
  52. <meta name="select:Body Font" content="Open Sans" title="Open Sans">
  53. <meta name="select:Body Font" content="Lato" title="Lato">
  54.  
  55. <meta name="select:Font Size" content="12px" title="12px">
  56. <meta name="select:Font Size" content="11px" title="11px">
  57. <meta name="select:Font Size" content="10px" title="10px">
  58. <meta name="select:Font Size" content="9px" title="9px">
  59.  
  60. <meta name="select:Second Title Align" content="Left" title="Left">
  61. <meta name="select:Second Title Align" content="Center" title="Center">
  62. <meta name="select:Second Title Align" content="RIght" title="Right">
  63.  
  64. <meta name="image:Background" content=""/>
  65. <meta name="image:Header 1" content=""/>
  66. <meta name="image:Header 2" content=""/>
  67. <meta name="image:Header 3" content=""/>
  68. <meta name="image:Header 4" content=""/>
  69. <meta name="image:Sidebar" content=""/>
  70. <meta name="image:Icon" content=""/>
  71.  
  72. <meta name="if:400px posts" content="0" />
  73. <meta name="if:Right Sidebar" content="0" />
  74. <meta name="if:Full Size Bg" content="0" />
  75. <meta name="if:Show Icon" content="1" />
  76. <meta name="if:Show Header" content="1" />
  77. <meta name="if:Show Header on Permalink" content="0" />
  78. <meta name="if:Single Header Img" content="0" />
  79. <meta name="if:Full Width Header" content="0" />
  80. <meta name="if:Show Sidebar Image" content="1" />
  81. <meta name="if:Show Sidebar Search" content="1" />
  82. <meta name="if:Show Description Box" content="1" />
  83. <meta name="if:Show Extra Links Box" content="1" />
  84. <meta name="if:Show Members Box" content="1" />
  85. <meta name="if:Show Extra Box 1" content="0" />
  86. <meta name="if:Show Extra Box 2" content="0" />
  87. <meta name="if:Show Footer Search" content="1" />
  88.  
  89. <meta name="text:Second Title" content="Your favorite, every day" />
  90. <meta name="text:Second Description" content="" />
  91.  
  92. <meta name="text:Disqus Shortname" content=""/>
  93.  
  94. <meta name="text:Link 1 URL" content="/" />
  95. <meta name="text:Link 1" content="one" />
  96. <meta name="text:Link 2 URL" content="/" />
  97. <meta name="text:Link 2" content="two" />
  98. <meta name="text:Link 3 URL" content="/" />
  99. <meta name="text:Link 3" content="three" />
  100. <meta name="text:Link 4 URL" content="/" />
  101. <meta name="text:Link 4" content="four" />
  102. <meta name="text:Link 5 URL" content="/" />
  103. <meta name="text:Link 5" content="five" />
  104. <meta name="text:Link 6 URL" content="/" />
  105. <meta name="text:Link 6" content="six" />
  106.  
  107. <meta name="text:Description Box Title" content="Hello" />
  108.  
  109. <meta name="text:Extra Links Box Title" content="Navigate" />
  110. <meta name="text:Extra Link 1 URL" content="/" />
  111. <meta name="text:Extra Link 1" content="" />
  112. <meta name="text:Extra Link 2 URL" content="/" />
  113. <meta name="text:Extra Link 2" content="" />
  114. <meta name="text:Extra Link 3 URL" content="/" />
  115. <meta name="text:Extra Link 3" content="" />
  116. <meta name="text:Extra Link 4 URL" content="/" />
  117. <meta name="text:Extra Link 4" content="" />
  118. <meta name="text:Extra Link 5 URL" content="/" />
  119. <meta name="text:Extra Link 5" content="" />
  120. <meta name="text:Extra Link 6 URL" content="/" />
  121. <meta name="text:Extra Link 6" content="" />
  122. <meta name="text:Extra Link 7 URL" content="/" />
  123. <meta name="text:Extra Link 7" content="" />
  124. <meta name="text:Extra Link 8 URL" content="/" />
  125. <meta name="text:Extra Link 8" content="" />
  126.  
  127. <meta name="text:Members Box Title" content="The Squad" />
  128.  
  129. <meta name="text:Extra Box 1 Title" content="Extras" />
  130. <meta name="text:Extra Box 1 Content" content="" />
  131.  
  132. <meta name="text:Extra Box 2 Title" content="Extras" />
  133. <meta name="text:Extra Box 2 Content" content="" />
  134.  
  135. <meta name="text:Footer" content="" />
  136.  
  137.  
  138. <!-- jquery for tooltips-->
  139.  
  140.  
  141. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  142.  
  143. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  144.  
  145. <script>
  146. (function($){
  147. $(document).ready(function(){
  148. $("a[title]").style_my_tooltips({
  149. tip_follows_cursor:true,
  150. tip_delay_time:30,
  151. tip_fade_speed:300,
  152. attribute:"title"
  153. });
  154. });
  155. })(jQuery);
  156. </script>
  157.  
  158. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  159. <script type="text/javascript" src="http://static.tumblr.com/lv6casp/aCNm74ixy/stepcarousel.js">
  160. /***********************************************
  161. * Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  162. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  163. * This notice must stay intact for legal use
  164. ***********************************************/
  165. </script>
  166.  
  167. {block:IfSingleHeaderImg}
  168. {/block:IfSingleHeaderImg}
  169. {block:IfnotSingleHeaderImg}
  170. <script type="text/javascript">
  171. stepcarousel.setup({
  172. galleryid: 'mygallery', //id of carousel DIV
  173. beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
  174. panelclass: 'panel', //class of panel DIVs each holding content
  175. autostep: {enable:true, moveby:1, pause:3000},
  176. panelbehavior: {speed:500, wraparound:true, wrapbehavior:'slide', persist:true},
  177. defaultbuttons: {enable: false, moveby: 1, leftnav: ['http://i48.tinypic.com/357klf6.png', -15, 280], rightnav: ['http://i45.tinypic.com/2w1tp5l.png', 0, 280]},
  178. statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
  179. contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
  180. })
  181. </script>
  182. {/block:IfnotSingleHeaderImg}
  183.  
  184. <!-- SMOOTH SCROLLING -->
  185.  
  186. <!--<script type="text/javascript" src="http://kryogenix.org/code/browser/smoothscroll/smoothscroll.js"></script>-->
  187. <script type="text/javascript">
  188. $(function() {
  189. $('a[href*=#]:not([href=#])').click(function() {
  190. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  191. var target = $(this.hash);
  192. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  193. if (target.length) {
  194. $('html,body').animate({
  195. scrollTop: target.offset().top
  196. }, 1000);
  197. return false;
  198. }
  199. }
  200. });
  201. });
  202. </script>
  203.  
  204. <!-- FONTS -->
  205.  
  206. <link href='http://fonts.googleapis.com/css?family=Dosis:500,700|Lato:400,700,700italic|Bitter:400,700,400italic|Open+Sans:400italic,700italic,700,400|Roboto:400italic,700italic,700,400|Montserrat:400,700' rel='stylesheet' type='text/css'>
  207.  
  208. <script type="text/javascript">
  209. WebFontConfig = {
  210. google: { families: [ 'Dosis:500,700:latin', 'Lato:400,700,700italic:latin', 'Bitter:400,700,400italic:latin', 'Open+Sans:400italic,700italic,700,400:latin', 'Roboto:400italic,700italic,700,400:latin', 'Montserrat:400,700:latin' ] }
  211. };
  212. (function() {
  213. var wf = document.createElement('script');
  214. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  215. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  216. wf.type = 'text/javascript';
  217. wf.async = 'true';
  218. var s = document.getElementsByTagName('script')[0];
  219. s.parentNode.insertBefore(wf, s);
  220. })(); </script>
  221.  
  222. <!-- ICONS SCRIPTS -->
  223.  
  224. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  225.  
  226. <!--CSS customization here. -->
  227.  
  228. <style type="text/css">
  229.  
  230. #s-m-t-tooltip{
  231. position:absolute;
  232. margin: 15px 0px 0px 15px;
  233. padding:8px;
  234. z-index:9999;
  235. background:{color:background};
  236. border-bottom:2px solid {color:title bg};
  237. }
  238.  
  239. @import url(http://fonts.googleapis.com/css?family=Dosis:500,700|Lato:400,700,700italic|Bitter:400,700,400italic|Open+Sans:400italic,700italic,700,400|Roboto:400italic,700italic,700,400|Montserrat:400,700);
  240.  
  241. /* BASICS */
  242.  
  243. blockquote {
  244. padding:0px 0px 0px 15px;
  245. border-left:1px solid {color:border};
  246. margin-left:4px;
  247. }
  248.  
  249. body {
  250. background-attachment:fixed;
  251. background:{color:background};
  252. background-image: url('{image:background}');
  253. {block:Iffullsizebg}
  254. background-size: 100vw 100vh;
  255. {/block:Iffullsizebg}
  256. color:{color:text};
  257. font-family:{select:body font}, helvetica;
  258. font-size:{select:Font Size};
  259. text-align:left;
  260. margin:0;
  261. line-height:16px;
  262. }
  263.  
  264.  
  265. a {
  266. color:{color:link};
  267. text-decoration:none;
  268. }
  269.  
  270. a:hover {
  271. text-decoration:underline;}
  272.  
  273. img{
  274. opacity:1;
  275. border:none;
  276. text-decoration:none;
  277. max-width:100%;
  278. }
  279.  
  280.  
  281. small {
  282. font-size: calc({select:Font Size} - 1px);}
  283.  
  284. big {
  285. font-size: calc({select:Font Size} + 1px);}
  286.  
  287. ul{
  288. list-style-type:square;
  289. background:{color:posts};
  290. }
  291.  
  292. #title {
  293. border-bottom:1px solid {color:border};
  294. color:{color:text};
  295. padding:5px 0px 10px 3px;
  296. font-size: calc({select:Font Size} + 3px);;
  297. line-height:18px;
  298. margin-bottom:15px;
  299. font-weight:bold;
  300. letter-spacing:1px;
  301. text-align:left;
  302. font-family: {select:title font}, helvetica, sans-serif;
  303. }
  304.  
  305. #title a{
  306. color:{color:text};
  307. text-decoration:none;
  308. }
  309.  
  310. {block:Iffullwidthheader}
  311.  
  312. .tmblr-iframe, #tumblr_controls, tmblr-iframe tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop{
  313. top:67px !important;
  314. right:1px !important;
  315. position:fixed !important;
  316. margin-top:0px !important;
  317. margin-right:0px !important;
  318. opacity:0.9 !important;
  319. z-index:9999999 !important;
  320. }
  321. {/block:Iffullwidthheader}
  322.  
  323. .lightbox-image {
  324. max-height:80vh;
  325. max-width:80vw;
  326. }
  327.  
  328.  
  329. /* -------------- HEADER --------------- */
  330.  
  331. .header{
  332. margin-bottom:-4px;
  333. {block:Iffullwidthheader}
  334. width:100%;
  335. {/block:Iffullwidthheader}
  336. {block:Ifnotfullwidthheader}
  337. {block:If400pxposts}
  338. width:800px;
  339. {/block:If400pxposts}
  340. {block:Ifnot400pxposts}
  341. width:900px;
  342. {/block:Ifnot400pxposts}
  343. {/block:Ifnotfullwidthheader}
  344. }
  345.  
  346. .header img{
  347. {block:Iffullwidthheader}
  348. width:100%;
  349. {/block:Iffullwidthheader}
  350. {block:Ifnotfullwidthheader}
  351. width:900px;
  352. {/block:Ifnotfullwidthheader}
  353. height:auto;
  354. z-index:99;
  355. margin-bottom:-4px;
  356. margin-top:65px;
  357. }
  358.  
  359. #links {
  360. position:fixed;
  361. {block:Iffullwidthheader}
  362. width:98vw;
  363. {/block:Iffullwidthheader}
  364. {block:Ifnotfullwidthheader}
  365. {block:If400pxposts}
  366. width:780px;
  367. {/block:If400pxposts}
  368. {block:Ifnot400pxposts}
  369. width:880px;
  370. {/block:Ifnot400pxposts}
  371. {/block:Ifnotfullwidthheader}
  372. height:66px;
  373. overflow:hidden;
  374. padding-right:20px;
  375. text-transform:uppercase;
  376. letter-spacing:2px;
  377. font-style:italic;
  378. font-size:11px;
  379. color:{color:links bar text};
  380. text-align:right;
  381. background:{color:links bar bg};
  382. z-index:99999999999;
  383. {block:Ifshowheader}
  384. {/block:Ifshowheader}
  385. {block:Ifnotshowheader}
  386. margin-top:-65px;
  387. {/block:Ifnotshowheader}
  388. }
  389.  
  390.  
  391. #links a {
  392. color:{color:links bar text};
  393. text-decoration:none;
  394. }
  395.  
  396. #blogt {
  397. position:relative;
  398. float:left;
  399. padding:25px;
  400. padding-left:30px;
  401. padding-right:30px;
  402. font-size:18px;
  403. letter-spacing:3px;
  404. font-weight:bold;
  405. font-style:normal;
  406. color:{color:title text};
  407. font-family: {select:title font}, helvetica, sans-serif;
  408. background:{color:title bg};
  409. z-index:999999;
  410. }
  411.  
  412. #blogt img{
  413. position:relative;
  414. display:inline-block;
  415. margin-right:15px;
  416. margin-bottom:-10px;
  417. height:35px;
  418. max-width:35px;
  419. margin-top:-10px;
  420. }
  421.  
  422. .link{
  423. display:inline-block;
  424. padding: 8px 6px 8px 6px;
  425. margin: 15px 8px 5px 8px;
  426. -webkit-transition: all .4s;
  427. -moz-transition: all .4s;
  428. -o-transition: all .4s;
  429. -ms-transition: all .4s;
  430. transition: all .4s;
  431. border-bottom:2px solid {color:links bar bg};
  432. }
  433.  
  434. .link:hover{
  435. border-bottom:2px solid {color:title bg};
  436. color:{color:links bar text};
  437. -webkit-transition: all .4s;
  438. -moz-transition: all .4s;
  439. -o-transition: all .4s;
  440. -ms-transition: all .4s;
  441. transition: all .4s;
  442. }
  443.  
  444. .secondtitle{
  445. position:absolute;
  446. z-index:99999;
  447. {block:Ifnotfullwidthheader}
  448. width:500px;
  449. margin-left:-250px;
  450. {/block:Ifnotfullwidthheader}
  451. {block:Iffullwidthheader}
  452. width:60vw;
  453. margin-left:-30vw;
  454. {/block:Iffullwidthheader}
  455. left:50%;
  456. top:50%;
  457. margin-top:-25px;
  458. font-size:28px;
  459. text-align:{select:second title align};
  460. text-transform:uppercase;
  461. font-weight:bold;
  462. color:{color:Second title};
  463. letter-spacing:3px;
  464. font-family:{select:title font}, helvetica, sans-serif;
  465. }
  466.  
  467. .divider{
  468. margin-top:7px;
  469. color:{color:divider};
  470. }
  471.  
  472. .seconddesc{
  473. width:370px;
  474. display:inline-block;
  475. font-size:{select:font size};
  476. text-transform:lowercase;
  477. font-style:italic;
  478. letter-spacing:1px;
  479. font-family:{select:body font}, helvetica, sans-serif;
  480. }
  481.  
  482. .downbutton{
  483. position:absolute;
  484. z-index:99999;
  485. {block:Ifnotfullwidthheader}
  486. display: none!important;
  487. {/block:Ifnotfullwidthheader}
  488. {block:Iffullwidthheader}
  489. width:20px;
  490. margin-left:-16px;
  491. {/block:Iffullwidthheader}
  492. left:50vw;
  493. bottom:0px;
  494. margin-top:-25px;
  495. color:{color:title text};
  496. font-size:18px;
  497. text-align:center;
  498. border-top:80px solid transparent;
  499. }
  500.  
  501. .downbutton a{
  502. display:inline-block;
  503. color:{color:title text};
  504. background-color:{color:title bg};
  505. padding:6px 6px 6px 6px;
  506. margin-top:50px;
  507. }
  508.  
  509. .dw{
  510. height:34px;
  511. background:transparent;
  512. }
  513.  
  514. .dw a{
  515. background:transparent;
  516. }
  517.  
  518. /* STEP CAROUSEL */
  519.  
  520. .stepcarousel{
  521. position:relative;
  522. {block:Iffullwidthheader}
  523. width:100vw;
  524. height:43vw;
  525. {/block:Iffullwidthheader}
  526. {block:Ifnotfullwidthheader}
  527. {block:If400pxposts}
  528. width:800px;
  529. height:350px;
  530. {/block:If400pxposts}
  531. {block:Ifnot400pxposts}
  532. width:900px;
  533. height:400px;
  534. {/block:Ifnot400pxposts}
  535. {/block:Ifnotfullwidthheader}
  536. overflow:hidden;
  537. z-index:99;
  538. }
  539.  
  540. .stepcarousel .belt{
  541. position:absolute;
  542. left:0px;
  543. top:0px;
  544. }
  545.  
  546. .stepcarousel .panel img{
  547. height:auto;
  548. {block:Iffullwidthheader}
  549. width:100vw;
  550. height:43vw;
  551. {/block:Iffullwidthheader}
  552. {block:Ifnotfullwidthheader}
  553. {block:If400pxposts}
  554. width:800px;
  555. min-height:350px;
  556. {/block:If400pxposts}
  557. {block:Ifnot400pxposts}
  558. width:900px;
  559. min-height:400px;
  560. {/block:Ifnot400pxposts}
  561. {/block:Ifnotfullwidthheader}
  562. }
  563.  
  564. .stepcarousel .panel{
  565. float:left;
  566. overflow:hidden;
  567. {block:Iffullwidthheader}
  568. width:100vw;
  569. height:43vw;
  570. {/block:Iffullwidthheader}
  571. {block:Ifnotfullwidthheader}
  572. {block:If400pxposts}
  573. width:800px;
  574. min-height:350px;
  575. {/block:If400pxposts}
  576. {block:Ifnot400pxposts}
  577. width:900px;
  578. min-height:400px;
  579. {/block:Ifnot400pxposts}
  580. {/block:Ifnotfullwidthheader}
  581. margin:0px;
  582. }
  583.  
  584. /* -------------- SIDEBAR ------------ */
  585.  
  586. #sidebar {
  587. position:absolute;
  588. display:inline-block;
  589. text-align:left;
  590. width:260px;
  591. padding:35px;
  592. {block:Ifnotrightsidebar}
  593. padding-left:35px;
  594. {/block:Ifnotrightsidebar}
  595. {block:Ifrightsidebar}
  596. padding-left: 35px;
  597. margin-left:-30px;
  598. {/block:Ifrightsidebar}
  599. margin-top:8px;
  600. background:{color:post container};
  601. z-index:9999;
  602. {block:Ifshowheader}
  603. border-top:0px solid {color:title bg};
  604. {/block:Ifshowheader}
  605. }
  606.  
  607. #sidebarim {
  608. background:{color:Posts};
  609. margin-top:0px;
  610. margin-bottom:20px;
  611. padding:10px;
  612. }
  613.  
  614. #sidebarim img {
  615. width:240px;
  616. margin-bottom:-4px;
  617. }
  618.  
  619. #description {
  620. margin-bottom:20px;
  621. padding:15px;
  622. background:{color:Posts};
  623. }
  624.  
  625. .sbheader{
  626. padding:15px;
  627. background:{color:posts};
  628. border-bottom:1px solid {color:border};
  629. color:{color:link};
  630. text-transform:uppercase;
  631. letter-spacing:2px;
  632. font-style:italic;
  633. text-align:center;
  634. font-family:{select:title font}, helvetica, sans-serif;
  635. }
  636.  
  637. .sbbox{
  638. background:{color:posts};
  639. padding:15px;
  640. margin-bottom:20px;
  641. }
  642.  
  643. /* SEARCH */
  644.  
  645. .sbox{
  646. border:none;
  647. background:{color:post container};
  648. width:180px;
  649. padding:7px;
  650. font-size:11px;
  651. font-family:'Montserrat', helvetica, sans-serif;
  652. margin-right:-3px;
  653. line-height:13px;
  654. }
  655.  
  656. .sbutton{
  657. padding:7px;
  658. margin-right:-10px;
  659. text-transform:uppercase;
  660. letter-spacing:1px;
  661. font-size:12px;
  662. line-height:14px;
  663. margin-top:-1px;
  664. border:none;
  665. background:{color:title bg};
  666. color:{color:posts};
  667. font-family:{font:select}, helvetica, sans-serif;
  668. font-weight:bold;
  669. cursor:pointer;
  670. }
  671.  
  672.  
  673. /* EXTRA LINKS */
  674.  
  675. .xlinks{
  676. margin-top:0px;
  677. margin-bottom:20px;
  678. margin-right:-10px;
  679. font-size:10px;
  680. }
  681.  
  682. .xlinks a{
  683. color:{color:text};
  684. }
  685.  
  686. .xlink{
  687. display:inline-block;
  688. width:128px;
  689. background:{color:posts};
  690. text-transform:uppercase;
  691. font-size:{select:font size};
  692. letter-spacing:2px;
  693. text-align:center;
  694. padding-bottom:10px;
  695. padding-top:10px;
  696. margin: 3px 1px 0px 0px;
  697. -webkit-transition: all .4s;
  698. -moz-transition: all .4s;
  699. -o-transition: all .4s;
  700. -ms-transition: all .4s;
  701. transition: all .4s;
  702. }
  703.  
  704. .xlink:hover{
  705. background:{color:title bg};
  706. color:{color:posts};
  707. -webkit-transition: all .4s;
  708. -moz-transition: all .4s;
  709. -o-transition: all .4s;
  710. -ms-transition: all .4s;
  711. transition: all .4s;
  712. }
  713.  
  714. .membersbox{
  715. margin-top:5px;
  716. margin-bottom:20px;
  717. }
  718.  
  719. .member{
  720. margin-bottom:5px;
  721. }
  722.  
  723. .member img{
  724. position:relative;
  725. float:left;
  726. margin-right:5px;
  727. border:5px solid {color:posts};
  728. }
  729.  
  730. .membername{
  731. position:relative;
  732. display:inline-block;
  733. width:203px;
  734. background:{color:posts};
  735. padding:9px;
  736. text-transform:lowercase;
  737. font-style:italic;
  738. color:{color:links};
  739. }
  740.  
  741. .membername a{
  742. color:{color:text};
  743. }
  744.  
  745. /*pagination*/
  746. #pagination {
  747. margin:50px 10px 50px 0px;
  748. text-transform:uppercase;
  749. font-weight:bold;
  750. {block:Ifrightsidebar}
  751. text-align:right;
  752. {/block:Ifrightsidebar}
  753. }
  754.  
  755. .pagibutton{
  756. background:{color:posts};
  757. padding:15px;
  758. position:relative;
  759. display:inline-block;
  760. }
  761.  
  762. /* -------------- CONTAINER -------------- */
  763.  
  764. #con {
  765. position:absolute;
  766. left:50%;
  767. {block:If400pxposts}
  768. width:800px;
  769. margin-left:-385px;
  770. {/block:If400pxposts}
  771. {block:Ifnot400pxposts}
  772. width:900px;
  773. margin-left:-485px;
  774. {/block:Ifnot400pxposts}
  775. background:{color:post container};
  776. {block:Ifnotshowheaderonpermalink}
  777. {block:PermalinkPage}
  778. padding-top:60px;
  779. {/block:PermalinkPage}
  780. {/block:Ifnotshowheaderonpermalink}
  781. {block:Ifnotshowheader}
  782. padding-top:0px;
  783. {/block:Ifnotshowheader}
  784. }
  785.  
  786. #headercon{
  787. position:relative;
  788. {block:Iffullwidthheader}
  789. width:100vw;
  790. {/block:Iffullwidthheader}
  791. {block:Ifnotfullwidthheader}
  792. left:50%;
  793. {block:If400pxposts}
  794. width:800px;
  795. margin-left:-385px;
  796. {/block:If400pxposts}
  797. {block:Ifnot400pxposts}
  798. width:900px;
  799. margin-left:-485px;
  800. {/block:Ifnot400pxposts}
  801. {/block:Ifnotfullwidthheader}
  802. background:{color:post container};
  803. {block:Ifshowheader}
  804. {/block:Ifshowheader}
  805. {block:Ifnotshowheader}
  806. padding-top:65px;
  807. {/block:Ifnotshowheader}
  808. }
  809.  
  810.  
  811. /* ---------------- POSTS ---------------- */
  812.  
  813. #entries {
  814. position:relative;
  815. display:inline-block;
  816. {block:Ifnotrightsidebar}
  817. margin-left:330px;
  818. {/block:Ifnotrightsidebar}
  819. {block:Ifrightsidebar}
  820. margin-left:30px;
  821. {/block:Ifrightsidebar}
  822. margin-top:4px;
  823. padding-top:40px;
  824. {block:Ifshowheader}
  825. border-top:0px solid {color:title bg};
  826. {/block:Ifshowheader}
  827. {block:If400pxposts}
  828. width:440px;
  829. {/block:If400pxposts}
  830. {block:Ifnot400pxposts}
  831. width:540px;
  832. {/block:Ifnot400pxposts}
  833. padding-right:30px;
  834. }
  835.  
  836. #posts {
  837. {block:IndexPage}
  838. margin-bottom:40px;
  839. {/block:IndexPage}
  840. {block:PermalinkPage}
  841. margin-bottom:20px;
  842. {/block:PermalinkPage}
  843. background:{color:posts};
  844. {block:If400pxposts}
  845. width:430px;
  846. {/block:If400pxposts}
  847. {block:Ifnot400pxposts}
  848. width:530px;
  849. {/block:Ifnot400pxposts}
  850. }
  851.  
  852. .postcontent{
  853. padding:15px;
  854. {block:If400pxposts}
  855. width:400px;
  856. {/block:If400pxposts}
  857. {block:Ifnot400pxposts}
  858. width:500px;
  859. {/block:Ifnot400pxposts}
  860. }
  861.  
  862. #posts img {
  863. {block:If400pxposts}
  864. max-width:400px;
  865. {/block:If400pxposts}
  866. {block:Ifnot400pxposts}
  867. max-width:500px;
  868. {/block:Ifnot400pxposts}
  869. }
  870.  
  871. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  872.  
  873.  
  874. /*quote*/
  875.  
  876. #titlequote{
  877. text-align:left;
  878. font-size:14px;
  879. line-height:18px;
  880. font-weight:bold;
  881. font-family:{font:select}, helvetica, sans-serif;
  882. text-align:center;
  883. border-bottom:1px solid {color:border};
  884. padding:10px 10px 20px 10px;
  885. margin: 0px 10px 0px 10px;
  886. }
  887.  
  888. .quotesymbol{
  889. position:relative;
  890. float:left;
  891. {block:If400pxposts}
  892. margin-left:175px;
  893. {/block:If400pxposts}
  894. {block:Ifnot400pxposts}
  895. margin-left:230px;
  896. {/block:Ifnot400pxposts}
  897. margin-top:-10px;
  898. padding: 0px 15px 0px 15px;
  899. background:{color:posts};
  900. z-index:999;
  901. color:{color:border};
  902. font-size:20px;
  903. }
  904.  
  905. #source {
  906. margin: 15px 0px 10px 0px;
  907. text-align:center;
  908. }
  909.  
  910. /* AUDIO */
  911.  
  912. .audio{
  913. min-height:90px;
  914. text-align:left;
  915. }
  916.  
  917. .player {
  918. position:absolute;
  919. margin-left:10px;
  920. margin-top:10px;
  921. width:29px;
  922. height:30px;
  923. overflow:hidden;
  924. z-index:999999;
  925. opacity:0;
  926. -webkit-transition: all .4s;
  927. -moz-transition: all .4s;
  928. -o-transition: all .4s;
  929. -ms-transition: all .4s;
  930. transition: all .4s;
  931. }
  932.  
  933. #posts:hover .player{
  934. opacity:1;
  935. -webkit-transition: all .4s;
  936. -moz-transition: all .4s;
  937. -o-transition: all .4s;
  938. -ms-transition: all .4s;
  939. transition: all .4s;
  940. }
  941.  
  942. .audioart{
  943. width:50px;
  944. height:50px;
  945. overflow:hidden;
  946. position:relative;
  947. float:left;
  948. margin-right:20px;
  949. }
  950.  
  951. .audioart img{
  952. z-index:999;
  953. width:50px;
  954. height:50px;
  955. }
  956.  
  957. .audioinfo {
  958. position:relative;
  959. height:50px;
  960. padding:20px;
  961. border:1px solid {color:border};
  962. color:{color:text};
  963. text-align:left;
  964. }
  965.  
  966. .tracktitle{
  967. padding-top:10px;
  968. text-transform:uppercase;
  969. letter-spacing:2px;
  970. font-weight:600;
  971. }
  972.  
  973. /* LINKS */
  974.  
  975. .linktitle{
  976. color:{color:text};
  977. padding:20px 20px 20px 20px;
  978. margin:0px 0px 15px 0px;
  979. font-size: calc({select:Font Size} + 3px);;
  980. line-height:18px;
  981. font-weight:bold;
  982. letter-spacing:1px;
  983. text-align:center;
  984. font-family: {select:title font}, helvetica, sans-serif;
  985. background:{color:post container};
  986. }
  987.  
  988. .linktitle a{
  989. text-decoration:none;
  990. color:{color:links};
  991. }
  992.  
  993. .linksymbol{
  994. position:relative;
  995. float:left;
  996. {block:If400pxposts}
  997. margin: -7px 0px 0px 175px;
  998. {/block:If400pxposts}
  999. {block:Ifnot400pxposts}
  1000. margin: -7px 0px 0px 225px;
  1001. {/block:Ifnot400pxposts}
  1002. padding: 0px 15px 0px 15px;
  1003. background:{color:posts};
  1004. z-index:999;
  1005. color:{color:border};
  1006. font-size:18px;
  1007. }
  1008.  
  1009. .linkdesc{
  1010. padding-top:10px;
  1011. border-top:1px solid {color:border};
  1012. }
  1013.  
  1014.  
  1015. /* ASKS */
  1016.  
  1017. .question {
  1018. position:relative;
  1019. margin-bottom:10px;
  1020. border:1px solid {color:border};
  1021. padding:18px 18px 20px 18px;
  1022. font-style:italic;
  1023. margin-bottom:15px;
  1024. text-align:center;
  1025. }
  1026.  
  1027. .as {
  1028. margin-bottom:10px;
  1029. padding:0px 0px 8px 0px;
  1030. border-bottom:1px solid {color:border};
  1031. text-align:center;
  1032. text-transform:uppercase;
  1033. letter-spacing:1px;
  1034. font-style:normal;
  1035. font-weight:bold;
  1036. }
  1037.  
  1038. .questionsymbol{
  1039. position:relative;
  1040. float:left;
  1041. {block:If400pxposts}
  1042. margin: -25px 0px 0px 175px;
  1043. {/block:If400pxposts}
  1044. {block:Ifnot400pxposts}
  1045. margin: -25px 0px 0px 225px;
  1046. {/block:Ifnot400pxposts}
  1047. padding: 0px 15px 0px 15px;
  1048. background:{color:posts};
  1049. z-index:999;
  1050. color:{color:border};
  1051. font-size:18px;
  1052. }
  1053.  
  1054.  
  1055. /* CHAT */
  1056.  
  1057. .chat ol {
  1058. padding:0;
  1059. list-style:none;
  1060. margin: 0px 0px 5px 0px;
  1061. }
  1062. .line {
  1063. padding: 10px;
  1064. border:1px solid {color:border};
  1065. margin-bottom:3px;
  1066. }
  1067.  
  1068. .label {
  1069. font-weight:bold;
  1070. }
  1071.  
  1072.  
  1073.  
  1074. /* ------ POST INFO ------ */
  1075.  
  1076. .infoline{
  1077. border-bottom:1px solid {color:border};
  1078. margin-right:30px;
  1079. }
  1080.  
  1081. #permalink {
  1082. position:relative;
  1083. letter-spacing:1px;
  1084. text-transform:lowercase;
  1085. font-style:italic;
  1086. text-align:left;
  1087. color:{color:text};
  1088. margin: -10px 0px 10px 0px;
  1089. border-left:10px solid {color:posts};
  1090. border-right:10px solid {color:posts};
  1091. }
  1092.  
  1093. .notes{
  1094. position:relative;
  1095. display:inline-block;
  1096. padding: 3px 7px 3px 7px;
  1097. background:{color:title bg};
  1098. color:{color:title text};
  1099. border-right:8px solid {color:posts};
  1100. }
  1101.  
  1102. .info{
  1103. position:relative;
  1104. display:inline-block;
  1105. color:{color:text};
  1106. margin: 0px 5px 15px 0px;
  1107. }
  1108.  
  1109. .info a{
  1110. color:{color:text};
  1111. margin-left:-3px;
  1112. margin-right:4px;
  1113. padding: 3px 5px 3px 5px;
  1114. border:1px solid {color:border};
  1115. background:{color:posts};
  1116. -webkit-transition: all .4s;
  1117. -moz-transition: all .4s;
  1118. -o-transition: all .4s;
  1119. -ms-transition: all .4s;
  1120. transition: all .4s;
  1121. }
  1122.  
  1123. .info a:hover{
  1124. text-decoration:none;
  1125. background:{color:border};
  1126. -webkit-transition: all .4s;
  1127. -moz-transition: all .4s;
  1128. -o-transition: all .4s;
  1129. -ms-transition: all .4s;
  1130. transition: all .4s;
  1131. }
  1132.  
  1133. .tags {
  1134. word-break:break-all;
  1135. font-size:10px;
  1136. letter-spacing:0px;
  1137. margin: 0px -10px 0px -10px;
  1138. padding:10px 10px 0px 10px;
  1139. text-transform:lowercase;
  1140. font-style:italic;
  1141. text-align:left;
  1142. background:{color:post container};
  1143. color:{color:tags};
  1144. }
  1145.  
  1146. .tag{
  1147. display:inline-block;
  1148. padding-right:0px;
  1149. }
  1150.  
  1151. .tags a{
  1152. margin-left:5px;
  1153. color:{color:tags};
  1154. -webkit-transition: all .4s;
  1155. -moz-transition: all .4s;
  1156. -o-transition: all .4s;
  1157. -ms-transition: all .4s;
  1158. transition: all .4s;
  1159. }
  1160.  
  1161. .tags a:hover{
  1162. color:{color:text};
  1163. -webkit-transition: all .4s;
  1164. -moz-transition: all .4s;
  1165. -o-transition: all .4s;
  1166. -ms-transition: all .4s;
  1167. transition: all .4s;
  1168. }
  1169.  
  1170. .rb{
  1171. position:relative;
  1172. float:right;
  1173. padding:4px;
  1174. margin-right:3px;
  1175. margin-bottom:-6px;
  1176. border:1px solid {color:border};
  1177. background:{color:posts};
  1178. -webkit-transition: all .4s;
  1179. -moz-transition: all .4s;
  1180. -o-transition: all .4s;
  1181. -ms-transition: all .4s;
  1182. transition: all .4s;
  1183. }
  1184.  
  1185. .rb:hover{
  1186. text-decoration:none;
  1187. background:{color:border};
  1188. -webkit-transition: all .4s;
  1189. -moz-transition: all .4s;
  1190. -o-transition: all .4s;
  1191. -ms-transition: all .4s;
  1192. transition: all .4s;
  1193. }
  1194.  
  1195. .caption {
  1196. padding:0px;
  1197. }
  1198.  
  1199.  
  1200. /* ----- POST NOTES ----- */
  1201.  
  1202. .pnotes{
  1203. background:{color:posts};
  1204. width: calc(100% - 30px);
  1205. position:static;
  1206. padding:10px;
  1207. }
  1208.  
  1209. ol.notes {
  1210. text-align:left;
  1211. list-style-type: none;
  1212. background:{color:posts};
  1213. margin: -3px 0px 0px 0px;
  1214. width: calc(100% - 20px);
  1215. }
  1216.  
  1217. ol.notes li.note{
  1218. padding: 5px 5px 10px 8px;
  1219. margin: 0px -10px 3px -5px;
  1220. background:{color:posts};
  1221. border:1px solid {color:border};
  1222. color:{color:text};
  1223. width:100%;
  1224. position:static;
  1225. }
  1226.  
  1227. .pagenotes {
  1228. text-align:left;
  1229. background:{color:posts};
  1230. text-transform:lowercase;
  1231. }
  1232.  
  1233. .pagenotes img{
  1234. padding-right:10px;
  1235. margin:3px 0px -5px 3px;
  1236. }
  1237.  
  1238. .pagenotes a{
  1239. background:{color:posts};
  1240. color:{color:text};
  1241. font-weight:bold;
  1242. }
  1243.  
  1244.  
  1245. /* CREDIT: DO NOT REMOVE OR ALTER */
  1246.  
  1247. .footer{
  1248. position:relative;
  1249. text-align:center;
  1250. {block:IndexPage}
  1251. {block:Ifnotrightsidebar}
  1252. margin-left:-330px;
  1253. margin-right:-30px;
  1254. {/block:Ifnotrightsidebar}
  1255. {block:Ifrightsidebar}
  1256. margin-left:-30px;
  1257. margin-right:-330px;
  1258. {/block:Ifrightsidebar}
  1259. background:{color:footer};
  1260. {/block:IndexPage}
  1261. color:{color:links bar text};
  1262. padding:40px;
  1263. z-index:9;
  1264. font-style:italic;
  1265. }
  1266.  
  1267. .footer a {
  1268. color:{color:links bar text};
  1269. text-decoration:none;
  1270. letter-spacing:1px;
  1271. }
  1272.  
  1273. {CustomCSS}
  1274.  
  1275.  
  1276. </style>
  1277.  
  1278.  
  1279.  
  1280. </head>
  1281.  
  1282. <body>
  1283.  
  1284.  
  1285. <!-- HEADER -->
  1286. <div id="headercon">
  1287.  
  1288. <div class="header">
  1289. <!-- LINKS-->
  1290. <div id="links">
  1291. <a href="/"><div id="blogt">
  1292. {block:Ifshowicon}
  1293. <img src="{image:Icon}">
  1294. {/block:Ifshowicon}
  1295. {Title}
  1296. </div></a>
  1297. {block:ifLink1}<a href="{text:Link 1 URL}">
  1298. <div class="link">{text:Link 1}</div></a>{/block:ifLink1}
  1299. {block:ifLink2}<a href="{text:Link 2 URL}" >
  1300. <div class="link">{text:Link 2}</div></a>{/block:ifLink2}
  1301. {block:ifLink3}<a href="{text:Link 3 URL}">
  1302. <div class="link">{text:Link 3}</div></a>{/block:ifLink3}
  1303. {block:ifLink4}<a href="{text:Link 4 URL}">
  1304. <div class="link">{text:Link 4}</div></a>{/block:ifLink4}
  1305. {block:ifLink5}<a href="{text:Link 5 URL}">
  1306. <div class="link">{text:Link 5}</div></a>{/block:ifLink5}
  1307. {block:ifLink6}<a href="{text:Link 6 URL}">
  1308. <div class="link">{text:Link 6}</div></a>{/block:ifLink6}
  1309. </div>
  1310. <!-- HEADER IMAGES -->
  1311. {block:IndexPage}
  1312. {block:Ifshowheader}
  1313. <div class="secondtitle">
  1314. {block:Ifsecondtitle}
  1315. {text:second title}
  1316. {/block:Ifsecondtitle}
  1317. {block:Ifsecondtitle}{block:Ifseconddescription}
  1318. <div class="divider"><i class="fa fa-minus"></i></div>
  1319. {/block:Ifseconddescription}{/block:Ifsecondtitle}
  1320. {block:Ifseconddescription}
  1321. <div class="seconddesc">{text:Second Description}</div>
  1322. {/block:Ifseconddescription}
  1323. </div>
  1324.  
  1325. <div class="downbutton">
  1326. <div class="dw"><a name="top"></a></div>
  1327. <a href="#top"><i class="fa fa-arrow-down"></i></a>
  1328. </div>
  1329. <div id="mygallery" class="stepcarousel">
  1330. <div class="belt">
  1331. <div class="panel">
  1332. <img src="{image:Header 1}"/>
  1333. </div>
  1334. <div class="panel">
  1335. <img src="{image:Header 2}"/>
  1336. </div>
  1337. <div class="panel">
  1338. <img src="{image:Header 3}"/>
  1339. </div>
  1340. <div class="panel">
  1341. <img src="{image:Header 4}"/>
  1342. </div>
  1343. </div>
  1344. </div>
  1345. {/block:Ifshowheader}
  1346. {/block:IndexPage}
  1347. {block:Ifnotshowheader}
  1348. {/block:Ifnotshowheader}
  1349.  
  1350. {block:PermalinkPage}
  1351. {block:Ifshowheaderonpermalink}
  1352. <div class="secondtitle">
  1353. {block:Ifsecondtitle}
  1354. {text:second title}
  1355. {/block:Ifsecondtitle}
  1356. {block:Ifsecondtitle}{block:Ifseconddescription}
  1357. <div class="divider"><i class="fa fa-minus"></i></div>
  1358. {/block:Ifseconddescription}{/block:Ifsecondtitle}
  1359. {block:Ifseconddescription}
  1360. <div class="seconddesc">{text:Second Description}</div>
  1361. {/block:Ifseconddescription}
  1362. </div>
  1363.  
  1364. <div class="downbutton">
  1365. <div class="dw"><a name="top"></a></div>
  1366. <a href="#top"><i class="fa fa-arrow-down"></i></a>
  1367. </div>
  1368. <div id="mygallery" class="stepcarousel">
  1369. <div class="belt">
  1370. <div class="panel">
  1371. <img src="{image:Header 1}"/>
  1372. </div>
  1373. <div class="panel">
  1374. <img src="{image:Header 2}"/>
  1375. </div>
  1376. <div class="panel">
  1377. <img src="{image:Header 3}"/>
  1378. </div>
  1379. <div class="panel">
  1380. <img src="{image:Header 4}"/>
  1381. </div>
  1382. </div>
  1383. </div>
  1384. {/block:Ifshowheaderonpermalink}
  1385. {/block:PermalinkPage}
  1386. </div>
  1387.  
  1388. </div>
  1389.  
  1390.  
  1391.  
  1392. <!-- MAIN CONTAINER -->
  1393. <div id="con">
  1394.  
  1395. {block:Ifnotrightsidebar}
  1396. <div id="sidebar">
  1397.  
  1398. <!-- SIDEBAR IMAGE -->
  1399. {block:IfShowSidebarimage}
  1400. <div id="sidebarim"><img src="{image:Sidebar}"></div>
  1401. {/block:IfShowSidebarimage}
  1402. {block:IfnotShowSidebarimage}
  1403. {/block:IfnotShowSidebarimage}
  1404.  
  1405. <!-- DESCRIPTION -->
  1406. {block:IfShowDescriptionBox}
  1407. <div class="sbheader">{text:Description Box Title}</div>
  1408. <div id="description">{Description}</div>
  1409. {/block:IfShowDescriptionBox}
  1410. {block:IfnotShowDescriptionBox}
  1411. {/block:IfnotShowDescriptionBox}
  1412.  
  1413. <!-- SEARCH -->
  1414. {block:Ifshowsidebarsearch}
  1415. <div class="sbbox">
  1416. <div class="search">
  1417. <form action="/search" method="get">
  1418. <input class="sbox" type="text" name="q" placeholder="Search" value="{SearchQuery}"/>
  1419. <input class="sbutton" type="submit" value="go"/>
  1420. </form>
  1421. </div>
  1422. </div>
  1423. {/block:Ifshowsidebarsearch}
  1424. {block:Ifnotshowsidebarsearch}
  1425. {/block:Ifnotshowsidebarsearch}
  1426.  
  1427. <!-- EXTRA LINKS -->
  1428. {block:IfShowExtraLinksBox}
  1429. <div class="sbheader">{text:Extra Links Box Title}</div>
  1430. <div class="xlinks">
  1431. {block:Ifextralink1}<a href="{text:Extra link 1 url}">
  1432. <div class="xlink">{text:Extra link 1}</div></a>{/block:Ifextralink1}
  1433. {block:Ifextralink2}<a href="{text:Extra link 2 url}">
  1434. <div class="xlink">{text:Extra link 2}</div></a>{/block:Ifextralink2}
  1435. {block:Ifextralink3}<a href="{text:Extra link 3 url}">
  1436. <div class="xlink">{text:Extra link 3}</div></a>{/block:Ifextralink3}
  1437. {block:Ifextralink4}<a href="{text:Extra link 4 url}">
  1438. <div class="xlink">{text:Extra link 4}</div></a>{/block:Ifextralink4}
  1439. {block:Ifextralink5}<a href="{text:Extra link 5 url}">
  1440. <div class="xlink">{text:Extra link 5}</div></a>{/block:Ifextralink5}
  1441. {block:Ifextralink6}<a href="{text:Extra link 6 url}">
  1442. <div class="xlink">{text:Extra link 6}</div></a>{/block:Ifextralink6}
  1443. {block:Ifextralink7}<a href="{text:Extra link 7 url}">
  1444. <div class="xlink">{text:Extra link 7}</div></a>{/block:Ifextralink7}
  1445. {block:Ifextralink8}<a href="{text:Extra link 8 url}">
  1446. <div class="xlink">{text:Extra link 8}</div></a>{/block:Ifextralink8}
  1447. </div>
  1448. {/block:IfShowExtraLinksBox}
  1449. {block:IfnotShowExtraLinksBox}
  1450. {/block:IfnotShowExtraLinksBox}
  1451.  
  1452. <!-- BLOG MEMBERS -->
  1453. {block:IfShowMembersBox}
  1454. <div class="sbheader">{text:Members Box Title}</div>
  1455. <div class="membersbox">
  1456. {block:GroupMembers}{block:GroupMember}
  1457. <a href="{GroupMemberURL}"><div class="member">
  1458. <img src="{GroupMemberPortraitURL-24}">
  1459. <div class="membername">{GroupMemberName}</div>
  1460. </div></a>
  1461. {/block:GroupMember}{/block:GroupMembers}
  1462. </div>
  1463. {/block:IfShowMembersBox}
  1464. {block:IfnotShowMembersBox}
  1465. {/block:IfnotShowMembersBox}
  1466.  
  1467. <!-- EXTRA BOX -->
  1468. {block:IfShowExtraBox1}
  1469. <div class="sbheader">{text:Extra Box 1 Title}</div>
  1470. <div class="sbbox">
  1471. {text:Extra Box 1 Content}
  1472. </div>
  1473. {/block:IfShowExtraBox1}
  1474. {block:IfnotShowExtraBox1}
  1475. {/block:IfnotShowExtraBox1}
  1476.  
  1477. <!-- EXTRA BOX -->
  1478. {block:IfShowExtraBox2}
  1479. <div class="sbheader">{text:Extra Box 2 Title}</div>
  1480. <div class="sbbox">
  1481. {text:Extra Box 2 Content}
  1482. </div>
  1483. {/block:IfShowExtraBox2}
  1484. {block:IfnotShowExtraBox2}
  1485. {/block:IfnotShowExtraBox2}
  1486.  
  1487. <!-- CREDIT: DO NOT REMOVE -->
  1488. {block:PermalinkPage}
  1489. <center><a href="http://neonbikethemes.tumblr.com"><i>theme by neonbike themes</i></a></center>
  1490. {/block:PermalinkPage}
  1491.  
  1492. </div>
  1493. {/block:Ifnotrightsidebar}
  1494.  
  1495. <!-- POST CONTAINER -->
  1496. <div id="entries">
  1497.  
  1498. {block:Posts}
  1499.  
  1500. <div id="posts">
  1501.  
  1502. <div class="postcontent">
  1503.  
  1504. <!-- QUOTE POST-->
  1505. {block:Quote}
  1506. <div id="titlequote">“{Quote}”</div>
  1507. {block:Source}
  1508. <div class="quotesymbol"><i class="fa fa-quote-right"></i></div>
  1509. <div id="source">{Source}</div>
  1510. {/block:Source}
  1511. {/block:Quote}
  1512.  
  1513. <!--TEXT POST-->
  1514. {block:Text}
  1515. {block:Title}
  1516. <div id="title">{Title}</div>{/block:Title}
  1517. {Body}
  1518. {/block:Text}
  1519.  
  1520. <!--LINK POST-->
  1521. {block:Link}
  1522. <div class="linktitle"><a href="{URL}">{Name}</a></div>
  1523. <div class="linksymbol"><i class="fa fa-link"></i></div>
  1524. {block:Description}<div class="linkdesc">{Description}</div>{/block:Description}
  1525. {/block:Link}
  1526.  
  1527. <!-- CHAT POST-->
  1528. {block:Chat}
  1529. {block:Title}
  1530. <div id="title">{Title}</div>
  1531. {/block:Title}
  1532. <div class="chat">
  1533. <ol>{block:Lines}
  1534. <li class="line {Alt}">
  1535. {block:Label}
  1536. <span class="label">
  1537. {Label}</span>
  1538. {/block:Label}{Line}</li>
  1539. {/block:Lines}
  1540. </ol></div>
  1541. {/block:Chat}
  1542.  
  1543. <!-- PHOTO POSTS -->
  1544. {block:Photo}
  1545. {block:Ifnot400pxposts}
  1546. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1547. {/block:Ifnot400pxposts}
  1548. {block:If400pxposts}
  1549. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1550. {/block:If400pxposts}
  1551. {/block:Photo}
  1552.  
  1553. <!-- PHOTOSET POSTS -->
  1554. {block:Photoset}
  1555. {block:Ifnot400pxposts}
  1556. {Photoset-500}
  1557. {/block:Ifnot400pxposts}
  1558. {block:If400pxposts}
  1559. {Photoset-400}
  1560. {/block:If400pxposts}
  1561. {/block:Photoset}
  1562.  
  1563. <!-- VIDEO POSTS -->
  1564. {block:Video}
  1565. {block:Ifnot400pxposts}
  1566. {Video-500}
  1567. {/block:Ifnot400pxposts}
  1568. {block:If400pxposts}
  1569. {Video-400}
  1570. {/block:If400pxposts}
  1571. {/block:Video}
  1572.  
  1573. <!-- AUDIO POSTS -->
  1574. {block:Audio}
  1575. <div class="audio">
  1576. <div class="audioinfo">
  1577. <div class="audioart">
  1578. <div class="player">{AudioPlayerWhite}</div>
  1579. <div class="audioartimg">
  1580. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1581. </div>
  1582. </div>
  1583. {block:TrackName}
  1584. <div class="tracktitle">{TrackName}</div>
  1585. {/block:TrackName}
  1586. {block:Artist}{Artist}{/block:Artist}
  1587. </div>
  1588. </div>
  1589. {/block:Audio}
  1590.  
  1591. <!-- QUESTION POSTS -->
  1592. {block:Answer}
  1593. <div class="question">
  1594. <div class="as"> {Asker}</div>
  1595. {Question}
  1596. </div>
  1597. <div class="questionsymbol"><i class="fa fa-comments"></i></div>
  1598. <div class="a">{Answer}</div>
  1599. {/block:Answer}
  1600.  
  1601. <!-- CAPTIONS -->
  1602. {block:Caption}
  1603. <div class="caption">{Caption}</div>
  1604. {/block:Caption}
  1605.  
  1606. </div>
  1607.  
  1608. <!-- POST INFO -->
  1609. {block:Date}
  1610. <div class="infoline"></div>
  1611. <div id="permalink">
  1612. <a href="{Permalink}">
  1613. <div class="notes">{NoteCountwithLabel}</div></a>
  1614.  
  1615. <div class="rb">{ReblogButton color="grey" size="11"}</div>
  1616. <div class="info">
  1617.  
  1618. {block:IndexPage}
  1619. <a href="{Permalink}">
  1620. {DayOfWeek}, {12Hour}:{Minutes} {AmPm}</a>
  1621. {block:IndexPage}
  1622. {block:PermalinkPage}
  1623. <a href="{Permalink}">
  1624. {TimeAgo}</a>
  1625. {block:RebloggedFrom}
  1626. <a href="{ReblogParentURL}" title="{ReblogParentName}">
  1627. Via</a>
  1628. {block:ContentSource}
  1629. <a href="{ReblogRootURL}" title="{ReblogRootName}">
  1630. Source</a>
  1631. {/block:ContentSource}
  1632. {/block:RebloggedFrom}
  1633. {/block:PermalinkPage}
  1634. </div>
  1635.  
  1636. {block:HasTags}
  1637. <div class="tags">
  1638. {block:PermalinkPage}Tagged as: {/block:PermalinkPage}
  1639. {block:Tags}
  1640. <a href="{TagUrl}"><div class="tag">{Tag},</div></a>
  1641. {/block:Tags}
  1642. </div>
  1643. {/block:HasTags}
  1644. </div>
  1645. {/block:Date}
  1646.  
  1647. </div>
  1648.  
  1649. <!-- DISQUS -->
  1650. {block:PermalinkPage}
  1651. {block:IfDisqusShortname}
  1652. {block:Date}
  1653.  
  1654. <div id="disqus_thread"></div>
  1655. <script type="text/javascript">
  1656. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1657. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Replace <example> with your forum shortname
  1658. var disqus_url = '{Permalink}';
  1659.  
  1660. /* * * DON'T EDIT BELOW THIS LINE * * */
  1661. (function() {
  1662. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1663. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1664. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1665. })();
  1666. </script>
  1667. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1668. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1669.  
  1670. {/block:Date}
  1671. {/block:IfDisqusShortname}
  1672. {/block:PermalinkPage}
  1673.  
  1674. <!-- POST NOTES -->
  1675. {block:PermalinkPage}
  1676. {block:PostNotes}
  1677. <div class="pnotes">
  1678. <div class="pagenotes">{PostNotes-16}</div></div>
  1679. {/block:PostNotes}
  1680. {/block:PermalinkPage}
  1681.  
  1682. {/block:Posts}
  1683.  
  1684. <!-- PAGINATION -->
  1685. <div id="pagination">
  1686. {block:Pagination}
  1687. {block:PreviousPage}
  1688. <a href="{PreviousPage}"><div class="pagibutton"> previous </div></a>
  1689. {/block:PreviousPage}
  1690. {block:NextPage}
  1691. <a href="{NextPage}"><div class="pagibutton">next</div></a>
  1692. {/block:NextPage}
  1693. {/block:Pagination}
  1694. </div>
  1695.  
  1696. <!-- FOOTER -->
  1697. {block:IndexPage}
  1698. <div class="footer">
  1699. {block:Ifnotshowfootersearch}
  1700. {/block:Ifnotshowfootersearch}
  1701. {block:Ifshowfootersearch}
  1702. <div class="search">
  1703. <form action="/search" method="get">
  1704. <input class="sbox" type="text" name="q" placeholder="Search" value="{SearchQuery}"/>
  1705. <input class="sbutton" type="submit" value="go"/>
  1706. </form>
  1707. </div>
  1708. {/block:Ifshowfootersearch}
  1709. {block:Iffooter}
  1710. <p style="text-transform:none; letter-spacing:0px;">{text:footer}</p>
  1711. {/block:Iffooter}
  1712. <!-- CREDIT: DO NOT REMOVE -->
  1713. <p><a href="http://neonbikethemes.tumblr.com">THEME BY NEONBIKE THEMES</a></p>
  1714. </div>
  1715. {/block:IndexPage}
  1716.  
  1717. </div>
  1718.  
  1719. <!-- RIGHT SIDEBAR -->
  1720. {block:Ifrightsidebar}
  1721. <div id="sidebar">
  1722.  
  1723. <!-- SIDEBAR IMAGE -->
  1724. {block:IfShowSidebarimage}
  1725. <div id="sidebarim"><img src="{image:Sidebar}"></div>
  1726. {/block:IfShowSidebarimage}
  1727. {block:IfnotShowSidebarimage}
  1728. {/block:IfnotShowSidebarimage}
  1729.  
  1730. <!-- DESCRIPTION -->
  1731. {block:IfShowDescriptionBox}
  1732. <div class="sbheader">{text:Description Box Title}</div>
  1733. <div id="description">{Description}</div>
  1734. {/block:IfShowDescriptionBox}
  1735. {block:IfnotShowDescriptionBox}
  1736. {/block:IfnotShowDescriptionBox}
  1737.  
  1738. <!-- SEARCH -->
  1739. {block:Ifshowsidebarsearch}
  1740. <div class="sbbox">
  1741. <div class="search">
  1742. <form action="/search" method="get">
  1743. <input class="sbox" type="text" name="q" placeholder="Search" value="{SearchQuery}"/>
  1744. <input class="sbutton" type="submit" value="go"/>
  1745. </form>
  1746. </div>
  1747. </div>
  1748. {/block:Ifshowsidebarsearch}
  1749. {block:Ifnotshowsidebarsearch}
  1750. {/block:Ifnotshowsidebarsearch}
  1751.  
  1752. <!-- EXTRA LINKS -->
  1753. {block:IfShowExtraLinksBox}
  1754. <div class="sbheader">{text:Extra Links Box Title}</div>
  1755. <div class="xlinks">
  1756. {block:Ifextralink1}<a href="{text:Extra link 1 url}">
  1757. <div class="xlink">{text:Extra link 1}</div></a>{/block:Ifextralink1}
  1758. {block:Ifextralink2}<a href="{text:Extra link 2 url}">
  1759. <div class="xlink">{text:Extra link 2}</div></a>{/block:Ifextralink2}
  1760. {block:Ifextralink3}<a href="{text:Extra link 3 url}">
  1761. <div class="xlink">{text:Extra link 3}</div></a>{/block:Ifextralink3}
  1762. {block:Ifextralink4}<a href="{text:Extra link 4 url}">
  1763. <div class="xlink">{text:Extra link 4}</div></a>{/block:Ifextralink4}
  1764. {block:Ifextralink5}<a href="{text:Extra link 5 url}">
  1765. <div class="xlink">{text:Extra link 5}</div></a>{/block:Ifextralink5}
  1766. {block:Ifextralink6}<a href="{text:Extra link 6 url}">
  1767. <div class="xlink">{text:Extra link 6}</div></a>{/block:Ifextralink6}
  1768. {block:Ifextralink7}<a href="{text:Extra link 7 url}">
  1769. <div class="xlink">{text:Extra link 7}</div></a>{/block:Ifextralink7}
  1770. {block:Ifextralink8}<a href="{text:Extra link 8 url}">
  1771. <div class="xlink">{text:Extra link 8}</div></a>{/block:Ifextralink8}
  1772. </div>
  1773. {/block:IfShowExtraLinksBox}
  1774. {block:IfnotShowExtraLinksBox}
  1775. {/block:IfnotShowExtraLinksBox}
  1776.  
  1777. <!-- BLOG MEMBERS -->
  1778. {block:IfShowMembersBox}
  1779. <div class="sbheader">{text:Members Box Title}</div>
  1780. <div class="membersbox">
  1781. {block:GroupMembers}{block:GroupMember}
  1782. <a href="{GroupMemberURL}"><div class="member">
  1783. <img src="{GroupMemberPortraitURL-24}">
  1784. <div class="membername">{GroupMemberName}</div>
  1785. </div></a>
  1786. {/block:GroupMember}{/block:GroupMembers}
  1787. </div>
  1788. {/block:IfShowMembersBox}
  1789. {block:IfnotShowMembersBox}
  1790. {/block:IfnotShowMembersBox}
  1791.  
  1792. <!-- EXTRA BOX -->
  1793. {block:IfShowExtraBox1}
  1794. <div class="sbheader">{text:Extra Box 1 Title}</div>
  1795. <div class="sbbox">
  1796. {text:Extra Box 1 Content}
  1797. </div>
  1798. {/block:IfShowExtraBox1}
  1799. {block:IfnotShowExtraBox1}
  1800. {/block:IfnotShowExtraBox1}
  1801.  
  1802. <!-- EXTRA BOX -->
  1803. {block:IfShowExtraBox2}
  1804. <div class="sbheader">{text:Extra Box 2 Title}</div>
  1805. <div class="sbbox">
  1806. {text:Extra Box 2 Content}
  1807. </div>
  1808. {/block:IfShowExtraBox2}
  1809. {block:IfnotShowExtraBox2}
  1810. {/block:IfnotShowExtraBox2}
  1811.  
  1812. <!-- CREDIT: DO NOT REMOVE -->
  1813. {block:PermalinkPage}
  1814. <center><a href="http://neonbikethemes.tumblr.com"><i>theme by neonbike themes</i></a></center>
  1815. {/block:PermalinkPage}
  1816.  
  1817. </div>
  1818. {/block:Ifrightsidebar}
  1819.  
  1820.  
  1821. </div>
  1822.  
  1823. {block:ContentSource}
  1824. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1825. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1826. {/block:SourceLogo}
  1827. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1828. {/block:ContentSource}
  1829.  
  1830. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment