infini-themes

twitter themed tumblr theme

May 3rd, 2019
335
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.46 KB | None | 0 0
  1. <!--
  2.  
  3. ⒸInifini-themes
  4. designed and coded by @infini
  5.  
  6. do not remove my credit, feel free to modify html
  7.  
  8. based on https://capriusun.neocities.org/posts/solposting.html by @3d-gla22e2!
  9.  
  10. -->
  11.  
  12. <!DOCTYPE html>
  13. <html>
  14. <head>
  15.  
  16.  
  17. <meta name="color:Background" content="#f6f6f6"/>
  18. <meta name="color:Text" content="#909090"/>
  19. <meta name="color:Sidebar Text" content="#909090"/>
  20. <meta name="color:Link" content="#B49594"/>
  21. <meta name="color:Top Links" content="#B49594"/>
  22. <meta name="color:Post BG" content="#ffffff"/>
  23. <meta name="color:Sidebar BG" content="#d3d3d3"/>
  24. <meta name="color:Border" content="#e9e9e9"/>
  25. <meta name="color:Accent" content="#B49594">
  26. <meta name="color:Highlight" content="#B49594">
  27. <meta name="color:Username" content="#B49594">
  28. <meta name="color:Follower URL Text" content="#B49594">
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:Sidebar" content=""/>
  32. <meta name="image:Following Icon 1" content=""/>
  33. <meta name="image:Following Icon 2" content=""/>
  34. <meta name="image:Following Icon 3" content=""/>
  35. <meta name="image:Following Icon 4" content=""/>
  36. <meta name="image:Following Icon 5" content=""/>
  37. <meta name="image:Following Icon 6" content=""/>
  38.  
  39. <meta name="if:Show Blog Title" content="1"/>
  40. <meta name="if:Show Description" content="1"/>
  41. <meta name="if:Show Links" content="1"/>
  42. <meta name="if:Show Tags" content="1"/>
  43. <meta name="if:Infinite Scroll" content="1"/>
  44. <meta name="if:Background Repeat" content="1"/>
  45. <meta name="if:Custom Link 1" content="1"/>
  46. <meta name="if:Custom Link 2" content="1"/>
  47. <meta name="if:Custom Link 3" content="1"/>
  48. <meta name="if:Top Link 1" content="1"/>
  49. <meta name="if:Top Link 2" content="1"/>
  50. <meta name="if:Top Link 3" content="1"/>
  51. <meta name="if:Top Link 4" content="1"/>
  52.  
  53. <meta name="if:Following" content="1"/>
  54. <meta name="if:Following Link 1" content="1"/>
  55. <meta name="if:Following Link 2" content="1"/>
  56. <meta name="if:Following Link 3" content="1"/>
  57. <meta name="if:Following Link 4" content="1"/>
  58. <meta name="if:Following Link 5" content="1"/>
  59. <meta name="if:Following Link 6" content="1"/>
  60.  
  61. <meta name="text:username" content="one"/>
  62. <meta name="text:Font Size" content="10px"/>
  63. <meta name="text:Link 1 Title" content="one"/>
  64. <meta name="text:Link 1 url" content="/"/>
  65. <meta name="text:Link 2 Title" content="two"/>
  66. <meta name="text:Link 2 url" content="/"/>
  67. <meta name="text:Link 3 Title" content="three"/>
  68. <meta name="text:Link 3 url" content="/"/>
  69. <!---top links--->
  70. <meta name="text:Top 1 Title" content="one"/>
  71. <meta name="text:Top 1 url" content="/"/>
  72. <meta name="text:Top 2 Title" content="two"/>
  73. <meta name="text:Top 2 url" content="/"/>
  74. <meta name="text:Top 3 Title" content="three"/>
  75. <meta name="text:Top 3 url" content="/"/>
  76. <meta name="text:Top 4 Title" content="four"/>
  77. <meta name="text:Top 4 url" content="/"/>
  78. <!---following urls--->
  79. <meta name="text:Following Title 1" content="one"/>
  80. <meta name="text:Following URL 1" content="one"/>
  81. <meta name="text:Following Title 2" content="two"/>
  82. <meta name="text:Following URL 2" content="two"/>
  83. <meta name="text:Following Title 3" content="three"/>
  84. <meta name="text:Following URL 3" content="three"/>
  85. <meta name="text:Following Title 4" content="four"/>
  86. <meta name="text:Following URL 4" content="four"/>
  87. <meta name="text:Following Title 5" content="five"/>
  88. <meta name="text:Following URL 5" content="five"/>
  89. <meta name="text:Following Title 6" content="six"/>
  90. <meta name="text:Following URL 6" content="six"/>
  91.  
  92. <title>{Title}</title>
  93. <link rel="shortcut icon" href="{Favicon}">
  94. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  95. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  96.  
  97. <style type="text/css">
  98.  
  99. /* TUMBLR CONTROLS */
  100.  
  101. iframe.tmblr-iframe {
  102. z-index:99999999999999!important;
  103. top:0!important;
  104. right:0!important;
  105. opacity:0.4;
  106. /* delete invert(1) from here */
  107. filter:invert(1) contrast(150%);
  108. -webkit-filter:invert(1) contrast(150%);
  109. -o-filter:invert(1) contrast(150%);
  110. -moz-filter:invert(1) contrast(150%);
  111. -ms-filter:invert(1) contrast(150%);
  112. /* to here if your blog has a dark background */
  113. transform:scale(0.65);
  114. transform-origin:100% 0;
  115. -webkit-transform:scale(0.65);
  116. -webkit-transform-origin:100% 0;
  117. -o-transform:scale(0.65);
  118. -o-transform-origin:100% 0;
  119. -moz-transform:scale(0.65);
  120. -moz-transform-origin:100% 0;
  121. -ms-transform:scale(0.65);
  122. -ms-transform-origin:100% 0;}
  123.  
  124. iframe.tmblr-iframe:hover {
  125. opacity:0.6!important;}
  126.  
  127. /* TOOLTIPS */
  128.  
  129. #s-m-t-tooltip{
  130. font-size:8px;
  131. color:#000;
  132. background-color:#fff;
  133. letter-spacing:2px;
  134. min-width:50px;
  135. max-width:200px;
  136. overflow:auto;
  137. text-transform:uppercase;
  138. font-style:italic;
  139. display: none;
  140. position: absolute;
  141. z-index: 999999999999;
  142. padding:5px;
  143. margin:30px 0 15px 10px;
  144. -webkit-transition: all 0.2s ease-in-out;
  145. -moz-transition: all 0.2s ease-in-out;
  146. transition: all 0.2s ease-in-out;}
  147.  
  148. /* SELECTION */
  149.  
  150. ::selection {
  151. color: {color:Accent};
  152. background: {color:Background};
  153. }
  154. ::-moz-selection {
  155. color: {color:Accent};
  156. background: {color:Background};
  157. }
  158.  
  159. #content {
  160. margin-left:30%;
  161. margin-top:30px;
  162. width: 900px; /*changes # of columns*/
  163. float: left;
  164. }
  165.  
  166.  
  167. body {
  168. background-color: {color:background};
  169. font-family: verdana;
  170. font-size: {text:Font Size};
  171. color: {color:text};
  172. background-image: url({image:background});
  173. background-attachment:fixed;
  174. {block:ifbackgroundrepeat}
  175. background-repeat:repeat-x;
  176. background-size: 300px 150px;
  177. background-clip: content-box;
  178. {/block:ifbackgroundrepeat}
  179. {block:ifnotbackgroundrepeat}
  180. background-repeat:no-repeat;
  181. background-size: 100% 150px;
  182. {/block:ifnotbackgroundrepeat}
  183. background-position:top;
  184. }
  185.  
  186. a {
  187. color: {color:link};
  188. text-decoration:none;
  189. }
  190.  
  191. blockquote {
  192. padding-left:5px;
  193. border-left:1px dotted;
  194. color: {color:text};
  195. margin-left:3px;
  196. margin-bottom:5px;
  197. }
  198.  
  199. iframe, img, embed, object, video {
  200. max-width: 100%;
  201. }
  202.  
  203. img {
  204. height: auto;
  205. width: auto;
  206. }
  207.  
  208. #sidebar {
  209. height: 500px;
  210. width: 25%;
  211. margin-top:180px;
  212. padding-top:50px;
  213. padding-left:25px;
  214. position:absolute;
  215. background: {color:sidebar bg};
  216. font-size: {text:Font Size};
  217. font-family:verdana;
  218. text-align:left;
  219.  
  220. }
  221.  
  222. .image {
  223. height: 140px;
  224. width: 140px;
  225. position: absolute;
  226. margin-top: 70px;
  227. margin-left: 40px;
  228. border-width: 5px;
  229. border-radius:50%;
  230. border-style: solid;
  231. border-color: {color:post bg};
  232. z-index: 1;
  233. }
  234.  
  235. .postimage {
  236. height: 40px;
  237. width: 40px;
  238. position: absolute;
  239. margin-left:-55px;
  240. margin-top:0px;
  241. border-radius:50%;
  242. }
  243. .followimage {
  244. height: 40px;
  245. width: 40px;
  246. position: absolute;
  247. right: 300px;
  248. top: 260px;
  249. margin-top:0px;
  250. border-radius:50%;
  251. z-index:2;
  252. }
  253.  
  254.  
  255. .following {
  256. font-family: {select:Font};
  257. font-size: {text:Font Size};
  258. color: {color:text};
  259. width:80%;
  260. padding-left:60px;
  261.  
  262. }
  263.  
  264. #blogtitle {
  265. font-size:1.5em;
  266. color:{color:accent};
  267. font-weight:bolder;
  268. }
  269.  
  270. .description {
  271. padding:4px;
  272. color:{color:Sidebar Text};
  273. }
  274.  
  275.  
  276. #username {
  277. font-size: {text:Font Size};
  278. color:{color:username};
  279. }
  280.  
  281. #navlinks {
  282. margin:4px;
  283. color:{color:username};
  284. }
  285.  
  286. #toplinks{
  287. position:absolute;
  288. margin-top:150px;
  289. margin-left:300px;
  290. font-family: verdana;
  291. font-weight: bold;
  292. font-size:1.5em;
  293. color:{color:top links};
  294. text-transform: capitalize;
  295. z-index: 2;
  296. }
  297.  
  298. #whotofollow{
  299. position:absolute;
  300. right:230px;
  301. top:230px;
  302. font-family: verdana;
  303. font-size:1.5em;
  304. font-weight: 500;
  305. color:{color:username};
  306. text-transform: capitalize;
  307. z-index: 2;
  308. }
  309.  
  310.  
  311. #followtitle{
  312. right:170px;
  313. top:260px;
  314. font-family: verdana;
  315. font-size: 14px;
  316. font-weight: bold;
  317. color: {color:text};
  318. text-transform: capitalize;
  319. position:absolute;
  320. z-index:2;
  321.  
  322. }
  323.  
  324. #followurl{
  325. right:135px;
  326. top:280px;
  327. font-family: verdana;
  328. font-size: 14px;
  329. color: {color:Follower URL Text};
  330. position:absolute;
  331. z-index:2;
  332.  
  333. }
  334.  
  335. #rectangle{
  336. width:100%;
  337. height:40px;
  338. margin-top:140px;
  339. position: absolute;
  340. background:{color:post bg};
  341. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  342. }
  343.  
  344. #featured{
  345. width:320px;
  346. height:260px;
  347. position: absolute;
  348. top:220px;
  349. right:30px;
  350. background:{color:post bg};
  351. border-radius: 10px;
  352. }
  353.  
  354. article {
  355. background: {color:post bg};
  356. margin: 10px;
  357. padding: 8px;
  358. width: 600px;
  359. position: relative;
  360. top: 170px;
  361. left: -10px;
  362. overflow:auto;
  363. border-radius:5px;
  364. }
  365.  
  366. article img {
  367. }
  368.  
  369. .title {
  370. text-align:center;
  371. text-transform:uppercase;
  372. font-family: {select:Title Font};
  373. font-size: {text:Title Font Size};
  374. }
  375.  
  376. .text {
  377. font-family: {select:Font};
  378. font-size: {text:Font Size};
  379. color: {color:text};
  380. width:80%;
  381. padding-left:60px;
  382.  
  383. }
  384.  
  385. .photo {
  386. margin: 10px;
  387. margin-left:60px;
  388. }
  389.  
  390. .photoset {
  391. }
  392.  
  393. .quote {
  394. text-align:center;
  395. }
  396.  
  397. .link {
  398. }
  399.  
  400. .audio {
  401. width:100%;
  402. }
  403.  
  404. .video{
  405. }
  406.  
  407. .video-player {
  408.  
  409. }
  410.  
  411. .answer {
  412. }
  413.  
  414. .ques {
  415. font-weight:bolder;
  416. }
  417.  
  418. .ans {
  419. font-style:italic;
  420. }
  421.  
  422. .chat{
  423. margin-left:-30px;
  424. }
  425.  
  426. .chat span {
  427. float: left;
  428. margin-right: 10px;
  429. }
  430.  
  431. .chat:nth-child(even) {
  432. background:#f9f9f9;
  433. }
  434.  
  435. .odd{
  436. background:#f6f6f6;
  437. }
  438.  
  439.  
  440. #perma {
  441. text-align: center;
  442. position: relative;
  443. text-transform:uppercase;
  444. margin-top:2px;
  445. padding:4px;
  446. font-size: 8px;
  447. {block:PermalinkPage}
  448. display:none;
  449. {/block:PermalinkPage}
  450. }
  451.  
  452. .tumblr_audio_player {
  453. width: 500px;
  454. height: 100px;
  455. overflow: hidden;
  456. position: relative;
  457. z-index: 1000;
  458. }
  459.  
  460. .pagination {
  461. width: 160px;
  462. position: fixed;
  463. text-align: center;
  464. z-index: 10;
  465. padding: 10px 0px;
  466. background-color: {color:sidebar bg};
  467. border-radius: 10px;
  468. left: 90px;
  469. bottom: 50px;}
  470.  
  471. .current_page, .navigation a {
  472. border: 1px solid #000;
  473. padding: 0px 4px;}
  474.  
  475. .navigation a:hover {background-color: #000; color: #fff;}
  476.  
  477.  
  478. {block:ifnotinfinitescroll}
  479. .pagi {
  480. font-size:15px;
  481. font: {select:font};
  482. color: {color:link};
  483. text-align:center;
  484. padding:2px;
  485. padding-top:5px;
  486. }
  487. {/block:ifnotinfinitescroll}
  488.  
  489. {block:ifinfinitescroll}
  490. .pagi {
  491. display:none;
  492. }
  493. {/block:ifinfinitescroll}
  494.  
  495. hr {
  496. width:75%;
  497. border-top:1px solid {color:Borders};
  498. }
  499.  
  500. caption {
  501. margin:10px;
  502. }
  503.  
  504.  
  505. </style>
  506. </head>
  507. <body>
  508. <div id="toplinks"> <a href="{{text:ask link}}" style="color:{color:top links}">Ask</a>&emsp;&emsp;&emsp;&emsp;<a href="{{text:submit link}}" style="color:{color:top links}">Submit</a>&emsp;&emsp;&emsp;&emsp;CSS&emsp;&emsp;&emsp;&emsp;
  509.  
  510. {block:iftoplink1}<a href="{text:top 1 url}" style="color:{color:top links}">{text:top 1 title}</a>{/block:iftoplink1}&emsp;&emsp;&emsp;&emsp;
  511. {block:iftoplink2}<a href="{text:top 2 url}" style="color:{color:top links}">{text:top 2 title}</a>{/block:iftoplink2}&emsp;&emsp;&emsp;&emsp;
  512. {block:iftoplink3}<a href="{text:top 3 url}" style="color:{color:top links}">{text:top 3 title}</a>{/block:iftoplink3}&emsp;&emsp;&emsp;&emsp;
  513. {block:iftoplink4}<a href="{text:top 4 url}" style="color:{color:top links}">{text:top 4 title}</a>{/block:iftoplink4}
  514. </div>
  515.  
  516.  
  517. {block:iffollowing} <div id="whotofollow">Who to follow</div>
  518.  
  519. <!--------FOLLOWERS:
  520.  
  521. You can adjust urls in the main menu, then change the positions of the text through here.
  522.  
  523. --------->
  524. <p><img src="{image:Following Icon 1}" class= "followimage" style="top: 260px; right: 300px"/><div id="followtitle" style="top: 260px; right: 150px">{text:Following Title 1}</div><p><div id="followurl" style="top: 280px; right: 160px">{text:Following URL 1}</div>
  525.  
  526. <p><img src="{image:Following Icon 2}" class= "followimage" style="top:310px"/><div id="followtitle" style="top: 310px; right: 160px">{text:Following Title 2}</div><p><div id="followurl" style="top: 330px; right: 175px">{text:Following URL 2}</div>
  527.  
  528. <p><img src="{image:Following Icon 3}" class= "followimage" style="top:360px"/><div id="followtitle" style="top: 360px; right: 250px">{text:Following Title 3}</div><p><div id="followurl" style="top: 380px; right: 160px">{text:Following URL 3}</div>
  529.  
  530. <p><img src="{image:Following Icon 4}" class= "followimage" style="top:410px"/><div id="followimage" style="top:360px"/><div id="followtitle" style="top: 410px; right: 170px">{text:Following Title 4}</div><p><div id="followurl" style="top: 430px; right: 175px">{text:Following URL 4}</div>
  531.  
  532. <div id="featured"></div>
  533. {/block:iffollowing}
  534.  
  535.  
  536.  
  537. <div id="rectangle"></div>
  538. <img src="{image:Sidebar}" class= "image"/>
  539.  
  540. <div id="sidebar">
  541. {block:ifshowblogtitle}
  542. <div id="blogtitle"><a href="/">{Title}</a></div><div id="username"> {text:username}</div>
  543. {/block:ifshowblogtitle}
  544. {block:ifshowdescription}
  545. <div class="description">{Description}</div>
  546. {/block:ifshowdescription}
  547. {block:ifshowlinks}
  548. <div id="navlinks">
  549. <a href="{text:ask link}">ask</a>
  550. <br><a href="/archive">archive</a>
  551. <br>{block:ifcustomlink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:ifcustomlink1}
  552. <br>{block:ifcustomlink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:ifcustomlink2}
  553. <br>{block:ifcustomlink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:ifcustomlink3}
  554. <br><a href="https://infini-themes.tumblr.com" title="theme by infini-themes">theme</a>
  555. </div>
  556. {/block:ifshowlinks}
  557.  
  558. {block:Pagination}
  559. <div class="pagination">
  560. <div class="pagi">
  561. {block:PreviousPage}<a href="{PreviousPage}"><i class="fas fa-chevron-left"></i></a>{/block:PreviousPage}
  562. {block:NextPage}<a href="{NextPage}"><i class="fas fa-chevron-right"></i></a>{/block:NextPage}
  563. </div></div>
  564. {/block:Pagination}
  565. </div>
  566. <nav>
  567. <ul>
  568. {block:HasPages}
  569. {block:Pages}
  570. <li> <a href="{URL}">{Label}</a></li>
  571. {/block:Pages}
  572. {/block:HasPages}
  573. </ul>
  574. </nav>
  575.  
  576. <div id="content">
  577. {block:Posts}
  578. <article>
  579. {block:Text}
  580. <div class="text">
  581. <img src="{image:Sidebar}" class= "postimage"/><b>{BlogTitle}</b><span id="username"> {text:username}</span>
  582. {block:Title}<h1 class="title">
  583. <a href="{Permalink}">{Title}</a>
  584. </h1>
  585. {/block:Title}
  586.  
  587. {Body}
  588. {/block:Text}
  589.  
  590. {block:Photo}
  591. <div class="photo">
  592. <img src="{image:Sidebar}" class= "postimage"/><b>{BlogTitle}</b><span id="username"> {text:username}</span><p>
  593. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  594. {block:Caption}{Caption}{/block:Caption}
  595. {/block:Photo}
  596.  
  597. {block:Photoset}
  598. <div class="photoset" style=" margin: 10px; margin-left:60px;">
  599. <img src="{image:Sidebar}" class= "postimage"/><b>{BlogTitle}</b><span id="username"> {text:username}</span><p>
  600. {block:IndexPage}
  601. {Photoset-500}
  602. {/block:IndexPage}
  603. {block:PermalinkPage}
  604. {Photoset-500}
  605. {/block:PermalinkPage}
  606. {block:Caption}{Caption}{/block:Caption}
  607. {/block:Photoset}
  608.  
  609. {block:Quote}
  610. <div class="quote" style="margin: 10px; margin-left:60px;">
  611. <img src="{image:Sidebar}" class= "postimage"/><b>{BlogTitle}</b><span id="username">{text:username}</span><p>
  612. ❝ {Quote} ❞
  613. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  614. {/block:Quote}
  615.  
  616. {block:Link}
  617. <div class="link" style="margin: 10px; margin-left:60px;">
  618. <img src="{image:Sidebar}" class= "postimage"/><b>{BlogTitle}</b><span id="username">{text:username}</span><p>
  619. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  620. {block:Description}{Description}{/block:Description}
  621. {/block:Link}
  622.  
  623. {block:Chat}
  624. <div class="chat" style="margin: 10px; margin-left:60px;">
  625. <img src="{image:Sidebar}" class= "postimage"/><b>{BlogTitle}</b><span id="username">{text:username}</span><p>
  626. <ul>
  627. {block:Lines}
  628. <div class="{Alt} user_{UserNumber}">
  629. {block:Label}
  630. <b>{Label}</b>{/block:Label}
  631. {Line}
  632. </div>
  633. {/block:Lines}
  634. </ul>
  635. {/block:Chat}
  636.  
  637. {block:Audio}
  638. <div class="audio" style="margin: 10px; margin-left:60px;">
  639. <img src="{image:Sidebar}" class= "postimage"/><b>{BlogTitle}</b><span id="username">{text:username}</span><p>
  640. {block:AlbumArt}
  641. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  642. {/block:AlbumArt}
  643.  
  644. {block:AudioEmbed}
  645. {AudioEmbed}
  646. {/block:AudioEmbed}<br>
  647.  
  648. {block:TrackName}
  649. <b>track:</b> {TrackName}
  650. {/block:TrackName}</span><br>
  651. {block:Artist}
  652. <b>artist:</b> {Artist}
  653. {/block:Artist}
  654. {block:Caption}
  655. {Caption}
  656. {/block:Caption}
  657. {/block:Audio}
  658.  
  659. {block:Video}
  660. <div class="video" style="margin: 10px; margin-left:60px;">
  661. <img src="{image:Sidebar}" class= "postimage"/><b>{BlogTitle}</b><span id="username">{text:username}</span><p>
  662. <div class="video-player">{Video-500}</div>
  663. {block:Caption}{Caption}{/block:Caption}
  664. {/block:Video}
  665.  
  666. {block:Answer}
  667. <div class="answer" style=" margin: 10px; margin-left:60px;">
  668. <img src="{image:Sidebar}" class= "postimage"/><b>{BlogTitle}</b><span id="username"> {text:username}</span><p>
  669. {Asker} asked: <b><div class="ques">{Question}</div></b>
  670. <div class="ans">{Answer}</div>
  671. {/block:Answer}
  672. </div>
  673.  
  674. <div id="perma">
  675.  
  676. <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"><i class="fas fa-retweet"></i></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:11px;" title="{block:Tags}#{Tag} {/block:Tags}"><i class="fas fa-hashtag"></i></a>{block:HasTags} {block:ifShowTags}
  677.  
  678. </div>
  679.  
  680.  
  681. {block:PermalinkPage}
  682. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  683. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  684. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  685. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  686. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  687. </div></div>
  688. {/block:PermalinkPage}
  689. </footer>
  690. </article>
  691. {/block:Posts}
  692. </div>
  693.  
  694. <!-- SCRIPTS -->
  695.  
  696. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
  697. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  698. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  699. {block:IfInfiniteScroll}
  700. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  701. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  702. {/block:IfInfiniteScroll}
  703.  
  704. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  705. <script>
  706. (function($){
  707. $(document).ready(function(){
  708. $("[title]").style_my_tooltips({
  709. tip_follows_cursor:true,
  710. tip_delay_time:0,
  711. tip_fade_speed:0
  712. }
  713. );
  714. });
  715. })(jQuery);
  716. </script>
  717.  
  718.  
  719. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.js"></script>
  720. <script>
  721. SmoothScroll({
  722. // Scrolling Core
  723. animationTime : 700, // [ms]
  724. stepSize : 100, // [px]
  725. // Acceleration
  726. accelerationDelta : 50, // 50
  727. accelerationMax : 3, // 3
  728. // Keyboard Settings
  729. keyboardSupport : true, // option
  730. arrowScroll : 100, // [px]
  731. // Pulse (less tweakable)
  732. // ratio of "tail" to "acceleration"
  733. pulseAlgorithm : true,
  734. pulseScale : 4,
  735. pulseNormalize : 1,
  736. // Other
  737. touchpadSupport : false, // ignore touchpad by default
  738. fixedBackground : false,
  739. excluded : ''
  740. });
  741. </script>
  742.  
  743. <a href="https://infini-themes.tumblr.com" title="theme by infini-themes." style="position:fixed;font-size:18px;bottom:3px;right:5px;">
  744. <i class="fas fa-signature"></i>
  745. </a>
  746.  
  747. </body>
  748.  
  749.  
  750. </html>
Advertisement
Add Comment
Please, Sign In to add comment