API tools faq
paste
mhango

Eloquence Theme

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