API tools faq
paste
mhango

Delight Theme

mhango
Jul 22nd, 2016 (edited)
905
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5.  
  6. <!--
  7.  
  8.  
  9. Theme: Delight by mhango
  10. Version: 2.1 (9th January 2021)
  11.  
  12. Credits to
  13. @buildthemes for the base code
  14. @themekid for the pop-ups
  15. @painthemes for the scroll to top
  16. fontawesome.com for the icons
  17. fonts.google.com for the fonts
  18.  
  19. Rules: - don't reupload or claim as your own
  20. - never remove the credit!!!
  21. - thievery will be reported immediately
  22. - don't take/use parts of the theme
  23.  
  24. -->
  25.  
  26. <meta name="color:Background" content="#ffffff" />
  27. <meta name="color:Text" content="#000000" />
  28. <meta name="color:Link" content="#dca69c" />
  29. <meta name="color:Link Hover" content="#b08780" />
  30. <meta name="color:Perma Button Text" content="#ffffff" />
  31. <meta name="color:Perma Button Background" content="#f0bfb6" />
  32. <meta name="color:Borders" content="#f6d9d3" />
  33. <meta name="color:Post Shadow" content="#f6d9d3" />
  34. <meta name="color:Blog Borders" content="#f6d9d3" />
  35. <meta name="color:Tooltip Bg" content="#f6d9d3" />
  36. <meta name="color:Tooltip Borders" content="#f6d9d3" />
  37. <meta name="color:Text Highlight" content="#fcf2f0" />
  38. <meta name="image:Background" content=""/>
  39.  
  40. <meta name="if:Blog Borders" content="1" />
  41. <meta name="if:Post Shadow" content="1" />
  42. <meta name="if:Ask Popup" content="1" />
  43. <meta name="if:Navigation Popup" content="1" />
  44. <meta name="if:Hover Tab" content="1" />
  45.  
  46. <meta name="text:Hover Tab Heading" content="UPDATES" />
  47. <meta name="text:Hover Tab Text" content="Your updates go here. Write whatever you want." />
  48.  
  49. <meta name="text:Home label" content="home" />
  50. <meta name="text:Ask label" content="mail" />
  51. <meta name="text:Ask url" content="/ask" />
  52. <meta name="text:Archive label" content="archive" />
  53. <meta name="text:Links label" content="navigation" />
  54. <meta name="text:Links url" content="/" />
  55. <meta name="text:Archive label" content="navigation" />
  56.  
  57. <meta name="text:Popup FAQ heading" content="FAQ" />
  58. <meta name="text:Popup Askbox heading" content="INBOX" />
  59. <meta name="text:Popup I will heading" content="Things I'll do" />
  60. <meta name="text:Popup I will 1" content="i will one" />
  61. <meta name="text:Popup I will 2" content="i will two" />
  62. <meta name="text:Popup I will 3" content="i will three" />
  63. <meta name="text:Popup I wont heading" content="Things I won't do" />
  64. <meta name="text:Popup I wont 1" content="i won't one" />
  65. <meta name="text:Popup I wont 2" content="i won't two" />
  66. <meta name="text:Popup I wont 3" content="i won't three" />
  67. <meta name="text:Popup Unfollow reason heading" content="Why I unfollowed" />
  68. <meta name="text:Popup Unfollow reason 1" content="unfollow reason one" />
  69. <meta name="text:Popup Unfollow reason 2" content="unfollow reason two" />
  70. <meta name="text:Popup Unfollow reason 3" content="unfollow reason three" />
  71.  
  72. <meta name="text:Popup links heading" content="LINKS" />
  73. <meta name="text:Popup link 1 url" content="/" />
  74. <meta name="text:Popup link 1 text" content="link name" />
  75. <meta name="text:Popup link 2 url" content="/" />
  76. <meta name="text:Popup link 2 text" content="link name" />
  77. <meta name="text:Popup link 3 url" content="/" />
  78. <meta name="text:Popup link 3 text" content="link name" />
  79. <meta name="text:Popup tags heading" content="TAGS" />
  80. <meta name="text:Popup tag 1 url" content="/" />
  81. <meta name="text:Popup tag 1 text" content="tag name" />
  82. <meta name="text:Popup tag 2 url" content="/" />
  83. <meta name="text:Popup tag 2 text" content="tag name" />
  84. <meta name="text:Popup tag 3 url" content="/" />
  85. <meta name="text:Popup tag 3 text" content="tag name" />
  86.  
  87.  
  88. <meta name="select:Body Font" content="'Avalon', Helvetica, Arial, sans-serif" title="Avalon">
  89. <meta name="select:Body Font" content="'Calibri', Helvetica, Arial, sans-serif" title="Calibri">
  90. <meta name="select:Body Font" content="'Gudea', Helvetica, Arial, sans-serif" title="Gudea">
  91. <meta name="select:Body Font" content="'Imprima', Helvetica, Arial, sans-serif" title="Imprima">
  92. <meta name="select:Body Font" content="'Karla', Helvetica, Arial, sans-serif" title="Karla">
  93. <meta name="select:Body Font" content="'Lato', Helvetica, Arial, sans-serif" title="Lato">
  94. <meta name="select:Body Font" content="'Lora', Times New Roman, Times, serif" title="Lora">
  95. <meta name="select:Body Font" content="'Muli', Helvetica, Arial, sans-serif" title="Muli">
  96. <meta name="select:Body Font" content="'Quicksand', Helvetica, Arial, sans-serif" title="Quicksand">
  97. <meta name="select:Body Font" content="'Raleway', Helvetica, Arial, sans-serif" title="Raleway">
  98. <meta name="select:Body Font" content="'Roboto', Helvetica, Arial, sans-serif" title="Roboto">
  99.  
  100. <meta name="select:Title Font" content="'Cookie', cursive" title="Cookie">
  101. <meta name="select:Title Font" content="'Kadwa', serif" title="Kadwa">
  102. <meta name="select:Title Font" content="'Montserrat', sans-serif" title="Montserrat">
  103. <meta name="select:Title Font" content="'Playfair Display', serif" title="Playfair Display">
  104.  
  105.  
  106. <!-- fontawesome icons -->
  107. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  108.  
  109. <!-- custom fonts -->
  110.  
  111. <link rel="stylesheet" type="text/css" href="https://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  112. <link href='https://fonts.googleapis.com/css?family=Gudea' rel='stylesheet' type='text/css'>
  113. <link href='https://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
  114. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  115. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  116. <link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
  117. <link href='https://fonts.googleapis.com/css?family=Muli:400,300,300italic,400italic' rel='stylesheet' type='text/css'>
  118. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'>
  119. <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'>
  120. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  121.  
  122. <link rel="preconnect" href="https://fonts.gstatic.com">
  123. <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Kadwa:wght@400;700&family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap" rel="stylesheet">
  124. <link rel="preconnect" href="https://fonts.gstatic.com">
  125. <link href="https://fonts.googleapis.com/css2?family=Cookie&display=swap" rel="stylesheet">
  126.  
  127.  
  128. {block:Description}
  129. <meta name="description" content="{MetaDescription}" />
  130. {/block:Description}
  131.  
  132. <meta charset="utf-8">
  133.  
  134. <title>{Title}</title>
  135.  
  136. <link rel="shortcut icon" href="{Favicon}">
  137.  
  138. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  139.  
  140. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  141.  
  142. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-smooth-scroll/1.7.2/jquery.smooth-scroll.min.js"></script>
  143.  
  144. <style type="text/css">
  145.  
  146. .tmblr-iframe {
  147. position:fixed;
  148. z-index:99999999999999999 !important;
  149. top:20px;
  150. right:25px;
  151. }
  152.  
  153. body {
  154. background: {color:Background} url('{image:Background}');
  155. background-attachment:fixed;
  156. background-repeat:repeat;
  157. color: {color:text};
  158. font-family: {select:body font};
  159. font-size: 12px;
  160. margin: 0;
  161. padding: 0;
  162. overflow:auto;
  163. }
  164.  
  165. a:link, a:active, a:visited {
  166. color: {color:link};
  167. text-decoration: none;
  168. -webkit-transition: all 0.5s ease-in-out;
  169. -moz-transition: all 0.5s ease-in-out;
  170. -o-transition: all 0.5s ease-in-out;
  171. -ms-transition: all 0.5s ease-in-out;
  172. transition: all 0.5s ease-in-out;
  173. }
  174.  
  175. a:hover{
  176. color:{color:link hover};
  177. -webkit-transition: all 0.5s ease-in-out;
  178. -moz-transition: all 0.5s ease-in-out;
  179. -o-transition: all 0.5s ease-in-out;
  180. -ms-transition: all 0.5s ease-in-out;
  181. transition: all 0.5s ease-in-out;
  182. }
  183.  
  184. blockquote {
  185. background: transparent;
  186. border-left: 1px solid {color:borders};
  187. margin: 0;
  188. padding-left: 2%;
  189. padding-right:2%;
  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. h1, h2, h3 {
  202. font-family: {select:title font};
  203. }
  204.  
  205. #scroll:link, #scroll:visited {
  206. display: none;
  207. position: fixed;
  208. bottom: 10px;
  209. right: 50px;
  210. font-size:20px;
  211. }
  212.  
  213.  
  214. #s-m-t-tooltip {
  215. font-size: 10px;
  216. color:{color:text};
  217. background-color:{color:tooltip bg};
  218. text-align: center;
  219. letter-spacing:1px;
  220. min-width:50px;
  221. max-width:150px;
  222. border: 1px solid {color:tooltip borders};
  223. overflow:auto;
  224. text-transform:uppercase;
  225. position: absolute;
  226. z-index: 999999999999;
  227. padding: 3px;
  228. box-shadow:0px 0px rgba(0,0,0,0.2);
  229. -webkit-transition: all 0.2s ease-in-out;
  230. -moz-transition: all 0.2s ease-in-out;
  231. transition: all 0.2s ease-in-out;
  232. margin:20px 0px 15px 10px;
  233. z-index:999999999999;
  234. }
  235.  
  236. ::-webkit-scrollbar-thumb{
  237. background-color: {color:borders};
  238. border: 3px solid {color:background};
  239. height:auto;
  240. -moz-border-radius: 10px;
  241. border-radius: 0px;
  242. }
  243.  
  244. ::-webkit-scrollbar {
  245. height:auto;
  246. width:9px;
  247. background-color: {color:background};
  248. border: 4px solid {color:background};
  249. }
  250.  
  251. ::-moz-selection {
  252. background: {color:Text highlight};
  253. color: #000;
  254. }
  255.  
  256. ::selection {
  257. background: {color:Text highlight};
  258. color: #000;
  259. }
  260.  
  261. /* pop up styles */
  262.  
  263.  
  264. .popup_block {
  265. padding: 20px;
  266. font-size: 11px;
  267. background: {color:background};
  268. border:4px solid {color:borders};
  269. font-family: {select:body font};
  270. text-align:center;
  271. line-height: 15px;
  272. /*don’t change anything below here*/
  273. display: none;
  274. position: fixed;
  275. top: 50%; left: 50%;
  276. z-index: 99999999;
  277. max-height:70vh;
  278. overflow:auto;
  279. -webkit-animation: zoom 0.5s;
  280. -moz-animation: zoom 0.5s;
  281. -ms-animation: zoom 0.5s;
  282. -o-animation: zoom 0.5s;
  283. animation: zoom 0.5s;
  284. }
  285.  
  286. *html .popup_block {
  287. position: absolute;
  288. }
  289.  
  290. @-webkit-keyframes zoom {0% {transform: scale(0);-webkit-transform: scale(0);}100% {transform: scale(1.0);-webkit-transform: scale(1.0);}}@-moz-keyframes zoom {0% {transform: scale(0);-moz-transform: scale(0);}100% {transform: scale(1.0);-moz-transform: scale(1.0);}}@keyframes zoom {0% {transform: scale(0);}100% {transform: scale(1.0);}}
  291.  
  292. .popup_block h1 {
  293. padding:5px;
  294. margin:0;
  295. font-size:20px;
  296. font-family: {select:title font};
  297. font-weight:normal;
  298. line-height:22px;
  299. color:{color:link};
  300. }
  301.  
  302. .popup_block h2 {
  303. padding:0;
  304. margin:0;
  305. font-size:13px;
  306. font-family: {select:body font};
  307. font-weight:bold;
  308. line-height:16px;
  309. color:{color:text};
  310. }
  311.  
  312. .linkbox { /*new link boxes*/
  313.  
  314. overflow:auto;
  315. text-align: center;
  316. background-color:rgba(255, 255, 255, 1);
  317. color:{color:text};
  318. padding-top:7px;
  319. padding-bottom:7px;
  320. }
  321.  
  322. .linkbox img {
  323. height:40px;
  324. }
  325.  
  326. .linkbox a {
  327. background:{color:borders};
  328. border:1px solid {color:borders};
  329. color:{color:text};
  330. text-decoration:none;
  331. width:60px;
  332. margin:3px;
  333. padding:3px;
  334. display:inline-block;
  335. -webkit-transition: all .7s ease-in-out;
  336. -moz-transition: all .7s ease-in-out;
  337. -ms-transition: all .7s ease-in-out;
  338. -o-transition: all .7s ease-in-out;
  339. transition: all .7s ease-in-out;
  340. }
  341.  
  342. .linkbox a:hover {
  343. color:{color:text};
  344. text-decoration:none;
  345. -webkit-transition: all .7s ease-in-out;
  346. -moz-transition: all .7s ease-in-out;
  347. -ms-transition: all .7s ease-in-out;
  348. -o-transition: all .7s ease-in-out;
  349. transition: all .7s ease-in-out;
  350. background:{color:background};
  351. }
  352.  
  353. .hovertab {
  354. width:50px;
  355. top:50px;
  356. right:80px;
  357. position:fixed;
  358. z-index:9999;
  359. transition: all .5s ease-in-out;
  360. -webkit-transition: all .5s ease-in-out;
  361. -moz-transition: all .5s ease-in-out;
  362. -o-transition: all .5s ease-in-out;
  363. -ms-transition: all .5s ease-in-out;
  364. }
  365.  
  366. .hovertab_title {
  367. width:35px;
  368. height:27px;
  369. opacity:1;
  370. padding:8px 6px 6px 6px;
  371. color:{color:background};
  372. background:{color:borders};
  373. font-size:20px;
  374. margin-bottom:5px;
  375. display:inline-block;
  376. position:relative;
  377. text-align:center;
  378. z-index:99999999999999;
  379. }
  380.  
  381. .hovertab_panel {
  382. border:1px solid {color:borders};
  383. width:130px;
  384. opacity:0;
  385. background-color: white;
  386. padding:10px;
  387. display:inline-block;
  388. position:relative;
  389. text-align:center;
  390. float:right;
  391. transition: all .5s ease-in-out;
  392. -webkit-transition: all .5s ease-in-out;
  393. -moz-transition: all .5s ease-in-out;
  394. -o-transition: all .5s ease-in-out;
  395. -ms-transition: all .5s ease-in-out;
  396. }
  397.  
  398. .hovertab:hover .hovertab_panel {
  399. opacity:1;
  400. transition: all .5s ease-in-out;
  401. -webkit-transition: all .5s ease-in-out;
  402. -moz-transition: all .5s ease-in-out;
  403. -o-transition: all .5s ease-in-out;
  404. -ms-transition: all .5s ease-in-out;
  405. }
  406.  
  407. .hovertab h1 {
  408. padding:5px;
  409. margin:0;
  410. font-size:20px;
  411. font-family: {select:title font};
  412. font-weight:normal;
  413. line-height:22px;
  414. color:{color:link};
  415. }
  416.  
  417. .permainfo {
  418.  
  419. {block:indexpage}
  420. font-family:Arial,sans-serif;
  421. position:absolute;
  422. width:40px;
  423. height:36px;
  424. background:{color:perma button background};
  425. border-radius:0px;
  426. left:38%;
  427. top:50%;
  428. margin-top:-20px;
  429. margin-left:-20px;
  430. padding:12px 4px 0px 4px;
  431. opacity:0;
  432. text-align:center;
  433. font-size:22px;
  434. -webkit-transition: all .2s ease-in-out;
  435. -moz-transition: all .2s ease-in-out;
  436. -ms-transition: all .2s ease-in-out;
  437. -o-transition: all .2s ease-in-out;
  438. transition: all .2s ease-in-out;
  439. color:{color:perma button text};
  440. outline:0px solid {color:perma button background};
  441. outline-offset:0px;
  442. {/block:indexpage}
  443.  
  444. }
  445.  
  446. .rebloginfo {
  447.  
  448. {block:indexpage}
  449. font-family:Arial,sans-serif;
  450. position:absolute;
  451. width:40px;
  452. height:36px;
  453. background:{color:perma button background};
  454. border-radius:0px;
  455. left:62%;
  456. top:50%;
  457. margin-top:-20px;
  458. margin-left:-20px;
  459. padding:12px 4px 0px 4px;
  460. opacity:0;
  461. text-align:center;
  462. font-size:22px;
  463. -webkit-transition: all .2s ease-in-out;
  464. -moz-transition: all .2s ease-in-out;
  465. -ms-transition: all .2s ease-in-out;
  466. -o-transition: all .2s ease-in-out;
  467. transition: all .2s ease-in-out;
  468. color:{color:perma button text};
  469. outline:0px solid {color:perma button background};
  470. outline-offset:0px;
  471. {/block:indexpage}
  472.  
  473. }
  474.  
  475. .permainfo:hover, .rebloginfo:hover {
  476. transform: scale(0.9);
  477. outline:3px solid {color:perma button background};
  478. outline-offset:5px;
  479. -webkit-transition: all .2s ease-in-out;
  480. -moz-transition: all .2s ease-in-out;
  481. -ms-transition: all .2s ease-in-out;
  482. -o-transition: all .2s ease-in-out;
  483. transition: all .2s ease-in-out;
  484. }
  485.  
  486. .post:hover .permainfo{
  487. {block:indexpage}
  488. opacity:1;
  489. {/block:indexpage}
  490. }
  491.  
  492. .post:hover .rebloginfo{
  493. {block:indexpage}
  494. opacity:1;
  495. {/block:indexpage}
  496. }
  497.  
  498. .notebox {
  499. margin-top:5px;
  500. padding-bottom:0px;
  501. background:transparent;
  502. line-height:25px;
  503. vertical-align:center;
  504. text-align:center;
  505. border-top:1px solid {color:borders};
  506. font-size:11px;
  507. }
  508.  
  509. .notebox a {
  510. color:{color:text};
  511. text-transform:uppercase;
  512. letter-spacing:1px;
  513. font-size:11px;
  514. }
  515.  
  516. .notebox a:hover {
  517. color:{color:text};
  518. }
  519.  
  520. #content {
  521. left:50%;
  522. {block:indexpage}
  523. margin-left: -240px;
  524. margin-top:10px;
  525. width: 660px;
  526. {/block:indexpage}
  527. {block:permalinkpage}
  528. margin-left:-230px;
  529. width:400px;
  530. margin-top:10px;
  531. {/block:permalinkpage}
  532. float: left;
  533. position:absolute;
  534. }
  535.  
  536. @-webkit-keyframes cssAnimation {
  537. from{
  538. -webkit-transform: scale(0.871);}
  539. to{
  540. -webkit-transform:scale(1); }
  541. }
  542.  
  543. @-moz-keyframes cssAnimation {
  544. from{
  545. -moz-transform:scale(0.871);}
  546. to{
  547. -moz-transform: scale(1); }
  548. }
  549.  
  550. @-o-keyframes cssAnimation {
  551. from{
  552. -o-transform: scale(0.871);
  553. }
  554.  
  555. to{
  556. -o-transform: scale(1);}
  557. }
  558.  
  559. .post {
  560. background: transparent;
  561. margin: 30px;
  562. border:1px solid {color:borders};
  563. padding:8px 8px 5px 8px;
  564. {block:indexpage}
  565. width: 240px;
  566. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  567. -moz-animation: cssAnimation 1s 1 ease-in-out;
  568. -o-animation: cssAnimation 1s 1 ease-in-out;
  569. {block:ifpostshadow}
  570. box-shadow:4px 4px 0px {color:post shadow};
  571. {/block:ifpostshadow}
  572. height:auto;
  573. {/block:indexpage}
  574. {block:PermalinkPage}
  575. width:400px;
  576. height:auto;
  577. {/block:PermalinkPage}
  578. }
  579.  
  580. .post img{
  581. position:relative;
  582. display:block;
  583. }
  584.  
  585. {block:indexpage}
  586. .photoset img {
  587. padding-bottom:5px;
  588. }
  589.  
  590. .photoset {
  591. margin-bottom:-5px;
  592. }
  593. {/block:indexpage}
  594.  
  595. #sidebar {
  596. background: transparent;
  597. padding: 8px;
  598. border:1px solid {color:borders};
  599. color: {color:text};
  600. width: 200px;
  601. float:left;
  602. line-height:14px;
  603. height:auto;
  604. right: 50%;
  605. margin-right:280px;
  606. top: 195px;
  607. position:fixed;
  608. box-shadow:0px 0px rgba(0,0,0,0.3);
  609. text-align:center;
  610. z-index: 99;
  611. }
  612.  
  613. .nav {
  614. padding-top:6px;
  615. margin-bottom:-18px;
  616. }
  617.  
  618. .nav a {
  619. color:{color:text};
  620. background:#fff;
  621. text-transform:lowercase;
  622. padding:3px 5px 3px 5px;
  623. margin-left:5px;
  624. margin-right:5px;
  625. opacity: 1.;
  626. font-size:13px;
  627. line-height:100%;
  628. border:0px solid {color:borders};
  629. -webkit-transition: all .2s ease-in-out;
  630. -moz-transition: all .2s ease-in-out;
  631. -ms-transition: all .2s ease-in-out;
  632. -o-transition: all .2s ease-in-out;
  633. transition: all .2s ease-in-out;
  634. display: inline-block;
  635. }
  636.  
  637. .nav a {
  638. display: inline-block;
  639. vertical-align: middle;
  640. -webkit-transform: translateZ(0);
  641. transform: translateZ(0);
  642. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  643. -webkit-backface-visibility: hidden;
  644. backface-visibility: hidden;
  645. -moz-osx-font-smoothing: grayscale;
  646. position:relative;
  647. -webkit-transition-property: color;
  648. transition-property: color;
  649. -webkit-transition-duration: 0.3s;
  650. transition-duration: 0.3s;
  651. }
  652.  
  653. .nav a:before {
  654. content: "";
  655. position: absolute;
  656. z-index: -1;
  657. top: 0;
  658. left: 0;
  659. right: 0;
  660. bottom: 0;
  661. background: {color:borders};
  662. -webkit-transform: scaleX(0);
  663. transform: scaleX(0);
  664. -webkit-transform-origin: 0 50%;
  665. transform-origin: 0 50%;
  666. -webkit-transition-property: transform;
  667. transition-property: transform;
  668. -webkit-transition-duration: 0.3s;
  669. transition-duration: 0.3s;
  670. -webkit-transition-timing-function: ease-out;
  671. transition-timing-function: ease-out;
  672. }
  673.  
  674. .nav a:hover, .nav a:focus, .nav a:active {
  675. color: {color:text};
  676. }
  677.  
  678. .nav a:hover:before, .nav a:focus:before, .nav a:active:before {
  679. -webkit-transform: scaleX(1);
  680. transform: scaleX(1);
  681. }
  682.  
  683. .desc {
  684. font-size:11px;
  685. text-align:center;
  686. padding-top:8px;
  687. }
  688.  
  689.  
  690. .desc a{
  691. text-decoration:underline;
  692. color:{color:text};
  693. }
  694.  
  695. .desc a:hover{
  696. text-decoration:underline;
  697. color:{color:link hover};
  698. }
  699.  
  700. .blogtitle {
  701. padding:3px;
  702. margin-top:-16px;
  703. margin-right:20px;
  704. margin-left:20px;
  705. text-align:center;
  706. letter-spacing:3px;
  707. font-weight:700;
  708. font-family: {select:title font};
  709. z-index: 999;
  710. background:{color:background};
  711. }
  712.  
  713. .blogtitle a{
  714. text-decoration:none;
  715. background-color:transparent;
  716. font-size:26px;
  717. color: {color:link};
  718. }
  719.  
  720. .blogtitle a:hover{
  721. text-decoration:none;
  722. color:{color:link hover};
  723. background-color:transparent;
  724. }
  725.  
  726. nav li {
  727. display: inline;
  728. }
  729.  
  730. .title {
  731. font-family: {select:title font};
  732. padding-top:0px;
  733. font-size:16px;
  734. font-weight:normal;
  735. line-height:22px;
  736. }
  737.  
  738. .title a {
  739. color:{color:text};
  740. }
  741.  
  742. .text {
  743. padding:2px;
  744. background:{color:background};
  745. }
  746.  
  747. .text a {
  748. max-width:100%;
  749. }
  750.  
  751. .text img {
  752. width:96%;
  753. text-align:center;
  754. margin:auto;
  755. }
  756.  
  757. .asker {
  758. color:{color:link};
  759. font-weight:700;
  760. }
  761.  
  762. .linktitle {
  763. padding-top:0px;
  764. font-size:16px;
  765. font-weight:normal;
  766. line-height:22px;
  767. text-decoration:underline;
  768. font-family: {select:title font};
  769. }
  770.  
  771. .quoteyo {
  772. font-size:15px;
  773. }
  774.  
  775. .quotesource {
  776. padding-top:5px;
  777. }
  778.  
  779. .chat {
  780. padding:2px;
  781. }
  782.  
  783. .chat .label {
  784. font-weight:700;
  785. }
  786.  
  787. .chat span {
  788. float: left;
  789. margin-right: 1%;
  790. }
  791.  
  792. #notes {
  793. display:inline-block;
  794. }
  795.  
  796. #notes img {
  797. display:inline-block;
  798. }
  799.  
  800. .notes {
  801. clear: both;
  802. padding: 0;
  803. }
  804.  
  805. ol.notes {
  806. list-style-type:none;
  807. line-height:150%;
  808. padding:0px;
  809. margin 0px 0px;
  810. border-bottom:solid 1px {color:borders};
  811. }
  812.  
  813. ol.notes li.note {
  814. border-top:1px solid {color:borders};
  815. padding:5px;
  816. }
  817.  
  818. ol.notes li.note img {
  819. padding:0px !important;
  820. }
  821.  
  822. ol.notes li.note img.avatar {
  823. vertical-align:-4px;
  824. margin-right:5px;
  825. width:16px;
  826. height:16px;
  827. }
  828.  
  829. #tags {
  830. text-align:left;
  831. opacity: 1;
  832. }
  833.  
  834. #tags, nav ul, .chat ul {
  835. list-style: none;
  836. list-style-image: none;
  837. margin: 0 0 5px 0;
  838. padding: 0;
  839. }
  840.  
  841. #tags li {
  842. float: left;
  843. margin-right: 1%;
  844. }
  845.  
  846. .caption {
  847. margin:10px 0px 0px 20px;
  848. }
  849.  
  850. .caption ul {
  851. list-style: none;
  852. list-style-image: none;
  853. margin: 0;
  854. padding: 0;
  855. line-height:150%;
  856. }
  857.  
  858. .infoheading {
  859. font-weight:700;
  860. color:{color:text};
  861. -moz-osx-font-smoothing:grayscale;
  862. -webkit-font-smoothing:antialiased;
  863. font-smoothing:antialiased;
  864. }
  865.  
  866. .metadata {
  867. display: inline-block;
  868. width: 100%;
  869. }
  870.  
  871. .notecount {
  872. float: right;
  873. }
  874.  
  875. .reblogged {
  876. float: right;
  877. margin: 3% 0;
  878. width: 100%;
  879. }
  880.  
  881. .sourcesxxx {
  882. filter:alpha(opacity=0);
  883. opacity:0;
  884. }
  885.  
  886. #left {
  887. position:fixed;
  888. left:0px;
  889. bottom:0;
  890. height:100%;
  891. width:25px;
  892. background:{color:blog borders};
  893. z-index:6;
  894. }
  895.  
  896. #left2 {
  897. position:fixed;
  898. left:30px;
  899. bottom:0;
  900. height:100%;
  901. width:10px;
  902. background:{color:blog borders};
  903. z-index:6;
  904. }
  905.  
  906. #right {
  907. position:fixed;
  908. right:0px;
  909. bottom:0;
  910. height:100%;
  911. width:25px;
  912. background:{color:blog borders};
  913. z-index:6;
  914. }
  915.  
  916. #right2 {
  917. position:fixed;
  918. right:30px;
  919. bottom:0;
  920. height:100%;
  921. width:10px;
  922. background:{color:blog borders};
  923. z-index:6;
  924. }
  925.  
  926. #important {
  927. bottom:2px;
  928. left:5px;
  929. font-size:12px;
  930. position:fixed;
  931. z-index:9999999999999999999999999999;
  932. }
  933.  
  934. /*Custom CSS*/
  935.  
  936. {CustomCSS}
  937.  
  938. </style>
  939.  
  940. </head>
  941.  
  942. <body>
  943.  
  944. {block:ifhovertab}
  945. <div class="hovertab">
  946. <div class="hovertab_title"><i class="fa fa-bars"></i></div>
  947.  
  948. <div class="hovertab_panel">
  949.  
  950. <h1>{text:hover tab heading}</h1>
  951.  
  952. {text:hover tab text}
  953.  
  954. </div></div>
  955. {/block:ifhovertab}
  956.  
  957. {block:ifblogborders}
  958. <div id="left"></div>
  959. <div id="left2"></div>
  960. <div id="right"></div>
  961. <div id="right2"></div>
  962. {/block:ifblogborders}
  963.  
  964.  
  965. <!--Sidebar-->
  966.  
  967. <div id="sidebar">
  968.  
  969.  
  970. <div class="blogtitle"><a href="/">{Title}</a></div>
  971.  
  972. {block:Description}
  973. <p><div class="desc">{Description}</div></p>
  974. {block:Description}
  975.  
  976.  
  977. <div class="nav">
  978.  
  979. <a href="/" title="{text:home label}"><i class="fa fa-home"></i></a>
  980.  
  981. {block:ifnotaskpopup}<a href="{text:ask url}" title="{text:ask label}"><i class="fa fa-envelope"></i></a>{/block:ifnotaskpopup}
  982.  
  983. {block:ifaskpopup}<a href="#?w=450" rel="02" class="poplight" title="{text:ask label}"><i class="fa fa-envelope"></i></a>{/block:ifaskpopup}
  984.  
  985. {block:ifnotnavigationpopup}<a href="{text:links url}" title="{text:links label}"><i class="fa fa-tags"></i></a>{/block:ifnotnavigationpopup}
  986.  
  987. {block:ifnavigationpopup}<a href="#?w=300" rel="03" class="poplight" title="{text:links label}"><i class="fa fa-tags"></i></a>{/block:ifnavigationpopup}
  988.  
  989. <a href="/archive" title="{text:archive label}"><i class="fa fa-calendar"></i>
  990. </a>
  991.  
  992. <!-- Don't touch this, kid! -->
  993. <a href="https://mhango.tumblr.com" target="_blank" title="theme"><i class="fa fa-code"></i></a>
  994.  
  995. </div>
  996.  
  997. </div>
  998.  
  999.  
  1000.  
  1001.  
  1002. <div id="content">
  1003.  
  1004. {block:Posts}
  1005.  
  1006. {block:ContentSource}<!-- {SourceURL}
  1007. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1008. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1009. {/block:ContentSource}
  1010.  
  1011. <!-- {block:NoRebloggedFrom}
  1012. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1013. {/block:NoRebloggedFrom} -->
  1014.  
  1015. <div class="post">
  1016.  
  1017. {block:Text}
  1018. <div class="text">
  1019. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  1020. <div class="textbody">{Body}</div>
  1021. {block:indexpage}<div class="notebox"><a href="{ReblogURL}">REBLOG</a></a> - <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  1022. </div>
  1023. {/block:Text}
  1024.  
  1025.  
  1026. {block:Photo}
  1027. <div class="photo">
  1028. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  1029. {block:indexpage}
  1030. <a href="{permalink}"></a><a href="{Permalink}" title="{notecountwithlabel}"><div class="permainfo"><i class="fa fa-link"></i></div></a><a href="{ReblogURL}" target="_blank" title="reblog"><div class="rebloginfo"><i class="fa fa-refresh"></i></div></a>{/block:indexpage}
  1031. </div>
  1032. {/block:Photo}
  1033.  
  1034. {block:Photoset}
  1035.  
  1036. <div class="photoset">
  1037. {block:IndexPage}
  1038.  
  1039. {block:Photos}
  1040. <a href="{permalink}"><img src="{PhotoURL-500}" width="218px"/></a>
  1041. {/block:Photos}
  1042.  
  1043. <a href="{permalink}"></a><a href="{Permalink}" title="{notecountwithlabel}"><div class="permainfo"><i class="fa fa-link"></i></div></a><a href="{ReblogURL}" target="_blank" title="reblog"><div class="rebloginfo"><i class="fa fa-refresh"></i></div></a>
  1044.  
  1045. {/block:IndexPage}
  1046. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1047. </div>
  1048. {/block:Photoset}
  1049.  
  1050. {block:Quote}
  1051.  
  1052. <div class="text">
  1053. <div class="quoteyo">{Quote}</div>
  1054. <div class="quotesource">{block:Source}- {Source}{/block:Source}</div>
  1055. {block:indexpage}<div class="notebox"><a href="{ReblogURL}" >REBLOG</a></a> - <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  1056. </div>
  1057. {/block:Quote}
  1058.  
  1059. {block:Link}
  1060. <div class="text">
  1061. <div class="linktitle"><a href="{URL}">{Name}</a></div>
  1062. {block:Description}{Description}{/block:Description}
  1063. {block:indexpage}<div class="notebox"><a href="{ReblogURL}" >REBLOG</a></a> - <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  1064. </div>
  1065. {/block:Link}
  1066.  
  1067. {block:Chat}
  1068.  
  1069. <div class="chat">
  1070. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  1071. <ul>
  1072. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  1073. </ul>
  1074. {block:indexpage}<div class="notebox"><a href="{ReblogURL}" >REBLOG</a></a> - <a href="{permalink}">{notecountwithlabel}</a></div>{/block:indexpage}
  1075. </div>
  1076. {/block:Chat}
  1077.  
  1078. {block:Audio}
  1079.  
  1080. <div class="audio">{block:TrackName}{TrackName} by{/block:TrackName} {block:Artist}{Artist} <br><br>{/block:Artist}
  1081. {AudioPlayerGrey}
  1082. {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}
  1083. </div>
  1084. {/block:Audio}
  1085.  
  1086. {block:Video}
  1087.  
  1088. <div class="video">
  1089. <div class="video-player">{Video-500}</div>
  1090. {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}
  1091. </div>
  1092. {/block:Video}
  1093.  
  1094.  
  1095. {block:Answer}
  1096.  
  1097. <div class="text">
  1098. <p><div style="border-bottom: 1px solid {color:borders};"><span class="asker">{Asker} said:</span> {Question}</p></div>
  1099. {Answer}
  1100. {block:indexpage}<div class="notebox"><a href="{ReblogURL}" >REBLOG</a></a> - <a href="{permalink}">{notecountwithlabel} </a></div>{/block:indexpage}
  1101. </div>
  1102. {/block:Answer}
  1103.  
  1104. <footer class="details">
  1105. {block:PermalinkPage}
  1106. <div class="caption">
  1107. {block:caption}{Caption}{/block:caption}
  1108. {block:Date}
  1109. <ul>
  1110. {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}
  1111. <li><span class="infoheading">Posted:</span> {timeago}</li>
  1112. {block:NoteCount}<li><span class="infoheading">Notecount:</span> {notecount}</li>{/block:NoteCount}
  1113. {block:RebloggedFrom}<li><span class="infoheading">Via:</span> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></li>{/block:RebloggedFrom}
  1114. {block:ContentSource}<li><span class="infoheading">Source:</span> <a href="{SourceURL}" target="_blank">{SourceTitle}</a></li>{/block:ContentSource}
  1115. </ul>
  1116. {/block:Date}
  1117. {block:PostNotes}<div id="notes">{PostNotes-16}</div>{/block:PostNotes}
  1118. </div>
  1119. {/block:PermalinkPage}</footer>
  1120.  
  1121. </div>
  1122.  
  1123. {/block:Posts}
  1124.  
  1125. </div>
  1126.  
  1127. {block:Pagination}
  1128.  
  1129. <div class="pagination">
  1130. {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
  1131. {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage}
  1132. </div>
  1133.  
  1134. {/block:Pagination}
  1135.  
  1136.  
  1137. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded -->
  1138.  
  1139. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  1140. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  1141.  
  1142. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1143. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  1144.  
  1145. <!-- Code for infinite scroll and grid layout -->
  1146.  
  1147. <script>
  1148. (function() {
  1149. var $tumblelog = $('#content');
  1150.  
  1151. $tumblelog.infinitescroll({
  1152. navSelector : ".pagination",
  1153. nextSelector : ".pagination a:first",
  1154. itemSelector : ".post",
  1155. bufferPx : 50,
  1156. done : "",
  1157. loading: {
  1158. img : "",
  1159. msgText: ""
  1160. },
  1161. },
  1162. function( newElements ) {
  1163. var $newElems = $( newElements ).css({ opacity: 0 });
  1164. $newElems.imagesLoaded(function(){
  1165. $newElems.animate({ opacity: 1 });
  1166. $tumblelog.masonry( 'appended', $newElems);
  1167. });
  1168. }
  1169. );
  1170.  
  1171. $tumblelog.imagesLoaded( function(){
  1172. $tumblelog.masonry({
  1173. columnWidth: function( containerWidth ) {
  1174. return containerWidth / 100;
  1175. }
  1176. });
  1177. });
  1178. })();
  1179. </script>
  1180.  
  1181. <!-- scroll to top code 1 -->
  1182.  
  1183.  
  1184. <script type="text/javascript">
  1185.  
  1186. $(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")}})});
  1187.  
  1188. </script>
  1189.  
  1190.  
  1191. <!-- tooltip script -->
  1192.  
  1193. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1194.  
  1195. <script>
  1196.  
  1197. (function($){
  1198.  
  1199. $(document).ready(function(){
  1200.  
  1201. $("[title]").style_my_tooltips({
  1202.  
  1203. tip_follows_cursor:true,
  1204.  
  1205. tip_delay_time:100,
  1206.  
  1207. tip_fade_speed:250,
  1208.  
  1209. attribute:"title"
  1210.  
  1211. });
  1212.  
  1213. });
  1214.  
  1215. })(jQuery);
  1216.  
  1217. </script>
  1218.  
  1219. <!-- pop up script -->
  1220.  
  1221. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  1222. <script type="text/javascript">
  1223. $(document).ready(function(){
  1224. popUp('#content, #hovertab, #scroll');
  1225. });
  1226. </script>
  1227.  
  1228. <!-- end of pop up script -->
  1229.  
  1230.  
  1231.  
  1232. <!-- 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 -->
  1233.  
  1234. <!-- Icon credit goes to flaticons.com -->
  1235.  
  1236. <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>
  1237.  
  1238. <div id="02" class="popup_block">
  1239.  
  1240. <table>
  1241. <td width="200">
  1242.  
  1243. <h1>{text:Popup faq heading}</h1></p>
  1244.  
  1245. <p><h2>{text:Popup i will heading}</h2></p>
  1246. - {text:Popup i will 1}<br>
  1247. - {text:Popup i will 2}<br>
  1248. - {text:Popup i will 3}</p>
  1249.  
  1250. <p><h2>{text:Popup i wont heading}</h2></p>
  1251. - {text:Popup i wont 1}<br>
  1252. - {text:Popup i wont 2}<br>
  1253. - {text:Popup i wont 3}</p>
  1254.  
  1255. <p><h2>{text:Popup unfollow reason heading}</h2></p>
  1256. - {text:Popup unfollow reason 1}<br>
  1257. - {text:Popup unfollow reason 2}<br>
  1258. - {text:Popup unfollow reason 3}</p>
  1259.  
  1260.  
  1261. </td>
  1262. <td width="10">&nbsp;</td>
  1263. <td width="300">
  1264. <h1>{text:Popup askbox heading}</h1></p>
  1265. <center><iframe frameborder="0" border="0" scrolling="no" width="100%" height="250" allowtransparency="true" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe><br></center></td>
  1266.  
  1267.  
  1268. </table>
  1269. </div>
  1270.  
  1271.  
  1272. <div id="03" class="popup_block">
  1273.  
  1274. <table>
  1275. <tr><div class="linkbox"><h1>{text:popup links heading}</h1>
  1276.  
  1277. <a href="{text:popup link 1 url}">{text:popup link 1 text}</a>
  1278. <a href="{text:popup link 2 url}">{text:popup link 2 text}</a>
  1279. <a href="{text:popup link 3 url}">{text:popup link 3 text}</a>
  1280.  
  1281. </div>
  1282. </tr>
  1283.  
  1284. <tr><div class="linkbox"><h1>{text:popup tags heading}</h1>
  1285.  
  1286. <a href="{text:popup tag 1 url}">{text:popup tag 1 text}</a>
  1287. <a href="{text:popup tag 2 url}">{text:popup tag 2 text}</a>
  1288. <a href="{text:popup tag 3 url}">{text:popup tag 3 text}</a>
  1289. </div></tr>
  1290.  
  1291. </table>
  1292.  
  1293. </div>
  1294.  
  1295. </body>
  1296.  
  1297. <!-- To top button -->
  1298. <a href="javascript:;" id="scroll" rel="nofollow" title="scroll to top"><i class="fa fa-chevron-up"></i></a>
  1299.  
  1300.  
  1301. </html>
  1302.  
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!