API tools faq
paste
amaanat

Saadgi Theme

amaanat
Feb 28th, 2019
694
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.66 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME THREE - SAADGI
  4. saadgi means simple in urdu
  5.  
  6. MADE FOR YOU WITH ♡ BY AMAANAT THEMES
  7.  
  8. (@amaanat on tumblr)
  9.  
  10.  
  11. please visit https://www.amaanat.tumblr.com/terms to read the terms and conditions before using my page. If you do not agree to the terms of use, you may not use my work.
  12.  
  13. If you have questions about this code or find things difficult, do not hesitate to contact me!
  14.  
  15. please do not steal my code, remove or move the credit or claim this as your own or use as a base code. also do not remove this piece of text at all!
  16.  
  17. credits:
  18. - honeybee icon font by suiomi
  19. - custom tumblr controls by cyantists
  20. - google fonts
  21.  
  22. a full list of credits used in this theme and others can be found on
  23. https://www.amaanat.tumblr.com/credits
  24.  
  25. much thanks to codingcabin for helping me out in difficult times!
  26.  
  27. IMPORTANT INSTRUCTIONS FOR THE CODE:
  28. So there is the option to choose the post width and the header quote width. You NEED to choose the correct header quote width for whatever post width you choose, otherwise the theme will look bad and out of line. So:
  29.  
  30. if you choose 400px posts, choose the 335px header quote width!
  31. if you choose 450px posts, choose the 385px header quote width!
  32. if you choose 500px posts, choose the 435px header quote width!
  33. if you choose 540px posts, choose the 475px header quote width!
  34.  
  35. ALSO: you can not choose to get rid of the quote in the header and it looks best width TWO lines (two is also the maximum of lines) so make it that long if you can!
  36.  
  37. -->
  38.  
  39. <!DOCTYPE html>
  40. <head>
  41.  
  42. <!-- palette sympatico : https://www.pantone.com/color-intelligence/color-of-the-year/color-of-the-year-2019-palette-exploration -->
  43.  
  44. <title>{Title}{block:PostTitle}/ {PostTitle}{/block:PostTitle}</title>
  45. <link rel="shortcut icon" href="{Favicon}">
  46.  
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}
  49. <meta name="description" content="{MetaDescription}"/>
  50. {/block:Description}
  51.  
  52. <!-- customisation stuff -->
  53.  
  54. <meta name="color:background color" content="#ffffff" />
  55. <meta name="color:post background color" content="#ffffff" />
  56. <meta name="color:footer background color" content="#eee" />
  57. <meta name="color:text" content="#000000" />
  58. <meta name="color:header links" content="#C2877B" />
  59. <meta name="color:header links hover" content="#7E392F" />
  60. <meta name="color:links" content="#C2877B" />
  61. <meta name="color:links hover" content="#7E392F" />
  62. <meta name="color:scrollbar background color" content="#7e392f" />
  63. <meta name="color:scrollbar thumb color" content="#ffffff" />
  64. <meta name="color:audio player background color" content="#000000" />
  65. <meta name="color:audio player info color" content="ffffff" />
  66.  
  67. <meta name="if:scroll to top button" content="1" />
  68. <meta name="if:turn this on if you have a light background and turn it off if you have a dark background" content="1" />
  69.  
  70.  
  71. <meta name="select:post width" content="400px" />
  72. <meta name="select:post width" content="450px" />
  73. <meta name="select:post width" content="500px" />
  74. <meta name="select:post width" content="540px" />
  75.  
  76. <meta name="select:header quote width" content="335px" />
  77. <meta name="select:header quote width" content="385px" />
  78. <meta name="select:header quote width" content="435px" />
  79. <meta name="select:header quote width" content="475px" />
  80.  
  81. <meta name="select:text size" content="12px" />
  82. <meta name="select:text size" content="13px" />
  83. <meta name="select:text size" content="14px" />
  84. <meta name="select:text size" content="15px" />
  85.  
  86. <meta name="text:quote" content="" />
  87.  
  88. <meta name="text:link one" content="" />
  89. <meta name="text:link one url" content="" />
  90. <meta name="text:link two" content="" />
  91. <meta name="text:link two url" content="" />
  92. <meta name="text:link three" content="" />
  93. <meta name="text:link three url" content="" />
  94.  
  95.  
  96. <!-- HONEYBEE ICON FONT BY SUIOMI | DO NOT TOUCH OR REMOVE THIS AT ALL-->
  97. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  98.  
  99. <!-- FONTS USED IN THIS THEME -->
  100. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  101. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  102. <link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
  103.  
  104.  
  105. <!-- JQUERY SCRIPT DO NOT TOUCH THIS-->
  106. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  107.  
  108. <!-- css hover effect https://github.com/IanLunn/Hover -->
  109. <link href="css/hover.css" rel="stylesheet" media="all">
  110.  
  111. <!-- shythemes pxu photosets -->
  112. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  113. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  114.  
  115. <!-- shythemes video resizing -->
  116. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  117.  
  118. <!-- animate on scroll -->
  119. <link rel="stylesheet" href="https://static.tumblr.com/uopakca/prpov76n6/aos.css" />
  120. <script src="https://static.tumblr.com/uopakca/L8aov76mb/aos.js"></script>
  121.  
  122. <script>
  123. $(document).ready(function(){
  124. AOS.init();
  125. });
  126. </script>
  127.  
  128. <!-- style audio player by shudesigns -->
  129. <script>
  130. $(document).ready(function() {
  131. $('iframe.tumblr_audio_player').load( function() {
  132. $('iframe.tumblr_audio_player').contents().find("head")
  133. .append($("<style type='text/css'> .audio-player{background:{color:audio player background color} !important} .audio-info{color:{color:audio player info color} !important} .track-artist {color:{color:audio player info color} !important} .play-pause {color:{color:audio player info color} !important} </style>"));
  134. });
  135. });
  136. </script>
  137.  
  138. <!-- tooltip tutorial by easy-html-tutorials -->
  139. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  140. <script>
  141. (function($){
  142. $(document).ready(function(){
  143. $("a[title]").style_my_tooltips({
  144. tip_follows_cursor:true,
  145. tip_delay_time:100,
  146. tip_fade_speed:300,
  147. attribute:"title"
  148. });
  149. });
  150. })(jQuery);
  151. </script>
  152.  
  153. <!-- end tooltips -->
  154.  
  155. </head>
  156.  
  157. <style type="text/css">
  158.  
  159. /* tooltips. Do not touch this unless you know what to do. I have customised the tooltips in a way that they are visible on dark AND light backgrounds and would prefer to keep it that way, because of the credits link */
  160.  
  161. #s-m-t-tooltip {
  162. max-width:300px; /* maximum width */
  163. background-color:#eee; /* color background */
  164. border:1px solid; /* color, shape and thickness of the border */
  165. border-color:#000000;
  166. font-size:12px; /* font size */
  167. color:#000000; /* font color */
  168. letter-spacing:1px; /* font spacing */
  169. text-transform:lowercase; /* uppercase, lowercase, none */
  170. padding:5px; /* padding size */
  171. margin:20px 0px 0px 20px; /* margin size, in order, top, right, bottom, left */
  172. z-index:9999999999999999999999;
  173. border-radius: 1px; /* border radius */
  174. }
  175.  
  176.  
  177.  
  178. /* cyantists custom tumblr controls */
  179. iframe.tmblr-iframe {
  180. z-index:99999999999999!important;
  181. top:0!important;
  182. right:0!important;
  183. opacity:0.4;
  184. /* delete invert(1) from here */
  185. {block:ifturnthisonifyouhavealightbackgroundandturnitoffifyouhaveadarkbackground}
  186. filter:invert(1) contrast(150%);
  187. -webkit-filter:invert(1) contrast(150%);
  188. -o-filter:invert(1) contrast(150%);
  189. -moz-filter:invert(1) contrast(150%);
  190. -ms-filter:invert(1) contrast(150%);
  191. {block:ifturnthisonifyouhavealightbackgroundandturnitoffifyouhaveadarkbackground}
  192. /* to here if your blog has a dark background */
  193. transform:scale(0.65);
  194. transform-origin:100% 0;
  195. -webkit-transform:scale(0.65);
  196. -webkit-transform-origin:100% 0;
  197. -o-transform:scale(0.65);
  198. -o-transform-origin:100% 0;
  199. -moz-transform:scale(0.65);
  200. -moz-transform-origin:100% 0;
  201. -ms-transform:scale(0.65);
  202. -ms-transform-origin:100% 0;}
  203.  
  204. iframe.tmblr-iframe:hover {
  205. opacity:0.6!important;}
  206.  
  207.  
  208.  
  209. /* scrollbar */
  210. /* width */
  211. ::-webkit-scrollbar {
  212. width: 6px;
  213. z-index:-1;
  214. height:6px;
  215. }
  216. /* Track */
  217. ::-webkit-scrollbar-track {
  218. background:{color:scrollbar background color};
  219. }
  220. /* Handle */
  221. ::-webkit-scrollbar-thumb {
  222. background:{color:scrollbar thumb color};
  223. transition:.5s ease;
  224. width:3px;
  225. }
  226. ::-webkit-scrollbar-corner {
  227. background-color:white;
  228. }
  229.  
  230. /* body stuff */
  231. body {
  232. font-family: 'Roboto', sans-serif;
  233. margin:0;
  234. background-color:{color:background color};
  235. color:{color:text};
  236. font-size:{select:text size};
  237. }
  238.  
  239. img {
  240. max-width:100%;
  241. }
  242.  
  243. blockquote {
  244. padding-left:10px;
  245. border-left:1px solid;
  246. border-left-color:#eee;
  247. margin:5px;
  248. }
  249.  
  250. ul {
  251. list-style-type:circle;
  252. }
  253.  
  254. h1 {
  255. font-size:20px;
  256. }
  257.  
  258. h2 {
  259. font-size:20px;
  260. }
  261.  
  262. h3 {
  263. font-size:18px;
  264. }
  265.  
  266. a {
  267. transition:.5s ease;
  268. text-decoration:none;
  269. color:{color:links};
  270. }
  271.  
  272. a:hover {
  273. color:{color:links hover};
  274. }
  275.  
  276.  
  277. /* header */
  278. .header {
  279. margin:0 auto;
  280. width:{select:post width};
  281. height:auto;
  282. text-align:center;
  283. margin-top:100px;
  284. padding:5px;
  285. background-color:{color:post background color};
  286. }
  287.  
  288. .headerimage img {
  289. border-radius:4px;
  290. height:50px;
  291. width:50px;
  292. float:left;
  293. display:inline-block;
  294. vertical-align:middle;
  295. transition:.5s ease;
  296. }
  297.  
  298. .headerimage img:hover {
  299. border-radius:10px;
  300. }
  301.  
  302. .headerquote {
  303. line-height:20px;
  304. text-align:center;
  305. vertical-align:middle;
  306. height:40px;
  307. border-radius:4px;
  308. display:inline-block;
  309. font-size:11px;
  310. width:{select:header quote width};
  311.  
  312. /* 540px post width = 475px headerquote width
  313. 500px post width = 435px headerquote width
  314. 450px post width = 385px headerquote width
  315. 400px post width = 335px headerquote width
  316. */
  317. background-color:#eee;
  318. font-style:italic;
  319. padding:5px;
  320. }
  321.  
  322. .description {
  323. font-size:{select:text size};
  324. max-width:{select:post width};
  325. margin-top:10px;
  326. border-radius:4px;
  327. padding:1px;
  328. }
  329.  
  330. .headerlinks {
  331. margin-top:10px;
  332. }
  333.  
  334. .headerlinks a {
  335. padding:5px;
  336. font-size:14px;
  337. font-weight:bold;
  338. color:{color:header links};
  339.  
  340. }
  341.  
  342. .headerlinks a:hover {
  343. color:{color:header links hover};
  344. }
  345.  
  346. /* Bounce In Effects on Links */
  347. .hvr-bounce-in {
  348. display: inline-block;
  349. vertical-align: middle;
  350. -webkit-transform: perspective(1px) translateZ(0);
  351. transform: perspective(1px) translateZ(0);
  352. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  353. -webkit-transition-duration: 0.5s;
  354. transition-duration: 0.5s;
  355. }
  356. .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  357. -webkit-transform: scale(1.2);
  358. transform: scale(1.2);
  359. -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  360. transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  361. }
  362.  
  363. /* this stuff makes the theme responsive! */
  364. @media only screen and (max-width:2000px) and (min-width:1500px) {
  365. body {
  366. font-size:18px !important;
  367. }
  368. }
  369.  
  370. @media only screen and (max-width: 539px) {
  371. .scrolltop {
  372. visibility:hidden;
  373. }
  374. .header {
  375. width:300px;
  376. margin-top:50px;
  377. padding:5px;
  378. }
  379. .headerquote {
  380. max-height:40px;
  381. line-height:10px;
  382. font-size:10px;
  383. width:235px;
  384. }
  385. .description {
  386. max-width:300px;
  387. }
  388. .headerlinks {
  389. margin-top:10px;
  390. }
  391. .headerlinks a {
  392. padding:5px;
  393. font-size:14px;
  394. font-weight:bold;
  395. }
  396. #content, .posts {
  397. width:300px !important;
  398. }
  399. .footer {
  400. width:290px !important;
  401. }
  402. }
  403. /* end of responsive design stuff */
  404.  
  405.  
  406. /* posts styling*/
  407.  
  408. #content {
  409. margin:0 auto;
  410. width:{select:post width};
  411. }
  412.  
  413. .posts {
  414. width:{select:post width};
  415. margin-top:100px;
  416. margin-left:-5px;
  417. padding:5px;
  418. background-color:{color:post background color};
  419. }
  420.  
  421. /* stuff inside the posts */
  422.  
  423. .title {
  424. font-weight:bold;
  425. color:{color:text};
  426. font-size:20px;
  427. margin-bottom:10px;
  428. }
  429.  
  430. .text {
  431. font-size:{select:text size};
  432. color:{color:text};
  433. }
  434.  
  435. /* reblogs (dashboard style captions)*/
  436. .reblogs {
  437. display:inline-block;
  438. margin-bottom:-5px;
  439.  
  440. }
  441.  
  442. .reblogs img {
  443. vertical-align:middle;
  444. display:inline-block;
  445. width:20px;
  446. height:20px;
  447. border-radius:3px;
  448.  
  449. }
  450.  
  451.  
  452. .reblogusernames {
  453. display:inline-block;
  454. margin-left:10px;
  455. font-weight:bold;
  456. font-size:13px;
  457.  
  458. }
  459.  
  460.  
  461. /* photo(set) posts */
  462.  
  463. .photo-slideshow {
  464. margin-bottom:10px;
  465. }
  466.  
  467. /* lightbox for photos */
  468. .vignette, #vignette {
  469. opacity:0;
  470. background-image: none!important;
  471. }
  472.  
  473. .lightbox-image, #tumblr_lightbox img {
  474. box-shadow:none !important;
  475. border-radius:4px !important;
  476. max-width:none;
  477. }
  478.  
  479. .tmblr-lightbox, #tumblr_lightbox {
  480. background-color:rgba(255,255,255,0.8) !important;
  481. }
  482.  
  483. /* audio and video posts */
  484. .audio iframe {
  485. width:100%;
  486. }
  487.  
  488. .audio {
  489. margin-bottom:10px;
  490. }
  491.  
  492. .spotify_audio_player {
  493. height: 80px !important;
  494. width:100%;
  495. }
  496.  
  497. .video {
  498. margin-bottom:10px;
  499. }
  500.  
  501. /* answer posts */
  502. .asker img, .answerer img {
  503. width:25px;
  504. height:25px;
  505. border-radius:3px;
  506. vertical-align:middle;
  507. margin-right:10px;
  508. }
  509.  
  510. .asker, .answerer {
  511. font-size:13px;
  512. text-transform:lowercase;
  513. }
  514.  
  515. .asker a, .answerer a {
  516. text-decoration:none;
  517. font-size:13px;
  518. font-weight:bold;
  519. }
  520.  
  521. .question {
  522. font-size:{select:text size};
  523. color:{color:text};
  524. width: calc({select:post width} - 20px);
  525. background-color:#eee;
  526. padding:10px;
  527. }
  528.  
  529. .answer {
  530. margin-top:-5px;
  531. margin-bottom:5px;
  532. font-size:{select:text size};
  533. }
  534.  
  535. /* link posts */
  536. .linkpost {
  537. margin-bottom:10px;
  538. text-transform:uppercase;
  539. }
  540.  
  541. .linkpost a {
  542. font-size: calc({select:text size} + 2px);
  543. }
  544.  
  545. /* chat posts */
  546. .chat {
  547. font-size:{select:text size};
  548. margin-bottom:5px;
  549. padding:5px;
  550. font-family: 'Merriweather', serif;
  551. }
  552.  
  553. /* quote posts */
  554. .quotepost {
  555. font-family: 'Dancing Script', cursive;
  556. font-size:24px;
  557. text-align:left;
  558. font-weight:bold;
  559. }
  560.  
  561. .source {
  562. margin-top:10px;
  563. font-size:{select:text size};
  564. }
  565.  
  566.  
  567. /* post footer */
  568.  
  569. .footer {
  570. margin-top:25px;
  571. margin-bottom:10px;
  572. font-size:12px;
  573. background-color:#eee;
  574. padding:5px;
  575. width: calc({select:post width} - 10px);
  576. }
  577.  
  578. .date, .notecount, .via {
  579. display:inline-block;
  580. }
  581.  
  582. .reblogbutton {
  583. float:right;
  584. }
  585.  
  586. .tags {
  587. margin-top:10px;
  588. font-size:11px;
  589. display:inline-block;
  590. }
  591.  
  592. .tags a {
  593. display:inline-block;
  594. margin-right:10px;
  595. }
  596.  
  597. /* post notes */
  598. .postnotes {
  599. margin-top:50px;
  600. margin-bottom:100px;
  601. max-height:300px;
  602. overflow:auto;
  603. font-size: calc({select:text size} - 2px);
  604. }
  605.  
  606. ol.notes li.note {
  607. padding:5px;
  608. }
  609.  
  610. .postnotes ol {
  611. list-style-type:none;
  612. }
  613.  
  614. .postnotes img {
  615. margin-left:-40px;
  616. width:15px;
  617. height:15px;
  618. border-radius:50px;
  619. margin-right:10px;
  620. vertical-align:middle;
  621. }
  622.  
  623. /* pagination */
  624. .pagination {
  625. text-align:center;
  626. margin-top:50px;
  627. margin-bottom:100px;
  628. }
  629.  
  630. /* scroll to top button */
  631.  
  632. .scrolltop {
  633. transition:ease;
  634. position:fixed;
  635. bottom:10px;
  636. left:10px;
  637. display:none;
  638. font-size:{select:text size};
  639. }
  640.  
  641. .scrolltop a {
  642. text-decoration:none;
  643. color:{color:links};
  644. padding:5px;
  645. transition:.5s ease;
  646. border-radius:4px;
  647. }
  648.  
  649. .scrolltop a:hover {
  650. color:{color:links hover};
  651. }
  652.  
  653. /* you touch this and you feel my wrath */
  654. .credit {
  655. background-color:white;
  656. line-height:16px;
  657. padding-top:5px;
  658. padding-bottom:5px;
  659. padding-left:5px;
  660. position: fixed;
  661. right:10px;
  662. bottom: 10px;
  663. display: block;
  664. overflow: hidden;
  665. color: #000;
  666. font-size: 13px;
  667. text-align: center;
  668. text-decoration: none;
  669. letter-spacing:normal;
  670. font-family: 'Montserrat', sans-serif;
  671. }
  672.  
  673. .credit:after {
  674. display: inline-block;
  675. width: 0;
  676. content: 'amaanat';
  677. letter-spacing:normal;
  678. transition: width .9s ease;
  679. }
  680. .credit:hover:after {
  681. width: 4em;
  682. padding-right:5px;
  683. }
  684.  
  685. .th-diamond-o {
  686. font-size:16px;
  687. }
  688.  
  689. .credit:hover {
  690. color:black;
  691. }
  692.  
  693.  
  694. /* end post all styling content */
  695. </style>
  696.  
  697. <body>
  698.  
  699. <!-- header -->
  700. <div class="header">
  701. <div class="headerimage">
  702. <a title="{title}" href="/"><img src="{portraiturl-128}"></a>
  703. <div class="headerquote">{text:quote}</div></div>
  704. <p>
  705.  
  706. <div class="description">{description}</div>
  707. <p>
  708. <div class="headerlinks">
  709. <a href="/" class="hvr-bounce-in">home</a>
  710. <a href="/ask" class="hvr-bounce-in">inbox</a>
  711. {block:iflinkone}<a href="{text:link one url}" class="hvr-bounce-in">{text:link one}</a>{/block:iflinkone}
  712. {block:iflinktwo}<a href="{text:link two url}" class="hvr-bounce-in">{text:link two}</a>{/block:iflinktwo}
  713. {block:iflinkthree}<a href="{text:link three url}" class="hvr-bounce-in">{text:link three}</a>{/block:iflinkthree}
  714. </div>
  715. </div>
  716.  
  717.  
  718. <div id="content">
  719. {block:posts}
  720. <div data-aos="zoom-in">
  721. <div class="posts">
  722.  
  723. <!-- photo posts -->
  724.  
  725. {block:Photo}
  726.  
  727. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  728. <img src="{PhotoURL-HighRes}">
  729. </a>{LinkCloseTag}
  730.  
  731. {block:Caption}
  732. {block:notreblog}
  733. <div class="text">{caption}</div>
  734. {/block:notreblog}
  735.  
  736. {block:reblogs}
  737. <div class="reblogs">
  738. <a href="{permalink}"><img src="{portraitURL-64}"><div class="reblogusernames">{username}</div></a>
  739. </div>
  740. <div class="text">{body}</div>
  741. {/block:reblogs}
  742. {/block:Caption}
  743.  
  744. {/block:Photo}
  745.  
  746. <!-- photoset posts -->
  747.  
  748. {block:Photoset}
  749.  
  750. <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>
  751.  
  752.  
  753. {block:Caption}
  754. {block:notreblog}
  755. <div class="text">{caption}</div>
  756. {/block:notreblog}
  757.  
  758. {block:reblogs}
  759. <div class="reblogs">
  760. <a href="{permalink}"><img src="{portraitURL-64}"><div class="reblogusernames">{username}</div></a>
  761. </div>
  762. <div class="text">{body}</div>
  763. {/block:reblogs}
  764. {/block:Caption}
  765.  
  766. {/block:Photoset}
  767.  
  768. <!-- video posts -->
  769.  
  770. {block:Video}
  771.  
  772. <div class="video">{Video-500}</div>
  773.  
  774. {block:Caption}
  775. {block:notreblog}
  776. <div class="text">{caption}</div>
  777. {/block:notreblog}
  778.  
  779. {block:reblogs}
  780. <div class="reblogs">
  781. <a href="{permalink}"><img src="{portraitURL-64}"><div class="reblogusernames">{username}</div></a>
  782. </div>
  783. <div class="text">{body}</div>
  784. {/block:reblogs}
  785. {/block:Caption}
  786.  
  787. {/block:Video}
  788.  
  789. <!-- audio posts -->
  790.  
  791. {block:Audio}
  792.  
  793. <div class="audio">
  794. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  795. </div>
  796.  
  797. {block:Caption}
  798. {block:notreblog}
  799. <div class="text">{caption}</div>
  800. {/block:notreblog}
  801.  
  802. {block:reblogs}
  803. <div class="reblogs">
  804. <a href="{permalink}"><img src="{portraitURL-64}"><div class="reblogusernames">{username}</div></a>
  805. </div>
  806. <div class="text">{body}</div>
  807. {/block:reblogs}
  808. {/block:Caption}
  809.  
  810. {/block:Audio}
  811.  
  812. <!-- text posts -->
  813.  
  814. {block:Text}
  815.  
  816. {block:title}<div class="title">{title}</div>{/block:title}
  817.  
  818. {block:reblogs}
  819. <div class="reblogs">
  820. <a href="{permalink}"><img src="{portraitURL-64}"><div class="reblogusernames">{username}</div></a>
  821. </div>
  822. <div class="text">{body}</div>
  823. {/block:reblogs}
  824.  
  825. {block:notreblog}
  826. <div class="text">{body}</div>
  827. {/block:notreblog}
  828.  
  829. {/block:Text}
  830.  
  831. <!-- answer posts -->
  832.  
  833. {block:Answer}
  834.  
  835. <div class="asker"><img src="{askerportraitURL-128}">{asker} said:
  836. </div>
  837. <p>
  838.  
  839. <div class="question">{question}</div>
  840. <p>
  841.  
  842. {block:Answerer}
  843. <div class="answerer"><img src="{AnswererPortraitURL-128}"> {Answerer} replied:</div>
  844. {/block:Answerer}
  845.  
  846. <div class="answer">{answer}</div>
  847.  
  848. {block:reblogs}
  849. <div class="reblogs">
  850. <a href="{permalink}"><img src="{portraitURL-64}"><div class="reblogusernames">{username}</div></a>
  851. </div>
  852. <div class="text">{body}</div>
  853. {/block:reblogs}
  854.  
  855. {/block:Answer}
  856.  
  857. <!-- link posts -->
  858.  
  859. {block:Link}
  860.  
  861. <div class="linkpost"><a href="{URL}" >{Name}</a></div>
  862.  
  863. {block:notreblog}
  864. {block:Description}
  865. <div class="text">{description}</div>
  866. {/block:Description}
  867. {/block:notreblog}
  868.  
  869. {block:Reblogs}
  870. <div class="reblogs">
  871. <a href="{permalink}"><img src="{portraitURL-64}"><div class="reblogusernames">{username}</div></a>
  872. </div>
  873. <div class="text">{body}</div>
  874. {/block:Reblogs}
  875.  
  876. {/block:Link}
  877.  
  878. <!-- quote posts -->
  879.  
  880. {block:Quote}
  881.  
  882. <div class="quotepost">"{Quote}"</div>
  883. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  884.  
  885. {/block:Quote}
  886.  
  887. <!-- chat posts -->
  888.  
  889. {block:Chat}
  890.  
  891. {block:Title}<div class="title">{title}</div>{/block:Title}
  892. {block:Lines}
  893. <div class="chat">
  894. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br>
  895. </div>
  896. {/block:Lines}
  897.  
  898. {/block:Chat}
  899.  
  900.  
  901. <!-- footer at the bottom of each post -->
  902. <div class="footer">
  903. {block:Date}
  904. <div class="date"><a title="{Month} {DayOfMonth}{DayOfMonthSuffix}"href="{permalink}">{TimeAgo}</a></div>
  905. {/block:Date}
  906.  
  907. {block:NoteCount}
  908. &nbsp;&nbsp;&nbsp;
  909. <div class="notecount"><a class="notecount" href="{permalink}">{NoteCount} notes</div></a>
  910. {/block:NoteCount}
  911.  
  912. {block:PermalinkPage}
  913. {block:RebloggedFrom}
  914. &nbsp;&nbsp;&nbsp;
  915. <div class="via">
  916. <a title="via: {reblogparentname}" href="{reblogParentURL}">via</a> / <a title="source: {reblogrootname}" href="{reblogrootURL}">src</a>
  917. </div>
  918. {/block:RebloggedFrom}
  919. {/block:PermalinkPage}
  920.  
  921. <!-- reblog button -->
  922. <div class="reblogbutton">
  923. <a title="reblog this post" href="{ReblogURL}" target="_blank" class="reblog"><span class="th th-reblog"></span></a>
  924. </div>
  925.  
  926. <br>
  927.  
  928. {block:HasTags}
  929. {block:Tags}<div class="tags"><a href="{TagUrl}">#{Tag}</a></div> {/block:Tags}
  930. {/block:HasTags}
  931.  
  932. </div> <!-- end of footer -->
  933.  
  934.  
  935. </div> <!-- end of posts -->
  936.  
  937. </div> <!-- end of fade up on hover -->
  938.  
  939. {/block:posts}
  940.  
  941. <!-- post notes -->
  942. {block:PostNotes}
  943. <div class="postnotes">{PostNotes}</div>
  944. {/block:PostNotes}
  945.  
  946. <!-- pagination -->
  947. {block:pagination}
  948. <div class="pagination">
  949. {block:PreviousPage}
  950. <a href="{previouspage}">&lt;</a>&nbsp;&nbsp;
  951. {/block:PreviousPage}
  952.  
  953. {block:nextpage}
  954. <a href="{nextpage}">&gt;</a>
  955. {/block:nextpage}
  956. </div>
  957. {/block:pagination}
  958.  
  959. </div> <!-- end of content -->
  960.  
  961.  
  962. <!-- from https://stackoverflow.com/questions/24643215/how-to-remove-the-source-from-this-tumblr-theme -->
  963. {block:ContentSource}
  964. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}
  965. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  966. {/block:ContentSource}
  967.  
  968.  
  969. <!-- this is the credit do not touch it or i will end you -->
  970. <a title="made by amaanat themes" href="https://www.amaanat.tumblr.com" class="credit"><span class="th th-diamond-o"></span>
  971. </a>
  972.  
  973. <!-- scroll to top button -->
  974. {block:ifscrolltotopbutton}
  975. <div class="scrolltop"><a href="#">scroll to top</a></div>
  976. {/block:ifscrolltotopbutton}
  977. <!-- end of all content -->
  978.  
  979. <!-- now for the scripts -->
  980.  
  981. <!-- scroll to top button -->
  982. <script>
  983. $(window).scroll(function() {
  984. var height = $(window).scrollTop();
  985. if (height > 50) {
  986. $('.scrolltop').fadeIn();
  987. } else {
  988. $('.scrolltop').fadeOut();
  989. }
  990. });
  991.  
  992. $(document).ready(function() {
  993. $(".scrolltop").click(function(event) {
  994. event.preventDefault();
  995. $("html, body").animate({ scrollTop: 0 }, 1200);
  996. return false;
  997. });
  998. });
  999. </script>
  1000.  
  1001. <!-- shythemes note count script-->
  1002. <script>
  1003. $(document).ready(function(){
  1004. var $container = $('#content');
  1005. $container.find('.notecount').each(function(){
  1006. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1007. if (n > 999) {
  1008. n = Math.floor(n / 100) / 10;
  1009. $(this).text(n + 'k notes');
  1010. }
  1011. });
  1012. });
  1013. </script>
  1014.  
  1015. <!-- shythemes photoset -->
  1016. <script>
  1017. $(document).ready(function(){
  1018. $('.photo-slideshow').pxuPhotoset({
  1019. lightbox: true,
  1020. rounded: false,
  1021. gutter: '4px',
  1022. borderRadius: '0px',
  1023. photoset: '.photo-slideshow',
  1024. photoWrap: '.photo-data',
  1025. photo: '.pxu-photo'
  1026. });
  1027. });
  1028. </script>
  1029.  
  1030.  
  1031. </body>
  1032. </html>
  1033.  
  1034. <!-- theme by @amaanat on tumblr.com -->
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!