API tools faq
paste
mhango

Acoustic Theme

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