API tools faq
paste
Advertisement
cvndythemes

thehauntingsource

cvndythemes
Mar 28th, 2019
1,510
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12.  
  13. <!--
  14.  
  15. >> ETHEREAL THEMES // thehauntingsource
  16.  
  17. Designed by etherealthemes
  18. for thehauntingsource.tumblr.com
  19. etherealthemes.tumblr.com
  20. ⓒ 2016 - 2019
  21.  
  22. >> CREDITS
  23.  
  24. Fonts by Google
  25. Photosets by @gukthemes & @cathms
  26.  
  27. -->
  28.  
  29.  
  30.  
  31.  
  32. <!-- COLORS -->
  33. <meta name="color:Background" content="#0b0b0b" />
  34. <meta name="color:Text" content="#000000" />
  35. <meta name="color:Links" content="#373737" />
  36. <meta name="color:Gray" content="#666666" />
  37.  
  38. <meta name="color:Topbar Background" content="#ffffff" />
  39. <meta name="color:Topbar Text" content="#000000" />
  40.  
  41. <meta name="color:Welcome Background" content="#000000" />
  42. <meta name="color:Welcome Text" content="#ffffff" />
  43.  
  44. <meta name="color:Container" content="#ffffff" />
  45. <meta name="color:Content" content="#ffffff" />
  46.  
  47.  
  48.  
  49.  
  50. <!-- IMAGES -->
  51. <meta name="image:Header" content="https://static.tumblr.com/137d58e04d0efa77dd98181fb270bfb8/zvesamf/0fepoqzbt/tumblr_static_8g6de4y4yb0o08g00g4sccg8o.jpg"/>
  52. <meta name="image:Sidebar" content="https://static.tumblr.com/99cbf707355e36d37a6a02022ef62754/722exii/nu2pnedd8/tumblr_static_4s6sd7fr5c4k8gwkww888ksoo.gif"/>
  53.  
  54.  
  55.  
  56.  
  57. <!-- SCRIPTS -->
  58.  
  59. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  60.  
  61. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62.  
  63. <script src="https://static.tumblr.com/zvesamf/uCToz2tqz/jquery.style-my-tooltips.js"></script>
  64.  
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips({
  69. tip_delay_time:200,
  70. tip_fade_speed:300,
  71. tip_follows_cursor:true
  72. }
  73. );
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  79.  
  80. <script>
  81. $container.infinitescroll({
  82. itemSelector: '.posts',
  83. topbarSelector: '.pagination',
  84. nextSelector: '.pagination a',
  85. loadingImg: '',
  86. loadingText: '<em></em>',
  87. bufferPx: 2000
  88. },
  89. function( newElements ) {
  90. var $newElems = $(newElements);
  91. var $newElemsIDs = $newElems.map(function(){
  92. return this.id;
  93. }).get();
  94. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  95. });
  96. </script>
  97.  
  98. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|EB+Garamond:400" rel="stylesheet">
  99.  
  100. <!-- STYLESHEET -->
  101.  
  102. <style type="text/css">
  103.  
  104. /* --- TOOLTIPS ---*/
  105.  
  106. #s-m-t-tooltip {
  107. max-width:200px;
  108. margin:15px;
  109. background-color:{color:Background};
  110. padding:5px;
  111. line-height:100%;
  112. font-size:10px;
  113. border-radius:3px;
  114. word-wrap:break-word;
  115. text-transform:lowercase;
  116. word-break:break-all;
  117. color:{color:Container};
  118. z-index:10;
  119. }
  120.  
  121. /* --- SELECTION ---*/
  122.  
  123. ::-moz-selection {
  124. color:{color:Container};
  125. background:{color:Text};
  126. opacity:1;
  127. }
  128.  
  129. ::selection {
  130. color:{color:Container};
  131. background:{color:Text};
  132. opacity:1;
  133. }
  134.  
  135. /* --- SCROLLBAR ---*/
  136.  
  137. ::-webkit-scrollbar {height:15px;width:15px;background-color:{color:Content};}
  138.  
  139. ::-webkit-scrollbar-track {background-color:#cccccc;border:7px solid {color:Content};}
  140.  
  141. ::-webkit-scrollbar-thumb {min-height:25px;min-width:25px;background-color:{color:Text};border:7px solid {color:Content};}
  142.  
  143. /* --- TUMBLR TOOLS --- */
  144.  
  145. {block:IndexPage}
  146. iframe.tmblr-iframe {
  147. top:23px!important;
  148. right:5px!important;
  149. opacity:0;
  150. padding:40px 50px 30px 0px;
  151. z-index:15!important;
  152. transform:scale(0.5);
  153. transform-origin:100% 0;
  154. -webkit-transform:scale(0.5);
  155. -webkit-transform-origin:100% 0;
  156. -o-transform:scale(0.5);
  157. -o-transform-origin:100% 0;
  158. -moz-transform:scale(0.5);
  159. -moz-transform-origin:100% 0;
  160. -ms-transform:scale(0.5);
  161. -ms-transform-origin:100% 0;
  162. transition:0.2s ease-in-out;
  163. -webkit-transition:0.2s ease-in-out;
  164. -moz-transition:0.2s ease-in-out;
  165. filter:invert(1);
  166. -webkit-filter:invert(1);
  167. -o-filter:invert(1);
  168. -moz-filter:invert(1);
  169. -ms-filter:invert(1);
  170. }
  171.  
  172. iframe.tmblr-iframe:hover {opacity:0.5!important;}
  173.  
  174. .tcontrols {
  175. position:fixed;
  176. top:48px;
  177. right:15px;
  178. z-index:14;
  179. transition:0.2s ease-in-out;
  180. -webkit-transition:0.2s ease-in-out;
  181. -moz-transition:0.2s ease-in-out;
  182. }
  183.  
  184. .tcontrols {
  185. color:{color:Text};
  186. font-size:14px;
  187. font-weight:700;}
  188.  
  189. {/block:IndexPage}
  190.  
  191. {block:PermalinkPage}
  192. iframe.tmblr-iframe {
  193. top:23px!important;
  194. right:5px!important;
  195. opacity:0.5;
  196. padding:40px 50px 30px 0px;
  197. z-index:15!important;
  198. transform:scale(0.5);
  199. transform-origin:100% 0;
  200. -webkit-transform:scale(0.5);
  201. -webkit-transform-origin:100% 0;
  202. -o-transform:scale(0.5);
  203. -o-transform-origin:100% 0;
  204. -moz-transform:scale(0.5);
  205. -moz-transform-origin:100% 0;
  206. -ms-transform:scale(0.5);
  207. -ms-transform-origin:100% 0;
  208. transition:0.2s ease-in-out;
  209. -webkit-transition:0.2s ease-in-out;
  210. -moz-transition:0.2s ease-in-out;
  211. filter:invert(1);
  212. -webkit-filter:invert(1);
  213. -o-filter:invert(1);
  214. -moz-filter:invert(1);
  215. -ms-filter:invert(1);
  216. }
  217. {/block:PermalinkPage}
  218.  
  219. /* --- BODY --- */
  220.  
  221. body {
  222. margin:0px;
  223. padding:0px;
  224. font-family: 'Open Sans', sans-serif;
  225. color:{color:Text};
  226. font-size:9pt;
  227. font-weight:400;
  228. line-height:160%;
  229. font-weight:normal;
  230. word-wrap:normal;
  231. text-align:left;
  232. background-color:{color:Background};
  233. }
  234.  
  235. a {color:{color:Links};text-decoration:none;border:0;}
  236.  
  237. b,strong {font-weight:700;}
  238. i,italic {font-style:italic;letter-spacing:0.5px;}
  239. small {font-size:8pt;}
  240. big {font-size:9pt;}
  241.  
  242. hr.divider, hr, hr.separator {
  243. display:block;
  244. margin-top:0.5em;
  245. margin-bottom:0.5em;
  246. margin-left:auto;
  247. margin-right:auto;
  248. border-style:inset;
  249. border-color:{color:Text};
  250. border-bottom:1px;
  251. }
  252.  
  253. pre {
  254. white-space:pre-wrap;
  255. white-space:-moz-pre-wrap;
  256. white-space:-pre-wrap;
  257. white-space:-o-pre-wrap;
  258. word-wrap:break-word;
  259. }
  260.  
  261. /* --- TOPBAR --- */
  262.  
  263. .topbar {
  264. position:fixed;
  265. margin:0 auto;
  266. top:0;
  267. left:0;
  268. width:100%;
  269. padding:30px 0px;
  270. font-size:10px;
  271. letter-spacing:0.5px;
  272. text-align:center;
  273. background:{color:Topbar Background};
  274. z-index:5;
  275. }
  276.  
  277. .topbar a {
  278. font-weight:700;
  279. font-style:italic;
  280. text-transform:uppercase;
  281. color:{color:Topbar Text};
  282. font-size:8pt;
  283. text-decoration:none;
  284. border-bottom:0px;
  285. margin:0px 20px 0px 20px;
  286. opacity:1;
  287. transition:0.2s ease-in-out;
  288. -webkit-transition:0.2s ease-in-out;
  289. -moz-transition:0.2s ease-in-out;
  290. }
  291.  
  292. .topbar a:hover {opacity:0.6;}
  293.  
  294. .topbar img {width:58px;height:58px;border-radius:50%;vertical-align:middle;margin:0px 20px;-webkit-filter: Grayscale(100%); filter: Grayscale(100%);}
  295.  
  296. /* --- CONTAINER --- */
  297.  
  298. .container {
  299. margin:0 auto;
  300. margin-top:118px;
  301. width:1200px;
  302. background:{color:Container};
  303. }
  304.  
  305. #end {
  306. clear:both;
  307. text-align:center;
  308. }
  309.  
  310. /* --- HEADER --- */
  311.  
  312. .header {
  313. margin:0 auto;
  314. width:1200px;
  315. height:300px;
  316. background-image: url('{image:Header}');
  317. background-position:center top;
  318. background-repeat:no-repeat;
  319. }
  320.  
  321. /* --- WELCOME --- */
  322.  
  323. .welcomecont {
  324. margin:0 auto;
  325. width:650px;
  326. margin:-40px auto 40px auto;
  327. padding:30px 50px;
  328. text-align:center;
  329. background:{color:Welcome Background};
  330. }
  331.  
  332. .welcome {
  333. margin:0 auto;
  334. line-height:150%;
  335. font-size:8pt;
  336. text-align:center;
  337. color:{color:Welcome Text};
  338. }
  339.  
  340. .welcome h1 {
  341. position:relative;
  342. top:5px;
  343. left:0;
  344. margin:0px -2px 13px 0px;
  345. font-family: 'EB Garamond', serif;
  346. display:inline-block;
  347. font-weight:400;
  348. color:{color:Welcome Text};
  349. font-size:28pt;
  350. }
  351.  
  352. .welcome b {color:Text;}
  353.  
  354. /* --- SIDEBAR --- */
  355.  
  356. .sidebar {
  357. float:left;
  358. margin:30px 0px 0px 50px;
  359. width:400px;
  360. background:{color:Container};
  361. }
  362.  
  363. .sideimg {text-align:center;margin-bottom:65px;}
  364.  
  365. .sideimg img {width:400px;height:400px;}
  366.  
  367. .side {
  368. width:360px;
  369. padding:0px 10px 10px 30px;
  370. text-align:left;
  371. background:{color:Content};
  372. margin-bottom:65px;
  373. }
  374.  
  375. .sidetitle {
  376. width:400px;
  377. margin:0px 0px 20px -20px;
  378. text-align:left;
  379. text-transform:uppercase;
  380. font-weight:700;
  381. font-style:italic;
  382. font-size:10pt;
  383. padding:10px 0px 0px 0px;
  384. }
  385.  
  386. /* --- SIDEBAR EXTRAS --- */
  387.  
  388. .seasons { margin-bottom:20px;}
  389.  
  390. .seasons:last-of-type {margin-bottom:0px;}
  391.  
  392. .season_cover {display:inline-block;width:150px;}
  393.  
  394. .season_cover img {height:150px;width:150px;}
  395.  
  396. .season_detail {
  397. position:relative;
  398. top:-55px;
  399. display:inline-block;
  400. width:180px;
  401. font-style:italic;
  402. padding:0px 0px 10px 10px;
  403. }
  404.  
  405. .season_detail h2 {text-align:left;margin:0px 0px 5px 0px;}
  406.  
  407. .season_detail i {display:block;font-size:8pt;color:{color:Gray};font-weight:400!important;}
  408.  
  409. .characters {width:350px;margin-left:10px;text-align:center;}
  410.  
  411. .characters img {height:54px;width:54px;margin:0px 10px 10px 7px;filter:brightness(0.8);}
  412.  
  413. .affiliates {width:350px;margin-left:10px;text-align:center;}
  414.  
  415. .affiliates img {height:54px;width:54px;margin:0px 10px 10px 7px;}
  416.  
  417. .member {margin-bottom:10px;text-align:left;}
  418.  
  419. .memberavatar {display:inline-block;}
  420.  
  421. .memberavatar img {height:40px;width:40px;}
  422.  
  423. .names {
  424. position:relative;
  425. top:-8px;
  426. left:5px;
  427. display:inline-block;
  428. }
  429.  
  430. .membername {text-transform:uppercase;font-weight:700;color:{color:Text};font-style:italic;margin:0px;font-size:8pt;}
  431.  
  432. .membertitle {margin-top:-5px;font-size:7pt;}
  433.  
  434. .search {text-align:left;}
  435.  
  436. .sfm input {
  437. font-size:9pt;
  438. border:0px;
  439. font-style:italic;
  440. text-transform:lowercase;
  441. text-align:left;
  442. padding:5px 5px 7px 5px;
  443. width:350px;
  444. }
  445.  
  446. ul.about {
  447. margin-left:-40px;
  448. list-style-type:none;
  449. text-align:left;
  450. width:360px;
  451. }
  452.  
  453. .about li {
  454. padding:15px 0px;
  455. border-bottom:1px solid #d4d4d4;
  456. }
  457.  
  458. .about li:first-of-type {padding-top:0;}
  459. .about li:last-of-type {padding-bottom:0;border-bottom:0px;}
  460.  
  461. /* --- POSTS --- */
  462.  
  463. .posts {
  464. float:right;
  465. width:560px;
  466. padding:0px;
  467. margin:30px 86px 0px 0px;
  468. background:{color:Container};
  469. }
  470.  
  471. .iposts {
  472. width:540px;
  473. background:{color:Content};
  474. min-height:75px;
  475. padding:5px 10px 10px 10px;
  476. }
  477.  
  478. .set {margin-bottom:-8px;}
  479.  
  480. .photo-slideshow {width:auto!important;}
  481.  
  482. .video, video, embed, iframe {max-width:540px;}
  483.  
  484. .video {margin-left:20px;}
  485.  
  486. .iposts img, .ipostpxu, .ipostpxu img, img, object {max-width:100%;height:auto;}
  487.  
  488. .caption {padding:0px;}
  489.  
  490. /* --- POST INFO --- */
  491.  
  492. .postinfo {
  493. padding:10px 10px 15px 10px;
  494. font-style:italic;
  495. font-size:8.5pt;
  496. text-transform:uppercase;
  497. background:{color:Content};
  498. }
  499.  
  500. .postinfo img {display:inline-block;vertical-align:middle;height:35px;width:35px;border-radius:50%;}
  501.  
  502. .postdetail {position:relative;top:2px;left:0;display:inline-block;margin:0px 0px 0px 7px;color:{color:Text};}
  503.  
  504. .postdetail a {color:{color:Text};transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;}
  505.  
  506. .postdetail a:hover {color:{color:Links};}
  507.  
  508. /* --- POST CONTROL --- */
  509.  
  510. .postcontrol {
  511. float:right;
  512. margin-right:-1px;
  513. width:50px;
  514. margin-top:-35px;
  515. overflow:hidden;
  516. text-align:center;
  517. }
  518.  
  519. .postcontrol i {
  520. width:10px;
  521. height:auto;
  522. opacity:1;
  523. padding:1px 1px 1px 3px;
  524. display:block;
  525. overflow:hidden;
  526. color:{color:Text};
  527. }
  528.  
  529. .postcontrol a {
  530. display:inline-block;
  531. text-transform:uppercase;
  532. font-size:9px;
  533. }
  534.  
  535. .postcontrol .reblog i {
  536. width:10px;
  537. margin-top:1px;
  538. font-size:10px;
  539. }
  540. .postcontrol .like .liked + i {
  541. opacity:1;
  542. width:10px;
  543. }
  544.  
  545. .postcontrol .like .liked + i {
  546. fill:#c41212;
  547. color:#c41212;
  548. }
  549.  
  550. .postcontrol .like .like_button {
  551. position:relative;
  552. }
  553.  
  554. .postcontrol .like .like_button iframe {
  555. position:absolute;
  556. top:0;
  557. left:0;
  558. bottom:0;
  559. right:0;
  560. z-index:2;
  561. opacity:0.000001;
  562. }
  563.  
  564. /* --- POST END --- */
  565.  
  566. .postend {
  567. padding:15px 10px 10px 10px;
  568. font-style:italic;
  569. font-size:8.5pt;
  570. text-transform:uppercase;
  571. text-align:left;
  572. background:{color:Content};
  573. }
  574.  
  575. .postend a {color:{color:Text};transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;}
  576.  
  577. .postend a:hover {color:{color:Links};}
  578.  
  579. /* --- POST TAGS --- */
  580.  
  581. .posttags {
  582. padding:0px 10px 10px 10px;
  583. font-style:italic;
  584. font-size:7.5pt;
  585. text-transform:uppercase;
  586. text-align:center;
  587. background:{color:Content};
  588. margin-bottom:100px;
  589. }
  590.  
  591. .posttags:last-of-type {margin-bottom:50px;}
  592.  
  593. .posttags a {font-size:7.5pt;color:{color:Text};transition:0.2s ease-in-out;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;margin:0px 7px 0px 0px;}
  594.  
  595. .posttags a:hover {color:{color:Links};}
  596.  
  597. /* --- POST STYLES --- */
  598.  
  599. h1, h2, h3 {
  600. color:{color:Text};
  601. font-size:13pt;
  602. letter-spacing:1px;
  603. font-weight:400;
  604. font-style:italic;
  605. margin:0px 0px -5px 0px;
  606. }
  607.  
  608. h1, h2 {text-transform:uppercase;}
  609.  
  610. h3 {line-height:170%;font-size:11pt!important;margin-bottom:10px;}
  611.  
  612. blockquote {
  613. padding:2px 0px 2px 10px;
  614. text-decoration:none;
  615. border-left:1px solid {color:Text};
  616. margin:5px 0;
  617. }
  618.  
  619. blockquote img {
  620. max-width:100%;
  621. display:block;
  622. margin-bottom:5px;
  623. }
  624.  
  625. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label {font-weight:700;}
  626.  
  627. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  628.  
  629. .chat li {
  630. list-style: none;
  631. margin: 0px;
  632. padding: 2px;
  633. border: none;
  634. }
  635.  
  636. .chat li:first-child {border: none; }
  637.  
  638. .linkpost h2 {margin-bottom:5px;}
  639.  
  640. .linkpost a {color:{color:Text}!important;opacity:1!important;}
  641.  
  642. /* --- QUESTIONS --- */
  643.  
  644. .questionpost {padding:0px;}
  645.  
  646. .questionpost img {
  647. width:40px;
  648. height:40px;
  649. margin-right:8px;
  650. margin-top:4px;
  651. }
  652.  
  653. .question {
  654. display:inline-block;
  655. margin-left:0px;
  656. line-height:150%;
  657. text-align:justify;
  658. }
  659.  
  660. .questionborder {
  661. margin:20px 0px 20px 45px;
  662. opacity:0.2;
  663. background:{color:Text};
  664. width:450px;
  665. height:1px;
  666. }
  667.  
  668. /* --- LIGHTBOXES ---*/
  669.  
  670. .vignette, #vignette {opacity:0; }
  671.  
  672. .lightbox-image, #tumblr_lightbox img {
  673. box-shadow:none !important;
  674. border-radius:0 !important;
  675. max-width:none;
  676. -moz-box-sizing:border-box;
  677. box-sizing:border-box;
  678. }
  679.  
  680. .tmblr-lightbox, #tumblr_lightbox {
  681. background-color:rgba(255,255,255.90) !important;
  682. }
  683.  
  684. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  685.  
  686. /* --- AUDIO --- */
  687.  
  688. .player {
  689. position:absolute;
  690. margin-top:-69px;
  691. margin-left:35px;
  692. opacity:0.5;
  693. }
  694.  
  695. .audiop, .player {display:inline-block;}
  696.  
  697. .trackname {
  698. margin-left:120px;
  699. margin-top:-72px;
  700. color:{color:Text};
  701. text-transform:uppercase;
  702. font-weight:600;
  703. }
  704.  
  705. .artist {margin-left:120px;color:{color:Text};}
  706.  
  707. .audiop {
  708. position:absolute;
  709. display:block;
  710. margin-top:4px
  711. margin-top:-109px;
  712. }
  713.  
  714. .audioimg img {
  715. margin-top:10px;
  716. height:100px;
  717. width:100px;
  718. }
  719.  
  720. .tumblr_audio_player {
  721. width:30px;
  722. height:27px;
  723. overflow:hidden;
  724. }
  725.  
  726. .soundcloud_audio_player{margin-left:-20px;padding-top:15px;width:540px;height:100px;}
  727.  
  728. /* ---PERMALINK NOTES --- */
  729.  
  730. #permanote {
  731. width:500px;
  732. margin:-100px 0px 20px 0px;
  733. background:{color:Content};
  734. padding:30px 30px 5px 30px;
  735. text-align:left;
  736. overflow-x:hidden;
  737. }
  738.  
  739. #permanote blockquote {border-left:1px solid {color:Gray};}
  740.  
  741. ol.notes {
  742. padding: 0px;
  743. margin:25px 0px;
  744. list-style-type: none;
  745. border-bottom: solid 0px;
  746. font-size: 10px;
  747. letter-spacing: 1px;
  748. }
  749.  
  750. .notes a {color: {color:Text};}
  751. .notes a:hover {color: {color:Text};}
  752.  
  753. ol.notes li.note {
  754. border-top: solid 1px {color:Gray};
  755. padding: 10px;
  756. list-style-type:none!important;
  757. }
  758.  
  759. ol.notes li.note img.avatar {
  760. vertical-align: -1px;
  761. margin-right: 10px;
  762. width: 12px;
  763. height: 12px;
  764. display: inline-block;
  765. }
  766.  
  767. ol.notes li.note span.action {font-weight: normal;}
  768.  
  769. ol.notes li.note .answer_content {font-weight: normal;}
  770.  
  771. ol.notes li.note blockquote {
  772. border-color:{color:Accent Gray};
  773. padding: 4px 10px;
  774. margin: 10px 0px 0px 25px;
  775. }
  776.  
  777. ol.notes li.note blockquote a {text-decoration: none;}
  778.  
  779. /* --- PAGINATION --- */
  780.  
  781. .pagination {
  782. margin:50px 0px 50px 0px;
  783. font-style:italic;
  784. padding:10px;
  785. text-align:center;
  786. background:{color:Container};
  787. }
  788.  
  789. .pagination a {
  790. font-weight:700;
  791. display:inline-block;
  792. text-transform:uppercase;
  793. color:{color:Text};
  794. margin:0px 80px;
  795. }
  796.  
  797. /* --- FOOTER --- */
  798.  
  799. footer {
  800. margin:0 auto;
  801. padding:30px 20px 30px 20px;
  802. width:1160px;
  803. text-align:center;
  804. text-transform:uppercase;
  805. background:{color:Background};
  806. color:{color:Content};
  807. font-weight:400;
  808. }
  809.  
  810. footer b {font-weight:700;}
  811.  
  812. /* --- SCROLL TO TOP --- */
  813.  
  814. #scrollToTop {
  815. display:none;
  816. position:fixed;
  817. bottom:20px;
  818. right:10px;
  819. }
  820.  
  821. #scrollToTop i {
  822. color:{color:Content};
  823. font-size:15px;
  824. display:inline-block;
  825. padding:5px;
  826. transition:0.2s ease-in-out;
  827. -webkit-transition:0.2s ease-in-out;
  828. -moz-transition:0.2s ease-in-out;
  829. }
  830.  
  831. {CustomCSS}
  832. </style>
  833.  
  834. </head>
  835. <body>
  836.  
  837.  
  838.  
  839.  
  840. <!-- START TOPBAR -->
  841. <div class="topbar">
  842. <div class="navigation">
  843.  
  844. <a href="/">01 &nbsp;&nbsp;home</a>
  845. <a href="/ask">02 &nbsp;&nbsp;message</a>
  846. <a href="/tagged/thohhedit">03 &nbsp;&nbsp;ours</a>
  847.  
  848. <img src="https://api.tumblr.com/v2/blog/thehauntingsource.tumblr.com/avatar/512" />
  849.  
  850. <a href="/navigation">04 &nbsp;&nbsp;navigation</a>
  851. <a href="/submit">05 &nbsp;&nbsp;submit</a>
  852. <a href="/submit">06 &nbsp;&nbsp;apply</a>
  853.  
  854. </div>
  855.  
  856. </div>
  857.  
  858. {block:IndexPage}
  859. <div class="tcontrols">+</div>
  860. {/block:IndexPage}
  861. <!-- END TOPBAR -->
  862.  
  863.  
  864.  
  865.  
  866. <!-- START CONTAINER -->
  867. <div class="container">
  868.  
  869.  
  870.  
  871.  
  872. <!-- START HEADER -->
  873. <div class="header"></div>
  874. <!-- END HEADER -->
  875.  
  876.  
  877.  
  878.  
  879. <!-- START WELCOME -->
  880. <div class="welcomecont">
  881.  
  882. <div class="welcome">
  883.  
  884. <h1>W</h1>elcome to thehauntingsource! A blog dedicated to the amazing Netflix horror drama, The Haunting of Hill House and upcoming season, The Haunting of Bly Manor. Here you will find gifs, edits and more.<p>
  885. Tracking #<b>thehauntingsource</b> and #<b>thohhedit</b><p>
  886. <small>CURRENTLY ACCEPTING MEMBER AND AFFILIATE APPLICATIONS! REQUESTS ARE CLOSED FOR NOW! </small>
  887.  
  888. </div>
  889.  
  890. </div>
  891. <!-- END WELCOME -->
  892.  
  893.  
  894.  
  895.  
  896.  
  897.  
  898.  
  899.  
  900.  
  901. <!-- START SIDEBAR -->
  902. <div class="sidebar">
  903.  
  904.  
  905. <!-- SIDEBAR: Image -->
  906. <div class="sideimg">
  907.  
  908. <img src="{image:Sidebar}" />
  909.  
  910. </div>
  911.  
  912.  
  913.  
  914.  
  915.  
  916. <!-- SIDEBAR: Seasons -->
  917. <div class="side">
  918. <div class="sidetitle">Seasons</div>
  919.  
  920.  
  921. <!-- Season One -->
  922. <div class="seasons">
  923. <div class="season_cover"><img src="https://66.media.tumblr.com/2b1087aa8e9ac82f01172e2961177214/tumblr_pord809tuK1qfsrsoo2_250.jpg" /></div>
  924. <div class="season_detail">
  925. <h2><i>The Haunting of</i> Hill House</h2>
  926. Release Date: 12th October, 2018
  927. </div>
  928. </div>
  929.  
  930.  
  931. <!-- Season Two -->
  932. <div class="seasons">
  933. <div class="season_cover"><img src="https://66.media.tumblr.com/1d6da1be7cf774de47fa64bb86c06b90/tumblr_pord809tuK1qfsrsoo1_r1_250.jpg" /></div>
  934. <div class="season_detail">
  935. <h2><i>The Haunting of</i> Bly Manor</h2>
  936. Release Date: 2020
  937. </div>
  938. </div>
  939.  
  940.  
  941. </div>
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948. <!-- SIDEBAR: Characters -->
  949. <div class="side">
  950. <div class="sidetitle">Characters</div>
  951.  
  952. <div class="characters">
  953.  
  954. <a title="hugh crain" href="/tagged/hugh-crain"><img src="https://static.tumblr.com/zvesamf/kZhpore23/7.jpg" /></a>
  955.  
  956. <a title="olivia crain" href="/tagged/olivia-crain"><img src="https://static.tumblr.com/zvesamf/vjmpore23/1.jpg" /></a>
  957.  
  958. <a title="steven crain" href="/tagged/steven-crain"><img src="https://static.tumblr.com/zvesamf/T9apore22/6.jpg" /></a>
  959.  
  960. <a title="shirley crain" href="/tagged/shirley-crain"><img src="https://static.tumblr.com/zvesamf/4onpore24/3.jpg" /></a>
  961.  
  962. <a title="theo crain" href="/tagged/theo-crain"><img src="https://static.tumblr.com/zvesamf/k0gpore23/2.jpg" /></a>
  963.  
  964. <a title="luke crain" href="/tagged/luke-crain"><img src="https://static.tumblr.com/zvesamf/X6Vpore25/5.jpg" /></a>
  965.  
  966. <a title="nell crain" href="/tagged/nell-crain"><img src="https://static.tumblr.com/zvesamf/Bzepore24/4.jpg" /></a>
  967.  
  968. </div>
  969.  
  970. </div>
  971.  
  972.  
  973.  
  974.  
  975.  
  976.  
  977.  
  978. <!-- SIDEBAR: Affiliates -->
  979. <div class="side">
  980. <div class="sidetitle">Affiliates</div>
  981.  
  982. <div class="affiliates">
  983.  
  984. <a href="https://thehauntingdaily.tumblr.com/" title="thehauntingdaily"><img src="https://api.tumblr.com/v2/blog/thehauntingdaily.tumblr.com/avatar/512"></a>
  985.  
  986. <a href="https://chillingsabrinadaily.tumblr.com/" title="chillingsabrinadaily"><img src="https://api.tumblr.com/v2/blog/chillingsabrinadaily.tumblr.com/avatar/512"></a>
  987.  
  988. <a href="https://milliebobbybrownsource.tumblr.com/" title="milliebobbybrownsource"><img src="https://api.tumblr.com/v2/blog/milliebobbybrownsource.tumblr.com/avatar/512"></a>
  989.  
  990. <a href="https://derrygirlsgifs.tumblr.com/" title="derrygirlsgifs"><img src="https://api.tumblr.com/v2/blog/derrygirlsgifs.tumblr.com/avatar/512"></a>
  991.  
  992. <a href="https://strangerthingscastupdates.tumblr.com/" title="strangerthingscastupdates"><img src="https://api.tumblr.com/v2/blog/strangerthingscastupdates.tumblr.com/avatar/512"></a>
  993.  
  994. <a href="/submit" title="apply"><img src="https://api.tumblr.com/v2/blog/thehauntingsource.tumblr.com/avatar/512"></a>
  995.  
  996. </div>
  997.  
  998. </div>
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005. <!-- SIDEBAR: Members -->
  1006. <div class="side">
  1007. <div class="sidetitle">Members</div>
  1008.  
  1009. {block:GroupMembers}
  1010. {block:GroupMember}
  1011. <div class="member">
  1012. <div class="memberavatar">
  1013. <img src="{GroupMemberPortraitURL-96}">
  1014. </div>
  1015.  
  1016. <div class="names">
  1017. <a href="{GroupMemberURL}" class="membername">{GroupMemberName}</a>
  1018. <div class="membertitle">{GroupMemberTitle}</div>
  1019. </div>
  1020.  
  1021. </div>
  1022. {/block:GroupMember}
  1023. {/block:GroupMembers}
  1024.  
  1025. </div>
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032. <!-- SIDEBAR: Search -->
  1033. <div class="side">
  1034. <div class="sidetitle">Search</div>
  1035.  
  1036. <script language="javascript">
  1037. function send()
  1038. {document.searchtag.submit()}
  1039. </script>
  1040. <p class="search"><form action="/search" method="get" class="sfm" name="searchtag">
  1041. <input type="text" name="q" value="enter keyword..." onFocus="this.value=''">
  1042. </form>
  1043.  
  1044. </div>
  1045.  
  1046.  
  1047.  
  1048.  
  1049.  
  1050.  
  1051. <!-- SIDEBAR: About -->
  1052. <div class="side">
  1053. <div class="sidetitle">About</div>
  1054.  
  1055. <ul class="about">
  1056. <li><b>About:</b> The Haunting of... on Netflix</li>
  1057. <li><b>Admin:</b> <a href="http://nessa007.tumblr.com/">Vanessa</a></li>
  1058. <li><b>Established:</b> October 2018</li>
  1059. <ul>
  1060.  
  1061. </div>
  1062.  
  1063.  
  1064.  
  1065.  
  1066.  
  1067.  
  1068. <!-- SIDEBAR: Disclaimer -->
  1069. <div class="side">
  1070. <div class="sidetitle">Disclaimer</div>
  1071.  
  1072. This is purely a fansite for the show, The Haunting of Hill House. It is in no way affiliated with the show, the cast, or Netflix etc. There is no
  1073. profit made from anything posted on this blog.
  1074.  
  1075. </div>
  1076.  
  1077.  
  1078.  
  1079.  
  1080. </div>
  1081. <!-- END SIDEBAR -->
  1082.  
  1083.  
  1084.  
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090.  
  1091.  
  1092. <!-- START POST CONTAINER -->
  1093. <div class="posts">
  1094. {block:Posts}
  1095.  
  1096.  
  1097. <!-- START POST INFO -->
  1098. <div class="postinfo">
  1099. <img src="{PostAuthorPortraitURL-48}">
  1100.  
  1101. <div class="postdetail">posted {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a>{/block:Date} by <a href="{PostAuthorURL}">{PostAuthorName}</a></div>
  1102.  
  1103. </div>
  1104.  
  1105. <!-- Post Control -->
  1106. {block:IndexPage}
  1107. <div class="postcontrol">
  1108. <a href="{ReblogURL}" target="_blank" class="reblog"><i class="fas fa-retweet"></i>
  1109. </a>
  1110. <a href="#" class="like">{LikeButton}
  1111. <i class="fa fa-heart"></i>
  1112. </a>
  1113. </div>
  1114. {/block:IndexPage}
  1115. <!-- END POST INFO -->
  1116.  
  1117.  
  1118. <!-- Post Styles Start -->
  1119. <div class="iposts" id="{PostID}">
  1120.  
  1121. {block:Text}<div class="caption">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  1122.  
  1123. {block:Link}<div class="linkpost"><div class="caption"><a href="{URL}"><h2> -{Name}</h2>
  1124. {block:Excerpt}<i>{Excerpt}</i>{/block:Excerpt}</a>
  1125. {block:Description}{Description}{/block:Description}</div></div>{/block:Link}
  1126.  
  1127. {block:Quote}<div class="caption"><h3>{Quote}</h3>-{Source}</div>{/block:Quote}
  1128.  
  1129. {block:Photo}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  1130. </center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1131.  
  1132. {block:Photoset}<div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1133. <div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  1134. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  1135.  
  1136. {block:Chat}
  1137. <div class="caption"><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul></div>
  1138. {/block:Chat}
  1139.  
  1140. {block:Audio}
  1141. <div class="caption">
  1142. <div class="audio">{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}" /></div>{block:AlbumArt}{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}
  1143. <div class="audiop">{block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}{block:Artist}<div class="artist">by {Artist}</div>{/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}
  1144. </div></div>
  1145. {/block:Audio}
  1146.  
  1147. {block:Video}<div class="video">{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Video}
  1148.  
  1149. {block:Answer}
  1150. <div class="questionpost">
  1151. <div class="question"><img src="{AskerPortraitURL-64}" align="left" /> {Asker} asked: {Question}</div>
  1152. <div class="questionborder"></div>
  1153. </div>
  1154. <div class="caption">{Answer}</div>
  1155. {/block:Answer}
  1156.  
  1157. </div>
  1158. <!-- Post Styles End -->
  1159.  
  1160.  
  1161.  
  1162.  
  1163. <!-- POST END START -->
  1164. <div class="postend">
  1165.  
  1166. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>{block:ContentSource} / <a title="{ReblogRootName}" href="{SourceURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  1167.  
  1168. </div>
  1169. <!-- POST END -->
  1170.  
  1171.  
  1172.  
  1173.  
  1174. <!-- POST TAGS START -->
  1175. <div class="posttags">
  1176. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:HasTags}
  1177. </div>
  1178. <!-- POST TAGS END -->
  1179.  
  1180.  
  1181.  
  1182.  
  1183.  
  1184.  
  1185.  
  1186. {block:PostNotes}
  1187. <div id="permanote">{PostNotes}
  1188. </div>
  1189. {/block:PostNotes}
  1190.  
  1191.  
  1192. {/block:Posts}
  1193.  
  1194.  
  1195.  
  1196.  
  1197. <!-- START PAGINATION -->
  1198. {block:IndexPage}
  1199. {block:Pagination}
  1200. <div class="pagination">
  1201. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  1202.  
  1203. {block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}
  1204. </div>
  1205.  
  1206. {/block:Pagination}
  1207. {/block:IndexPage}
  1208. <!-- END PAGINATION -->
  1209.  
  1210.  
  1211.  
  1212. </div>
  1213. <!-- END POST CONTAINER -->
  1214.  
  1215.  
  1216.  
  1217.  
  1218.  
  1219. <div id="end"></div>
  1220.  
  1221.  
  1222. <!-- START FOOTER -->
  1223. <footer>
  1224. copyright <b>thehauntingsource</b> 2019
  1225. </footer>
  1226. <!-- END FOOTER -->
  1227.  
  1228.  
  1229.  
  1230. </div>
  1231. <!-- END CONTAINER -->
  1232.  
  1233.  
  1234.  
  1235.  
  1236.  
  1237.  
  1238.  
  1239.  
  1240.  
  1241. <!-- ADDITIONAL SCRIPTS -->
  1242.  
  1243. {block:IndexPage}
  1244. <script>
  1245. $(function(){$window=$(window);$link=$("#scrollToTop");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=1000){$link.fadeOut("fast")}else{$link.fadeIn("fast")}})});
  1246. </script>
  1247.  
  1248. <a href="javascript:;" id="scrollToTop" rel="nofollow"><i class="fa fa-angle-up"></i></a>
  1249. {/block:IndexPage}
  1250.  
  1251. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1252. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1253. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1254.  
  1255. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  1256.  
  1257. <script>
  1258. $(document).ready(function(){
  1259. $('.photo-slideshow').pxuPhotoset({
  1260. lightbox: true,
  1261. rounded: false,
  1262. gutter: '0px',
  1263. borderRadius: '0px',
  1264. photoset: '.photo-slideshow',
  1265. photoWrap: '.photo-data',
  1266. photo: '.pxu-photo'
  1267. });
  1268. });
  1269. </script>
  1270.  
  1271. </body>
  1272. </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!