API tools faq
paste
mhango

Felicity Theme

mhango
Aug 25th, 2015 (edited)
613
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.25 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6.  
  7. <!--
  8. Theme: Felicity by mhango
  9.  
  10. Credits to
  11. @buildthemes for the base code
  12. @painthemes for the scroll to top
  13. flaticon.com for the icons
  14. fonts.google.com for the fonts
  15.  
  16. Rules: - don't reupload or claim as your own
  17. - never remove the credit!!!
  18. - thievery will be reported immediately
  19.  
  20. -->
  21.  
  22. <meta name="color:Background" content="#ffffff" />
  23. <meta name="color:Text" content="#000000" />
  24. <meta name="color:Links" content="#f2992e" />
  25. <meta name="color:Link Hover" content="#fcebd5" />
  26. <meta name="color:Sidebar background" content="#ffffff" />
  27. <meta name="color:Sidebar links" content="#000000" />
  28. <meta name="color:Sidebar text" content="#000000" />
  29. <meta name="color:Post Background" content="#ffffff" />
  30. <meta name="color:Borders" content="#dddddd" />
  31. <meta name="color:Tooltip Borders" content="#dddddd" />
  32. <meta name="color:Tooltip Bg" content="#dddddd" />
  33. <meta name="color:Navigation Hover" content="#fcebd5" />
  34. <meta name="color:Notes Background" content="#dddddd" />
  35. <meta name="color:Text Highlight" content="#bbbbbb" />
  36.  
  37. <meta name="font:Body Font" content='Avalon'/>
  38.  
  39.  
  40. <meta name="if:Show Banner" content="0"/>
  41. <meta name="if:Cute Title" content="1"/>
  42. <meta name="if:Post Border" content="1"/>
  43. <meta name="if:Sidebar Border" content="0"/>
  44.  
  45. <meta name="image:Background" content="" />
  46. <meta name="image:Sidebar BG" content="" />
  47. <meta name="image:Banner" content="" />
  48.  
  49. <meta name="text:home title" content="home" />
  50. <meta name="text:ask title" content="ask" />
  51. <meta name="text:submit title" content="submit" />
  52. <meta name="text:archive title" content="archive" />
  53. <meta name="text:link 1 title" content="" />
  54. <meta name="text:link 1" content="" />
  55. <meta name="text:link 2 title" content="" />
  56. <meta name="text:link 2" content="" />
  57. <meta name="text:link 3 title" content="" />
  58. <meta name="text:link 3" content="" />
  59. <meta name="text:link 4 title" content="" />
  60. <meta name="text:link 4" content="" />
  61.  
  62. <link href='https://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
  63.  
  64.  
  65. {block:Description}
  66. <meta name="description" content="{MetaDescription}" />
  67. {/block:Description}
  68.  
  69. <meta charset="utf-8">
  70.  
  71. <title>{Title}</title>
  72.  
  73. <link rel="shortcut icon" href="{Favicon}">
  74.  
  75. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  76.  
  77. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  78.  
  79. <style type="text/css">
  80.  
  81.  
  82. body {
  83. background: {color:Background} url('{image:Background}');
  84. background-attachment:fixed;
  85. background-repeat:repeat;
  86. color: {color:text};
  87. font-family: {font:body font};
  88. font-size: 12px;
  89. margin: 0;
  90. padding: 0;
  91. }
  92.  
  93. a:link, a:active, a:visited {
  94. color: {color:links};
  95. text-decoration: none;
  96. -webkit-transition: all 0.5s ease-in-out;
  97. -moz-transition: all 0.5s ease-in-out;
  98. -o-transition: all 0.5s ease-in-out;
  99. -ms-transition: all 0.5s ease-in-out;
  100. transition: all 0.5s ease-in-out;
  101. }
  102.  
  103. a:hover{
  104. color:{color:link hover};
  105. -webkit-transition: all 0.5s ease-in-out;
  106. -moz-transition: all 0.5s ease-in-out;
  107. -o-transition: all 0.5s ease-in-out;
  108. -ms-transition: all 0.5s ease-in-out;
  109. transition: all 0.5s ease-in-out;}
  110.  
  111. blockquote {
  112. background: {color:background};
  113. border-left: 1px solid {color:borders};
  114. margin: 0;
  115. padding: 2%;
  116. }
  117.  
  118. iframe, img, embed, object, video {
  119. max-width: 100%;
  120. }
  121.  
  122. img {
  123. height: auto;
  124. width: auto;
  125. }
  126.  
  127.  
  128. #s-m-t-tooltip {
  129. font-size: 11px;
  130. color:{color:text};
  131. background-color:{color:tooltip bg};
  132. text-align: center;
  133. min-width:50px;
  134. max-width:150px;
  135. border: 1px solid {color:tooltip borders};
  136. overflow:auto;
  137. position: absolute;
  138. z-index: 999999999999;
  139. padding: 3px; /* padding */
  140. box-shadow:0px 0px rgba(0,0,0,0.2);
  141. -webkit-transition: all 0.2s ease-in-out;
  142. -moz-transition: all 0.2s ease-in-out;
  143. transition: all 0.2s ease-in-out;
  144. margin:20px 0px 15px 10px; /* margin size */
  145. z-index:999999999999;
  146.  
  147. }
  148.  
  149. ::-webkit-scrollbar-thumb{
  150. background-color: {color:text};
  151. border: 3px solid {color:background};
  152. height:auto;
  153. -moz-border-radius: 10px;
  154. border-radius: 0px;
  155. }
  156.  
  157. ::-webkit-scrollbar {
  158. height:auto;
  159. width:9px;
  160. background-color: {color:text};
  161. border: 4px solid {color:background};
  162. }
  163.  
  164. ::-moz-selection {
  165. background: {color:Text highlight};
  166. color: #000;
  167. }
  168. ::selection {
  169. background: {color:Text highlight};
  170. color: #000;
  171. }
  172.  
  173.  
  174. .postinfo {
  175. {block:IndexPage}
  176. opacity: 0.0;
  177. position: absolute;
  178. top: 0px;
  179. left: 0px;
  180. {/block:IndexPage}
  181. padding: 8px 3px 3px 8px;
  182. width: 50px;
  183. background-color: transparent;
  184. -moz-transition-duration: 0.5s;
  185. -o-transition-duration: 0.5s;
  186. -webkit-transition-duration: 0.5s;
  187. transition-duration: 0.5s;}
  188.  
  189. {block:IndexPage}
  190. .photo:hover .postinfo {opacity: 1.0;
  191. background-color:rgba(255,255,255,0.7);
  192. -moz-transition-duration: 0.5s;
  193. -o-transition-duration: 0.5s;
  194. -webkit-transition-duration: 0.5s;
  195. transition-duration: 0.5s;}
  196. {/block:IndexPage}
  197.  
  198. {block:IndexPage}
  199. .photoset:hover .postinfo {opacity: 1.0;
  200. background-color:rgba(255,255,255,0.7);
  201. -moz-transition-duration: 0.5s;
  202. -o-transition-duration: 0.5s;
  203. -webkit-transition-duration: 0.5s;
  204. transition-duration: 0.5s;}{/block:IndexPage}
  205.  
  206. .postinfo img {
  207. width:20px;
  208. }
  209.  
  210. .notebox {
  211. text-align:center;background-color:{color:Notes Background};border:1px solid #000; padding: 5px; margin-top:2px;
  212. }
  213.  
  214. .notebox a {
  215. color:#000;
  216. }
  217.  
  218.  
  219. #content {
  220.  
  221. left:50%;
  222. {block:indexpage}
  223.  
  224. margin-left: -255px;
  225. margin-top:20px;
  226. width: 750px;{/block:indexpage}
  227.  
  228. {block:permalinkpage}
  229. margin-left:-230px;
  230. width:400px;
  231. margin-top:50px;
  232. {/block:permalinkpage}
  233. float: left;
  234. position:absolute;
  235.  
  236.  
  237. }
  238.  
  239.  
  240.  
  241. .post {
  242. background: {color:Post Background};
  243. margin: 12px;
  244. padding: 5px 5px 3px 5px;
  245. width: 28%;
  246. {block:ifpostborder}
  247. border:1px solid {color:borders};
  248. {/block:ifpostborder}
  249.  
  250. {block:ifnotpostborder}
  251. border:none;
  252. {/block:ifnotpostborder}
  253.  
  254. {block:PermalinkPage}
  255. width:400px;
  256. height:auto;
  257. {/block:PermalinkPage}
  258. }
  259.  
  260. /*sidebar/Sidebar*/
  261. #sidebar {
  262. background: {color:sidebar background} url('{image:sidebar bg}');
  263. padding-top: 20px;
  264. padding-bottom: 10px;
  265. padding-right:5px;
  266. padding-left: 5px;
  267. color: {color:sidebar text};
  268. width: 200px;
  269. float:left;
  270. line-height:14px;
  271.  
  272. right: 50%;
  273. margin-right:280px;
  274.  
  275. top: 200px;
  276. position:fixed;
  277. {block:ifnotsidebarborder}
  278. border:none;
  279. {/block:ifnotsidebarborder}
  280. {block:ifsidebarborder}
  281. border:1px solid {color:borders};
  282. {/block:ifsidebarborder}
  283. }
  284.  
  285. #sidebar a {
  286. color: {color:sidebar links};
  287. }
  288.  
  289. #header {
  290. text-align:center;
  291.  
  292. }
  293.  
  294. .blogtitle {
  295. padding-top:0px;
  296. font-size:22px;
  297. font-weight:normal;
  298. font-family: {font:body font};
  299. }
  300.  
  301. .blogtitle a:hover{
  302. background:{color:navigation hover};}
  303.  
  304. .blogtitle2 {
  305. padding-top:0px;
  306. font-size:26px;
  307. font-weight:normal;
  308. font-family: 'Coming Soon', cursive;
  309. }
  310.  
  311. .blogtitle2 a:hover{
  312. background:{color:navigation hover};}
  313.  
  314. .navigation {
  315. text-align:center;
  316. border:none;
  317. text-transform:uppercase;
  318. }
  319.  
  320.  
  321. .navigation a{
  322. padding:2px 4px 2px 4px;
  323. line-height:150%;
  324. }
  325.  
  326.  
  327. .navigation a:hover{
  328. background:{color:navigation hover};
  329. }
  330.  
  331.  
  332. nav li {
  333. display: inline;
  334. }
  335.  
  336.  
  337. .title {
  338. padding-top:0px;
  339. font-size:18px;
  340. font-weight:normal;
  341. }
  342.  
  343. .title a {
  344. color:{color:text};
  345. }
  346.  
  347. .text {
  348. padding: 2px;
  349. }
  350.  
  351. .text a {
  352. max-width:100%;
  353. }
  354.  
  355. .text img {
  356. width:96%;
  357. text-align:center;
  358. margin:auto;
  359. }
  360.  
  361. .asker {
  362. color:{color:link};
  363. font-weight:700;
  364. }
  365.  
  366. .quoteyo {
  367. font-size:13px;
  368. }
  369.  
  370. .quotesource {
  371. padding-top:5px;
  372. }
  373.  
  374. .chat {
  375. padding:8px;
  376. }
  377.  
  378. .chat .label {
  379. font-weight:700;
  380. }
  381.  
  382. .chat span {
  383. float: left;
  384. margin-right: 1%;
  385. }
  386.  
  387. #notes {
  388. display:inline-block;
  389. }
  390.  
  391. #notes img {
  392. display:inline-block;
  393. }
  394.  
  395. .notes {
  396. clear: both;
  397. padding: 0;
  398. }
  399.  
  400. ol.notes {
  401. list-style-type:none;
  402. line-height:150%;
  403. padding:0px;
  404. margin 0px 0px;
  405. border-bottom:solid 1px {color:borders};
  406. }
  407.  
  408. ol.notes li.note {
  409. border-top:1px solid {color:borders};
  410. padding:5px;
  411. }
  412.  
  413. ol.notes li.note img {
  414. padding:0px !important;
  415. }
  416.  
  417. ol.notes li.note img.avatar {
  418. vertical-align:-4px;
  419. margin-right:5px;
  420. width:16px;
  421. height:16px;
  422. }
  423.  
  424. #tags {
  425. text-align:left;
  426. opacity: 1;
  427. }
  428.  
  429. /*
  430. #tags {
  431. margin:4px;
  432. text-align:right;
  433. opacity: .8;
  434. -moz-opacity: .8;
  435. filter: alpha(opacity = 80);
  436. -webkit-transition: all 0.4s ease-in-out;
  437. -moz-transition: all 0.4s ease-in-out;
  438. -o-transition: all 0.4s ease-in-out;
  439. -ms-transition: all 0.4s ease-in-out;
  440. transition: all 0.4s ease-in-out;
  441. }
  442. */
  443.  
  444. #tags, nav ul, .chat ul {
  445. list-style: none;
  446. list-style-image: none;
  447. margin: 0;
  448. padding: 0;
  449. }
  450. #tags li {
  451. float: left;
  452. margin-right: 1%;
  453. }
  454.  
  455.  
  456. .caption {
  457. margin:10px 0px 0px 20px;
  458. }
  459.  
  460. .caption ul {
  461. list-style: none;
  462. list-style-image: none;
  463. margin: 0;
  464. padding: 0;
  465. line-height:150%;
  466. }
  467.  
  468. .infoheading {
  469. font-weight:700;
  470. color:{color:text};
  471. -moz-osx-font-smoothing:grayscale;
  472. -webkit-font-smoothing:antialiased;
  473. font-smoothing:antialiased;
  474. }
  475.  
  476. .metadata {
  477. display: inline-block;
  478. width: 100%;
  479. }
  480.  
  481. .notecount {
  482. float: right;
  483. }
  484.  
  485. .reblogged {
  486. float: right;
  487. margin: 3% 0;
  488. width: 100%;
  489. }
  490.  
  491. .sourcesxxx {
  492. filter:alpha(opacity=0);
  493. opacity:0;
  494. }
  495.  
  496. #important{
  497. bottom:4px;
  498. left:4px;
  499. font-size:10px;
  500. position:fixed;
  501. font-family:'calibri';
  502. }
  503.  
  504. #important a {
  505. color:#777;
  506. }
  507.  
  508. {CustomCSS}
  509.  
  510. </style>
  511.  
  512. </head>
  513.  
  514. <body>
  515.  
  516.  
  517. <header id="sidebar">
  518. <!- margin:10px;
  519. }-Details: portrait (optional), title and description-->
  520. <div id="header">
  521. {block:ifnotshowbanner}
  522.  
  523.  
  524. {block:ifnotcutetitle}<div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifnotcutetitle}
  525. {block:ifcutetitle}
  526. <div class="blogtitle2"><a href="/">{Title}</a></div>
  527. {/block:ifcutetitle}<br>
  528. {/block:ifnotshowbanner}
  529.  
  530.  
  531. {block:ifshowbanner} <a href="/"><img src="{image:banner}" width="245px"></a>{/block:ifshowbanner}
  532.  
  533. {block:Description}
  534. <p>{Description}</p>
  535. {block:Description}
  536. </div>
  537.  
  538.  
  539. <div class="navigation">
  540. {block:ifhometitle} <a href="/">{text:home title}</a>&nbsp;&nbsp;{/block:ifhometitle}
  541. {block:ifasktitle}
  542. <a href="/ask">{text:ask title}</a>&nbsp;&nbsp;
  543. {/block:ifasktitle}
  544. {block:ifsubmittitle}
  545. <a href="/submit">{text:Submit title}</a>&nbsp;&nbsp;{/block:ifsubmittitle}
  546. {block:ifarchivetitle}
  547. <a href="/archive">{text:archive title}</a>&nbsp;&nbsp;{/block:ifarchivetitle}
  548. {block:iflink1}<a href="{text:link 1}">{text:link 1 title}</a>&nbsp;&nbsp;{/block:iflink1}
  549. {block:iflink2}<a href="{text:link 2}">{text:link 2 title}</a>&nbsp;&nbsp;{/block:iflink2}
  550. {block:iflink3}<a href="{text:link 3}">{text:link 3 title}</a>&nbsp;&nbsp;{/block:iflink3}
  551. {block:iflink4}<a href="{text:link 4}">{text:link 4 title}</a>&nbsp;&nbsp;{/block:iflink4}
  552.  
  553. <!-- {block:HasPages}
  554. {block:Pages}
  555. <a href="{URL}">{Label}</a>
  556. {/block:Pages}
  557. {/block:HasPages}-->
  558. <a href="https://mhango.tumblr.com">theme</a></div>
  559.  
  560. <!--Search form (optional)-->
  561.  
  562. </header>
  563.  
  564. <div id="content">
  565.  
  566. {block:Posts}
  567.  
  568. {block:ContentSource}<!-- {SourceURL}
  569. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  570. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  571. {/block:ContentSource}
  572.  
  573. <!-- {block:NoRebloggedFrom}
  574. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  575. {/block:NoRebloggedFrom} -->
  576.  
  577. <div class="post">
  578.  
  579. {block:Text}
  580.  
  581. <div class="text">
  582. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  583. <div class="textbody">{Body}</div>
  584. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  585. {/block:indexpage}
  586. </div>
  587. {/block:Text}
  588.  
  589. {block:Photo}
  590. <div class="photo">
  591. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  592. {block:indexpage}<div class="postinfo"><a href="{ReblogURL}" target="_blank"><img src="https://static.tumblr.com/qqwi01i/7IDmlddc5/refresh-32.png" width="16px"></a> &nbsp;
  593. <a href="{Permalink}"><img src="https://static.tumblr.com/qqwi01i/d1nmlddfq/link-2-32.png" width="16px"></a></div>
  594. {/block:indexpage}
  595. </div>
  596. {/block:Photo}
  597.  
  598. {block:Photoset}
  599.  
  600. <div class="photoset">
  601. {block:IndexPage}
  602.  
  603. {block:Photos}
  604. <a href="{permalink}"><img src="{PhotoURL-500}" width="218px"/></a>
  605. {/block:Photos}
  606. <div class="postinfo"><a href="{ReblogURL}" target="_blank"><img src="https://static.tumblr.com/qqwi01i/7IDmlddc5/refresh-32.png" width="16px"></a> &nbsp;
  607. <a href="{Permalink}"><img src="https://static.tumblr.com/qqwi01i/d1nmlddfq/link-2-32.png" width="16px"></a></div>
  608.  
  609. {/block:IndexPage}
  610. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  611. </div>
  612. {/block:Photoset}
  613.  
  614. {block:Quote}
  615.  
  616. <div class="text">
  617. <div class="quoteyo">{Quote}</div>
  618. <div class="quotesource">{block:Source}- {Source}{/block:Source}</div>
  619. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  620. {/block:indexpage}
  621. </div>
  622. {/block:Quote}
  623.  
  624. {block:Link}
  625. <div class="text">
  626. <div class="title"><a href="{URL}">{Name}</a></div>
  627. {block:Description}{Description}{/block:Description}
  628. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  629. {/block:indexpage}
  630. </div>
  631. {/block:Link}
  632.  
  633. {block:Chat}
  634.  
  635. <div class="chat">
  636. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  637. <ul>
  638. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  639. </ul>
  640. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  641. {/block:indexpage}
  642. </div>
  643. {/block:Chat}
  644.  
  645. {block:Audio}
  646.  
  647. <div class="audio">{block:TrackName}{TrackName} by{/block:TrackName} {block:Artist}{Artist} <br><br>{/block:Artist}
  648. {AudioPlayerGrey}
  649. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  650. {/block:indexpage}
  651. </div>
  652. {/block:Audio}
  653.  
  654. {block:Video}
  655.  
  656. <div class="video">
  657. <div class="video-player">{Video-500}</div>
  658. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  659. {/block:indexpage}
  660. </div>
  661. {/block:Video}
  662.  
  663. {block:Answer}
  664.  
  665. <div class="text">
  666. <p><div style="border-bottom: 1px solid {color:borders};"><span class="asker">{Asker} said:</span> {Question}</p></div>
  667. {Answer}
  668. {block:indexpage}<div class="notebox"><a href="{permalink}">{notecountwithlabel} </a> / <a href="{ReblogURL}">reblog</a></a></div>
  669. {/block:indexpage}
  670. </div>
  671. {/block:Answer}
  672.  
  673.  
  674. <footer class="details">
  675. {block:PermalinkPage}
  676. <div class="caption">
  677. {block:caption}{Caption}{/block:caption}
  678. {block:Date}
  679. <ul>
  680. {block:HasTags}<li><div id="tags"><span class="infoheading">Tagged with:</span> {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div></li>{/block:HasTags}
  681. <li><span class="infoheading">Posted:</span> {timeago}</li>
  682. {block:NoteCount}<li><span class="infoheading">Notecount:</span> {notecount}</li>{/block:NoteCount}
  683. {block:RebloggedFrom}<li><span class="infoheading">Via:</span> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></li>{/block:RebloggedFrom}
  684. {block:ContentSource}<li><span class="infoheading">Source:</span> <a href="{SourceURL}" target="_blank">{SourceTitle}</a></li>{/block:ContentSource}
  685. </ul>
  686. {/block:Date}
  687. {block:PostNotes}<div id="notes">{PostNotes-16}</div>{/block:PostNotes}
  688. </div>
  689. {/block:PermalinkPage}</footer>
  690.  
  691. </div>
  692.  
  693. {/block:Posts}
  694.  
  695. </div>
  696.  
  697. {block:Pagination}
  698.  
  699. <div class="pagination">
  700. {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
  701. {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage}
  702. </div>
  703.  
  704. {/block:Pagination}
  705.  
  706.  
  707. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded -->
  708.  
  709. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  710. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  711.  
  712. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  713. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  714.  
  715.  
  716. <!-- tooltip script -->
  717.  
  718. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  719.  
  720. <script>
  721.  
  722. (function($){
  723.  
  724. $(document).ready(function(){
  725.  
  726. $("[title]").style_my_tooltips({
  727.  
  728. tip_follows_cursor:true,
  729.  
  730. tip_delay_time:100,
  731.  
  732. tip_fade_speed:250,
  733.  
  734. attribute:"title"
  735.  
  736. });
  737.  
  738. });
  739.  
  740. })(jQuery);
  741.  
  742. </script>
  743.  
  744.  
  745. <!--Code for infinite scroll and grid layout -->
  746.  
  747. <script>
  748. (function() {
  749. var $tumblelog = $('#content');
  750.  
  751. $tumblelog.infinitescroll({
  752. navSelector : ".pagination",
  753. nextSelector : ".pagination a:first",
  754. itemSelector : ".post",
  755. bufferPx : 50,
  756. done : "",
  757. loading: {
  758. img : "",
  759. msgText: ""
  760. },
  761. },
  762. function( newElements ) {
  763. var $newElems = $( newElements ).css({ opacity: 0 });
  764. $newElems.imagesLoaded(function(){
  765. $newElems.animate({ opacity: 1 });
  766. $tumblelog.masonry( 'appended', $newElems);
  767. });
  768. }
  769. );
  770.  
  771. $tumblelog.imagesLoaded( function(){
  772. $tumblelog.masonry({
  773. columnWidth: function( containerWidth ) {
  774. return containerWidth / 100;
  775. }
  776. });
  777. });
  778. })();
  779. </script>
  780.  
  781. <script type="text/javascript" src="https://static.tumblr.com/kjtbii3/RQJmuycrq/scrolltotop.js"></script>
  782.  
  783.  
  784. <!-- Ok if you dare to remove this part I'll report your blog and do everything that it will get deleted. Removing this credit will be seen as thievery so you'll better not. And tbh it's not even that visible so calm down and just let it be there okk? xx -->
  785. <div id="important"><a href="https://mhango.tumblr.com" target="_blank" title="theme by mhango">THEME</a></div>
  786.  
  787.  
  788. </body>
  789.  
  790.  
  791. </html>
  792.  
  793.  
Add Comment
Please, Sign In to add comment
Public Pastes
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!