API tools faq
paste
Advertisement
hunterthemes

- Theme #26 - Halloween vol.4

hunterthemes
Sep 21st, 2016
582
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.06 KB | None | 0 0
raw download clone embed print report
  1. <html> <meta charset="utf-8">
  2. <meta name="viewport" content="width=device-width, initial-scale=1">
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6. <!----
  7.  
  8. © hunterthemes.tumblr.com | Theme #26 - Halloween (vol.4)
  9.  
  10. * Do not redistribute this theme and claim it as your own.
  11. * Do not remove the credit or move it to another page.
  12. * Minor changes to this theme are allowed.
  13.  
  14. ---->
  15.  
  16. <!-- GOOGLE FONTS -->
  17.  
  18. <link href="https://fonts.googleapis.com/css?family=Creepster|Henny+Penny|Mystery+Quest|Trade+Winds|Walter+Turncoat" rel="stylesheet">
  19.  
  20. <!-- DEFAULT VARIABLES -->
  21.  
  22. <meta name="color:Sky" content="#eda44d" />
  23. <meta name="color:Blog title" content="#ffffff" />
  24. <meta name="color:Description" content="#888888" />
  25. <meta name="color:Text" content="#888888"/>
  26. <meta name="color:Bold" content="#ffffff"/>
  27. <meta name="color:Italic" content="#eda44d"/>
  28. <meta name="color:Link" content="#eda44d"/>
  29. <meta name="color:Hover" content="#dddddd"/>
  30. <meta name="color:Borders" content="#333333"/>
  31. <meta name="color:Chat 1" content="#eeeeee"/>
  32. <meta name="color:Chat 2" content="#cccccc"/>
  33. <meta name="color:Post buttons" content="#eda44d" />
  34. <meta name="color:Pagination" content="#eda44d" />
  35. <meta name="color:Scrollbar" content="#ffffff" />
  36. <meta name="color:Scrollbar background" content="#050708" />
  37.  
  38. <meta name="select:Entry background" content="0,0,0" title="black">
  39. <meta name="select:Entry background" content="255,255,255" title="white">
  40. <meta name="select:Entry background" content="238,238,238" title="gray">
  41. <meta name="select:Entry background" content="255,168,212" title="pink">
  42. <meta name="select:Entry background" content="127,88,242" title="purple">
  43. <meta name="select:Entry background" content="184,168,255" title="indigo">
  44. <meta name="select:Entry background" content="184,208,255" title="blue">
  45. <meta name="select:Entry background" content="103,173,90" title="green">
  46. <meta name="select:Entry background" content="33,209,297" title="turquoise">
  47. <meta name="select:Entry background" content="226,229,23" title="yellow">
  48. <meta name="select:Entry background" content="112,38,11" title="brown">
  49.  
  50. <meta name="select:Entry transparency" content="1" title="opaque">
  51. <meta name="select:Entry transparency" content=".9" title=".9">
  52. <meta name="select:Entry transparency" content=".8" title=".8">
  53. <meta name="select:Entry transparency" content=".7" title=".7">
  54. <meta name="select:Entry transparency" content=".6" title=".6">
  55. <meta name="select:Entry transparency" content=".5" title=".5">
  56. <meta name="select:Entry transparency" content=".4" title=".4">
  57. <meta name="select:Entry transparency" content=".3" title=".3">
  58. <meta name="select:Entry transparency" content=".2" title=".2">
  59. <meta name="select:Entry transparency" content=".1" title=".1">
  60. <meta name="select:Entry transparency" content=".0" title="transparent">
  61.  
  62. <meta name="select:Title font" content="Mystery Quest" title="Mystery Quest">
  63. <meta name="select:Title font" content="Creepster" title="Creepster">
  64. <meta name="select:Title font" content="Trade Winds" title="Trade Winds">
  65. <meta name="select:Title font" content="Henny Penny" title="Henny Penny">
  66. <meta name="select:Title font" content="Walter Turncoat" title="Walter Turncoat">
  67.  
  68. <meta name="select:Blog title font size" content="22px" title="22px">
  69. <meta name="select:Blog title font size" content="24px" title="24px">
  70. <meta name="select:Blog title font size" content="26px" title="26px">
  71. <meta name="select:Blog title font size" content="28px" title="28px">
  72. <meta name="select:Blog title font size" content="30px" title="30px">
  73.  
  74. <meta name="font:Body font" content="Helvetica"/>
  75. <meta name="select:Body font size" content="11px" title="11px">
  76. <meta name="select:Body font size" content="12px" title="12px">
  77. <meta name="select:Body font size" content="13px" title="13px">
  78. <meta name="select:Body font size" content="14px" title="14px">
  79. <meta name="select:Body font size" content="15px" title="15px">
  80.  
  81. <meta name="if:Inverted Controls" content="0" />
  82. <meta name="if:Infinite Scroll" content="0" />
  83. <meta name="if:Load More" content="0" />
  84. <meta name="if:Display Bats" content="1" />
  85. <meta name="if:Bats On The Right" content="0" />
  86. <meta name="if:Display Pumpkin" content="1" />
  87. <meta name="if:Display Ghosts" content="1" />
  88. <meta name="if:Ghosts On The Right" content="0" />
  89. <meta name="if:Show Search Box" content="1" />
  90. <meta name="if:Show Captions" content="1" />
  91. <meta name="if:Show Tags" content="1" />
  92.  
  93. <meta name="select:Post width" content="500" title="500px">
  94. <meta name="select:Post width" content="400" title="400px">
  95. <meta name="select:Post width" content="300" title="300px">
  96. <meta name="select:Post width" content="250" title="250px">
  97.  
  98. <meta name="select:Number of columns" content="1" title="1">
  99. <meta name="select:Number of columns" content="2" title="2">
  100. <meta name="select:Number of columns" content="3" title="3">
  101.  
  102. <meta name="if:Show Link One" content="1" />
  103. <meta name="if:Show Link Two" content="1" />
  104. <meta name="if:Show Link Three" content="1" />
  105. <meta name="if:Show Link Four" content="1" />
  106. <meta name="if:Show Link Five" content="1" />
  107.  
  108. <meta name="text:Link One Title" content="01 Link" />
  109. <meta name="text:Link One Url" content="https://"/>
  110. <meta name="text:Link Two Title" content="02 Link"/>
  111. <meta name="text:Link Two Url" content="https://"/>
  112. <meta name="text:Link Three Title" content="03 Link" />
  113. <meta name="text:Link Three Url" content="https://" />
  114. <meta name="text:Link Four Title" content="04 Link" />
  115. <meta name="text:Link Four Url" content="https://" />
  116. <meta name="text:Link Five Title" content="05 Link" />
  117. <meta name="text:Link Five Url" content="https://" />
  118.  
  119. <meta name="text:Post margin" content="20px" />
  120.  
  121. <!-- END DEFAULT VARIABLES -->
  122.  
  123. <head>
  124.  
  125. <style type="text/css">
  126.  
  127. /* CSS */
  128.  
  129. /*-- GENERAL --*/
  130.  
  131. body {
  132. margin:0;
  133. padding:0;
  134. width:100%;
  135. height:100%;
  136. word-wrap:break-word;
  137. color:{color:Text};
  138. font-family:{font:Body font};
  139. font-size:{select:Body font size};
  140. line-height: 150%;
  141. background-color:#050708;
  142. }
  143.  
  144. /* Headings */
  145.  
  146. h1{
  147. margin:0;
  148. padding:0;
  149. padding-bottom:5px;
  150. color:{color:Title};
  151. font-family:{select:Title font};
  152. font-size:{select:Title font size};
  153. line-height:calc({select:Title font size} + 5px);
  154. }
  155.  
  156. h2{
  157. font-family:{font:Body font};
  158. font-size:150%;
  159. font-weight:normal;
  160. }
  161.  
  162.  
  163. h1::after, h2::after {
  164. content: '';
  165. margin-top:10px;
  166. margin-right:auto;
  167. display:block;
  168. width:40px;
  169. height:1px;
  170. background:{color:Accent};
  171. }
  172.  
  173.  
  174. /* Paragraph */
  175.  
  176. p {
  177. padding:0 10px;
  178. }
  179.  
  180. p ul, p ol, p li {
  181. margin:5px 10px;
  182. padding:0;
  183. }
  184.  
  185. /* Links */
  186.  
  187. a {
  188. color:{color:Link};
  189. text-decoration:none;
  190. transition:all .3s linear;
  191. -webkit-transition:all .5s linear;
  192. -o-transition:all .5s linear;
  193. -moz-transition:all .5s linear;
  194. }
  195.  
  196. a:hover {
  197. color:{color:Link Hover};
  198. }
  199.  
  200. /* Bold and italic */
  201.  
  202. b, strong {color:{color:Bold};}
  203.  
  204. i, em {color:{color:Italic};}
  205.  
  206. /* Blockquote */
  207.  
  208. blockquote {
  209. padding:0 0 2px 5px;
  210. margin:0 0 2px 10px;
  211. border-left: 1px dotted #555555;
  212. }
  213.  
  214. /* Tumblr controls */
  215.  
  216. iframe.tmblr-iframe {
  217. bottom:-10px!important;
  218. margin-top:auto;
  219. right:35px!important;
  220. opacity:0.8;
  221. transform:scale(0.6);
  222. transform-origin:100% 0;
  223. -webkit-transform:scale(0.8);
  224. -webkit-transform-origin:100% 0;
  225. -o-transform:scale(0.8);
  226. -o-transform-origin:100% 0;
  227. -moz-transform:scale(0.8);
  228. -moz-transform-origin:100% 0;
  229. -ms-transform:scale(0.8);
  230. -ms-transform-origin:100% 0;
  231. z-index:100000!important;
  232. {block:ifInvertedControls}
  233. filter:invert(100%) hue-rotate(180deg);
  234. -webkit-filter:invert(100%) hue-rotate(180deg);
  235. -moz-filter:invert(100%) hue-rotate(180deg);
  236. -o-filter:invert(100%) hue-rotate(180deg);
  237. -ms-filter:invert(100%) hue-rotate(180deg);
  238. {/block:ifInvertedControls}
  239. }
  240.  
  241. iframe.tmblr-iframe:hover {
  242. opacity:1!important;
  243. }
  244.  
  245. .tmblr-iframe--app-cta-button {
  246. display: none!important;
  247. }
  248.  
  249. /* Webkit scrollbar */
  250.  
  251. ::-webkit-scrollbar {
  252. width: 9px;
  253. height:0;
  254. }
  255.  
  256. ::-webkit-scrollbar-button:start:decrement,
  257. ::-webkit-scrollbar-button:end:increment {
  258. height:0;
  259. display: block;
  260. background-color: {color:Scrollbar background};
  261. }
  262.  
  263. ::-webkit-scrollbar-track-piece {
  264. background-color: {color:Scrollbar background};
  265. }
  266.  
  267. ::-webkit-scrollbar-thumb:vertical {
  268. height:0;
  269. background-color: {color:Scrollbar};
  270. border:4px solid {color:Scrollbar background};
  271. }
  272.  
  273. /* Tooltips */
  274.  
  275. #s-m-t-tooltip {
  276. max-width:300px;
  277. margin-left:10px;
  278. margin-top:10px;
  279. padding:2px 4px;
  280. font-size:11px;
  281. line-height:15px;
  282. color:{color:Sky};
  283. background:#050708;
  284. z-index:10000;
  285. }
  286.  
  287. /* Fix */
  288.  
  289. iframe, img, embed, object, video {
  290. max-width:100%;
  291. border:none;
  292. }
  293.  
  294. .video * {
  295. display:block;
  296. min-width:100%;
  297. }
  298.  
  299. input, textarea, select, a { outline: none; }
  300.  
  301. /*------ HEADER -----*/
  302.  
  303. #header {
  304. position:absolute;
  305. top:0px;
  306. left:0px;
  307. padding-top:20px;
  308. height:373px;
  309. width:100vw;
  310. background:{color:Sky};
  311. background-image:url("https://i.imgur.com/GWPkvZK.png");
  312. {block:ifBatsOnTheRight}
  313. background-image:url("https://i.imgur.com/160DY4Q.png");
  314. {/block:ifBatsOnTheRight}
  315. background-size:cover;
  316. }
  317.  
  318. /* Main icons */
  319.  
  320. #bats {
  321. position:absolute;
  322. top:30px;
  323. left:10px;
  324. {block:ifBatsOnTheRight}
  325. margin-left:auto;
  326. right:10px;
  327. {/block:ifBatsOnTheRight}
  328. width:180px;
  329. height:190px;
  330. }
  331.  
  332. #index{
  333. position:absolute;
  334. margin-left:0px;
  335. margin-top:55px;
  336. -ms-transform: rotate(-10deg);
  337. -webkit-transform: rotate(-10deg);
  338. transform: rotate(-10deg);
  339. }
  340.  
  341. #index span {
  342. margin-top:-10px;
  343. margin-left:110px;
  344. color:#000;
  345. font-size:15px;
  346. }
  347.  
  348. #ask {
  349. position:absolute;
  350. margin-left:90px;
  351. margin-top:-10px;
  352. height:50px;
  353. -ms-transform: rotate(-15deg);
  354. -webkit-transform: rotate(-15deg);
  355. transform: rotate(-15deg);
  356. }
  357.  
  358. #ask span {
  359. margin-top:0px;
  360. margin-left:60px;
  361. color:#000;
  362. font-size:15px;
  363. }
  364.  
  365. #archive {
  366. position:absolute;
  367. margin-left:55px;
  368. margin-top:155px;
  369. -ms-transform: rotate(10deg);
  370. -webkit-transform: rotate(10deg);
  371. transform: rotate(10deg);
  372. }
  373.  
  374. #archive span {
  375. margin-top:10px;
  376. margin-left:-30px;
  377. color:#000;
  378. font-size:15px;
  379. }
  380.  
  381. #index:hover, #ask:hover, #archive:hover {
  382. -ms-transform: rotate(20deg);
  383. -webkit-transform: rotate(20deg);
  384. transform: rotate(20deg);
  385. filter:invert(1);
  386. -webkit-filter:invert(0.2);
  387. -o-filter:invert(0.2);
  388. -moz-filter:invert(0.2);
  389. -ms-filter:invert(0.2);
  390. -webkit-transition: all 0.5s ease-in-out;
  391. -moz-transition: all 0.6s ease-in-out;
  392. -o-transition: all 0.5s ease-in-out;
  393. transition: all 0.6s ease-in-out;
  394. }
  395.  
  396. #index:hover span, #ask:hover span, #archive:hover span {
  397. color:#383838;
  398. }
  399.  
  400. /* Blog title */
  401.  
  402. #blogtitle {
  403. position:absolute;
  404. top:333px;
  405. left:20vw;
  406. width:400px;
  407. padding-top:10px;
  408. background:#050708;
  409. border-top-left-radius:50px;
  410. border-top-right-radius:50px;
  411. color:{color:Blog title};
  412. font-family:{select:Title font};
  413. font-size:{select:Blog title font size};
  414. line-height:30px;
  415. letter-spacing:3px;
  416. {block:ifBatsOnTheRight}
  417. margin-left:auto;
  418. right:20vw!important;
  419. {/block:ifBatsOnTheRight}
  420. text-align:center;
  421. }
  422.  
  423. /*-- MENU --*/
  424.  
  425. #menu {
  426. margin-top:350px;
  427. margin-left:auto;
  428. margin-right:auto;
  429. width:calc(100vw - 60px);
  430. height:130px;
  431. padding-left:30px;
  432. padding-right:30px;
  433. padding-top:5px;
  434. background:#050708;
  435. line-height:30px;
  436. overflow:hidden;
  437. z-index:1000;
  438. }
  439.  
  440. #menu a {
  441. margin-left:5px;
  442. margin-right:5px;
  443. padding:2px;
  444. font-size:13px;
  445. color:{color:Link};
  446. text-transform:uppercase;
  447. }
  448.  
  449. #menu a:hover {
  450. color:{color:Hover};
  451. }
  452.  
  453. /* Search box */
  454.  
  455. #search {
  456. position:absolute;
  457. right:40px;
  458. margin-top:0px;
  459. width:220px;
  460. height:25px;
  461. overflow:hidden;
  462. z-index:1000;
  463. }
  464.  
  465. #search span {
  466. position:absolute;
  467. top:0px;
  468. right:0px;
  469. color:{color:Link};
  470. font-size:13px;
  471. }
  472.  
  473. /*----- FOOTER -----*/
  474.  
  475. #footer {
  476. width:100%;
  477. height:auto;
  478. max-height:300px;
  479. padding-top:10px;
  480. padding-bottom:10px;
  481. text-align:center;
  482. background:{color:Footer background};
  483. line-height:25px;
  484. }
  485.  
  486. #description {
  487. margin-top:20px;
  488. width:70%;
  489. margin-left:15%;
  490. font-family:{font:Body font};
  491. font-size:{select:Body font size};
  492. line-height: 150%;
  493. color:{color:Description};
  494. }
  495.  
  496. #ghosts {
  497. position:absolute;
  498. margin-top:20px;
  499. left:20px;
  500. {block:GhostsOnTheRight}
  501. margin-left:auto;
  502. right:20px;
  503. {/block:GhostsOnTheRight}
  504. }
  505.  
  506. /*-------- MAIN CONTAINER ---------*/
  507.  
  508. #container {
  509. margin-top:510px;
  510. margin-left:auto;
  511. margin-right:auto;
  512. width:90vw;
  513. min-height:500px;
  514. }
  515.  
  516. /*------ POSTS AND ENTRIES -----*/
  517.  
  518. #posts {
  519. margin-top:20px;
  520. margin-left:auto;
  521. margin-right:auto;
  522. width:calc( {select:Post width}px * {select:Number of columns} + {text:Post margin} * {select:Number of columns})!important;
  523. max-width:100vw!important;
  524. padding-left:10px;
  525. padding-right:calc({text:Post margin} + 10px);
  526. overflow:hidden;
  527. {block:PermalinkPage}
  528. width:calc(60vw + 2px)!important;
  529. max-width:652px!important;
  530. padding-right:0;
  531. {/block:PermalinkPage}
  532. }
  533.  
  534. article {
  535. display:inline-block;
  536. float:left;
  537. margin-left:{text:Post margin};
  538. margin-top:{text:Post margin};
  539. width:{select:Post width}px;
  540. height:auto;
  541. background:{color:Post background};
  542. {block:PermalinkPage}
  543. margin:0;
  544. width:60vw;
  545. max-width:650px;
  546. {/block:PermalinkPage}
  547. overflow:hidden;
  548. }
  549.  
  550. article img, article video, article embed { max-width: 100%; }
  551.  
  552. .divider {
  553. margin-top:40px;
  554. margin-bottom:20px;
  555. }
  556.  
  557. /* -------- RESPONSIVE DESIGN VALUES, editing is not recommended -------- */
  558.  
  559. @media only screen and (max-width:640px) {
  560.  
  561. #container {
  562. width:100vw;
  563. }
  564.  
  565. #posts {
  566. margin-left:0;
  567. width:100vw!important;
  568. {block:PermalinkPage}
  569. width:100vw!important;
  570. {/block:PermalinkPage}
  571. }
  572.  
  573. article {
  574. float:left;
  575. display:block;
  576. margin:25px!important;
  577. width:calc(100vw - 92px)!important;
  578. {block:PermalinkPage}
  579. width:calc(100vw - 92px)!important;
  580. margin:25px 20px!important;
  581. {/block:PermalinkPage}
  582. min-width:300px;
  583. z-index:100;
  584. }
  585.  
  586. #pager {
  587. margin-left:0;
  588. width:100vw!important;
  589. {block:PermalinkPage}
  590. width:100vw!important;
  591. {/block:PermalinkPage}
  592. min-width:300px;
  593. }
  594.  
  595. }
  596. /* End responsive values */
  597.  
  598.  
  599. /* -- POST STYLES -- */
  600.  
  601. /* Quote posts */
  602.  
  603. .quote {
  604. margin:5px;
  605. padding:10px;
  606. font-family:{select:Title font};
  607. font-size:200%;
  608. line-height:130%;
  609. color:{color:Italic};
  610. height:auto;
  611. text-align:center;
  612. letter-spacing:1px;
  613. }
  614.  
  615. .source {
  616. margin-top:5px;
  617. margin-bottom:10px;
  618. font-family:{font:Body font};
  619. font-size:15px;
  620. height:25px;
  621. line-height:25px;
  622. text-align:left;
  623. overflow:hidden;
  624. }
  625.  
  626. .source span {
  627. float:left;
  628. margin-right:10px;
  629. color:{color:Link};
  630. padding:5px;
  631. padding-right:10px;
  632. font-size:15px;
  633. border-right:1px solid {color:Borders};
  634. }
  635.  
  636. /* Link posts */
  637.  
  638. .linktitle {
  639. width:calc(100% - 10px);
  640. color:{color:Title};
  641. font-family:{select:Title font};
  642. font-size:200%;
  643. line-height:150%;
  644. background:{color:Borders};
  645. padding:5px;
  646. {block:ifEntryBorderTransparent}
  647. background:transparent;
  648. border:1px solid transparent;
  649. {/block:ifEntryBorderTransparent}
  650. }
  651.  
  652. .linktitle a {
  653. color:{color:Link};
  654. }
  655.  
  656. .linktitle span {
  657. color:{color:Icon};
  658. }
  659.  
  660. .linktitle:hover {
  661. color:{color:Hover};
  662. }
  663.  
  664. /* Audio posts */
  665.  
  666. .album img {
  667. float:left;
  668. margin-top:0;
  669. width:70px;
  670. height:70px;
  671. margin-left:5px;
  672. margin-right:10px;
  673. float:left;
  674. z-index:10;
  675. border:1px solid {color:Borders};
  676. }
  677.  
  678. .play {
  679. position:absolute;
  680. margin:22px 25px;
  681. width:31px;
  682. height:29px;
  683. padding-top:2px;
  684. line-height:31px;
  685. overflow:hidden;
  686. background:#fff;
  687. }
  688.  
  689. .audio {
  690. width:160px;
  691. min-height:80px;
  692. margin-top:10px;
  693. z-index:10;
  694. font-size:12px;
  695. line-height:25px;
  696. overflow:hidden;
  697. }
  698.  
  699. .audio h1{
  700. font-size:20px;
  701. border-bottom:1px solid transparent;
  702. }
  703.  
  704. /* Ask posts */
  705.  
  706. .question {
  707. width:100%;
  708. height:auto;
  709. line-height:20px;
  710. color:{color:Answer};
  711. }
  712.  
  713. .questionin {
  714. margin-left:45px;
  715. width:calc(100% - 70px);
  716. min-height:24px;
  717. line-height:24px;
  718. padding:5px;
  719. padding-left:10px;
  720. padding-right:10px;
  721. border:1px solid {color:Borders};
  722. }
  723.  
  724. .question img {
  725. width:28px;
  726. padding:3px;
  727. border:1px solid {color:Borders};
  728. margin-right:4px;
  729. }
  730.  
  731. .answer {
  732. margin-top:5px;
  733. width:calc(100% - 10px);
  734. padding:5px;
  735. }
  736.  
  737. /* Chat posts */
  738.  
  739. .chat ul {
  740. display:block;
  741. list-style:none;
  742. margin-left:-40px;
  743. }
  744.  
  745. /* Chat lines style */
  746. .chat li {
  747. padding:3px;
  748. display:block;
  749. }
  750.  
  751. /* Odd lines style */
  752. .chat .odd {
  753. color:{color:Chat 1};
  754. }
  755.  
  756. /* Even lines style */
  757. .chat .even {
  758. color:{color:Chat 2};
  759. }
  760.  
  761. /* -- POST INFO -- */
  762.  
  763. .info {
  764. height:auto;
  765. margin-top:15px;
  766. margin-left:0;
  767. margin-bottom:-5px;
  768. width:100%;
  769. line-height:20px;
  770. font-size:12px;
  771. color:{color:Text};
  772. {block:IndexPage}
  773. {block:ifHoverForInfo}
  774. opacity:0;
  775. position:absolute;
  776. bottom:0;
  777. {/block:ifHoverForInfo}
  778. {/block:IndexPage}
  779. }
  780.  
  781. article:hover .info {
  782. {block:ifHoverForInfo}
  783. opacity:1;
  784. {/block:ifHoverForInfo}
  785. }
  786.  
  787. .info a {
  788. font-size:12px;
  789. }
  790.  
  791. .info a:hover {
  792. color:{color:Hover};
  793. }
  794.  
  795. .info big a {
  796. color:{color:Bold};
  797. font-size:14px;
  798. }
  799.  
  800. /* Tags */
  801.  
  802. .tags {
  803. margin-top:20px;
  804. margin-left:0;
  805. line-height:20px;
  806. }
  807.  
  808. .tags a {
  809. margin-right:5px;
  810. margin-bottom:5px;
  811. }
  812.  
  813. .tags span {
  814. margin-top:5px;
  815. margin-right:10px;
  816. font-size:14px;
  817. color:{color:Text};
  818. vertical-align:middle;
  819. }
  820.  
  821. /*-- PERMALINK, LIKE AND REBLOG BUTTONS --*/
  822.  
  823. .post-buttons {
  824. width:45px;
  825. height:19px;
  826. margin-left:calc(100% - 70px);
  827. margin-top:-40px;
  828. {block:HasTags}
  829. margin-top:0px;
  830. {/block:HasTags}
  831. padding-top:2px;
  832. text-align:center;
  833. z-index:100;
  834. list-style:none;
  835. {block:PermalinkPage}
  836. padding-right:15px;
  837. {/block:PermalinkPage}
  838. }
  839.  
  840. .post-buttons span {
  841. font-size:12px;
  842. color:{color:Post buttons};
  843. }
  844.  
  845. .perma {
  846. position:absolute;
  847. width:20px;
  848. margin-left:-30px;
  849. margin-top:-20px;
  850. }
  851.  
  852. .rblg {
  853. position:absolute;
  854. margin-top:0;
  855. margin-left:-5px;
  856. }
  857.  
  858. .like {
  859. position:relative;
  860. }
  861.  
  862. .like .like_button {
  863. position:absolute;
  864. margin-top:-21px;
  865. margin-left:15px;
  866. opacity:0;
  867. }
  868.  
  869. .like .like_button.liked {
  870. opacity:1;
  871. }
  872.  
  873.  
  874. /*-- Photo info --*/
  875.  
  876. .photoinfo {
  877. position: absolute;
  878. top: 10px;
  879. left: 10px;
  880. width: calc(100% - 20px);
  881. height: calc(100% - 20px);
  882. transition: 0.7s ease;
  883. -o-transition: 0.7s ease;
  884. -moz-transition: 0.7s ease;
  885. -webkit-transition: 0.7s ease;
  886. opacity: 0;
  887. }
  888.  
  889. .photo {
  890. position: relative;
  891. overflow: hidden;
  892. }
  893.  
  894. .pinfo {
  895. position: absolute;
  896. top:50px;
  897. left:50px;
  898. width:200px;
  899. height:110px;
  900. text-align:left;
  901. color:{color:Photo info text};
  902. font-size:20px;
  903. }
  904.  
  905. .nc {
  906. font-size:30px;
  907. margin-bottom:10px;
  908. }
  909.  
  910. .nc::after {
  911. content: '';
  912. margin-top:15px;
  913. margin-right:auto;
  914. display:block;
  915. width:40px;
  916. height:1px;
  917. background:{color:Accent};
  918. }
  919.  
  920. .p-buttons {
  921. position:absolute;
  922. margin-left:0px;
  923. bottom:0px;
  924. width: calc(100% - 20px);
  925. height:45px;
  926. z-index: 100;
  927. }
  928.  
  929. .photoinfo .post-buttons {
  930. margin-left:40px;
  931. margin-top:-20px;
  932. {block:HasTags}
  933. margin-top:-20px;
  934. {/block:HasTags}
  935. height:20px;
  936. line-height: 23px;
  937. list-style: none;
  938. }
  939.  
  940. .photoinfo .perma {
  941. position:absolute;
  942. width:20px;
  943. margin-left:-30px;
  944. margin-top:-23px;
  945. }
  946.  
  947. article:hover .photoinfo {
  948. opacity: 1;
  949. line-height: 20px;
  950. }
  951.  
  952. article .photo img {
  953. display: block;
  954. height: auto;
  955. -webkit-transition: opacity 0.5s linear;
  956. -webkit-transition: all 0.5s linear;
  957. -moz-transition: all 0.5s linear;
  958. transition: all 0.5s linear;
  959. }
  960.  
  961. article:hover .photo img {
  962. {block:ifPhotoInfoOnHover}
  963. {block:IndexPage}
  964. -webkit-filter: grayscale(100%);
  965. -webkit-transform: scale(1.2);
  966. -moz-transform: scale(1.2);
  967. -o-transform: scale(1.2);
  968. transform: scale(1.2);
  969. {/block:IndexPage}
  970. {/block:ifPhotoInfoOnHover}
  971. }
  972.  
  973. .non-text-type .info {
  974. {block:ifPhotoInfoOnHover}
  975. {block:IndexPage}
  976. display: none;
  977. {/block:IndexPage}
  978. {/block:ifPhotoInfoOnHover}
  979. }
  980.  
  981. .non-text-type .caption {
  982. {block:IndexPage}
  983. display: none;
  984. {/block:IndexPage}
  985. }
  986.  
  987. .text-type .photoinfo {
  988. display: none;
  989. }
  990.  
  991. /*-- PERMALINK PAGE --*/
  992.  
  993. .postnotes {
  994. margin:10px 0;
  995. width:100%;
  996. padding-top:10px;
  997. font-size:12px;
  998. color:{color:Text};
  999. line-height:20px;
  1000. text-align:left;
  1001. overflow:hidden;
  1002. }
  1003.  
  1004. ol.notes {
  1005. display:block;
  1006. padding:0;
  1007. margin:10px 0;
  1008. width:100%;
  1009. list-style-type:none;
  1010. }
  1011.  
  1012. ol.notes li.note {
  1013. padding:10px;
  1014. border-bottom:1px solid {color:Borders};
  1015. }
  1016.  
  1017. ol.notes li.note img.avatar {
  1018. vertical-align:-5px;
  1019. margin-right:10px;
  1020. width:15px;
  1021. height:15px;
  1022. }
  1023.  
  1024. li.more_notes_link_container {
  1025. text-transform:uppercase;
  1026. font-size:12px;
  1027. }
  1028.  
  1029. /*-- PAGINATION --*/
  1030.  
  1031. #pager {
  1032. margin-top:20px;
  1033. margin-left:auto;
  1034. margin-right:auto;
  1035. width:calc({select:Post width}px + 72px);
  1036. height:20px;
  1037. {block:PermalinkPage}
  1038. width:562px!important;
  1039. {/block:PermalinkPage}
  1040. }
  1041.  
  1042. #pagination {
  1043. margin:auto;
  1044. width:500px;
  1045. height:30px;
  1046. text-align:center;
  1047. {block:ifInfiniteScroll}
  1048. display:none;
  1049. {/block:ifInfiniteScroll}
  1050. }
  1051.  
  1052. .pagicon, .next, .load-more {
  1053. display:inline;
  1054. vertical-align:middle;
  1055. }
  1056.  
  1057. .pagicon a, .next, .load-more {
  1058. font-size:12px;
  1059. padding:8px 10px;
  1060. margin:10px;
  1061. color:{color:Pagination};
  1062. }
  1063.  
  1064. .pagicon a:hover, .next:hover, .load-more:hover {
  1065. color:{color:Hover};
  1066. }
  1067.  
  1068. .pagicon span, .next span, .load-more span {
  1069. color:{color:Pagination};
  1070. font-size:12px;
  1071. margin:5px;
  1072. text-decoration:none;
  1073. vertical-align:middle;
  1074. transition:all .3s linear;
  1075. -webkit-transition:all .5s linear;
  1076. -o-transition:all .5s linear;
  1077. -moz-transition:all .5s linear;
  1078. }
  1079.  
  1080. .pagicon:hover span, .next:hover span, .load-more:hover span {
  1081. color:{color:Hover};
  1082. }
  1083.  
  1084. /* -- INFINITE SCROLL -- */
  1085.  
  1086. #infscr-loading {
  1087. display:none!important;
  1088. }
  1089.  
  1090. #iscroll {
  1091. margin:auto;
  1092. width:200px;
  1093. height:30px;
  1094. text-align:center;
  1095. display:none;
  1096. {block:ifInfiniteScroll}
  1097. display:block;
  1098. {/block:ifInfiniteScroll}
  1099. }
  1100.  
  1101. {block:ifLoadMore}
  1102. .load-more {
  1103. height:40px;
  1104. }
  1105. {/block:ifLoadMore}
  1106.  
  1107. /*-- THEME CREDIT --*/
  1108.  
  1109. #credit {
  1110. position:fixed;
  1111. right:7px;
  1112. bottom:5px;
  1113. width:25px;
  1114. z-index:10000;
  1115. }
  1116.  
  1117. /* END CSS */
  1118.  
  1119. {CustomCSS}
  1120.  
  1121. </style>
  1122.  
  1123. </head>
  1124.  
  1125. <title>{Title}
  1126. {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}
  1127. {block:TagPage} - {Tag} {/block:TagPage}
  1128. {block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  1129. {block:Description}<meta name="description" content="{MetaDescription}" />
  1130. {/block:Description}
  1131.  
  1132. <!-- HTML -->
  1133.  
  1134. <body>
  1135.  
  1136. <div id="header">
  1137.  
  1138. {block:ifDisplayBats}
  1139. <div id="bats">
  1140. <div id="index"><a href="/" title="Index"><img src="https://i.imgur.com/z7aWTVO.png"><span class="sf sf-home-o"></span></a></div>
  1141. <div id="ask"><a href="/ask" title="Ask"><img src="https://i.imgur.com/z7aWTVO.png"><span class="sf sf-envelope-2-o"></span></a></div>
  1142. <div id="archive"><a href="/archive" title="Archive"><img src="https://i.imgur.com/z7aWTVO.png"><span class="sf sf-clock-3-o"></span></a></div>
  1143. </div>
  1144. <!--End bats-->
  1145. {/block:ifDisplayBats}
  1146.  
  1147. <div id="blogtitle">{Title}</div>
  1148.  
  1149. <div id="menu">
  1150.  
  1151. {block:IfShowSearchBox}
  1152. <div id="search">
  1153. <form action="/search" method="get">
  1154. <input type="text" name="q" value="ENTER YOUR SEARCH" style="width:200px; height:20px; padding-right:10px; line-height:20px; border:1px solid transparent; background:transparent; color:{color:Link}; font-size: 13px; margin-top:0px; margin-left:0px; text-align:right;"/>
  1155. </form><span class="sf sf-search-o"></span>
  1156. </div>
  1157. {/block:IfShowSearchBox}
  1158. <!--Search box ends-->
  1159.  
  1160. {block:IfShowLinkOne}
  1161. <a href="{text:Link One Url}">{text:Link One Title}</a> /
  1162. {/block:IfShowLinkOne}
  1163. {block:IfShowLinkTwo}
  1164. <a href="{text:Link Two Url}">{text:Link Two Title}</a> /
  1165. {/block:IfShowLinkTwo}
  1166. {block:IfShowLinkThree}
  1167. <a href="{text:Link Three Url}">{text:Link Three Title}</a> /
  1168. {/block:IfShowLinkThree}
  1169. {block:IfShowLinkFour}
  1170. <a href="{text:Link Four Url}">{text:Link Four Title}</a> /
  1171. {/block:IfShowLinkFour}
  1172. {block:IfShowLinkFive}
  1173. <a href="{text:Link Five Url}">{text:Link Five Title}</a>
  1174. {/block:IfShowLinkFive}
  1175.  
  1176. <img src="https://i.imgur.com/B2zbRjd.png"><br>
  1177.  
  1178. </div>
  1179. <!--End menu-->
  1180.  
  1181. </div>
  1182. <!--End header-->
  1183.  
  1184.  
  1185. <div id="container">
  1186.  
  1187. <!-- POSTS -->
  1188.  
  1189. <div id="posts">
  1190.  
  1191. {block:Posts}
  1192.  
  1193. <article id="{PostID}" class="{block:Photo}non-{/block:Photo}text-type">
  1194.  
  1195. <!-- Photo -->
  1196. {block:Photo}
  1197. <div class="photo">
  1198. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  1199. </div>
  1200. {/block:Photo}
  1201.  
  1202. <div class="content">
  1203.  
  1204. <!-- Text -->
  1205. {block:Text}
  1206. {block:Title}
  1207. <a href="{Permalink}">
  1208. <h1>{Title}</h1></a>
  1209. {/block:Title}
  1210. {Body}
  1211. {/block:Text}
  1212.  
  1213. <!-- Photoset -->
  1214. {block:Photoset}
  1215. <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>
  1216. {/block:Photoset}
  1217.  
  1218. <!-- Quote -->
  1219. {block:Quote}
  1220. <div class="source">
  1221. <span class="sf sf-quotation-mark"></span>
  1222. {block:Source}
  1223. {Source}
  1224. {/block:Source}
  1225. </div>
  1226. <!--End source-->
  1227. <div class="quote">
  1228. {Quote}
  1229. </div>
  1230. <!--End quote-->
  1231. {/block:Quote}
  1232.  
  1233. <!-- Link -->
  1234. {block:Link}
  1235. <div id="linktitle">
  1236. <a href="{URL}"
  1237. class="linkpost"
  1238. target="_blank">
  1239. {Name} &raquo; </a>
  1240. </div>
  1241. {block:Description}
  1242. {Description}
  1243. {/block:Description}
  1244. {/block:Link}
  1245.  
  1246. <!-- Chat -->
  1247. {block:Chat}
  1248. <div class="chat">
  1249. <ul>
  1250. {block:Lines}
  1251. <li class="{Alt}">
  1252. {block:Label}<b>{Label}</b>{/block:Label}
  1253. {Line}
  1254. </li>
  1255. {/block:Lines}
  1256. </ul>
  1257. </div>
  1258. {/block:Chat}
  1259.  
  1260. <!-- Audio -->
  1261. {block:Audio}
  1262. <div class="album">
  1263. {block:AlbumArt}
  1264. <img src="{AlbumArtURL}">
  1265. {block:AlbumArt}
  1266. </div>
  1267. <!--End album-->
  1268. <div class="play">
  1269. {block:AudioPlayer}
  1270. {AudioPlayer}
  1271. {/block:AudioPlayer}
  1272. </div>
  1273. <div class="audio">
  1274. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  1275. {block:Artist}{Artist}{/block:Artist}<br>
  1276. <!--End play-->
  1277. {block:PlayCount}
  1278. {FormattedPlayCount}
  1279. {/block:PlayCount}
  1280. </div>
  1281. <!--End audio-->
  1282. {/block:Audio}
  1283.  
  1284. <!-- Video -->
  1285. {block:Video}
  1286. <div class="video">{Video-500}</div>
  1287. {/block:Video}
  1288.  
  1289. <!-- Ask -->
  1290. {block:Answer}
  1291. <div class="question">
  1292. <img src="{AskerPortraitURL-48}"
  1293. align="left"></div>
  1294. <div class="questionin">
  1295. {Asker}: {Question}</div>
  1296. <div class="answer">
  1297. {Answer}</div>
  1298. {/block:Answer}
  1299.  
  1300. <!-- Caption -->
  1301. {block:IndexPage}
  1302. {block:IfDisplayCaptions}
  1303. {block:Caption}
  1304. {Caption}
  1305. {/block:Caption}
  1306. {/block:IfDisplayCaptions}
  1307. {/block:IndexPage}
  1308. {block:PermalinkPage}
  1309. {block:Caption}
  1310. {Caption}
  1311. {/block:Caption}
  1312. {/block:PermalinkPage}
  1313.  
  1314. <!-- Date -->
  1315. {block:Date}
  1316.  
  1317. {block:IndexPage}
  1318. {block:ifPhotoInfoOnHover}
  1319. <div class="photoinfo">
  1320.  
  1321. <div class="pinfo">
  1322.  
  1323. {block:NoteCount}
  1324. <div class="nc">
  1325. {NoteCount}
  1326. </div>
  1327. {/block:NoteCount}
  1328.  
  1329. {shortmonth} {dayofmonth} {year}
  1330.  
  1331. </div>
  1332. <!--End pinfo-->
  1333.  
  1334. <!-- Permalink, reblog and like buttons -->
  1335. <div class="p-buttons">
  1336. <ul class="post-buttons">
  1337.  
  1338. <li class="rblg"><a href="{ReblogUrl}"><span class="sf sf-refresh-o"></span></a></li>
  1339.  
  1340. <li class="like">
  1341. <span class="sf sf-heart-o"></span>
  1342. {LikeButton size="15"}
  1343. </li>
  1344.  
  1345. {block:IndexPage}
  1346. <div class="perma"><a href="{Permalink}"><span class="sf sf-aero-cursor-o"></span></a></div>
  1347. {/block:IndexPage}
  1348.  
  1349. </ul>
  1350. <!-- End post-buttons -->
  1351. </div>
  1352. <!--End p-buttons-->
  1353.  
  1354. </div>
  1355. <!--End photoinfo-->
  1356. {/block:ifPhotoInfoOnHover}
  1357. {/block:IndexPage}
  1358.  
  1359. </div>
  1360. <!--End content-->
  1361.  
  1362.  
  1363. <div class="info">
  1364.  
  1365. <big><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {shortmonth} {dayofmonth} {year}</a>
  1366.  
  1367. {block:NoteCount}
  1368. &bull;
  1369. <a href="{Permalink}">
  1370. {NoteCountWithLabel}</a>
  1371. {/block:NoteCount}
  1372.  
  1373. </big><br>
  1374.  
  1375. <!-- Reblogged from -->
  1376. {block:RebloggedFrom}
  1377. via <a href="{ReblogParentURL}">
  1378. {ReblogParentName}</a>
  1379. {/block:RebloggedFrom}
  1380.  
  1381. {block:ContentSource}
  1382. &bull; src
  1383. <a href="{SourceURL}"
  1384. target=blank> {SourceTitle} </a>
  1385. {/block:ContentSource}
  1386.  
  1387. <!-- Permalink, reblog and like buttons -->
  1388. <ul class="post-buttons">
  1389.  
  1390. <li class="rblg"><a href="{ReblogUrl}"><span class="sf sf-refresh-o"></span></a></li>
  1391.  
  1392. <li class="like">
  1393. <span class="sf sf-heart-o"></span>
  1394. {LikeButton size="15"}
  1395. </li>
  1396.  
  1397. {block:IndexPage}
  1398. <div class="perma"><a href="{Permalink}"><span class="sf sf-aero-cursor-o"></span></a></div>
  1399. {/block:IndexPage}
  1400.  
  1401. </ul>
  1402. <!-- End post-buttons -->
  1403.  
  1404. <!-- Tags -->
  1405. {block:IndexPage}
  1406. {block:IfDisplayTags}
  1407. {block:HasTags}
  1408. <div class="tags">
  1409. <span class="sf sf-tags-o"></span>
  1410. {block:Tags}
  1411. <a href="{TagURL}">{Tag}</a>
  1412. {/block:Tags}
  1413. </div>
  1414. <!-- End tags -->
  1415. {/block:HasTags}
  1416. {/block:IfDisplayTags}
  1417. {/block:IndexPage}
  1418. {block:PermalinkPage}
  1419. {block:HasTags}
  1420. <div class="tags">
  1421. <span class="sf sf-tags-o"></span>
  1422. {block:Tags}
  1423. <a href="{TagURL}">{Tag}</a>
  1424. {/block:Tags}
  1425. </div>
  1426. <!-- End tags -->
  1427. {/block:HasTags}
  1428. {/block:PermalinkPage}
  1429.  
  1430. </div>
  1431. <!--End info-->
  1432. {/block:Date}
  1433.  
  1434. <!-- Permalink page -->
  1435. {block:PermalinkPage}
  1436. <!-- Post notes-->
  1437. {block:PostNotes}
  1438. <div class="postnotes">
  1439. <h2>Post notes:</h2>
  1440. {PostNotes}
  1441. </div>
  1442. {/block:PostNotes}
  1443. {/block:PermalinkPage}
  1444.  
  1445. <!-- Other -->
  1446. {block:ContentSource}
  1447. <!-- {SourceURL}
  1448. {block:SourceLogo}
  1449. <img src="{#000LogoURL}"
  1450. width="{LogoWidth}"
  1451. height="{LogoHeight}"
  1452. alt="{SourceTitle}" />
  1453. {/block:SourceLogo}
  1454. {block:NoSourceLogo}
  1455. {SourceLink}
  1456. {/block:NoSourceLogo} -->
  1457. {/block:ContentSource}
  1458.  
  1459. <div class="divider"><img src="https://i.imgur.com/fNYh6or.gif"></img></div>
  1460.  
  1461. </article>
  1462. <!--End article-->
  1463.  
  1464. {/block:Posts}
  1465.  
  1466. </div>
  1467. <!-- End posts -->
  1468.  
  1469. {block:Pagination}
  1470.  
  1471. <div id="pager">
  1472.  
  1473. <div id="pagination">
  1474. {block:PreviousPage}
  1475. <div class="pagicon">
  1476. <a href="{PreviousPage}"><span class="sf sf-arrow-left"></span> NEWER </a>
  1477. </div>
  1478. {/block:PreviousPage}
  1479.  
  1480. <div class="pagicon">
  1481. <a href="#"><span class="sf sf-arrow-up"></span> TOP </a>
  1482. </div>
  1483.  
  1484. {block:NextPage}
  1485. <a class="next" href="{NextPage}"> OLDER <span class="sf sf-arrow-right"></span></a>
  1486. {/block:NextPage}
  1487. </div>
  1488. <!--End pagination-->
  1489.  
  1490. <div id="iscroll">
  1491. {block:ifLoadMore}
  1492. <span class="pagicon">
  1493. <a href="#"><span class="sf sf-arrow-up"></span> TOP </a>
  1494. </span>
  1495.  
  1496. <a href="#" class="load-more"> MORE <span class="sf sf-plus-o"></span></a>
  1497. {/block:ifLoadMore}
  1498. </div>
  1499.  
  1500. </div>
  1501. <!--End pager-->
  1502.  
  1503. {/block:Pagination}
  1504.  
  1505. </div>
  1506. <!-- End container -->
  1507.  
  1508. <div id="footer">
  1509.  
  1510. {block:ifDisplayPumpkin}
  1511. <div id="pumpkin"><img src="https://i.imgur.com/yNhCBXa.png"></div>
  1512. {/block:ifDisplayPumpkin}
  1513.  
  1514. {block:ifDisplayGhosts}
  1515. <div id="ghosts"><img src="https://i.imgur.com/NF2AXqV.png"></div>
  1516. {/block:ifDisplayGhosts}
  1517.  
  1518. <div id="description">{Description}</div>
  1519.  
  1520. </div>
  1521. <!--End footer-->
  1522.  
  1523.  
  1524. <!-- CREDIT (DO NOT REMOVE) -->
  1525. <div id="credit"><a href="https://www.hunterthemes.tumblr.com">
  1526. <img src="https://66.media.tumblr.com/b29d8873c09628252057b9408a7c4a88/tumblr_plbuq65td51uo5urho1_100.png" title="theme by hunter themes"></a></div>
  1527.  
  1528. <!------------------------------ SCRIPTS ------------------------------>
  1529.  
  1530. <!-- Saturn icons font -->
  1531.  
  1532. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  1533.  
  1534. <!--Jquery-->
  1535.  
  1536. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1537.  
  1538. <!-- Style my tooltips -->
  1539.  
  1540. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1541.  
  1542. <script>
  1543. (function($){
  1544. $(document).ready(function(){
  1545. $("a[title]").style_my_tooltips({
  1546. tip_follows_cursor:true,
  1547. tip_delay_time: 90,
  1548. tip_fade_speed: 600,
  1549. attribute:"title"
  1550. });
  1551. });
  1552. })(jQuery);
  1553. </script>
  1554.  
  1555. <!-- Minimal soundcloud player by @shythemes -->
  1556.  
  1557. <script>
  1558. $(document).ready(function(){
  1559. var color = '#acd7bb'; // color of play button (hex)
  1560. $('.soundcloud_audio_player').each(function(){
  1561. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  1562. });
  1563. });
  1564. </script>
  1565.  
  1566. <!-- Resize videos by @shythemes -->
  1567.  
  1568. </script><script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1569.  
  1570. <!-- PXU photoset & responsive photosets -->
  1571.  
  1572. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1573. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1574. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1575.  
  1576. {block:IndexPage}
  1577. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1578.  
  1579. {block:ifInfiniteScroll}
  1580. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1581. {/block:ifInfiniteScroll}
  1582.  
  1583. {/block:IndexPage}
  1584.  
  1585. <script>
  1586. $(document).ready(function(){
  1587. $('.photo-slideshow').pxuPhotoset({
  1588. lightbox: true,
  1589. rounded: false,
  1590. gutter: '1px',
  1591. photoset: '.photo-slideshow',
  1592. photoWrap: '.photo-data',
  1593. photo: '.pxu-photo'
  1594. });
  1595. {block:IndexPage}
  1596. var $container = $('#posts');
  1597. $container.masonry({ itemSelector: 'article' });
  1598. $container.imagesLoaded(function(){
  1599. $container.masonry();
  1600. $container.find('article').animate({ opacity: 1, zIndex: 1 });
  1601. });
  1602. {block:ifInfiniteScroll}
  1603. $container.infinitescroll({
  1604. itemSelector: 'article',
  1605. navSelector: '.pagicon',
  1606. nextSelector: '.next',
  1607. loadingImg: '',
  1608. loadingText: '<em></em>',
  1609. bufferPx: 2000,
  1610. extraScrollPx: 12000,
  1611. errorCallback: function() {
  1612. $('.load-more').fadeOut();
  1613. }
  1614. },
  1615. function( newElements ) {
  1616. var $newElems = $( newElements );
  1617. $newElems.find('.photo-slideshow').pxuPhotoset({
  1618. lightbox: true,
  1619. rounded: false,
  1620. gutter: '1px',
  1621. photoset: '.photo-slideshow',
  1622. photoWrap: '.photo-data',
  1623. photo: '.pxu-photo'
  1624. },
  1625. function(){
  1626. $container.masonry();
  1627. });
  1628. $newElems.imagesLoaded(function(){
  1629. $container.masonry( 'appended', $newElems );
  1630. $newElems.animate({ opacity: 1, zIndex: 1 });
  1631. });
  1632. });
  1633.  
  1634. {block:ifLoadMore}
  1635. $(window).unbind('.infscr');
  1636. $('.load-more').click(function() {
  1637. $container.infinitescroll('retrieve');
  1638. return false
  1639. });
  1640. {/block:ifLoadMore}
  1641.  
  1642. {/block:ifInfiniteScroll}
  1643. {/block:IndexPage}
  1644. });
  1645. </script>
  1646.  
  1647.  
  1648. </html>
  1649.  
  1650. <!-- END 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!