API tools faq
paste
mhango

Euphoria Theme

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