API tools faq
paste
Advertisement
b0rn-to-be-wild

Theme: HALLOWEEN II

b0rn-to-be-wild
Sep 29th, 2014
941
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.10 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. ©borntobewildcodes.tumblr.com | HALLOWEEN II (vol.3)
  4.  
  5. + Do not redistribute this theme or remove the credits.
  6. + Edit as long as you keep the credits intact
  7. + Contact me if you have any questions or concerns.
  8. + Thanks for using my theme, I hope that you enjoy it.
  9.  
  10. Other credits:
  11.  
  12. - Jquery
  13. - Disqus
  14. - Google fonts
  15. - Font Awesome icons
  16. - Masonry by David Desandro
  17. - Infinite scroll by Paul Irish
  18. - PXU Photosets
  19. - Masonry with Infinite Scroll and PXU Photosets tutorial by @shythemes
  20. - Load more buttons tutorial by @shythemes
  21. - Hide stuff tutorial by @lmthemes
  22.  
  23. ---->
  24.  
  25. <!DOCTYPE html>
  26. <head>
  27.  
  28. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  29.  
  30. <link rel="shortcut icon" href="{favicon}">
  31.  
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34.  
  35. <!--Default Variables -->
  36.  
  37. <meta name="image:Background" content="1"/>
  38. <meta name="image:Avatar" content="1"/>
  39.  
  40. <meta name="color:Background" content="#ffffff"/>
  41. <meta name="color:Header background" content="#fb9d65"/>
  42. <meta name="color:Avatar Border" content="#fb9d65"/>
  43. <meta name="color:Icons" content="#000000"/>
  44. <meta name="color:Blog title" content="#fb9d65"/>
  45. <meta name="color:Sidebar background" content="#ffffff"/>
  46. <meta name="color:Sidebar title one background" content="#ffac7a"/>
  47. <meta name="color:Sidebar title two background" content="#f88f50"/>
  48. <meta name="color:Sidebar title three background" content="#f07730"/>
  49. <meta name="color:Sidebar title" content="#000000"/>
  50. <meta name="color:Sidebar text" content="#222222"/>
  51. <meta name="color:Sidebar link" content="#222222"/>
  52. <meta name="color:Buttons" content="#000000"/>
  53. <meta name="color:Link post background" content="#eeeeee"/>
  54. <meta name="color:Ask bubble" content="#eeeeee"/>
  55. <meta name="color:Title" content="#eb7128"/>
  56. <meta name="color:Text" content="#888888"/>
  57. <meta name="color:Link" content="#fb9d65"/>
  58. <meta name="color:Hover" content="#F07730"/>
  59. <meta name="color:Bold" content="#000000"/>
  60. <meta name="color:Italic" content="#bbbbbb"/>
  61. <meta name="color:Borders" content="#dddddd"/>
  62. <meta name="color:Pagination" content="#000000"/>
  63. <meta name="color:Scrollbar background" content="#ffffff"/>
  64. <meta name="color:Scrollbar" content="#000000"/>
  65.  
  66. <meta name="select:Post transparency color" content="255,255,255" title="white">
  67. <meta name="select:Post transparency color" content="0,0,0" title="black">
  68. <meta name="select:Post transparency color" content="238,238,238" title="gray">
  69. <meta name="select:Post transparency color" content="255,168,212" title="pink">
  70. <meta name="select:Post transparency color" content="127,88,242" title="purple">
  71. <meta name="select:Post transparency color" content="184,168,255" title="indigo">
  72. <meta name="select:Post transparency color" content="184,208,255" title="blue">
  73. <meta name="select:Post transparency color" content="103,173,90" title="green">
  74. <meta name="select:Post transparency color" content="33,209,297" title="turquoise">
  75. <meta name="select:Post transparency color" content="226,229,23" title="yellow">
  76. <meta name="select:Post transparency color" content="112,38,11" title="brown">
  77.  
  78. <meta name="select:Post info transparency color" content="255,255,255" title="white">
  79. <meta name="select:Post info transparency color" content="0,0,0" title="black">
  80. <meta name="select:Post info transparency color" content="238,238,238" title="gray">
  81. <meta name="select:Post info transparency color" content="255,168,212" title="pink">
  82. <meta name="select:Post info transparency color" content="127,88,242" title="purple">
  83. <meta name="select:Post info transparency color" content="184,168,255" title="indigo">
  84. <meta name="select:Post info transparency color" content="184,208,255" title="blue">
  85. <meta name="select:Post info transparency color" content="103,173,90" title="green">
  86. <meta name="select:Post info transparency color" content="33,209,297" title="turquoise">
  87. <meta name="select:Post info transparency color" content="226,229,23" title="yellow">
  88. <meta name="select:Post info transparency color" content="112,38,11" title="brown">
  89.  
  90. <meta name="select:Transparency" content="1" title="opaque">
  91. <meta name="select:Transparency" content=".9" title=".9">
  92. <meta name="select:Transparency" content=".8" title=".8">
  93. <meta name="select:Transparency" content=".7" title=".7">
  94. <meta name="select:Transparency" content=".6" title=".6">
  95. <meta name="select:Transparency" content=".5" title=".5">
  96. <meta name="select:Transparency" content=".4" title=".4">
  97. <meta name="select:Transparency" content=".3" title=".3">
  98. <meta name="select:Transparency" content=".2" title=".2">
  99. <meta name="select:Transparency" content=".1" title=".1">
  100. <meta name="select:Transparency" content=".0" title="transparent">
  101.  
  102. <meta name="font:Body font" content="Helvetica"/>
  103. <meta name="select:Body font size" content="12px" title="12px">
  104. <meta name="select:Body font size" content="13px" title="13px">
  105. <meta name="select:Body font size" content="14px" title="14px">
  106. <meta name="select:Body font size" content="15px" title="15px">
  107. <meta name="select:Body font size" content="16px" title="16px">
  108.  
  109. <meta name="select:Title font" content="Cinzel" title="Cinzel">
  110. <meta name="select:Title font" content="Mystery Quest" title="Mystery Quest">
  111. <meta name="select:Title font" content="New Rocker" title="New Rocker">
  112. <meta name="select:Title font" content="Trade Winds" title="Trade Winds">
  113. <meta name="select:Title font" content="Voltaire" title="Voltaire">
  114.  
  115. <meta name="select:Title font size" content="18px" title="18px">
  116. <meta name="select:Title font size" content="20px" title="20px">
  117. <meta name="select:Title font size" content="22px" title="22px">
  118. <meta name="select:Title font size" content="25px" title="25px">
  119. <meta name="select:Title font size" content="27px" title="27px">
  120.  
  121. <meta name="select:Post width" content="400" title="400px">
  122. <meta name="select:Post width" content="500" title="500px">
  123. <meta name="select:Post width" content="540" title="540px">
  124.  
  125. <meta name="if:Inverted Controls" content="0" />
  126. <meta name="if:White Halloween" content="0" />
  127. <meta name="if:Infinite Scroll" content="0"/>
  128. <meta name="if:Load More" content="0"/>
  129. <meta name="if:Ask Enabled" content="1" />
  130. <meta name="if:Submissions Enabled" content="1" />
  131. <meta name="if:Show Archive" content="1" />
  132. <meta name="if:Only Show Titles In Sidebar" content="1" />
  133. <meta name="if:Show About" content="1" />
  134. <meta name="if:Show Navigation" content="1" />
  135. <meta name="if:Show Search" content="1" />
  136. <meta name="if:Faded Images" content="0" />
  137. <meta name="if:Monochrome Images" content="0" />
  138. <meta name="if:Show Captions" content="1" />
  139. <meta name="if:Show Tags" content="1" />
  140. <meta name="if:Disqus Shortname" content="0"/>
  141.  
  142. <meta name="if:Show Link One" content="1" />
  143. <meta name="if:Show Link Two" content="1" />
  144. <meta name="if:Show Link Three" content="1" />
  145. <meta name="if:Show Link Four" content="1" />
  146. <meta name="if:Show Link Five" content="1" />
  147.  
  148. <meta name="text:Link One" content="Link one"/>
  149. <meta name="text:Link One url" content="Link One url"/>
  150. <meta name="text:Link Two" content="Link two"/>
  151. <meta name="text:Link Two url" content="Link Two url"/>
  152. <meta name="text:Link Three" content="Link three"/>
  153. <meta name="text:Link Three url" content="Link Three url"/>
  154. <meta name="text:Link Four" content="Link four"/>
  155. <meta name="text:Link Four url" content="Link Four url"/>
  156. <meta name="text:Link Five" content="Link five"/>
  157. <meta name="text:Link Five url" content="Link Five url"/>
  158.  
  159. <meta name="text:Title 1" content="Title 1"/>
  160. <meta name="text:Title 2" content="Title 2"/>
  161. <meta name="text:Border radius" content="0px" />
  162. <meta name="text:Blog alias" content="blogalias"/>
  163. <meta name='text:Disqus Shortname' content='' />
  164.  
  165. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  166. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  167.  
  168. <!-- CSS -->
  169.  
  170. <style type="text/css">
  171.  
  172.  
  173. /* ---------------------------- GENERAL ----------------------------- */
  174.  
  175. /* -------- BASICS ------- */
  176.  
  177. body {
  178. margin: 0;
  179. padding: 0;
  180. width: 100%;
  181. height: 100%;
  182. color: {color:text};
  183. font-family: {font:Body font};
  184. font-size: {select:Body font size};
  185. line-height: -moz-calc({select:Body font size} + 5px);
  186. line-height: -webkit-calc({select:Body font size} + 5px);
  187. line-height: -o-calc({select:Body font size} + 5px);
  188. line-height: calc({select:Body font size} + 5px);
  189. background-color: {color:Background};
  190. background-image:url({image:Background});
  191. background-attachment: fixed;
  192. background-repeat: repeat;
  193. word-wrap:break-word;
  194. }
  195.  
  196. /* Tumblr lightbox */
  197.  
  198. .tmblr-lightbox {background:rgba({RGBcolor:Background}, .95)!important;}
  199.  
  200. .tmblr-lightbox img {opacity:0;}
  201.  
  202. .lightbox-caption {
  203. color:{color:Title}!important;
  204. font-family:inherit!important;
  205. font-size:1em!important;
  206. font-weight:normal!important;
  207. text-shadow:none!important;
  208. }
  209.  
  210. .lightbox-image {
  211. -moz-box-shadow:none!important;
  212. -webkit-box-shadow:none!important;
  213. box-shadow:none!important;
  214. -moz-border-radius:0px!important;
  215. -webkit-border-radius:0px!important;
  216. border-radius:0px!important;
  217. padding:0px!important;
  218. border:0!important;
  219. opacity:1!important;
  220. }
  221.  
  222. .vignette {opacity:0!Important;}
  223.  
  224. /* Webkit scrollbar */
  225.  
  226. ::-webkit-scrollbar {
  227. width: 9px;
  228. height: 0px;
  229. }
  230.  
  231. ::-webkit-scrollbar-button:start:decrement,
  232. ::-webkit-scrollbar-button:end:increment {
  233. height: 0px;
  234. display: block;
  235. background-color: {color:Scrollbar background};
  236. }
  237.  
  238. ::-webkit-scrollbar-track-piece {
  239. background-color: {color:Scrollbar background};
  240. }
  241.  
  242. ::-webkit-scrollbar-thumb:vertical {
  243. height: 0px;
  244. background-color: {color:Scrollbar};
  245. border: 4px solid {color:Scrollbar background};
  246. }
  247.  
  248. /* Selection */
  249.  
  250. ::-moz-selection {
  251. background: {color:Hover};
  252. color: {color:Background};
  253. }
  254.  
  255. ::selection {
  256. background: {color:Hover};
  257. color: {color:Background};
  258. }
  259.  
  260. /* Tumblr controls */
  261.  
  262. iframe.tmblr-iframe {
  263. top:36px!important;
  264. right:35px!important;
  265. {block:ifInvertedControls}
  266. filter:invert(1);
  267. -webkit-filter:invert(1);
  268. -o-filter:invert(1);
  269. -moz-filter:invert(1);
  270. -ms-filter:invert(1);
  271. {/block:ifInvertedControls}
  272. transform:scale(0.8);
  273. transform-origin:100% 0;
  274. -webkit-transform:scale(0.8);
  275. -webkit-transform-origin:100% 0;
  276. -o-transform:scale(0.8);
  277. -o-transform-origin:100% 0;
  278. -moz-transform:scale(0.8);
  279. -moz-transform-origin:100% 0;
  280. -ms-transform:scale(0.8);
  281. -ms-transform-origin:100% 0;
  282. z-index:10000!important;
  283. }
  284.  
  285. iframe.tmblr-iframe:hover {
  286. opacity:0.6!important;
  287. }
  288.  
  289. /* Tooltips */
  290.  
  291. .ui-tooltip {
  292. position:absolute;
  293. z-index:9999;
  294. padding-top:10px;
  295. }
  296.  
  297. .ui-tooltip-content {
  298. background:{color:Background};
  299. padding:0 4px;
  300. font-style:italic;
  301. color:{color:Link};
  302. text-transform:lowercase;
  303. border:1px solid {color:Borders};
  304. }
  305.  
  306. img {
  307. opacity:1;
  308. border:0;
  309. text-decoration:none;
  310. max-width:100%;
  311. height:auto;
  312. display:block;
  313. }
  314.  
  315. /* Image style */
  316.  
  317. {block:IfFadedImages}
  318. img {
  319. -webkit-transition: opacity 0.8s linear;
  320. -moz-transition: opacity 0.8s linear;
  321. -o-transition: opacity 0.8s linear;
  322. -ms-transition: opacity 0.8s linear;
  323. opacity: 0.60;
  324. }
  325.  
  326. img:hover {
  327. -webkit-transition: opacity 0.8s linear;
  328. -moz-transition: opacity 0.8s linear;
  329. -o-transition: opacity 0.8s linear;
  330. -ms-transition: opacity 0.8s linear;
  331. opacity: 1;
  332. }
  333. {/block:IfFadedImages}
  334.  
  335. {block:IfMonochromeImages}
  336. img {
  337. -webkit-filter: grayscale(1);
  338. -webkit-transition: all 0.5s ease-in-out;
  339. -moz-transition: all 0.5s ease-in-out;
  340. -o-transition: all 0.5s ease-in-out;
  341. -ms-transition: all 0.5s ease-in-out;
  342. transition: all 0.5s ease-in-out;
  343. }
  344.  
  345. img:hover {
  346. filter: none;
  347. -webkit-filter: grayscale(0);
  348. -webkit-transition: all 0.2s ease-in-out;
  349. -moz-transition: all 0.2s ease-in-out;
  350. -o-transition: all 0.2s ease-in-out;
  351. }
  352. {/block:IfMonochromeImages}
  353.  
  354. blockquote {
  355. padding:.25em 0 .25em 15px;
  356. margin:.5em 0;
  357. border-left:1px solid {color:Borders};
  358. }
  359.  
  360. pre {
  361. padding:0;
  362. margin:0;
  363. line-height:inherit!important;
  364. background:transparent;
  365. font-family:inherit!Important;
  366. font-size:inherit!important;
  367. white-space:pre-wrap;
  368. white-space:-moz-pre-wrap;
  369. white-space:-pre-wrap;
  370. white-space:-o-pre-wrap;
  371. word-wrap:break-word;
  372. }
  373.  
  374. /* Fix */
  375.  
  376. iframe, img, embed, object, video {
  377. max-width: 100%;
  378. border: none;
  379. }
  380.  
  381. input, textarea, select, a { outline: none; }
  382.  
  383. /* Headings */
  384.  
  385. h1, h2, h3, h4 {
  386. margin:1.5em 0;
  387. font-size:1.5em;
  388. padding:0;
  389. color:{color:title};
  390. font-weight:bold;
  391. }
  392.  
  393. .entry h1:first-child, .entry h2:first-child, .entry h3:first-child, .entry h4:first-child {margin-top:0;}
  394.  
  395. /* Paragraph */
  396.  
  397. p { margin:5px 0px;}
  398.  
  399. p:first-of-type { margin-top:0;}
  400.  
  401. p:last-of-type { margin-bottom:0;}
  402.  
  403. small, big, sub, pre {
  404. font-size:1em!important;
  405. line-height:1.4em!important;
  406. vertical-align:baseline!important;
  407. }
  408.  
  409. /* Bold and italic */
  410.  
  411. b, strong, b a, strong a {
  412. font-weight:bold!important;
  413. color: {color:Bold};
  414. }
  415.  
  416. i, em {
  417. color: {color:Italic};
  418. }
  419.  
  420. /* Links */
  421.  
  422. a {
  423. color:{color:Link};
  424. text-decoration:none;
  425. transition:all .3s linear;
  426. -webkit-transition:all .3s linear;
  427. -o-transition:all .3s linear;
  428. -moz-transition:all .3s linear;
  429. }
  430.  
  431. a, a img {cursor:pointer;}
  432.  
  433. a:hover {
  434. color:{color:Hover}!important;
  435. text-decoration:none;
  436. }
  437.  
  438. ul, ol, li {
  439. margin: 5px 10px;
  440. padding: 0px;
  441. }
  442.  
  443. /* Line break */
  444.  
  445. hr {
  446. border:none;
  447. box-shadow:0;
  448. margin:2em auto;
  449. width:75px;
  450. border-top:1px solid {color:Borders};
  451. }
  452.  
  453. /* ------------------------------- CONTAINER ----------------------------- */
  454.  
  455. #container {
  456. position:relative;
  457. margin:auto;
  458. margin-top:20px;
  459. width:calc({select:Post width}px + 450px)!important;
  460. }
  461.  
  462. /* ------------------------------ HEADER --------------------------------- */
  463.  
  464. #header {
  465. position:fixed;
  466. left:0px;
  467. top:0;
  468. height:40px;
  469. width:100vw;
  470. z-index:1000;
  471. background:{color:Header background};
  472. }
  473.  
  474. #header img {
  475. height:35px;
  476. width:1920px!important;
  477. {block:ifWhiteHalloween}
  478. filter:invert(1);
  479. -webkit-filter:invert(1);
  480. -o-filter:invert(1);
  481. -moz-filter:invert(1);
  482. -ms-filter:invert(1);
  483. {/block:ifWhiteHalloween}
  484. }
  485.  
  486. /* -------- SIDEBAR ------- */
  487.  
  488. #sidebar {
  489. position:absolute;
  490. margin-top:75px;
  491. margin-left:calc({select:Post width}px + 250px)!important;
  492. width:200px;
  493. height:auto;
  494. padding-bottom:40px;
  495. z-index:10;
  496. }
  497.  
  498. #sidetop {
  499. position:absolute;
  500. margin-top:0px;
  501. margin-left:40px;
  502. width:120px;
  503. height:auto;
  504. z-index:100;
  505. }
  506.  
  507. /* Avatar */
  508.  
  509. #avatar {
  510. z-index:-100;
  511. }
  512.  
  513. #avatar img {
  514. width:120px;
  515. height:120px;
  516. border-radius:100%;
  517. border:2px solid {color:Avatar border};
  518. }
  519.  
  520. #bats {
  521. position:absolute;
  522. margin-top:-40px;
  523. margin-left:-25px;
  524. width:172px;
  525. height:111px;
  526. z-index:10000;
  527. }
  528.  
  529. #bats img {
  530. {block:ifWhiteHalloween}
  531. filter:invert(1);
  532. -webkit-filter:invert(1);
  533. -o-filter:invert(1);
  534. -moz-filter:invert(1);
  535. -ms-filter:invert(1);
  536. {/block:ifWhiteHalloween}
  537. }
  538.  
  539. #sidebottom {
  540. position:absolute;
  541. margin-top:210px;
  542. margin-left:0px;
  543. width:200px;
  544. padding-bottom:30px;
  545. z-index:10;
  546. }
  547.  
  548. /* Main icons */
  549.  
  550. #icons {
  551. margin-top:0;
  552. margin-left:0;
  553. width:200px;
  554. text-align:center;
  555. z-index:100;
  556. }
  557.  
  558. #icons i {
  559. color:{color:Icons};
  560. display:inline-block;
  561. margin:0 10px;
  562. font-size:18px;
  563. }
  564.  
  565. #icons i:hover {
  566. color:{color:Hover};
  567. -webkit-transition: all .7s ease;
  568. -moz-transition: all .7s ease;
  569. -o-transition: all .7s ease;
  570. transition: all .7s ease;
  571. }
  572.  
  573. /* Blog title */
  574.  
  575. #blogtitle {
  576. position:relative;
  577. margin-top:10px;
  578. width:190px;
  579. padding:5px;
  580. line-height:40px;
  581. font-size:25px;
  582. letter-spacing:2px;
  583. color:{color:Blog Title};
  584. font-family:{select:Title Font};
  585. text-align:center;
  586. }
  587.  
  588. #blogtitle:hover {
  589. color:{color:Hover};
  590. -webkit-transition: opacity .7s linear;
  591. -webkit-transition: opacity .7s ease-out;
  592. -moz-transition: opacity .7s ease-out;
  593. -o-transition: opacity .7s ease-out;
  594. }
  595.  
  596. /* Sidebar boxes */
  597.  
  598. .sidebarbox {
  599. display:block;
  600. margin-top:10px;
  601. margin-left:0px;
  602. width:200px;
  603. height:auto;
  604. font-size:12px;
  605. text-align:justify;
  606. color:{color:Sidebar text};
  607. {block:IfOnlyShowTitlesInSidebar}
  608. height:35px;
  609. overflow:hidden;
  610. {/block:IfOnlyShowTitlesInSidebar}
  611. }
  612.  
  613. .sidebarbox:hover {
  614. height:auto;
  615. overflow-y:visible;
  616. }
  617.  
  618. .sidebarcontent {
  619. width:180px;
  620. margin:0px;
  621. padding:10px;
  622. background:{color:Sidebar background};
  623. }
  624.  
  625. /* Sidebar box links */
  626.  
  627. .sidebarbox a {
  628. color:{color:Sidebar link};
  629. text-align:left;
  630. }
  631.  
  632. /* Sidebar box titles */
  633.  
  634. .title1, .title2, .title3{
  635. margin-top:0px;
  636. margin-left:0px;
  637. width:190px;
  638. padding:5px;
  639. height:25px;
  640. line-height:25px;
  641. font-size:16px;
  642. text-align:center;
  643. color:{color:Sidebar title};
  644. font-family:{select:Title Font};
  645. }
  646.  
  647. .title1{
  648. background:{color:Sidebar title one background};
  649. {block:IfOnlyShowTitlesInSidebar}
  650. border-top-right-radius:10px;
  651. border-top-left-radius:10px;
  652. {/block:IfOnlyShowTitlesInSidebar}
  653. }
  654.  
  655. .title2{
  656. background:{color:Sidebar title two background};
  657. }
  658.  
  659. .title3{
  660. background:{color:Sidebar title three background};
  661. {block:IfOnlyShowTitlesInSidebar}
  662. border-bottom-right-radius:10px;
  663. border-bottom-left-radius:10px;
  664. {/block:IfOnlyShowTitlesInSidebar}
  665. }
  666.  
  667. /* Navigation */
  668.  
  669. #navigation {
  670. margin:0px 10px;
  671. padding-bottom:5px;
  672. }
  673.  
  674. #navigation a {
  675. display:block;
  676. margin-left:0px;
  677. width:146px;
  678. height:10px;
  679. padding:10px 7px;
  680. font-size:12px;
  681. line-height:10px;
  682. color:{color:Sidebar link};
  683. border-bottom:1px solid {color:Sidebar title two background};
  684. text-align:left;
  685. }
  686.  
  687. #navigation a:hover {
  688. color: {color:Hover};
  689. box-shadow: inset 165px 0 0 0 {color:Sidebar title two background};
  690. -webkit-transition: all .7s ease;
  691. -moz-transition: all .7s ease;
  692. -o-transition: all .7s ease;
  693. transition: all .7s ease;
  694. }
  695.  
  696. /* Search box */
  697.  
  698. #search {
  699. margin:0;
  700. }
  701.  
  702. #search i {
  703. color:{color:Sidebar link};
  704. margin-left:-22px;
  705. }
  706.  
  707. /* Witch image */
  708.  
  709. .witch {
  710. position:fixed;
  711. background-position:cover;
  712. bottom:20px;
  713. margin-left:0px;
  714. width:157px;
  715. height:141px;
  716. z-index:1000000;
  717. }
  718.  
  719. .witch img {
  720. {block:ifWhiteHalloween}
  721. filter:invert(1);
  722. -webkit-filter:invert(1);
  723. -o-filter:invert(1);
  724. -moz-filter:invert(1);
  725. -ms-filter:invert(1);
  726. {/block:ifWhiteHalloween}
  727. }
  728.  
  729. /* -------------------------- POSTS AND ENTRIES --------------------------*/
  730.  
  731. section {
  732. margin-top:60px;
  733. margin-left:185px;
  734. padding-top:15px;
  735. width:calc({select:Post width}px + 38px)!important;
  736. min-height:500px;
  737. overflow:hidden;
  738. }
  739.  
  740. .entry {
  741. display: inline-block;
  742. float: left;
  743. margin: 18px;
  744. width: {select:Post width}px;
  745. height:auto;
  746. background:rgba({select:Post transparency color}, {select:Transparency});
  747. overflow: hidden;
  748. border: 1px solid {color:Borders};
  749. border-radius:{text:Border radius};
  750. }
  751.  
  752. .entry img { max-width: 100%; }
  753.  
  754. .content {
  755. padding: 10px;
  756. }
  757.  
  758. /* Caption */
  759.  
  760. .comment {
  761. padding:0px 10px;
  762. list-style:none;
  763. }
  764.  
  765. .comment:last-of-type { padding-bottom:0!important;}
  766.  
  767. .user {
  768. display:inline-block;
  769. line-height:1em;
  770. margin-bottom:.75em;
  771. }
  772.  
  773. .captioned .comment:first-of-type { margin-top:2em;}
  774.  
  775. /* -------- POSTS STYLES ------- */
  776.  
  777. /* Titles */
  778.  
  779. .title {
  780. margin:10px;
  781. margin-top:0px;
  782. color:{color:Title};
  783. font-family:{select:Title Font};
  784. font-size:{select:Title font size};
  785. line-height: -moz-calc({select:Title font size} + 3px);
  786. line-height: -webkit-calc({select:Title font size} + 3px);
  787. line-height: -o-calc({select:Title font size} + 3px);
  788. line-height: calc({select:Title font size} + 3px);
  789. }
  790.  
  791. .title a { color:{color:Title}; }
  792.  
  793. .title a:hover { color:{color:L ink}; }
  794.  
  795. .tex li, .tex blockquote {text-align:left; }
  796.  
  797. /* Quote posts */
  798.  
  799. .quote {
  800. margin: 10px;
  801. padding: 5px;
  802. font-family: {select:Title font};
  803. font-size: {select:Title font size};
  804. line-height: -moz-calc({select:Title font size} + 3px);
  805. line-height: -webkit-calc({select:Title font size} + 3px);
  806. line-height: -o-calc({select:Title font size} + 3px);
  807. line-height: calc({select:Title font size} + 3px);
  808. color: {color:Italic};
  809. text-align: left;
  810. letter-spacing: 2px;
  811. }
  812.  
  813. .source {
  814. font-size: 12px;
  815. line-height: 20px;
  816. }
  817.  
  818. /* Link posts */
  819.  
  820. .linkthumb img {
  821. width:100%;
  822. }
  823.  
  824. .linkp {
  825. background: {color:Link post background};
  826. padding:10px;
  827. }
  828.  
  829. .linkp i {
  830. color: {color:Title};
  831. }
  832.  
  833. /* Chat posts */
  834.  
  835. .line {
  836. margin: 5px 10px;
  837. line-height: 18px;
  838. }
  839.  
  840. /* Ask Posts */
  841.  
  842. .asker {
  843. margin: 5px;
  844. margin-top: 10px;
  845. width: -moz-calc(100% - 10px);
  846. width: -webkit-calc(100% - 10px);
  847. width: -o-calc(100% - 10px);
  848. width: calc(100% - 10px);
  849. height: auto;
  850. }
  851.  
  852. .bubble {
  853. width: -moz-calc(100% - 70px);
  854. width: -webkit-calc(100% - 70px);
  855. width: -o-calc(100% - 70px);
  856. width: calc(100% - 70px);
  857. height: auto;
  858. min-height: 35px;
  859. padding: 10px;
  860. line-height: 20px;
  861. background: {color:Ask bubble};
  862. z-index: 10;
  863. }
  864.  
  865. .triangle {
  866. position: absolute;
  867. margin-left: -moz-calc(100% - 90px);
  868. margin-left: -webkit-calc(100% - 90px);
  869. margin-left: -o-calc(100% - 90px);
  870. margin-left: calc(100% - 90px);
  871. width: 0;
  872. z-index:0;
  873. border-left: 8px solid {color:Ask bubble};
  874. border-bottom: 8px solid transparent;
  875. border-top: 8px solid transparent;
  876. }
  877.  
  878. .asker img {
  879. float: right;
  880. margin-right: 0px;
  881. max-width: 30px;
  882. border: 1.5px solid {color:Ask bubble};
  883. border-radius: 2px;
  884. z-index:1000;
  885. opacity:1;
  886. }
  887.  
  888. .answer {
  889. margin: 10px;
  890. margin-bottom: 0;
  891. }
  892.  
  893. /* ----------------------- POST INFO ----------------------------- */
  894.  
  895. .topinfo {
  896. margin:0px;
  897. width: -moz-calc(100% - 30px);
  898. width: -webkit-calc(100% - 30px);
  899. width: -o-calc(100% - 30px);
  900. width: calc(100% - 30px);
  901. height: 10px;
  902. padding: 15px;
  903. line-height: 15px;
  904. background:rgba({select:Post info transparency color}, {select:Transparency});
  905. }
  906.  
  907. .topinfourl {
  908. margin:0;
  909. font-size: 12px;
  910. }
  911.  
  912. /* Date */
  913.  
  914. .topinfod {
  915. float: right;
  916. margin-top:-15px;
  917. font-size:12px;
  918. }
  919.  
  920. /* Bottom info */
  921.  
  922. .botinfo {
  923. width: -moz-calc(100% - 30px);
  924. width: -webkit-calc(100% - 30px);
  925. width: -o-calc(100% - 30px);
  926. width: calc(100% - 30px);
  927. height:auto;
  928. min-height: 50px;
  929. margin: 0px;
  930. padding: 15px;
  931. padding-top: 10px;
  932. padding-bottom: 10px;
  933. font-size: 12px;
  934. line-height: 25px;
  935. color: {color:Text};
  936. background:rgba({select:Post info transparency color}, {select:Transparency});
  937. overflow:hidden;
  938. }
  939.  
  940. .botinfo a {
  941. margin-right: 25px;
  942. color: {color:Link};
  943. }
  944.  
  945. .tags {
  946. {block:IndexPage}
  947. {block:ifNotShowTags}
  948. display: none;
  949. {/block:ifNotShowTags}
  950. {/block:IndexPage}
  951. }
  952.  
  953. .notec {
  954. float: left;
  955. }
  956.  
  957. /* Butttons */
  958.  
  959. .buttons {
  960. float:right;
  961. margin-top:0px;
  962. margin-right:-5px;
  963. width:77px;
  964. height:26px;
  965. line-height:26px;
  966. z-index:100;
  967. list-style:none;
  968. {block:ifDisqusShortname}
  969. width: 103px;
  970. {/block:ifDisqusShortname}
  971. {block:PermalinkPage}
  972. width:52px;
  973. {/block:PermalinkPage}
  974. }
  975.  
  976. .buttons li {
  977. display:inline-block;
  978. margin:0;
  979. margin-left:2px;
  980. margin-right:0;
  981. width:20px;
  982. height:26px;
  983. padding:0px;
  984. text-align:center;
  985. }
  986.  
  987. .perma i {
  988. font-size:13px;
  989. color:{color:Buttons};
  990. }
  991.  
  992. .cmnt i {
  993. font-size:15px;
  994. color:{color:Buttons};
  995. }
  996.  
  997. .reblog i {
  998. font-size:17px;
  999. color:{color:Buttons};
  1000. }
  1001.  
  1002. .like .like_button {
  1003. position:absolute;
  1004. width:100%;
  1005. height:100%;
  1006. }
  1007.  
  1008. .like .like_button iframe {
  1009. position:absolute;
  1010. top:0;
  1011. bottom:0;
  1012. left:0;
  1013. right:0;
  1014. width:100%;
  1015. height:100%;
  1016. z-index:10;
  1017. opacity:0.0000001;
  1018. }
  1019.  
  1020. .like i {
  1021. font-size:15px;
  1022. color:{color:Buttons};
  1023. }
  1024.  
  1025. .like .liked + i {
  1026. font-size:14px;
  1027. color:#D95E40;
  1028. }
  1029.  
  1030. /* Permalink pagination */
  1031.  
  1032. .permapag {
  1033. margin-top: 15px;
  1034. margin-left: 0px;
  1035. }
  1036.  
  1037. .permapag a {
  1038. font-size: 15px;
  1039. margin:10px;
  1040. margin-top: 20px;
  1041. padding:5px;
  1042. color:{color:Link};
  1043. }
  1044.  
  1045. /* Show/hide */
  1046.  
  1047. .clickme {
  1048. margin: 10px;
  1049. width: 130px;
  1050. color: {color:Link};
  1051. text-align: left;
  1052. cursor: pointer;
  1053. padding: 5px 10px;
  1054. border-bottom: 1.5px solid {color:Borders};
  1055. }
  1056.  
  1057. .clickme:hover {
  1058. color: {color:Hover};
  1059. background:rgba({select:Post info transparency color}, {select:Transparency});
  1060. }
  1061.  
  1062. /* Post notes */
  1063.  
  1064. #notes {
  1065. margin: 10px;
  1066. width: 500px;
  1067. font-size: 12px;
  1068. color: {color:Text};
  1069. display:none;
  1070. }
  1071.  
  1072. ol.notes {
  1073. padding: 0px;
  1074. margin: 5px 0px;
  1075. list-style-type: none;
  1076. }
  1077.  
  1078. ol.notes li.note {
  1079. padding: 5px;
  1080. }
  1081.  
  1082. ol.notes li.note img.avatar {
  1083. float:left;
  1084. vertical-align: -5px;
  1085. width: 15px;
  1086. height: 15px;
  1087. margin-left:10px;
  1088. margin-right:10px;
  1089. }
  1090.  
  1091. li.more_notes_link_container {
  1092. text-transform: uppercase;
  1093. font-size: 12px;
  1094. }
  1095.  
  1096. /* Disqus box */
  1097.  
  1098. #disqusbox {
  1099. padding:15px;
  1100. }
  1101.  
  1102. /* ------------------- PAGINATION AND INFINITE SCROLL -------------------- */
  1103.  
  1104. #pagcon {
  1105. margin:25px auto;
  1106. width:calc({select:Post width}px + 40px)!important;
  1107. height:60px;
  1108. text-align: center;
  1109. z-index:100;
  1110. }
  1111.  
  1112. /* Pagination */
  1113.  
  1114. #pagination {
  1115. width: 100%;
  1116. height: 35px;
  1117. z-index:10000;
  1118. {block:ifInfiniteScroll}
  1119. display: none;
  1120. {/block:ifInfiniteScroll}
  1121. }
  1122.  
  1123. .previous, .next, .load-more {
  1124. display:inline;
  1125. margin-left:10px;
  1126. width:100px;
  1127. height:20px;
  1128. padding:8px 10px;
  1129. line-height:20px;
  1130. font-size:12px;
  1131. text-align:center;
  1132. color:{color:Pagination};
  1133. background:{color:Avatar border};
  1134. border:1px solid {color:Borders};
  1135. -webkit-transition: all .3s ease;
  1136. -moz-transition: all .3s ease;
  1137. -o-transition: all .3s ease;
  1138. transition: all .3s ease;
  1139. }
  1140.  
  1141. .previous a:hover, .next a:hover, .load-more a:hover {
  1142. color:{color:Pagination};
  1143. }
  1144.  
  1145. .previous i, .next i, .load-more i {
  1146. color:{color:Pagination};
  1147. font-size:15px;
  1148. margin-left:10px;
  1149. text-decoration:none;
  1150. }
  1151.  
  1152. .previous:hover i, .next:hover i, .load-more:hover i {
  1153. color:{color:Hover};
  1154. }
  1155.  
  1156. /* INFINITE SCROLL */
  1157.  
  1158. #infscr-loading {
  1159. display:none!important;
  1160. }
  1161.  
  1162. #iscon {
  1163. width:500px;
  1164. height:30px;
  1165. z-index:100;
  1166. }
  1167.  
  1168. {block:ifLoadMore}
  1169. .load-more {
  1170. height:30px;
  1171. }
  1172. {/block:ifLoadMore}
  1173.  
  1174. /*-- CREDIT --*/
  1175.  
  1176. #credit {
  1177. position:fixed;
  1178. top: 45px;
  1179. right: 10px;
  1180. width: 25px;
  1181. height: 25px;
  1182. z-index: 100000;
  1183. }
  1184.  
  1185. #credit img {
  1186. border: 1px solid {color:Borders};
  1187. }
  1188.  
  1189. #credit img:hover {
  1190. border: 1px solid {color:Hover};
  1191. }
  1192.  
  1193. {CustomCSS}
  1194.  
  1195. </style>
  1196.  
  1197. </head>
  1198.  
  1199. <body>
  1200.  
  1201. <div id="header"><img src="https://i.imgur.com/4TPmnlF.png"></div>
  1202. <!--End header-->
  1203.  
  1204. <div id="container">
  1205.  
  1206. <div id="sidebar">
  1207.  
  1208. <div id="sidetop">
  1209.  
  1210. <div id="avatar"><img src="{image:Avatar}"></a></div>
  1211. <!--End avatar-->
  1212.  
  1213. <div id="bats"><img src="https://i.imgur.com/gGWE8ag.png"></div>
  1214. <!--End bats-->
  1215.  
  1216. </div>
  1217. <!-- End sidetop -->
  1218.  
  1219. <div id="sidebottom">
  1220.  
  1221. <div id="icons">
  1222. <a href="/" title="Index"><i class="fas fa-broom"></i></a>
  1223. {block:ifAskEnabled}
  1224. <a href="/ask" title="Ask"><i class="fas fa-ghost"></i></a>
  1225. {/block:ifAskEnabled}
  1226. {block:IfSubmissionsEnabled}
  1227. <a href="/submit" title="Submit"><i class="fas fa-cat"></i></a>
  1228. {/block:IfSubmissionsEnabled}
  1229. {block:IfShowArchive}
  1230. <a href="/archive" title="Archive"><i class="fas fa-spider"></i></a>
  1231. {/block:IfShowArchive}
  1232. </div>
  1233. <!--End icons-->
  1234.  
  1235. <div id="blogtitle">{Title}</div>
  1236.  
  1237. {block:IfShowAbout}
  1238. <div class="sidebarbox">
  1239. <div class="title1">{text:Title 1}</div>
  1240. <div class="sidebarcontent">
  1241. {Description}
  1242. </div>
  1243. <!-- End ssidebarcontent -->
  1244. </div>
  1245. <!-- End sidebarbox-->
  1246. {/block:IfShowAbout}
  1247.  
  1248. {block:IfShowNavigation}
  1249. <div class="sidebarbox">
  1250. <div class="title2">{text:Title 2}</div>
  1251. <div class="sidebarcontent">
  1252. <div id="navigation">
  1253. {block:ifShowLinkOne}
  1254. <a href="{text:Link One url}">{text:Link One}</a>
  1255. {/block:ifShowLinkOne}
  1256. {block:ifShowLinkTwo}
  1257. <a href="{text:Link Two url}">{text:Link Two}</a>
  1258. {/block:ifShowLinkTwo}
  1259. {block:ifShowLinkThree}
  1260. <a href="{text:Link Three url}">{text:Link Three}</a>
  1261. {/block:ifShowLinkThree}
  1262. {block:ifShowLinkFour}
  1263. <a href="{text:Link Four url}">{text:Link Four}</a>
  1264. {/block:ifShowLinkFour}
  1265. {block:ifShowLinkFive}
  1266. <a href="{text:Link Five url}">{text:Link Five}</a>
  1267. {/block:ifShowLinkFive}
  1268. </div>
  1269. <!-- End navigation-->
  1270. </div>
  1271. <!-- End ssidebarcontent -->
  1272. </div>
  1273. <!-- End sidebarbox-->
  1274. {/block:IfShowNavigation}
  1275.  
  1276. {block:IfShowSearch}
  1277. <div class="sidebarbox">
  1278. <div class="title3">Search</div>
  1279. <div class="sidebarcontent">
  1280. <div id="search">
  1281. <form action="/search" method="get">
  1282. <input type="text" name="q" value="Search..." style="margin-top:0px; margin-left:5px; width:155px; padding-left:10px; height:22px; background:transparent; font-family:{font:Body font}; color:{color:Sidebar link}; border:1px solid {color:Sidebar title three background}; border-radius:15px; font-size: 12px; "/><span><i class="fa fa-search"></i></span></form>
  1283. </div>
  1284. <!-- End search -->
  1285. </div>
  1286. <!-- End ssidebarcontent -->
  1287. </div>
  1288. <!-- End sidebarbox-->
  1289. {/block:IfShowSearch}
  1290.  
  1291. </div>
  1292. <!--End sidebottom-->
  1293.  
  1294. </div>
  1295. <!--End sidebar-->
  1296.  
  1297. <div class="witch"><img src="https://i.imgur.com/YqmB6Q1.png"></div>
  1298.  
  1299. <!-- Posts -->
  1300. <section id="posts">
  1301.  
  1302. {block:posts}
  1303.  
  1304. <article class="entry {block:Caption}captioned{/block:Caption}">
  1305.  
  1306. {block:Date}
  1307.  
  1308. <div class="topinfo">
  1309.  
  1310. <div class="topinfourl">
  1311. {block:RebloggedFrom}
  1312. <a href="/"> {text:Blog alias}</a>
  1313. <i class="fa fa-retweet" aria-hidden="true"></i>
  1314. <a href="{ReblogParentURL}" target="_blank"> {ReblogParentName}</a>
  1315. {/block:RebloggedFrom}
  1316.  
  1317. {block:NotReblog}
  1318. <a href="/">{text:Blog alias}</a>
  1319. {/block:NotReblog}
  1320. </div>
  1321. <!-- End topinfourl-->
  1322.  
  1323. <div class="topinfod"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {ShortMonth} {DayOfMonthWithZero} </a></div>
  1324.  
  1325. </div>
  1326. <!-- End topinfo-->
  1327.  
  1328. {/block:Date}
  1329.  
  1330. <!-- Text post -->
  1331. {block:Text}
  1332. <div class="content">
  1333. {block:Title}
  1334. <div class="title">{Title}</div>{/block:Title}
  1335. {block:RebloggedFrom}
  1336. {block:Reblogs}
  1337. <li class="comment {block:Title}{/block:Title}">
  1338. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1339. <div class="tex">{body}</div>
  1340. </li>
  1341. {/block:Reblogs}
  1342. {/block:RebloggedFrom}
  1343. {block:NotReblog}
  1344. <li class="comment {block:Title}{/block:Title}">
  1345. <div class="tex">{body}</div>
  1346. </li>
  1347. {/block:NotReblog}
  1348. </div>
  1349. <!-- End content -->
  1350. {/block:Text}
  1351.  
  1352. <!-- Photo post -->
  1353. {block:Photo}
  1354. {block:IndexPage}
  1355. {LinkOpenTag}
  1356. <img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>
  1357. {LinkCloseTag}
  1358. {/block:IndexPage}
  1359. {block:PermalinkPage}
  1360. {LinkOpenTag}
  1361. <img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="500px"/></a>
  1362. {LinkCloseTag}
  1363. {/block:PermalinkPage}
  1364. {/block:Photo}
  1365.  
  1366. <!-- Photoset post -->
  1367. {block:Photoset}
  1368. <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>
  1369. {/block:Photoset}
  1370.  
  1371. <!-- Quote post -->
  1372. {block:Quote}
  1373. <div class="content">
  1374. <div class="quote">
  1375. "{Quote}"
  1376. </div>
  1377. <!-- End quote-->
  1378. <div class="source">
  1379. — {Source}
  1380. </div>
  1381. <!-- End source-->
  1382. </div>
  1383. <!-- End content -->
  1384. {/block:Quote}
  1385.  
  1386. <!-- Link post -->
  1387. {block:Link}
  1388. {block:Thumbnail}
  1389. <div class="linkthumb">
  1390. <img src="{Thumbnail}" alt="{Name}">
  1391. </div>
  1392. <!-- End linkthumb-->
  1393. {/block:Thumbnail}
  1394. <div class="linkp">
  1395. <a href="{URL}"><h1>{Name} <i class="fa fa-angle-right" aria-hidden="true"></i></h1></a>
  1396. {block:Description}
  1397. {Description}
  1398. {/block:Description}
  1399. </div>
  1400. <!-- End linkp-->
  1401. {/block:Link}
  1402.  
  1403. <!-- Chat post -->
  1404. {block:Chat}
  1405. <div class="content">
  1406. {block:Title}<h1>{Title}</h1>{/block:Title}
  1407. {block:Lines}
  1408. <div class="line">
  1409. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1410. </div>
  1411. <!-- End line-->
  1412. {/block:Lines}
  1413. </div>
  1414. <!-- End content -->
  1415. {/block:Chat}
  1416.  
  1417. <!-- Audio post -->
  1418. {block:Audio}
  1419. <div style="height: 85px">{AudioEmbed-640}</div>
  1420. {/block:Audio}
  1421.  
  1422. <!-- Video post -->
  1423. {block:Video}
  1424. {Video-500}
  1425. {/block:Video}
  1426.  
  1427. <!-- Ask post -->
  1428. {block:Answer}
  1429. <div class="content">
  1430. <div class="asker">
  1431. <img src="{AskerPortraitURL-48}">
  1432. <div class="bubble" style="border-color: {color:Ask bubble}; background: {color:Ask bubble};">
  1433. <div class="triangle"></div>
  1434. {Asker}:
  1435. <br>{Question}
  1436. </div>
  1437. <!-- End bubble-->
  1438. </div>
  1439. <!-- End asker -->
  1440. <div class="answer">
  1441. {Answer}
  1442. </div>
  1443. <!-- End answer -->
  1444. </div>
  1445. <!-- End content -->
  1446. {/block:Answer}
  1447.  
  1448. <!-- Caption -->
  1449. {block:Caption}
  1450. {block:Reblogs}
  1451. <li class="comment">
  1452. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} } class="user" target="_blank">{Username}</a>
  1453. <div class="tex">{Body}</div>
  1454. </li>
  1455. {/block:Reblogs}
  1456. {block:NotReblog}
  1457. <li class="comment">
  1458. <a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} class="user" target="_blank">{Name}</a>
  1459. <div class="tex">{caption}</div>
  1460. </li>
  1461. {/block:NotReblog}
  1462. {/block:Caption}
  1463.  
  1464.  
  1465. {block:Date}
  1466.  
  1467. <div class="botinfo">
  1468.  
  1469. {block:RebloggedFrom}
  1470. {block:ContentSource}
  1471. Source: <a href="{ReblogRootURL}" target="_blank"> {ReblogRootName}</a><br>
  1472. {/block:ContentSource}
  1473. {/block:RebloggedFrom}
  1474.  
  1475. {block:HasTags}
  1476. <div class="tags">
  1477. {block:Tags}
  1478. <a href="{TagURL}">
  1479. #{Tag}</a> &nbsp;
  1480. {/block:Tags}<br>
  1481. </div>
  1482. {/block:HasTags}
  1483.  
  1484. {block:NoteCount}
  1485. <a href="{Permalink}"> {NoteCountWithLabel}</a>
  1486. {/block:NoteCount}
  1487.  
  1488. <div class="buttons">
  1489.  
  1490. {block:IndexPage}
  1491. <li class="perma"><a href="{Permalink}"><i class="fa fa-paper-plane" aria-hidden="true"></i></a></li>
  1492.  
  1493. {block:ifDisqusShortname}
  1494. <li class="cmnt"><a href="{Permalink}#disqus_thread"><i class="fa fa-comment" aria-hidden="true"></i></a></li>
  1495. {/block:ifDisqusShortname}
  1496. {/block:IndexPage}
  1497.  
  1498. <li class="reblog"><a href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a></li>
  1499.  
  1500. <li class="like">{LikeButton}<i class="fa fa-heart" aria-hidden="true"></i></a>
  1501.  
  1502. </div>
  1503. <!-- End buttons -->
  1504.  
  1505. </div>
  1506. <!-- End botinfo-->
  1507.  
  1508. <!--Permalink page-->
  1509. {block:PermalinkPage}
  1510.  
  1511. {block:PostNotes}
  1512.  
  1513. <div class="clickme">Show/hide post notes</div>
  1514.  
  1515. <div id="notes">
  1516. {PostNotes}
  1517. </div>
  1518. <!-- End notes-->
  1519. {/block:PostNotes}
  1520.  
  1521. {block:PermalinkPagination}
  1522. <div class="permapag">
  1523. <center>
  1524. {block:PreviousPost}
  1525. <a href="{PreviousPost}"><i class="fa fa-caret-left" aria-hidden="true"></i> Prev post</a>
  1526. {/block:PreviousPost}
  1527.  
  1528. {block:NextPost}
  1529. <a href="{NextPost}"> Next post <i class="fa fa-caret-right" aria-hidden="true"></i></a>
  1530. {/block:NextPost}
  1531. </center>
  1532. </div><br>
  1533. {/block:PermalinkPagination}
  1534.  
  1535. {block:ifDisqusShortname}
  1536. <div id="disqusbox">
  1537.  
  1538. <div id="disqus_thread"></div>
  1539. <script type="text/javascript">
  1540. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1541. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1542. var disqus_url = '{Permalink}';
  1543.  
  1544. /* * * DON'T EDIT BELOW THIS LINE * * */
  1545. (function() {
  1546. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1547. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1548. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1549. })();
  1550. </script>
  1551. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1552. <a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1553.  
  1554. </div>
  1555. <!-- End disqus box-->
  1556. {/block:ifDisqusShortname}
  1557.  
  1558. {/block:PermalinkPage}
  1559.  
  1560. {/block:Date}
  1561.  
  1562. </article>
  1563.  
  1564. {/block:Posts}
  1565.  
  1566. </section>
  1567.  
  1568.  
  1569. {block:Pagination}
  1570.  
  1571. <div id="pagcon">
  1572.  
  1573. <div id="pagination">
  1574. {block:PreviousPage}
  1575. <a class="previous" href="{PreviousPage}"><i class="fa fa-caret-left" aria-hidden="true"></i> NEWER </a>
  1576. {/block:PreviousPage}
  1577.  
  1578. {block:NextPage}
  1579. <a class="next" href="{NextPage}"> OLDER <i class="fa fa-caret-right" aria-hidden="true"></i></a>
  1580. {/block:NextPage}
  1581. </div>
  1582. <!-- End pagination -->
  1583.  
  1584. <div id="iscon">
  1585. {block:ifLoadMore}
  1586. <center>
  1587. <a href="#" class="load-more"> LOAD MORE <i class="fa fa-caret-down" aria-hidden="true"></i></a>
  1588. </center>
  1589. {/block:ifLoadMore}
  1590. </div>
  1591. <!-- End iscon -->
  1592.  
  1593. </div>
  1594. <!-- End pagcon -->
  1595.  
  1596. {/block:Pagination}
  1597.  
  1598.  
  1599. <!-------------------------------- SCRIPTS -------------------------------->
  1600.  
  1601. <!--Google fonts -->
  1602.  
  1603. <link href="https://fonts.googleapis.com/css?family=Cinzel|Mystery+Quest|New+Rocker|Trade+Winds|Voltaire" rel="stylesheet">
  1604.  
  1605. <!-- Font awesome -->
  1606.  
  1607. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
  1608. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/v4-shims.css">
  1609.  
  1610. <!--Sticky-->
  1611. {block:IndexPage}
  1612. <script type="text/javascript">
  1613. $(function(){
  1614. var stickyRibbonTop = $('#sidetop').offset().top;
  1615. $(window).scroll(function(){
  1616. if( $(window).scrollTop() > stickyRibbonTop ) {
  1617. $('#sidetop').css({position: 'fixed', top: '85px'});
  1618. } else {
  1619. $('#sidetop').css({position: 'absolute', top: 'auto'});
  1620. }
  1621. });
  1622. });
  1623. </script>
  1624. {/block:IndexPage}
  1625.  
  1626. <!-- PXU photoset & responsive photosets -->
  1627.  
  1628. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1629. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1630. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1631.  
  1632. {block:IndexPage}
  1633.  
  1634. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1635.  
  1636. {block:ifInfiniteScroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1637. {/block:ifInfiniteScroll}{/block:IndexPage}
  1638.  
  1639. <script>
  1640. $(document).ready(function(){
  1641. $('.photo-slideshow').pxuPhotoset({
  1642. lightbox: true,
  1643. rounded: false,
  1644. gutter: '1px',
  1645. photoset: '.photo-slideshow',
  1646. photoWrap: '.photo-data',
  1647. photo: '.pxu-photo'
  1648. });
  1649. {block:IndexPage}
  1650. var $container = $('section');
  1651. $container.masonry({ itemSelector: 'article' });
  1652. $container.imagesLoaded(function(){
  1653. $container.masonry();
  1654. $container.find('article').animate({ opacity: 1, zIndex: 1 });
  1655. });
  1656. {block:ifInfiniteScroll}
  1657. $container.infinitescroll({
  1658. itemSelector: 'article',
  1659. navSelector: '.pagination',
  1660. nextSelector: '.next',
  1661. loadingImg: '',
  1662. loadingText: '<em></em>',
  1663. bufferPx: 2000
  1664. },
  1665. function( newElements ) {
  1666. var $newElems = $( newElements );
  1667. $newElems.find('.photo-slideshow').pxuPhotoset({
  1668. lightbox: true,
  1669. rounded: false,
  1670. gutter: '1px',
  1671. photoset: '.photo-slideshow',
  1672. photoWrap: '.photo-data',
  1673. photo: '.pxu-photo'
  1674. },
  1675. function(){
  1676. $container.masonry();
  1677. });
  1678. $newElems.imagesLoaded(function(){
  1679. $container.masonry( 'appended', $newElems );
  1680. $newElems.animate({ opacity: 1, zIndex: 1 });
  1681. });
  1682. });
  1683. {/block:ifInfiniteScroll}
  1684. $container.infinitescroll({
  1685. itemSelector: "article",
  1686. navSelector: "#pagination",
  1687. nextSelector: ".next",
  1688. loadingImg: "",
  1689. loadingText: "<em></em>",
  1690. bufferPx: 10000,
  1691. extraScrollPx: 12000,
  1692. errorCallback: function() {
  1693. $('.load-more').fadeOut();
  1694. }
  1695. }, function(newElements) {
  1696. var $newElems = $(newElements).css({
  1697. opacity: 0
  1698. });
  1699. $newElems.imagesLoaded(function() {
  1700. $newElems.animate({
  1701. opacity: 1
  1702. });
  1703. $container.masonry('appended', $newElems,
  1704. true);
  1705. });
  1706. });
  1707. {block:ifLoadMore}
  1708. $(window).unbind('.infscr');
  1709. $('.load-more').click(function() {
  1710. $container.infinitescroll('retrieve');
  1711. return false
  1712. });
  1713. {/block:ifLoadMore}
  1714. {/block:IndexPage}
  1715. });
  1716. </script>
  1717.  
  1718. <!-- Show/Hide tumblr notes -->
  1719. <script>
  1720. $(document).ready(function(){
  1721. $(".clickme").click(function(){
  1722. $("#notes").toggle(500);
  1723. });
  1724. });
  1725. </script>
  1726.  
  1727. <!-- CREDIT (do not remove) -->
  1728.  
  1729. <div id="credit"><a href="https://borntobewildcodes.tumblr.com" title="theme HALLOWEEN II by @borntobewildcodes"><img src="https://i.imgur.com/YsnOAtA.png"></a></div>
  1730.  
  1731. {block:ContentSource}
  1732. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1733. width="{LogoWidth}" height= "{LogoHeight}" alt="{SourceTitle}" />
  1734. {/block:SourceLogo}
  1735. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1736. {/block:ContentSource}
  1737. </body>
  1738. </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!