API tools faq
paste
Advertisement
jasonmcann

Theme: Navillera

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