API tools faq
paste
Advertisement
jasonmcann

Theme: Exit

jasonmcann
Mar 1st, 2016
6,432
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. theme #34
  6. - by cathms -
  7.  
  8. Last update: nov 24, 2016
  9. - don't take parts of this code
  10. - don't remove this comment
  11. - don't remove the credit
  12.  
  13. All in one tutorial: http://neonbikethemes.tumblr.com/allinonetut
  14.  
  15. -->
  16.  
  17. <html>
  18. <head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  23. <meta name="description" content="" />
  24. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  25.  
  26. <meta name="image:Background" content="">
  27. <meta name="image:Sidebar" content="">
  28.  
  29. <meta name="color:Background" content="#ffffff" />
  30. <meta name="color:Text" content="#999999" />
  31. <meta name="color:Link" content="#444444" />
  32. <meta name="color:Link hover" content="#999999" />
  33. <meta name="color:Title" content="#999999" />
  34. <meta name="color:Info" content="#444444" />
  35. <meta name="color:Description bg" content="#fafafa" />
  36. <meta name="color:Bold" content="#444444" />
  37. <meta name="color:Borders" content="#eeeeee" />
  38. <meta name="color:Scrollbar" content="#444444" />
  39. <meta name="color:Link underline" content="#999999" />
  40.  
  41. <meta name="select:Background position" content="initial" title="initial"/>
  42. <meta name="select:Background position" content="5% 5%" title="left top"/>
  43. <meta name="select:Background position" content="5% 50%" title="left center"/>
  44. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  45. <meta name="select:Background position" content="95% 5%" title="right top"/>
  46. <meta name="select:Background position" content="95% 50%" title="right center"/>
  47. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  48.  
  49. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  50. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  51.  
  52. <meta name="select:Body font" content="Karla" title="Karla"/>
  53. <meta name="select:Body font" content="roboto" title="Roboto"/>
  54. <meta name="select:Body font" content="helvetica" title="Helvetica"/>
  55. <meta name="select:Body font" content="arial" title="Arial"/>
  56. <meta name="select:Body font" content="cambria" title="Cambria"/>
  57. <meta name="select:Body font" content="calibri" title="Calibri"/>
  58. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  59.  
  60. <meta name="select:Body font size" content="10px" title="10px"/>
  61. <meta name="select:Body font size" content="11px" title="11px"/>
  62. <meta name="select:Body font size" content="09px" title="09px"/>
  63.  
  64. <meta name="select:Posts width" content="250" title="250px"/>
  65. <meta name="select:Posts width" content="300" title="300px"/>
  66. <meta name="select:Posts width" content="350" title="350px"/>
  67. <meta name="select:Posts width" content="400" title="400px"/>
  68. <meta name="select:Posts width" content="450" title="450px"/>
  69. <meta name="select:Posts width" content="500" title="500px"/>
  70. <meta name="select:Posts width" content="540" title="540px"/>
  71.  
  72. <meta name="if:Show caption" content="1">
  73. <meta name="if:Infinite scroll" content="0">
  74. <meta name="if:No rescaling" content="0">
  75. <meta name="if:Custom gutter" content="0">
  76. <meta name="if:Reblog button" content="0">
  77.  
  78. <meta name="text:Margin" content="50" />
  79. <meta name="text:Gutter" content="2" />
  80. <meta name="text:tab 01" content="index" />
  81. <meta name="text:tab 02" content="about" />
  82. <meta name="text:tab 03" content="contact" />
  83. <meta name="text:tab 04" content="navigate" />
  84. <meta name="text:Link title" content="link">
  85. <meta name="text:Link URL" content="/" />
  86.  
  87. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  88. {block:ifNotCustomGutter}<link href="http://static.tumblr.com/nb65v05/MWoo293ue/sghn.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}
  89. <link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  90. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  91.  
  92. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  93. <script>
  94. (function($){
  95. $(document).ready(function(){
  96. $("[title]").style_my_tooltips({
  97. tip_follows_cursor:true,
  98. tip_delay_time:200,
  99. tip_fade_speed:300
  100. }
  101. );
  102. });
  103. })(jQuery);
  104. </script>
  105.  
  106. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  107. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  108.  
  109. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  110.  
  111. <style type="text/css">
  112.  
  113. body {
  114. font:{select:body font size} {select:body font}, sans-serif;
  115. margin:0;
  116. color:{color:text};
  117. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  118. background-position: {select:background position};
  119. background-repeat: {select:background repeat};
  120. line-height:16px;
  121. }
  122.  
  123. a {
  124. color:{color:link};
  125. text-decoration: none;
  126. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  127. -o-transition:all 0.6s ease-in-out;/*opera*/
  128. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  129. -ms-transition:all 0.6s ease-in-out;/*ie*/
  130. transition:all 0.6s ease-in-out;/*w3c*/}
  131.  
  132. a:hover {
  133. color:{color:link hover};}
  134.  
  135. em, strong {
  136. color:{color:bold};}
  137.  
  138. small {
  139. font-size:{select:body font size};}
  140.  
  141. ol, ul {
  142. padding:0;
  143. padding-left:5px;
  144. list-style-type:none;
  145. }
  146. ol li,
  147. ul li {
  148. position:relative;
  149. padding-left:10px;
  150. }
  151. .posts ol li:before{
  152. content:'›';
  153. position:absolute;
  154. margin-top:-1.5px;
  155. left:0;
  156. font-size:10px;
  157. }
  158. .posts ul li:before {
  159. content:'›';
  160. position:absolute;
  161. margin-top:-1.5px;
  162. left:0;
  163. font-size:10px;
  164. }
  165.  
  166. sub, sup{font-size: 10px;}
  167.  
  168. .container {
  169. width:{select:posts width}px;
  170. margin: auto;}
  171.  
  172. #entries{
  173. width:{select:posts width}px;
  174. position:relative;
  175. margin-top:90px;
  176. margin-bottom:90px;
  177. margin-left:0px;
  178. }
  179.  
  180. #entries a{
  181. cursor:help;
  182. }
  183.  
  184. .posts {
  185. width:{select:posts width}px;
  186. overflow:hidden;
  187. word-wrap: break-word;
  188. {block:IndexPage}
  189. margin-bottom:{text:Margin}px;
  190. {/block:IndexPage}
  191. }
  192.  
  193. h2{
  194. color:{color:title};
  195. margin:0;
  196. padding:0;
  197. text-align:left;}
  198.  
  199. h2 a{
  200. color:{color:title};
  201. }
  202.  
  203. blockquote {
  204. border-left: 1px solid {color:borders};
  205. padding-left: 5px;
  206. margin:05px;}
  207.  
  208. .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
  209.  
  210. .tmblr-full img {
  211. width:100%;}
  212.  
  213. .posts .images{
  214. {block:ifNotNoRescaling}
  215. width: 100%;
  216. {/block:ifNotNoRescaling}
  217. display:block;}
  218.  
  219. {block:ifNoRescaling}
  220. .photo-slideshow.processed .pxu-photo img {
  221. width:auto; }{/block:ifNoRescaling}
  222.  
  223. /* SIDEBAR */
  224. .sidebar {
  225. width: 150px;
  226. margin-left:-220px;
  227. margin-top:60px;
  228. position:fixed;
  229. }
  230.  
  231. .sidebar .sidebar-image{
  232. max-width:55px;
  233. display:block;
  234. padding:2px;
  235. border-radius:100%;
  236.  
  237. }
  238.  
  239. .sb-title{
  240. margin-top:20px;
  241. margin-bottom:10px;
  242. text-align:left;
  243. font-size:13px;
  244. letter-spacing:2px;
  245. text-transform:uppercase;
  246. }
  247.  
  248. .sb-title a{
  249. color:{color:title};
  250. }
  251.  
  252. /* DESCRIPTION */
  253. .description{
  254. text-align:left;
  255. margin-bottom:5px;
  256. padding:05px;
  257. background-color:{color:description bg};
  258. border:1px solid {color:borders};
  259. }
  260.  
  261. /* NAVIGATION / LINKS */
  262. .navi{
  263. margin-top:07px;
  264.  
  265. }
  266.  
  267. /* PAGINATION */
  268. .pag{
  269. text-align:center;
  270. width:{select:posts width}px;
  271. }
  272.  
  273. .pag a{
  274. margin:10px;
  275. }
  276.  
  277. /* QUOTE POSTS */
  278. .quote {
  279. padding:0;}
  280.  
  281. .quotetext-short {
  282. font-size: 18px;}
  283.  
  284. .quotetext-medium {
  285. font-size: 14px;}
  286.  
  287. .quotetext-long {
  288. font-size: 11px;}
  289.  
  290. .quote-source {
  291. text-align:right;}
  292.  
  293. /* CHAT POSTS */
  294. .odd, .even {
  295. margin:0px;
  296. padding:10px 0px 10px 0px;
  297. border-top:1px solid {color:borders};}
  298.  
  299. .odd:first-of-type {
  300. border-top:0px solid {color:borders};}
  301.  
  302. /* AUDIO POSTS */
  303. .audio {
  304. width:auto;
  305. overflow:hidden;
  306. max-height:50px;
  307. position:relative;
  308. clear:both;
  309. background-color:#eee;
  310. border-radius:3px;
  311. }
  312.  
  313. .tumblr_audio_player {
  314. height:20px;
  315. width:20px;
  316. padding:10px;
  317. margin-left:5px;
  318. margin-top:5px;
  319. display:block;
  320. float:left;
  321. clear:both;
  322. background-color:#fff;
  323. border-radius:3px;
  324. opacity:0.6;
  325. }
  326.  
  327. .au-info {
  328. position:relative;
  329. overflow:auto;
  330. text-transform:uppercase;
  331. height:50px;
  332. padding-left:10px;
  333. padding-right:10px;
  334. display: table-cell;
  335. vertical-align: middle;
  336. text-align:left;
  337. width:{select:posts width}px;
  338. }
  339.  
  340. img.au-image{
  341. float:left;
  342. width:55px;
  343. margin-left:-50px;
  344. }
  345.  
  346. /* VIDEO POSTS*/
  347. .video{
  348. position:relative;
  349. z-index:9999;}
  350.  
  351. .tumblr_video_container {
  352. width:auto!important;
  353. height:auto!important;}
  354.  
  355. .video .instagram-media {
  356. max-height:none!important;
  357. box-shadow:none!important;
  358. border:1px solid {color:borders}!important;
  359. max-width:calc({select:posts width}px - 3px)!important;}
  360.  
  361. /* ASK POSTS */
  362. .question{
  363. border:1px solid {color:borders};
  364. background-color:{color:description bg};
  365. padding:10px;
  366. }
  367.  
  368. .question a{
  369. border:0!important;
  370. }
  371.  
  372. /* CAPTION */
  373. .caption{
  374.  
  375. }
  376.  
  377. .caption a {
  378. border-bottom:1px solid {color:borders};}
  379.  
  380. .caption a:hover {
  381. text-decoration:none;
  382. color:{color:link hover};
  383. border-color:{color:link hover};
  384. }
  385.  
  386. /* INFO */
  387. .posts-info{
  388. margin-top:15px;
  389. color:{color:info};
  390. margin-bottom:1px;}
  391.  
  392. .posts-info a{
  393. color:{color:info};
  394. border:0!important;
  395. margin-right:5px;
  396. }
  397.  
  398. a.tag {
  399. text-decoration:none;
  400. margin-right:3px;
  401. border-bottom:1px solid {color:borders}!important;
  402. }
  403.  
  404. /* NOTES */
  405. #notes{
  406. width:{select:posts width}px;
  407. margin-left:0px;
  408. margin-top:15px;}
  409.  
  410. .notes img{border-radius:100%;}
  411.  
  412. ol.notes {
  413. padding: 0px;
  414. margin: 0;
  415. list-style-type: none;}
  416.  
  417. ol.notes li.note {padding: 0px;}
  418.  
  419. ol.notes li.note img.avatar {
  420. display:none;}
  421.  
  422. ol.notes li.note span.action {}
  423.  
  424. ol.notes li.note .answer_content {font-weight: normal;}
  425.  
  426. ol.notes li.note blockquote {
  427. border-color: {color:borders};
  428. padding: 4px 10px;
  429. margin: 10px 0px 0px 25px;}
  430.  
  431. /* EXTRAS */
  432. a.c{
  433. position:fixed;
  434. bottom:25px;
  435. right:25px;
  436. font:07px 'trebuchet ms';
  437. text-transform:uppercase;
  438. letter-spacing:1px;
  439. text-align:right;
  440. z-index:9999999;
  441. background-color:#fff;
  442. border:1px solid #e9e9e9;
  443. padding:05px;
  444. border-radius:100%;
  445. color:#8c8c8c;
  446. }
  447.  
  448. .vignette, #vignette {
  449. opacity:0;
  450. }
  451. .lightbox-image, #tumblr_lightbox img {
  452. box-shadow:none !important;
  453. border-radius:0 !important;
  454. max-width:none;
  455. }
  456.  
  457. .tmblr-lightbox, #tumblr_lightbox {
  458. background-color:rgba(255,255,255,.8) !important;
  459. }
  460.  
  461. #tumblr_lightbox img {
  462. border:3px solid #fff !important;
  463. -moz-box-sizing:border-box;
  464. box-sizing:border-box;
  465. }
  466.  
  467. .lightbox-image {
  468. padding:3px;
  469. background-color:rgba(255,255,255,1) !important;
  470. }
  471.  
  472. ::-webkit-scrollbar {
  473. width: 3px;
  474. height: 3px;
  475. background: {color:background};}
  476.  
  477. ::-webkit-scrollbar-thumb {
  478. background-color:{color:scrollbar};}
  479.  
  480. #s-m-t-tooltip{
  481. margin:24px 14px 7px 12px;
  482. z-index:9999999999999;
  483. line-height:16px;
  484. background-color:{color:link};
  485. letter-spacing:1px;
  486. color:white;
  487. font-size: 09px;
  488. text-transform:uppercase;
  489. padding:0px 03px 0px 03px;}
  490.  
  491. ::selection {
  492. background: {color:link};
  493. color: white;}
  494. ::-moz-selection {
  495. background: {color:link};
  496. color: white;}
  497. ::-webkit-selection {
  498. background: {color:link};
  499. color: white;}
  500.  
  501. /* SCROLL TO TOP */
  502. .scrollup{
  503. width:30px;
  504. height:30px;
  505. opacity:0.7;
  506. position:fixed;
  507. z-index:9999999;
  508. bottom:70px;
  509. right:22px;
  510. display:none;
  511. text-align:center;
  512. line-height:120%;
  513. }
  514.  
  515. .scrollup:hover{cursor:pointer;}
  516.  
  517. /* tabs */
  518.  
  519. .tabs {
  520. width:100%;
  521. display:inline-block;
  522. margin-left:-5px
  523. }
  524.  
  525. /*----- Tab Links -----*/
  526.  
  527. /* Clearfix */
  528. .tab-links:after {
  529. display:block;
  530. clear:both;
  531. content:'';
  532. }
  533.  
  534. .tabs-link ul{
  535. margin:0;
  536. padding:0;
  537. }
  538.  
  539. .tab-links li {
  540. margin:0px;
  541. display:inline-block;
  542. list-style:none!important;
  543. text-align:left;
  544. padding:0;
  545. }
  546.  
  547. .tab-links tb{
  548. margin-right:05px;
  549. margin-bottom:05px;
  550. display:inline-block;
  551. transition:all linear 0.15s;
  552. border-bottom:1px solid transparent;
  553. border-top:1px solid transparent;
  554. color:{color:link}!important;
  555. }
  556.  
  557. .tab-links tb:hover, .tab-links a:hover {
  558. border-bottom:1px solid {color:link underline};
  559. text-decoration:none;
  560. cursor:pointer!important;
  561. color:{color:link};
  562. }
  563.  
  564. li.active tb, li.active tb:hover {
  565. background:transparent;
  566. color:;
  567. border-bottom:1px solid {color:link underline};
  568. -webkit-transition: all .3s;
  569. -moz-transition: all .3s;
  570. -o-transition: all .3s;
  571. -ms-transition: all .3s;
  572. transition: all .3s;
  573. }
  574.  
  575. /*----- Content of Tabs -----*/
  576. .tab-content {
  577. padding:15px;
  578. border-radius:3px;}
  579.  
  580. .tabb {
  581. padding:15px;
  582. background-color:{color:description bg};
  583. border:1px solid {color:borders};
  584. max-height:400px;
  585. overflow:auto;}
  586.  
  587. .tabb a {
  588. border-bottom:1px solid {color:borders};}
  589.  
  590. .tabb a:hover {
  591. text-decoration:none;
  592. color:{color:link hover};
  593. border-color:{color:link hover};
  594. }
  595.  
  596. .tabb ol li:before{
  597. content:'›';
  598. position:absolute;
  599. margin-top:-1.5px;
  600. left:0;
  601. font-size:10px;
  602. }
  603.  
  604. .tabb ul li:before {
  605. content:'›';
  606. position:absolute;
  607. margin-top:-1.5px;
  608. left:0;
  609. font-size:10px;}
  610.  
  611. .tab {
  612. display:none;}
  613.  
  614. .tab.active {
  615. display:block;}
  616.  
  617. .navi {
  618. -webkit-column-count: 3; /* Chrome, Safari, Opera */
  619. -moz-column-count: 3; /* Firefox */
  620. column-count: 3;}
  621.  
  622. .navi a{
  623. display:block;
  624. border:0 solid {color:Borders}!important;}
  625.  
  626. </style>
  627. </head>
  628.  
  629. <body>
  630.  
  631. <div class="container">
  632. <div class="sidebar">
  633.  
  634. <img src="{image:sidebar}" class="sidebar-image">
  635.  
  636. {block:ShowTitle}
  637. <div class="sb-title"><a href="/">{title}</a></div>{/block:ShowTitle}
  638.  
  639. {block:ShowDescription}<div class="description">{description}</div>
  640. {/block:ShowDescription}
  641.  
  642. <div class="tabs">
  643. <ul class="tab-links">
  644. <li class="active">
  645. <tb href="#tab1">{text:tab 01}</tb></li>
  646. <li><tb href="#tab2">{text:tab 02}</tb></li>
  647. <li><tb href="#tab3">{text:tab 03}</tb></li>
  648. <li><tb href="#tab4">{text:tab 04}</tb></li>
  649. <li><a href="{text:link url}">{text:link title}</a></li>
  650. </ul>
  651. </div>
  652.  
  653. </div><!--- sidebar --->
  654.  
  655. <div id="entries">
  656.  
  657. <div class="tabs">
  658.  
  659. <!-- TAB 1 -->
  660. <div id="tab1" class="tab active">
  661. <div class="tab-content">
  662.  
  663. <div id="entry">
  664.  
  665. {block:Posts}
  666.  
  667. {block:ContentSource}
  668. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  669. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  670. {/block:SourceLogo}
  671. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  672. {/block:ContentSource}
  673.  
  674. <div class="posts">
  675.  
  676. {block:Quote}<div class="quote">
  677. <div class="quotetext-{Length}">{Quote}</div>
  678. {block:Source}
  679. <div class="quote-source">{Source}</div>
  680. {/block:Source}
  681. </div>{/block:Quote}
  682.  
  683. {block:Text}
  684. {block:Title}<h2>{Title}</h2>{/block:Title}
  685. {Body}
  686. {/block:Text}
  687.  
  688. {block:Photo}
  689. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  690. {block:ifShowCaption}
  691. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  692. {/block:ifShowCaption}
  693. {block:ifNotShowCaption}
  694. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  695. {/block:ifNotShowCaption}
  696. {/block:Photo}
  697.  
  698. {block:Photoset}<center>
  699. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  700. {block:ifShowCaption}
  701. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  702. {/block:ifShowCaption}
  703. {block:ifNotShowCaption}
  704. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  705. {/block:ifNotShowCaption}
  706. {/block:Photoset}
  707.  
  708. {block:Link}
  709. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  710. {block:Description}{Description}{/block:Description}
  711. {/block:Link}
  712.  
  713. {block:Chat}
  714. {block:Title}<h2>{Title}</h2>{/block:Title}
  715. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  716. {/block:Chat}
  717.  
  718. {block:Audio}
  719. <div class="audio">
  720. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  721. {block:AlbumArt}
  722. <img src="{AlbumArtURL}" class="au-image">
  723. {/block:AlbumArt}
  724. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  725. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}
  726. </div>
  727.  
  728. </div>
  729. {block:ifShowCaption}
  730. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  731. {/block:ifShowCaption}
  732. {block:ifNotShowCaption}
  733. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  734. {/block:ifNotShowCaption}
  735. {/block:Audio}
  736.  
  737. {block:Video}
  738. <div class="video">{Video-500}</div>
  739. {block:ifShowCaption}
  740. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  741. {/block:ifShowCaption}
  742. {block:ifNotShowCaption}
  743. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  744. {/block:ifNotShowCaption}
  745. {/block:Video}
  746.  
  747. {block:Answer}
  748. <div class="question">
  749. <b>{Asker}:</b> {Question}</div>
  750. {Answer}
  751. {/block:Answer}
  752.  
  753. {block:Date}<div class="posts-info">
  754. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a>
  755.  
  756. {block:NoteCount}<a href="{Permalink}"> {NoteCount}N {/block:NoteCount}</a>
  757.  
  758. {block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:RebloggedFrom}
  759.  
  760. {block:NotReblog}Original{/block:NotReblog}{/block:Permalinkpage}
  761.  
  762. {block:ifReblogButton}{block:indexpage}<span style="float:right"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></span>{/block:indexPage}{/block:ifReblogButton}
  763.  
  764. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags} {/block:HasTags}
  765. </div>
  766. {/block:Date}
  767. </div><!--- posts --->
  768.  
  769. {block:PermalinkPage}
  770. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  771. {/block:PermalinkPage}
  772.  
  773. {/block:Posts}
  774.  
  775. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  776. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  777.  
  778. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  779. {/block:Pagination}
  780.  
  781. </div><!--- entry --->
  782.  
  783. </div>
  784. </div>
  785.  
  786.  
  787.  
  788.  
  789. <!------------------ ABOUT TAB ------------------>
  790.  
  791. <div id="tab2" class="tab"><div class="tabcontent"><div class="tabb">
  792.  
  793. <h2> about </h2> <!--- title --->
  794.  
  795. <br>
  796.  
  797. write your about info here
  798.  
  799. <!--- // you can delete this if u want // --->
  800.  
  801. <ul><!--list --->
  802. <li> name </li>
  803. <li> age </li>
  804. <li> nationality </li>
  805. <li> etc </li>
  806. </ul>
  807.  
  808. <b>personal links</b> <!--- links title ---->
  809.  
  810. <ul><!--list--->
  811. <li><a href=" "> link </a></li>
  812. <li><a href=" "> link </a></li>
  813. <li><a href=" "> link </a></li>
  814. </ul>
  815.  
  816. </div></div></div>
  817.  
  818.  
  819.  
  820.  
  821.  
  822. <!------------------ CONTACT TAB ------------------>
  823.  
  824. <div id="tab3" class="tab"><div class="tabcontent"><div class="tabb">
  825.  
  826. <h2> FAQ </h2> <!--- title --->
  827.  
  828. <!--- //to add more questions copy and paste this under </p> // --->
  829. <p>
  830.  
  831. <b>Q:</b> an original question here<br>
  832. <b>A:</b> here's the answer
  833.  
  834. </p>
  835. <!--- - --->
  836.  
  837. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"> </iframe>
  838.  
  839. </div></div></div>
  840.  
  841.  
  842.  
  843.  
  844. <!------------------ NAVIGATION TAB ------------------>
  845.  
  846. <div id="tab4" class="tab"><div class="tabcontent"><div class="tabb">
  847.  
  848. <h2> Links </h2><!--- title --->
  849.  
  850. <div class="navi">
  851.  
  852. <a href=" "> link </a>
  853. <a href=" "> link </a>
  854. <a href=" "> link </a>
  855. <a href=" "> link </a>
  856. <a href=" "> link </a>
  857. <a href=" "> link </a>
  858. <a href=" "> link </a>
  859. <a href=" "> link </a>
  860. <a href=" "> link </a>
  861.  
  862. </div>
  863.  
  864. <br>
  865.  
  866. <h2> Works </h2><!--- subtitle --->
  867.  
  868. <div class="navi">
  869.  
  870. <a href=" "> link </a>
  871. <a href=" "> link </a>
  872. <a href=" "> link </a>
  873. <a href=" "> link </a>
  874. <a href=" "> link </a>
  875. <a href=" "> link </a>
  876.  
  877. </div></div></div>
  878.  
  879. <!-- END OF TABS -->
  880. </div>
  881.  
  882.  
  883. </div><!--- entries --->
  884. </div><!--- container --->
  885.  
  886. <script src="http://static.tumblr.com/nb65v05/Of2o9tkok/tabs.js"></script>
  887. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  888. {block:ifInfiniteScroll}
  889. <script src="http://static.tumblr.com/nb65v05/QLXo03qup/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  890.  
  891. <script>
  892. $(document).ready(function(){
  893. $('.photo-slideshow').pxuPhotoset({
  894. lightbox: true,
  895. rounded: false,
  896. {block:ifNotCustomGutter}
  897. gutter: '0px',{/block:ifNotCustomGutter}
  898. {block:ifCustomGutter}
  899. gutter: {text:Gutter},{/block:ifCustomGutter}
  900. borderRadius: '0px',
  901. photoset: '.photo-slideshow',
  902. photoWrap: '.photo-data',
  903. photo: '.pxu-photo'
  904. });
  905. {block:IndexPage}
  906. {block:ifInfiniteScroll}
  907. $(window).scroll(function(){
  908. if ($(this).scrollTop() > 100) {
  909. $('.scrollup').fadeIn();
  910. } else {
  911. $('.scrollup').fadeOut();}});
  912. $('.scrollup').click(function(){
  913. $("html, body").animate({ scrollTop: 0 }, 600);
  914. return false;});
  915. var $container = $('#entry');
  916. $container.infinitescroll({
  917. loading: {
  918. finished: undefined,
  919. finishedMsg: "<em></em>",
  920. img:'https://static.tumblr.com/nb65v05/NgXntm6a6/untitled-1.png',
  921. msg: null,
  922. msgText: "<em></em>",
  923. selector: null,
  924. speed: 'slow',
  925. },
  926. navSelector: '.pag',
  927. nextSelector: '.next',
  928. itemSelector: '.posts',
  929. extraScrollPx : 0,
  930. bufferPx : 10000,
  931. debug : false,
  932. errorCallback: function() {
  933. $('#infscr-loading').animate().fadeOut('normal');
  934. }},
  935. function( newElements ) {
  936. resizeVideos();
  937. var $newElems = $( newElements );
  938. var $newElems = $( newElements );
  939. $newElems.find('.photo-slideshow').pxuPhotoset({
  940. lightbox: true,
  941. rounded: false,
  942. {block:ifNotCustomGutter}
  943. gutter: '0px',{/block:ifNotCustomGutter}
  944. {block:ifCustomGutter}
  945. gutter: {text:Gutter},{/block:ifCustomGutter}
  946. borderRadius: '0px',
  947. photoset: '.photo-slideshow',
  948. photoWrap: '.photo-data',
  949. photo: '.pxu-photo'
  950. });
  951. });
  952. {/block:ifInfiniteScroll}{/block:IndexPage}
  953. });
  954. </script>
  955.  
  956. <a href="http://cathms.tumblr.com/" target="_blank" class="c">tc</a>
  957.  
  958. {block:IndexPage}{block:ifInfiniteScroll}<a class="scrollup"><i class="fa fa-chevron-up fa-2x"></i><br>scroll to top</a>{/block:ifInfiniteScroll}{/block:IndexPage}
  959.  
  960. </body>
  961. </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!