API tools faq
paste
Advertisement
heikes

New Chapter

heikes
Jul 1st, 2020 (edited)
417
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----
  6.  
  7. NEXT CHAPTER THEME BY HEIKE @SUBSTATS !
  8.  
  9. hmu if something doesnt work and feel free to edit as much as you want as long as you keep the credit! and make sure its visible ^_^
  10.  
  11. if you copy this or use it as a base im going to tap your head twice on a flat surface and crack it open like an egg
  12.  
  13. ----->
  14.  
  15.  
  16. {block:ifRedirect}
  17. <script>
  18. if(window.location.pathname == '/') location.replace('/tagged/{text:Redirect}');
  19. </script>
  20. {/block:ifRedirect}
  21.  
  22. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Inner Background" content="#000"/>
  26. <meta name="color:Post Background" content="#ffffff"/>
  27. <meta name="color:Popup Background" content="#000"/>
  28. <meta name="color:Title Color" content="#DEDEDE"/>
  29. <meta name="color:Title Outline" content="#000"/>
  30. <meta name="color:Title Shadow" content="#000"/>
  31. <meta name="color:Text" content="#000"/>
  32. <meta name="color:Text Shadow" content="#000"/>
  33. <meta name="color:Link" content="#000"/>
  34. <meta name="color:Link Outline" content="#000"/>
  35. <meta name="color:Link Shadow" content="#000"/>
  36. <meta name="color:Link Hover" content="#000"/>
  37. <meta name="color:Popup Text Shadow" content="#000"/>
  38. <meta name="color:Scrollbar" content="#ffffff"/>
  39. <meta name="color:Scrollbar Thumb" content="#000"/>
  40. <meta name="color:Border" content="#000"/>
  41. <meta name="color:Perma" content="#000"/>
  42. <meta name="color:Perma Background" content="#DEDEDE"/>
  43. <meta name="color:Selection Background" content="#ffffff"/>
  44. <meta name="color:Selection Text" content="#ffffff"/>
  45. <meta name="color:Tooltip" content="#000"/>
  46. <meta name="color:Tooltip Background" content="#ffffff"/>
  47. <meta name="color:Tooltip Border" content="#000"/>
  48.  
  49.  
  50. <meta name="image:Favicon" content="https://66.media.tumblr.com/5e3ad8dc23a72167084c2a149cf61698/fbeb9aa7ec92c18f-97/s250x400/cf67826c2ce03f97f078965228cdeb1b1a30a917.png"/>
  51. <meta name="image:Background" content=""/>
  52. <meta name="image:Inner Background" content=""/>
  53. <meta name="image:Header Image" content=""/>
  54. <meta name="image:Floaty" content=""/>
  55. <meta name="image:Popup Image" content=""/>
  56. <meta name="image:Popup Background" content=""/>
  57. <meta name="image:Post Background" content=""/>
  58. <meta name="image:Perma Background" content=""/>
  59. <meta name="image:Perma Pixel" content=""/>
  60. <meta name="image:Tooltip Background" content=""/>
  61.  
  62. <meta name="if:Title Blur" content="0"/>
  63. <meta name="if:Title Outline" content="1"/>
  64. <meta name="if:Title Shadow" content="0"/>
  65. <meta name="if:Popup Image" content="0"/>
  66. <meta name="if:Popup Padding" content="0"/>
  67. <meta name="if:Popup Text Shadow" content="0"/>
  68. <meta name="if:Floaty" content="0"/>
  69. <meta name="if:Link Outline" content="0"/>
  70. <meta name="if:Link Shadow" content="1"/>
  71. <meta name="if:Text Shadow" content="1"/>
  72. <meta name="if:Show Tags" content="0"/>
  73. <meta name="if:Show Time" content="0"/>
  74. <meta name="if:Show Notes" content="0"/>
  75. <meta name="if:Post Border" content="1"/>
  76. <meta name="if:Rounded" content="0"/>
  77. <meta name="if:Post Border" content="1"/>
  78. <meta name="if:Perma Border" content="1"/>
  79. <meta name="if:Perma Pixel" content="0"/>
  80. <meta name="if:Redirect" content="0"/>
  81.  
  82. <meta name="if:Link 1" content="1"/>
  83. <meta name="if:Link 2" content="1"/>
  84. <meta name="if:Link 3" content="1"/>
  85.  
  86. <meta name="text:Title Size" content="50px"/>
  87. <meta name="text:Font Size" content="20px"/>
  88. <meta name="text:Popup Font Size" content="25px"/>
  89. <meta name="text:Popup Size" content="350px"/>
  90. <meta name="text:Border Width" content="2px"/>
  91. <meta name="text:Popup Border Width" content="2px"/>
  92. <meta name="text:Perma Size" content="16px"/>
  93. <meta name="text:Custom Title" content="heres your custom title">
  94. <meta name="text:Popup Image Height" content="150px"/>
  95. <meta name="text:Popup Image Width" content="100%"/>
  96. <meta name="text:Link Divider" content="+"/>
  97. <meta name="text:Link 1 Title" content="one"/>
  98. <meta name="text:Link 1 Url" content="/"/>
  99. <meta name="text:Link 2 Title" content="two"/>
  100. <meta name="text:Link 2 Url" content="/"/>
  101. <meta name="text:Link 3 Title" content="three"/>
  102. <meta name="text:Link 3 Url" content="/"/>
  103.  
  104. <meta name="text:Redirect" content="leave empty if you dont want it"/>
  105. <meta name="text:Prev Page" content="previous"/>
  106. <meta name="text:Next Page" content="next"/>
  107. <meta name="text:Note Symbol" content="%"/>
  108. <meta name="text:Perma Symbol" content=""/>
  109.  
  110. <meta name="text:Floaty Size" content="500px"/>
  111. <meta name="text:Floaty X" content="100px"/>
  112. <meta name="text:Floaty Y" content="-0px"/>
  113.  
  114. <meta name="select:Font" content="times new roman">
  115. <meta name="select:Font" content="georgia">
  116. <meta name="select:Font" content="verdana">
  117. <meta name="select:Font" content="helvetica">
  118. <meta name="select:Font" content="courier">
  119. <meta name="select:Font" content="arial">
  120. <meta name="select:Font" content="ms gothic">
  121. <meta name="select:Font" content="comic sans ms">
  122.  
  123. <meta name="select:Border" content="solid">
  124. <meta name="select:Border" content="dashed">
  125. <meta name="select:Border" content="dotted">
  126. <meta name="select:Border" content="double">
  127. <meta name="select:Border" content="groove">
  128. <meta name="select:Border" content="ridge">
  129. <meta name="select:Border" content="inset">
  130. <meta name="select:Border" content="outset">
  131.  
  132.  
  133. <meta name="select:Title Alignment" content="center">
  134. <meta name="select:Title Alignment" content="left">
  135. <meta name="select:Title Alignment" content="right">
  136.  
  137.  
  138. <meta name="select:Perma Alignment" content="center">
  139. <meta name="select:Perma Alignment" content="left">
  140. <meta name="select:Perma Alignment" content="right">
  141.  
  142.  
  143.  
  144.  
  145.  
  146. <link rel="shortcut icon" href="{image:favicon}">
  147. <title>{Title}</title>
  148.  
  149.  
  150. <style type="text/css">
  151.  
  152. /* SCROLLBAR */
  153.  
  154. ::-webkit-scrollbar {
  155. width:12px;
  156. background: {color:Scrollbar};
  157. }
  158.  
  159. /* Track */
  160. ::-webkit-scrollbar-track {
  161. box-shadow: inset 0 0 5px gray;
  162. }
  163.  
  164. /* Handle */
  165. ::-webkit-scrollbar-thumb {
  166. background: {color:Scrollbar Thumb};
  167.  
  168. }
  169.  
  170. ::selection {
  171. background-color: {color:Selection Background};
  172. color:{color:Selection Text};
  173. }
  174. ::-moz-selection {
  175. color: {color:Accent};
  176. background: {color:Background};
  177. }
  178.  
  179. #content {
  180. width:600px;
  181. height:500px;
  182. margin-left:25%;
  183. margin:30px auto;
  184. padding:10px 0px;
  185. position:relative;
  186. overflow:auto;
  187. float: center;
  188. border: {text:Border Width} {select:Border} {color:Border};
  189. background-color:{color:Inner Background};
  190. background-image: url({image:Inner Background});
  191. {block:ifrounded}
  192. border-radius:10px;
  193. {/block:ifrounded}
  194. }
  195.  
  196. body {
  197. font-family:{select:Font};
  198. font-size:{text:Font Size};
  199. background-color: {color:Background};
  200. color:{color:Text};
  201. background-image: url({image:Background});
  202. background-size:cover;
  203. background-attachment:fixed;
  204. margin:20px;
  205. {block:iftextshadow}
  206. text-shadow:0px 0px 2px {color:Text Shadow};
  207. {block:iftextshadow}
  208. }
  209.  
  210.  
  211. .coglione {
  212. background-color:{color:Desc Background};
  213. color:{color:Font};
  214. position: relative;
  215. display: inline-block;
  216. }
  217.  
  218. .coglione:hover{
  219. -webkit-filter:blur(1px)
  220. }
  221.  
  222. #pene {
  223. padding:0px 20px auto;
  224. width:530px;
  225. margin:30px auto;
  226. position:relative;
  227. float: center;
  228. }
  229.  
  230.  
  231. .title {
  232. font-weight:bold;
  233. margin-top:-10px;
  234. padding:10px 0px 0px;
  235. font-size:{text:Title Size};
  236. text-align: {select:Title Alignment};
  237. font-family:{select:Font};
  238. {block:iftitleblur}
  239. -webkit-filter:blur(1px);
  240. {/block:iftitleblur}
  241. {block:iftitleshadow}
  242. text-shadow:0px 0px 3px {color:Title Shadow};
  243. {/block:iftitleshadow}
  244. color:{color:Title Color};
  245. {block:iftitleoutline}
  246. -webkit-text-stroke-width: 1px;
  247. -webkit-text-stroke-color: {color:Title Outline};
  248. {/block:iftitleoutline}
  249. }
  250.  
  251. .title:hover {
  252. -webkit-filter:blur(0.4px);
  253. }
  254.  
  255.  
  256. a {
  257. text-decoration:none;
  258. color:{color:Link};
  259. {block:iflinkoutline}
  260. -webkit-text-stroke-width: 1px;
  261. -webkit-text-stroke-color: {color:Link Outline};
  262. {/block:iflinkoutline}
  263. {block:iflinkshadow}
  264. text-shadow: 0px 0px 2px {color:Link Shadow};
  265. {/block:iflinkshadow}
  266.  
  267. }
  268.  
  269.  
  270.  
  271. a:hover {
  272. {color:Link Hover};
  273. text-shadow: 1px 1px 0.5px {color:Link Shadow};
  274. -webkit-filter:blur(1px);
  275. }
  276.  
  277. blockquote {
  278. padding-left:5px;
  279. border-left:1px solid;
  280. color: {color:Text};
  281. margin-left:3px;
  282. margin-bottom:5px;
  283. }
  284.  
  285. iframe, img, embed, object, video {
  286. max-width: 100%;
  287. }
  288.  
  289. img {
  290. height: auto;
  291. width: auto;
  292. }
  293.  
  294.  
  295.  
  296. #cazzone {
  297. border:{text:border width} {select:border} {color:border};
  298. background-image:url({image:Header Image});
  299. background-size:cover;
  300. background-position:center;
  301. width: 500px;
  302. height:300px;
  303. position:relative;
  304. padding:10px;
  305. {block:ifrounded}
  306. border-radius:10px;
  307. {/block:ifrounded}
  308. }
  309.  
  310.  
  311.  
  312.  
  313. article {
  314. background: {color:post background};
  315. background-image: url({image:Post Background});
  316. background-size:cover;
  317. width:500px;
  318. padding:10px;
  319. font-size:{text:Font Size};
  320. font-family: {select:Font};
  321. position:relative;
  322. margin:30px auto;
  323. {block:ifpostborder}
  324. border:{text:Border Width} {select:Border} {color:Border};
  325. {/block:ifpostborder}
  326. {block:ifrounded}
  327. border-radius:10px;
  328. {/block:ifrounded}
  329. }
  330.  
  331. article img {
  332. }
  333.  
  334.  
  335.  
  336. .tooltip {
  337. display: inline;
  338. position: relative;
  339. }
  340.  
  341.  
  342. #s-m-t-tooltip {
  343. text-align:center;
  344. max-width:250px;
  345. padding:5px 5px 5px 5px;
  346. margin:20px;
  347. border:1px {select:border} {color:tooltip border};
  348. background-image:url({image:tooltip background});
  349. background-color: {color:tooltip background};
  350. color:{color:tooltip};
  351. z-index:999999999999999999999999999999999999;
  352. {block:ifrounded}
  353. border-radius:10px;
  354. {/block:ifrounded}
  355.  
  356. }
  357.  
  358.  
  359. .photo {
  360. }
  361.  
  362. .photoset {
  363. }
  364.  
  365. .quote {
  366. text-align:center;
  367. }
  368.  
  369. .link {
  370. }
  371.  
  372. .audio {
  373. width:100%;
  374. }
  375.  
  376. .video{
  377. }
  378.  
  379. .video-player {
  380.  
  381. }
  382.  
  383. .answer {
  384. }
  385.  
  386. .ques {
  387. font-weight:bolder;
  388. }
  389.  
  390. .ans {
  391. font-style:normal;
  392. }
  393.  
  394. .chat{
  395. margin-left:-30px;
  396. }
  397.  
  398. .chat span {
  399. float: left;
  400. margin-right: 10px;
  401. }
  402.  
  403. .chat:nth-child(even) {
  404. background:gray;
  405. }
  406.  
  407. .odd{
  408. background:white;
  409. }
  410.  
  411.  
  412. #perma {
  413. text-align:{select:Perma Alignment};
  414. position: relative;
  415. color:{color:Perma};
  416. margin-top:2px;
  417. padding:2px;
  418. word-spacing:5px;
  419. font-size:{text:Perma Size};
  420. background: {color:Perma Background};
  421. background-image:url({image:Perma Background});
  422. background-position:center;
  423. {block:PermalinkPage}
  424. display:none;
  425. {/block:PermalinkPage}
  426. {block:ifpermaborder}
  427. border: 2px solid {color:border};
  428. {/block:ifpermaborder}
  429. }
  430.  
  431. .tumblr_audio_player {
  432. width: 100%;
  433. height: 100px;
  434. overflow: hidden;
  435. position: relative;
  436. z-index: 1000;
  437. }
  438.  
  439. .pagination {
  440. text-align:center;
  441. position:center;
  442. margin-right:50px;
  443. margin-top:-30px;
  444. }
  445.  
  446.  
  447. hr {
  448. width:75%;
  449. border-top:1px solid {color:Border};
  450.  
  451.  
  452. caption {
  453. margin:12px;
  454. }
  455.  
  456.  
  457.  
  458.  
  459.  
  460.  
  461.  
  462. </style>
  463.  
  464. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script>
  465. $(document).ready(function(){
  466. $('.title').click(function() {
  467. $('#box').fadeToggle();
  468. });
  469. });
  470. </script>
  471.  
  472. </head>
  473. <body>
  474.  
  475.  
  476.  
  477.  
  478.  
  479. <div id="content">
  480.  
  481. <div id="pene">
  482.  
  483. <div id="cazzone">
  484.  
  485.  
  486.  
  487. <div class="title" >{text:custom title}</div>
  488.  
  489.  
  490.  
  491. </div>
  492.  
  493.  
  494.  
  495.  
  496.  
  497. </div>
  498.  
  499.  
  500.  
  501.  
  502. <nav>
  503. <ul>
  504. {block:HasPages}
  505. {block:Pages}
  506. <li> <a href="{URL}">{Label}</a></li>
  507. {/block:Pages}
  508. {/block:HasPages}
  509. </ul>
  510. </nav>
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520.  
  521. {block:Posts}
  522. <article>
  523. {block:Text}
  524. <div class="text">
  525. {block:Title}<h1 class="title">
  526. <a href="{Permalink}">{Title}</a>
  527. </h1><hr>{/block:Title}
  528. {Body}
  529. {/block:Text}
  530.  
  531. {block:Photo}
  532. <div class="photo">
  533. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  534. {block:Caption}{Caption}{/block:Caption}
  535. {/block:Photo}
  536.  
  537. {block:Photoset}
  538. <div class="photoset">
  539. {block:IndexPage}
  540. {Photoset-500}
  541. {/block:IndexPage}
  542. {block:PermalinkPage}
  543. {Photoset-500}
  544. {/block:PermalinkPage}
  545. {block:Caption}{Caption}{/block:Caption}
  546. {/block:Photoset}
  547.  
  548. {block:Quote}
  549. <div class="quote">
  550. ❝ {Quote} ❞
  551. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  552. {/block:Quote}
  553.  
  554. {block:Link}
  555. <div class="link">
  556. <h1 class="title"><a href="{URL}">{Name}</a><hr></h1>
  557. {block:Description}{Description}{/block:Description}
  558. {/block:Link}
  559.  
  560. {block:Chat}
  561. <div class="chat">
  562. <ul>
  563. {block:Lines}
  564. <div class="{Alt} user_{UserNumber}">
  565. {block:Label}
  566. <b>{Label}</b>{/block:Label}
  567. {Line}
  568. </div>
  569. {/block:Lines}
  570. </ul>
  571. {/block:Chat}
  572.  
  573. {block:Audio}
  574. <div class="audio">
  575. {block:AlbumArt}
  576. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  577. {/block:AlbumArt}
  578.  
  579. {block:AudioEmbed}
  580. {AudioEmbed}
  581. {/block:AudioEmbed}<br>
  582.  
  583. {block:TrackName}
  584. <b>track:</b> {TrackName}
  585. {/block:TrackName}</span><br>
  586. {block:Artist}
  587. <b>artist:</b> {Artist}
  588. {/block:Artist}
  589. {block:Caption}
  590. {Caption}
  591. {/block:Caption}
  592. {/block:Audio}
  593.  
  594. {block:Video}
  595. <div class="video">
  596. <div class="video-player">{Video-500}</div>
  597. {block:Caption}{Caption}{/block:Caption}
  598. {/block:Video}
  599.  
  600. {block:Answer}
  601. <div class="answer">
  602. {Asker} asked: <b><div class="ques">{Question}</div></b>
  603. <div class="ans">{Answer}</div>
  604. {/block:Answer}
  605. </div>
  606.  
  607. <div id="perma">
  608.  
  609. {block:ifPermaPixel}
  610. <a href="{Permalink}" title="{ShortMonth}/{DayOfMonth}/{Year}"> <img src={image:Perma Pixel}></a>
  611. {/block:ifPermaPixel}
  612.  
  613.  
  614.  
  615.  
  616. {block:ifPermaSymbol}
  617. <a href="{Permalink}" title="{ShortMonth}/{DayOfMonth}/{Year}"
  618. style="color:{color:Perma}" > {text:Perma Symbol} </a>
  619. {/block:ifPermaSymbol}
  620.  
  621.  
  622.  
  623. {block:ifShowNotes}
  624. <a href="{reblogURL}" title="RB" style="color:{color:Perma}" >{NoteCount}{text:Note Symbol}</a>
  625. {/block:ifShowNotes}
  626.  
  627. {block:ifShowTime}
  628. <a href="{Permalink}" title="{ShortMonth}/{DayOfMonth}/{Year}" style="color:{color:Perma}">{ShortMonth} {DayOfMonth}</a>
  629. {/block:ifShowTime}
  630.  
  631. {block:ifShowTags}{block:HasTags} <a href="{Permalink}"title="{block:Tags}#{Tag}{/block:Tags}"style="color:{color:Perma}" > {block:Tags}#{Tag} {/block:Tags}</a>{block:HasTags} {/block:ifShowTags}
  632.  
  633.  
  634.  
  635.  
  636.  
  637. </div>
  638.  
  639.  
  640. {block:PermalinkPage}
  641. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  642. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  643. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  644. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  645. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  646. </div></div>
  647. {/block:PermalinkPage}
  648. </footer>
  649. </article>
  650. {/block:Posts}
  651. </div>
  652. {block:Pagination}
  653. <div class="pagination">
  654. <div class="pagi">
  655. {block:PreviousPage}<a href="{PreviousPage}"style="font-size:50px">{text:Prev Page}</a>{/block:PreviousPage}
  656. {block:NextPage}<a href="{NextPage}"style="font-size:50px">{text:Next Page}</a>{/block:NextPage}
  657. </div></div>
  658. {/block:Pagination}
  659.  
  660.  
  661.  
  662.  
  663.  
  664.  
  665.  
  666. </div>
  667.  
  668.  
  669.  
  670.  
  671. </body>
  672.  
  673.  
  674. </html>
  675.  
  676. <div id="box" style="position:fixed;float:center; width:{text:Popup Size}; top:20%;left:35%;margin:20px auto; border: {text:Popup Border Width} {select:Border} {color:Border};text-align:center;font-size:{text:popup font size}; background:{color:popup background};background-size:cover;{block:ifpopuppadding};padding:10px;{/block:ifpopuppadding}display:none;background-image:url('{image:popup background}');{block:ifpopuptextshadow} text-shadow:0px 0px 2px {color:popup text shadow}{/block:ifpopuptextshadow};{block:ifrounded} border-radius:10px;{/block:ifrounded}">
  677.  
  678. {block:ifpopupimage}
  679. <img src={image:popup image} style="width:{text:Popup Image Width}; height:{text:Popup Image Height};object-fit:cover;overflow:hidden;position:center"></img>
  680. {/block:ifpopupimage}
  681.  
  682. <div>{block:iflink1} <a href="{text:link 1 url}">{text:link 1 title}</a> {/block:iflink1}{block:iflink2} {text:link divider} <a href="{text:link 2 url}">{text:link 2 title}</a> {/block:iflink2}{block:iflink3}{text:link divider} <a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3}
  683. </div>
  684. </div>
  685.  
  686. {block:ifFloaty}
  687. <img src={image:Floaty} style='position:absolute;bottom:{text:Floaty Y}; left:{text:Floaty X}; height:{text:Floaty Size}; z-index:999;'/></img>
  688. {/block:ifFloaty}
  689.  
  690.  
  691. <p style=" position:fixed; right: 10px; bottom: -3px; font-size:14px;z-index:9999"><a href="https://substats.tumblr.com/tagged/my-themes" title="@substats">🐇</a>
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!