API tools faq
paste
Advertisement
infini-themes

Trollian

infini-themes
May 7th, 2019
2,592
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.48 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Ⓒfourleggedsandwich
  4. designed and coded by @fourleggedsandwich
  5.  
  6. do not steal parts of my code, please credit me if used!
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <html>
  12. <head>
  13.  
  14. <meta name="color:Background" content="#f6f6f6"/>
  15. <meta name="color:Text" content="#909090"/>
  16. <meta name="color:Link" content="#550209"/>
  17. <meta name="color:Post BG" content="#ffffff"/>
  18. <meta name="color:Buttons" content="#ffffff"/>
  19. <meta name="color:Active Buttons" content="#ffffff"/>
  20. <meta name="color:Border" content="#e9e9e9"/>
  21. <meta name="color:Accent" content="#B49594">
  22. <meta name="color:Highlight" content="#B49594">
  23. <meta name="color:Text Shadow" content="#878787">
  24. <meta name="color:Chum One Color" content="#e9e9e9">
  25. <meta name="color:Chum Two Color" content="#e9e9e9">
  26. <meta name="color:Chum Three Color" content="#e9e9e9">
  27. <meta name="color:Chum Four Color" content="#e9e9e9">
  28. <meta name="color:Chum Five Color" content="#e9e9e9">
  29. <meta name="color:Chum Six Color" content="#e9e9e9">
  30.  
  31. <meta name="image:Sidebar" content=""/>
  32. <meta name="image:Background" content=""/>
  33. <meta name="image:Favicon" content=""/>
  34. <meta name="image:Custom Cursor" content=""/>
  35. <meta name="image:Mood" content=""/>
  36.  
  37. <meta name="if:Show Blog Title" content="1"/>
  38. <meta name="if:Show Description" content="1"/>
  39. <meta name="if:Show Links" content="1"/>
  40. <meta name="if:Show Tags" content="1"/>
  41. <meta name="if:Background Repeat" content="1"/>
  42. <meta name="if:Custom Link 1" content="1"/>
  43. <meta name="if:Custom Link 2" content="1"/>
  44. <meta name="if:Custom Link 3" content="1"/>
  45. <meta name="if:Music Player" content="1"/>
  46. <meta name="if:Toggle Bold" content="1"/>
  47.  
  48. <meta name="text:Title Font Size" content="14px"/>
  49. <meta name="text:Font Size" content="10px"/>
  50. <meta name="text:About" content=""/>
  51. <meta name="text:Link 1 Title" content="one"/>
  52. <meta name="text:Link 1 url" content="/"/>
  53. <meta name="text:Link 2 Title" content="two"/>
  54. <meta name="text:Link 2 url" content="/"/>
  55. <meta name="text:Link 3 Title" content="three"/>
  56. <meta name="text:Link 3 url" content="/"/>
  57. <meta name="text:Chum One" content="CHUM ONE"/>
  58. <meta name="text:Chum Two" content="CHUM TWO"/>
  59. <meta name="text:Chum Three" content="CHUM THREE"/>
  60. <meta name="text:Chum Four" content="CHUM FOUR"/>
  61. <meta name="text:Chum Five" content="CHUM FIVE"/>
  62. <meta name="text:Chum Six" content="CHUM SIX"/>
  63. <meta name="text:Mood and Cursor Links" content=""/>
  64.  
  65. <meta name="select:Font" content="trebuchet ms">
  66. <meta name="select:Font" content="lucida console">
  67. <meta name="select:Font" content="times new roman">
  68. <meta name="select:Font" content="georgia">
  69. <meta name="select:Font" content="verdana">
  70. <meta name="select:Font" content="courier new">
  71. <meta name="select:Font" content="arial">
  72. <meta name="select:Font" content="calibri">
  73. <meta name="select:Font" content="consolas">
  74. <meta name="select:Font" content="ms gothic">
  75. <meta name="if:Custom Cursor" content="1"/>
  76.  
  77. <meta name="select:Title Font" content="trebuchet ms">
  78. <meta name="select:Title Font" content="lucida console">
  79. <meta name="select:Title Font" content="times new roman">
  80. <meta name="select:Title Font" content="georgia">
  81. <meta name="select:Title Font" content="verdana">
  82. <meta name="select:Title Font" content="courier new">
  83. <meta name="select:Title Font" content="arial">
  84. <meta name="select:Title Font" content="calibri">
  85. <meta name="select:Title Font" content="consolas">
  86. <meta name="select:Title Font" content="ms gothic">
  87.  
  88. <meta name="select:Description Text Align" content="justify">
  89. <meta name="select:Description Text Align" content="center">
  90. <meta name="select:Description Text Align" content="left">
  91. <meta name="select:Description Text Align" content="right">
  92.  
  93. <title>{Title}</title>
  94. <link rel="shortcut icon" href="{image:Favicon}">
  95. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  96. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  97.  
  98. <style type="text/css">
  99.  
  100. /* TUMBLR CONTROLS */
  101.  
  102. iframe.tmblr-iframe {
  103. z-index:99999999999999!important;
  104. top:0!important;
  105. right:0!important;
  106. opacity:0.4;
  107. /* delete invert(1) from here */
  108. filter:invert(1) contrast(150%);
  109. -webkit-filter:invert(1) contrast(150%);
  110. -o-filter:invert(1) contrast(150%);
  111. -moz-filter:invert(1) contrast(150%);
  112. -ms-filter:invert(1) contrast(150%);
  113. /* to here if your blog has a dark background */
  114. transform:scale(0.65);
  115. transform-origin:100% 0;
  116. -webkit-transform:scale(0.65);
  117. -webkit-transform-origin:100% 0;
  118. -o-transform:scale(0.65);
  119. -o-transform-origin:100% 0;
  120. -moz-transform:scale(0.65);
  121. -moz-transform-origin:100% 0;
  122. -ms-transform:scale(0.65);
  123. -ms-transform-origin:100% 0;}
  124.  
  125. iframe.tmblr-iframe:hover {
  126. opacity:0.6!important;}
  127.  
  128. /* TOOLTIPS */
  129.  
  130. #s-m-t-tooltip{
  131. font-size:8px;
  132. color:#000;
  133. background-color:#fff;
  134. letter-spacing:2px;
  135. min-width:50px;
  136. max-width:200px;
  137. overflow:auto;
  138. text-transform:uppercase;
  139. font-style:italic;
  140. display: none;
  141. position: absolute;
  142. z-index: 999999999999;
  143. padding:5px;
  144. margin:30px 0 15px 10px;
  145. -webkit-transition: all 0.2s ease-in-out;
  146. -moz-transition: all 0.2s ease-in-out;
  147. transition: all 0.2s ease-in-out;}
  148.  
  149. /* SCROLLBAR */
  150. /* SELECTION */
  151.  
  152. ::selection {
  153. color: {color:Accent};
  154. background: {color:Background};
  155. }
  156. ::-moz-selection {
  157. color: {color:Accent};
  158. background: {color:Background};
  159. }
  160.  
  161. #content {
  162. width: 500px!important;
  163. padding: 5px;
  164. z-index: 300;
  165. margin: auto;
  166. }
  167.  
  168. body {
  169. background-color: {color:background};
  170. background-image: url({image:background});
  171. background-attachment:fixed;
  172. {block:ifBackgroundRepeat}
  173. background-repeat:repeat;
  174. {/block:ifBackgroundRepeat}
  175. {block:ifnotBackgroundRepeat}
  176. background-repeat:no-repeat;
  177. background-size: 100% 100%;
  178. {/block:ifnotBackgroundRepeat}
  179. background-position:left;
  180. font-family: {select:Font};
  181. font-size: {text:Font Size};
  182. color: {color:text};
  183. }
  184.  
  185. a {
  186. color: {color:link};
  187. text-decoration:none;
  188. }
  189.  
  190. blockquote {
  191. padding-left:5px;
  192. border-left:1px dotted;
  193. color: {color:text};
  194. margin-left:3px;
  195. margin-bottom:5px;
  196. }
  197.  
  198. iframe, img, embed, object, video {
  199. max-width: 100%;
  200. }
  201.  
  202. img {
  203. height: auto;
  204. width: auto;
  205. }
  206.  
  207. #sidebar {
  208. height:auto;
  209. width:250px;
  210. margin-top:230px;
  211. margin-left:56px;
  212. position:fixed;
  213. background: {color:post bg};
  214. color:{color:text};
  215. border: 1px solid {color:border};
  216. font-size: 10px;
  217. font-family:arial;
  218. text-align:center;
  219. {block:IfToggleBold} font-weight: bold; {/block:IfToggleBold}
  220. border-top: 20px solid;
  221. border-left: 3px solid;
  222. border-right: 3px solid;
  223. border-bottom: 3px solid;
  224. border-radius:10px;
  225. border-image:url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/trollcontainer.png') 21 4 4 4 stretch;
  226. }
  227.  
  228. #blogtitle {
  229. font-size:2em;
  230. font-weight:bold;
  231. padding-top:10px;
  232. font-family: {select:Title Font};
  233. text-shadow: 3px 3px 3px {color:Text Shadow};
  234. }
  235.  
  236. .description {
  237. text-align:{select:description text align};
  238. font-family: {select:Font};
  239. font-size: {text:Font Size};
  240. color: {color:text};
  241. padding:16px;
  242. }
  243.  
  244. #navlinks {
  245. margin:4px;
  246. }
  247.  
  248. article {
  249. background: {color:post bg};
  250. border: 1px dotted {color:border};
  251. width: 500!important;
  252. height: auto;
  253. padding-left:5px;
  254. padding-right:5px;
  255. padding-bottom: 10px;
  256. padding-top: 5px;
  257. overflow:auto;
  258. }
  259.  
  260. .btn {
  261. border: 1px solid;
  262. border-radius:2px;
  263. background-color: {color:buttons};
  264. padding: 2px 2px;
  265. display: inline-block;
  266. }
  267.  
  268. /* On mouse-over */
  269. .btn:hover {background: #eee;}
  270.  
  271. .navbtns {color: {color:link};
  272. box-shadow: 2px 2px {color:Text Shadow};
  273. margin-bottom: 3px;
  274. }
  275.  
  276. .header {
  277. height:100px;
  278. width: 100%;
  279. }
  280.  
  281. article img {
  282. }
  283.  
  284. .container {
  285. max-height:384px;
  286. max-width:550px;
  287. padding: 4px;
  288. width: 550px;
  289. margin-left: 32%;
  290. margin-top: 7%;
  291. position:fixed;
  292. overflow-y: scroll; overflow-x:hidden;
  293. border-top: 20px solid;
  294. border-left: 3px solid;
  295. border-right: 3px solid;
  296. border-bottom: 3px solid;
  297. border-image:url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/trollcontainer.png') 21 4 4 4 stretch;
  298. border-radius:5px;
  299. background: #c6c3c6;
  300. z-index: 300;
  301. cursor: move;
  302. }
  303.  
  304. #chumproll{
  305. width:200px;
  306. height:500px;
  307. position: fixed;
  308. right: -30px;
  309. margin-top: 5%;
  310. }
  311.  
  312. #chumps {
  313. width:200px;
  314. height:500px;
  315. position: fixed;
  316. right: -30px;
  317. margin-top: 5%;
  318. }
  319.  
  320. #about {
  321. font-family: {select:Title Font};
  322. color: {color:link};
  323. font-size: 14px;
  324. {block:IfToggleBold} font-weight: bold; {/block:IfToggleBold}
  325. }
  326.  
  327. #abouttext {
  328. font-family: {select:Font};
  329. color: {color:text};
  330. font-size: {select:Font Size};
  331. padding-left: 14px;
  332. padding-right: 14px;
  333. text-align: center;
  334. {block:IfToggleBold} font-weight: bold; {/block:IfToggleBold}
  335. }
  336. .title {
  337. width: 430px;
  338. text-align:center;
  339. text-transform:none;
  340. font-family: "Courier New", Courier, monospace;
  341. font-size: {text:Title Font Size};
  342. padding: 3px;
  343. text-shadow: 3px 3px 3px {color:Text Shadow};
  344. }
  345.  
  346.  
  347. .text {
  348. font-family: {select:Font};
  349. font-size: {text:Font Size};
  350. color: {color:text};
  351. width:480px;
  352. {block:IfToggleBold} font-weight: bold; {/block:IfToggleBold}
  353. }
  354.  
  355. .photo {
  356. }
  357.  
  358. .photoset {
  359. overflow:auto;
  360. width:490px;
  361. }
  362.  
  363. .quote {
  364. text-align:center;
  365. }
  366.  
  367. .link {
  368. }
  369.  
  370. .audio {
  371. height:100%;
  372. padding: 4px;
  373. }
  374.  
  375. .video{
  376. }
  377.  
  378. .video-player {
  379.  
  380. }
  381.  
  382. .answer {
  383. }
  384.  
  385. .ques {
  386. font-weight:bolder;
  387. }
  388.  
  389. .ans {
  390. font-style:italic;
  391. }
  392.  
  393. .chat{
  394. margin-left:-30px;
  395. }
  396.  
  397. .chat span {
  398. float: left;
  399. margin-right: 10px;
  400. }
  401.  
  402. .chat:nth-child(even) {
  403. background:#f9f9f9;
  404. }
  405.  
  406. .odd{
  407. background:#f6f6f6;
  408. }
  409.  
  410. .headerimg{
  411. position:fixed;
  412. top: 0px;
  413. width: 100%;
  414. z-index:20;
  415. }
  416.  
  417.  
  418. }
  419.  
  420. #perma {
  421. text-align: center;
  422. position: relative;
  423. text-transform:uppercase;
  424. margin-top:2px;
  425. padding:4px;
  426. font-size: 8px;
  427. {block:PermalinkPage}
  428. display:none;
  429. {/block:PermalinkPage}
  430. {block:IfToggleBold} font-weight: bold; {/block:IfToggleBold}
  431. }
  432.  
  433. #mydiv {
  434. position: absolute;
  435. z-index: 9;
  436. text-align: left;
  437. }
  438.  
  439. #mydivheader {
  440. cursor: move;
  441. z-index: 10;
  442. }
  443.  
  444. .image {
  445. height: 130px;
  446. width: 130px;
  447. position: absolute;
  448. margin-top: 75px;
  449. margin-left: 115px;
  450. border-width: 5px;
  451. border-style: solid;
  452. background-color: #a30410;
  453. border-radius:10px;
  454. border-image:url('https://pipe.miroware.io/5c830280f93a5e60805a89a6/trollcontainer.png') 21 4 4 4 stretch;
  455. }
  456.  
  457. }
  458.  
  459. .container {
  460. cursor: move;
  461. z-index: 10;
  462. }
  463.  
  464. .timeline {
  465. overflow: scroll;
  466. }
  467.  
  468. .tumblr_audio_player {
  469. width: 100%;
  470. height: 100px;
  471. overflow: hidden;
  472. position: relative;
  473. z-index: 1000;
  474. }
  475.  
  476. .pagination {
  477. }
  478.  
  479. {block:ifnotinfinitescroll}
  480. .pagi {
  481.  
  482. }
  483. {/block:ifnotinfinitescroll}
  484.  
  485. hr {
  486. width:75%;
  487. border-top:1px solid {color:Borders};
  488. }
  489.  
  490. caption {
  491. margin:12px;
  492. }
  493.  
  494. .text-block {
  495. position: absolute;
  496. top: -4px;
  497. right: 105px;
  498. color: white;
  499. padding-left: 20px;
  500. padding-right: 20px;
  501. z-index:40;
  502. font-weight: bold;
  503. }
  504.  
  505. .text-block2 {
  506. position: absolute;
  507. top: 110px;
  508. right: 0px;
  509. width: 160px;
  510. color: black;
  511. z-index:4;
  512. font-weight: bold;
  513. }
  514. .mood-block {
  515. text-align: left;
  516. margin-left: 60px;
  517. }
  518.  
  519. .moodimage{
  520. position:absolute;
  521. margin-left: 140px;
  522. margin-top: -11px;
  523. }
  524.  
  525. .moodcontainer {
  526. position: absolute;
  527. background-color: black;
  528. color: white;
  529. padding-left: 20px;
  530. padding-right: 20px;
  531. padding-top: 5px;
  532. width: 180px;
  533. border: 1px solid red;
  534. height: 20px;
  535. }
  536.  
  537. .text-chum-1 {
  538. position: absolute;
  539. top: -5px;
  540. left: 0px;
  541. color: {color:Chum One Color};
  542. z-index:4;
  543. font-weight: bold;
  544. }
  545.  
  546. .text-chum-2 {
  547. position: absolute;
  548. top: 15px;
  549. left: 0px;
  550. color: {color:Chum Two Color};
  551. z-index:40;
  552. font-weight: bold;
  553. }
  554.  
  555. .text-chum-3 {
  556. position: absolute;
  557. top: 35px;
  558. left: 0px;
  559. color: {color:Chum Three Color};
  560.  
  561. z-index:4;
  562. font-weight: bold;
  563. }
  564.  
  565. .text-chum-4 {
  566. position: absolute;
  567. top: 55px;
  568. left: 0px;
  569. color: {color:Chum Four Color};
  570. z-index:40;
  571. font-weight: bold;
  572. }
  573.  
  574. .text-chum-5 {
  575. position: absolute;
  576. top: 75px;
  577. left: 0px;
  578. color: {color:Chum Five Color};
  579. z-index:4;
  580. font-weight: bold;
  581. }
  582.  
  583. .text-chum-6 {
  584. position: absolute;
  585. top: 95px;
  586. left: 0px;
  587. color: {color:Chum Six Color};
  588. z-index:40;
  589. font-weight: bold;
  590. }
  591.  
  592. /* Style the tab */
  593. .tab {
  594. overflow: hidden;
  595. border: 1px solid #ccc;
  596. background-color: #c6c3c6;
  597. }
  598.  
  599. /* Style the buttons that are used to open the tab content */
  600. .tab button {
  601. background-color: {color:buttons};
  602. float: center;
  603. border: none;
  604. outline: none;
  605. cursor: pointer;
  606. padding: 4px 6px;
  607. transition: 0.3s;
  608. color: {color:link};
  609. }
  610.  
  611. /* Change background color of buttons on hover */
  612. .tab button:hover {
  613. background-color: {color:active buttons};
  614. }
  615. /* Create an active/current tablink class */
  616. .tab button.active {
  617. background-color: {color:buttons};
  618. }
  619.  
  620. /* Style the tab content */
  621. .tabcontent {
  622. display: none;
  623. }
  624.  
  625. *, body, a{cursor: url({select:""}), auto}
  626.  
  627. </style>
  628.  
  629. </head>
  630. <body>
  631.  
  632. {block:IfMusicPlayer}
  633. <!-- Wikplayer https://www.wikplayer.com -->
  634. <script type="text/javascript" src="https://www.wikplayer.com/code.js"
  635. data-config="{'skin':'skins/wikmini/funkyMiniOrange/skin.css','volume':36,'autoplay':false,'shuffle':false,'repeat':0,'showcomment':false,'marqueetexton':true,'placement':'mini','showplaylist':false,'playlist':[{'title':'Elevatorstuck','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DV0RJPFOpBlg'},{'title':'Sburban%20Jungle','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DgOSnen64a7M'},{'title':'Black','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D5NACWZBDtN8'},{'title':'Collide','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DIdrTc-6wS-k'},{'title':'Clockstopper','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DCO5IN60Nt9E'},{'title':'Megalovania','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DZcoqR9Bwx1Y'}]}" ></script>
  636. <!-- Wikplayer code end -->
  637. {/block:IfMusicPlayer}
  638.  
  639. <!--------------------------------- CURSOR --------------------------------->
  640.  
  641. {block:IfCustomCursor}
  642. <style type="text/css"> body {cursor: url({image:Custom Cursor}), auto;} a, a:hover{cursor:url({image:Custom Cursor Links}), auto;}
  643. </style>
  644.  
  645. <div style="position:fixed; background:rgba(0,0,0,0); top:0px; left:0px; width:100%; height:100%; z-index: -99999999999999;"></div>{/block:IfCustomCursor}
  646.  
  647. <!--------------------------------- CURSOR --------------------------------->
  648.  
  649. <div id="image"><img src="{image:Sidebar}" class= "image"/></div>
  650.  
  651.  
  652. <div class ="headerimg"><img src="https://pipe.miroware.io/5c830280f93a5e60805a89a6/ttrollianheader.png"></div>
  653.  
  654. <div id="chumproll"><img src="https://pipe.miroware.io/5c830280f93a5e60805a89a6/chumproll.png"><div class="text-block"><p>Chumproll</p></div></div>
  655.  
  656. <div class="text-block2"><p><div class="text-chum-1"><font size="+1">⬤</font> {text:Chum One}</div><div class="text-chum-2"><font size="+1">⬤</font> {text:Chum Two}</div><div class="text-chum-3"><font size="+1">⬤</font> {text:Chum Three}</div><div class="text-chum-4"><font size="+1">⬤</font> {text:Chum Four}</div><div class="text-chum-5"><font size="+1">⬤</font> {text:Chum Five}</div><div class="text-chum-6"><font size="+1">⬤</font> {text:Chum Six}</div></p></div>
  657.  
  658.  
  659.  
  660.  
  661. </div>
  662. <div class="mydiv2">
  663. <div id="sidebar">
  664. <!-- Tab links -->
  665.  
  666. <div class="tab">
  667. <button class="tablinks" onclick="openCity(event, 'Trollian')" id="defaultOpen">Trollian</button>
  668. <button class="tablinks" onclick="openCity(event, 'View')">View</button>
  669. <button class="tablinks" onclick="openCity(event, 'Window')">Window</button>
  670. <button class="tablinks" onclick="openCity(event, 'Help')">Help</button>
  671.  
  672. </div>
  673.  
  674. <div id="Trollian" class="tabcontent">
  675.  
  676. {block:ifshowblogtitle}
  677. <div id="blogtitle"><a href="/">{Title}</a></div><hr>
  678. {/block:ifshowblogtitle}
  679. {block:ifshowdescription}
  680. <div class="description">{Description}
  681. {/block:ifshowdescription}
  682.  
  683. <p><div class="moodcontainer">
  684. <div class="mood-block">
  685. Mood:
  686. </div>
  687. </div></div>
  688.  
  689. <div class="moodimage"><img src={image:Mood}></div>
  690.  
  691. <br><div id="blogtitle">{block:PreviousPage}<a href="{PreviousPage}"> <== </a>{/block:PreviousPage}
  692.  
  693. {block:NextPage}<a href="{NextPage}"> ==></a>{/block:NextPage}
  694. </div></div>
  695.  
  696. <div id="View" class="tabcontent">
  697. <p><img src="https://pipe.miroware.io/5c830280f93a5e60805a89a6/timelines.png"></p>
  698. </div>
  699.  
  700. <div id="Window" class="tabcontent">
  701. <p><div id="about">About</div><hr></p>
  702. <p><div id="abouttext">{text:About}</div></p>
  703. </div>
  704.  
  705. <div id="Help" class="tabcontent">
  706. <p><div id="about">Help</div><hr></p>
  707. <p><form action="/search" method="get" class="sfm">
  708. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  709. <input type="submit" value="Search" id="sb"/>
  710. </form></p>
  711. </div>
  712. <br>{block:ifshowlinks}
  713. <div id="navlinks">
  714. <button class="btn navbtns"><a href="/ask">ask</button></a>
  715. <button class="btn navbtns"><a href="/archive">archive</a></button>
  716. <button class="btn navbtns">{block:ifcustomlink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:ifcustomlink1}</button>
  717. <button class="btn navbtns">{block:ifcustomlink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:ifcustomlink2} </button>
  718. <button class="btn navbtns">{block:ifcustomlink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:ifcustomlink3}</button>
  719. <button class="btn navbtns"><a href="https://fourleggedsandwich.tumblr.com" title="theme by fourleggedsandwich">theme</a></button>
  720. </div>
  721. {/block:ifshowlinks}
  722.  
  723.  
  724. </div>
  725.  
  726.  
  727.  
  728. </div>
  729. <nav>
  730. <ul>
  731. {block:HasPages}
  732. {block:Pages}
  733. <li> <a href="{URL}">{Label}</a></li>
  734. {/block:Pages}
  735. {/block:HasPages}
  736. </ul>
  737. </nav>
  738. </div>
  739.  
  740.  
  741.  
  742. <div id="mydiv">
  743. <div class="container">
  744. <div id="content">
  745.  
  746. {block:Posts}
  747. <article>
  748. {block:Text}
  749. <div class="text">
  750. {block:Title}<h1 class="title">
  751. <a href="{Permalink}">{Title}</a>
  752. </h1><hr>{/block:Title}
  753. {Body}
  754. {/block:Text}
  755.  
  756. {block:Photo}
  757. <div class="photo">
  758. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  759. {block:Caption}{Caption}{/block:Caption}
  760. {/block:Photo}
  761.  
  762. {block:Photoset}
  763. <div class="photoset">
  764. {block:IndexPage}
  765. {Photoset-500}
  766. {/block:IndexPage}
  767. {block:PermalinkPage}
  768. {Photoset-500}
  769. {/block:PermalinkPage}
  770. {block:Caption}{Caption}{/block:Caption}
  771. {/block:Photoset}
  772.  
  773. {block:Quote}
  774. <div class="quote">
  775. ❝ {Quote} ❞
  776. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  777. {/block:Quote}
  778.  
  779. {block:Link}
  780. <div class="link">
  781. <h1 class="title"><a href="{URL}">{Name}</a><hr></h1>
  782. {block:Description}{Description}{/block:Description}
  783. {/block:Link}
  784.  
  785. {block:Chat}
  786. <div class="chat">
  787. <ul>
  788. {block:Lines}
  789. <div class="{Alt} user_{UserNumber}">
  790. {block:Label}
  791. <b>{Label}</b>{/block:Label}
  792. {Line}
  793. </div>
  794. {/block:Lines}
  795. </ul>
  796. {/block:Chat}
  797.  
  798. {block:Audio}
  799. <div class="audio">
  800. {block:AlbumArt}
  801. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  802. {/block:AlbumArt}
  803.  
  804. {block:AudioEmbed}
  805. {AudioEmbed}
  806. {/block:AudioEmbed}<br>
  807.  
  808. {block:TrackName}
  809. <b>track:</b> {TrackName}
  810. {/block:TrackName}</span><br>
  811. {block:Artist}
  812. <b>artist:</b> {Artist}
  813. {/block:Artist}
  814. {block:Caption}
  815. {Caption}
  816. {/block:Caption}
  817. {/block:Audio}
  818.  
  819. {block:Video}
  820. <div class="video">
  821. <div class="video-player">{Video-500}</div>
  822. {block:Caption}{Caption}{/block:Caption}
  823. {/block:Video}
  824.  
  825. {block:Answer}
  826. <div class="answer">
  827. {Asker} asked: <b><div class="ques">{Question}</div></b>
  828. <div class="ans">{Answer}</div>
  829. {/block:Answer}
  830. </div>
  831.  
  832. <div id="perma">
  833.  
  834. <hr><a href="{Permalink}" title="this post has {NoteCount} notes">{NoteCount} <i class="fas fa-heart"></i></a> &nbsp; <a href="{reblogURL}" title="reblog this post">reblog</a> &nbsp; <a href="{Permalink}" title="posted &mdash; {ShortMonth} {DayOfMonth} {Year} {12Hour}:{Minutes}{AmPm}">{TimeAgo}</a> &nbsp; {block:ifShowTags}{block:HasTags} <a style="font-size:9px;" title="{block:Tags}#{Tag} {/block:Tags}"><i class="fas fa-hashtag"></i></a>{block:HasTags} {block:ifShowTags}
  835.  
  836. </div>
  837.  
  838.  
  839. {block:PermalinkPage}
  840. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  841. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  842. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  843. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  844. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  845. </div></div>
  846. {/block:PermalinkPage}
  847. </footer>
  848. </article>
  849. {/block:Posts}
  850. </div>
  851. </div>
  852. </div>
  853.  
  854. <!-- SCRIPTS -->
  855.  
  856. <script>
  857. function openCity(evt, cityName) {
  858. var i, tabcontent, tablinks;
  859. tabcontent = document.getElementsByClassName("tabcontent");
  860. for (i = 0; i < tabcontent.length; i++) {
  861. tabcontent[i].style.display = "none";
  862. }
  863. tablinks = document.getElementsByClassName("tablinks");
  864. for (i = 0; i < tablinks.length; i++) {
  865. tablinks[i].className = tablinks[i].className.replace(" active", "");
  866. }
  867. document.getElementById(cityName).style.display = "block";
  868. evt.currentTarget.className += " active";
  869. }
  870. </script>
  871.  
  872. <script>
  873. // Get the element with id="defaultOpen" and click on it
  874. document.getElementById("defaultOpen").click();
  875. </script>
  876.  
  877.  
  878. <script>
  879. // Make the DIV element draggable:
  880. dragElement(document.getElementById("mydiv"));
  881.  
  882. function dragElement(elmnt) {
  883. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  884. if (document.getElementById(elmnt.id + "header")) {
  885. // if present, the header is where you move the DIV from:
  886. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  887. } else {
  888. // otherwise, move the DIV from anywhere inside the DIV:
  889. elmnt.onmousedown = dragMouseDown;
  890. }
  891.  
  892. function dragMouseDown(e) {
  893. e = e || window.event;
  894. e.preventDefault();
  895. // get the mouse cursor position at startup:
  896. pos3 = e.clientX;
  897. pos4 = e.clientY;
  898. document.onmouseup = closeDragElement;
  899. // call a function whenever the cursor moves:
  900. document.onmousemove = elementDrag;
  901. }
  902.  
  903. function elementDrag(e) {
  904. e = e || window.event;
  905. e.preventDefault();
  906. // calculate the new cursor position:
  907. pos1 = pos3 - e.clientX;
  908. pos2 = pos4 - e.clientY;
  909. pos3 = e.clientX;
  910. pos4 = e.clientY;
  911. // set the element's new position:
  912. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  913. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  914. }
  915.  
  916. function closeDragElement() {
  917. // stop moving when mouse button is released:
  918. document.onmouseup = null;
  919. document.onmousemove = null;
  920. }
  921. }
  922. </script>
  923.  
  924. <script>
  925. // Make the DIV element draggable:
  926. dragElement(document.getElementById("mydiv2"));
  927.  
  928. function dragElement(elmnt) {
  929. var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  930. if (document.getElementById(elmnt.id + "header")) {
  931. // if present, the header is where you move the DIV from:
  932. document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
  933. } else {
  934. // otherwise, move the DIV from anywhere inside the DIV:
  935. elmnt.onmousedown = dragMouseDown;
  936. }
  937.  
  938. function dragMouseDown(e) {
  939. e = e || window.event;
  940. e.preventDefault();
  941. // get the mouse cursor position at startup:
  942. pos3 = e.clientX;
  943. pos4 = e.clientY;
  944. document.onmouseup = closeDragElement;
  945. // call a function whenever the cursor moves:
  946. document.onmousemove = elementDrag;
  947. }
  948.  
  949. function elementDrag(e) {
  950. e = e || window.event;
  951. e.preventDefault();
  952. // calculate the new cursor position:
  953. pos1 = pos3 - e.clientX;
  954. pos2 = pos4 - e.clientY;
  955. pos3 = e.clientX;
  956. pos4 = e.clientY;
  957. // set the element's new position:
  958. elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
  959. elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  960. }
  961.  
  962. function closeDragElement() {
  963. // stop moving when mouse button is released:
  964. document.onmouseup = null;
  965. document.onmousemove = null;
  966. }
  967. }
  968. </script>
  969.  
  970.  
  971. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  972. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  973. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  974. {block:IfInfiniteScroll}
  975. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  976. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  977. {/block:IfInfiniteScroll}
  978.  
  979. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  980. <script>
  981. (function($){
  982. $(document).ready(function(){
  983. $("[title]").style_my_tooltips({
  984. tip_follows_cursor:true,
  985. tip_delay_time:0,
  986. tip_fade_speed:0
  987. }
  988. );
  989. });
  990. })(jQuery);
  991. </script>
  992.  
  993. <script>
  994. (function() {
  995. var $tumblelog = $('#content');
  996. {block:IfInfiniteScroll}
  997. $tumblelog.infinitescroll({
  998. navSelector : ".pagination",
  999. nextSelector : ".pagination a:first",
  1000. itemSelector : "article",
  1001. bufferPx : 50,
  1002. done : "",
  1003. loading: {
  1004. img : "",
  1005. msgText: ""
  1006. },
  1007. },
  1008. function( newElements ) {
  1009. var $newElems = $( newElements ).css({ opacity: 0 });
  1010. $newElems.imagesLoaded(function(){
  1011. $newElems.animate({ opacity: 1 });
  1012. $tumblelog.masonry( 'appended', $newElems);
  1013. });
  1014. }
  1015. );
  1016. {/block:IfInfiniteScroll}
  1017. $tumblelog.imagesLoaded( function(){
  1018. $tumblelog.masonry({
  1019. columnWidth: function( containerWidth ) {
  1020. return containerWidth / 100;
  1021. }
  1022. });
  1023. });
  1024. })();
  1025. </script>
  1026.  
  1027. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.js"></script>
  1028. <script>
  1029. SmoothScroll({
  1030. // Scrolling Core
  1031. animationTime : 700, // [ms]
  1032. stepSize : 100, // [px]
  1033. // Acceleration
  1034. accelerationDelta : 50, // 50
  1035. accelerationMax : 3, // 3
  1036. // Keyboard Settings
  1037. keyboardSupport : true, // option
  1038. arrowScroll : 100, // [px]
  1039. // Pulse (less tweakable)
  1040. // ratio of "tail" to "acceleration"
  1041. pulseAlgorithm : true,
  1042. pulseScale : 4,
  1043. pulseNormalize : 1,
  1044. // Other
  1045. touchpadSupport : false, // ignore touchpad by default
  1046. fixedBackground : true,
  1047. excluded : ''
  1048. });
  1049. </script>
  1050.  
  1051. <a href="https://fourleggedsandwich.tumblr.com" title="theme by fourleggedsandwich." style="position:fixed;font-size:18px;bottom:3px;left:5px;">
  1052. <img src="https://pipe.miroware.io/5c830280f93a5e60805a89a6/reader.png">
  1053. </a>
  1054.  
  1055. </body>
  1056.  
  1057.  
  1058. </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!