API tools faq
paste
Mangolias

Bubbles Theme

Mangolias
Oct 3rd, 2019
2,050
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. Bubbles by Mangolias
  8.  
  9. ~ mangolias.tumblr.com ~
  10.  
  11. Credits: pxu photosets by pixel union
  12. responsive videos by nouvae
  13. icons by feathericons
  14. unnest by neothm and magnusthemes
  15.  
  16. -->
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}">
  22. {/block:Description}
  23. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  24.  
  25. <meta name="image:Sidebar" content="">
  26. <meta name="image:Decoration One" content="">
  27. <meta name="image:Decoration Two" content="">
  28. <meta name="image:Decoration Three" content="">
  29.  
  30. <meta name="if:Medium Post Width" content="">
  31. <meta name="if:Big Post Width" content="">
  32.  
  33. <meta name="if:Filter" content="">
  34. <meta name="if:Show Avatar" content="">
  35. <meta name="if:Full Photosets" content="">
  36. <meta name="if:Sidebar" content="">
  37. <meta name="if:Hide Captions" content="">
  38. <meta name="if:Hide Tags" content="">
  39. <meta name="if:Hide Source" content="">
  40. <meta name="if:Dashboard Captions" content="">
  41. <meta name="if:Blockquote Border" content="">
  42.  
  43. <meta name="color:Background" content="#f8f8f8"/>
  44. <meta name="color:Sidebar" content"#f8f8f8"/>
  45. <meta name="color:Posts" content="#a9907a"/>
  46. <meta name="color:Title" content="#a9907a"/>
  47. <meta name="color:Post Text" content="#7e6852"/>
  48. <meta name="color:Links" content="#7e6852"/>
  49. <meta name="color:2nd Post Color" content="#b39f8c"/>
  50. <meta name="color:Accent" content="#d8d0c9"/>
  51. <meta name="color:Scrollbar" content="#a9907a"/>
  52.  
  53. <meta name="text:Title" content="12px">
  54. <meta name="text:Description" content="30px">
  55. <meta name="text:Navigation Links" content="12px">
  56. <meta name="text:Body" content="11px">
  57. <meta name="text:Post Title" content="12px">
  58. <meta name="text:Controls" content="12px">
  59.  
  60. <meta name="text:Home" content="Home">
  61. <meta name="text:Ask" content="Ask">
  62. <meta name="text:Submit" content="Submit">
  63. <meta name="text:Archive" content="Archive">
  64.  
  65. <meta name="text:Link One" content="">
  66. <meta name="text:Link One URL" content="">
  67. <meta name="text:Link Two" content="">
  68. <meta name="text:Link Two URL" content="">
  69. <meta name="text:Link Three" content="">
  70. <meta name="text:Link Three URL" content="">
  71.  
  72. <meta name="text:Tag One" content="">
  73. <meta name="text:Tag Two" content="">
  74. <meta name="text:Tag Three" content="">
  75.  
  76. <meta name="text:Social Link One URL" content="">
  77. <meta name="text:Social Link Two URL" content="">
  78. <meta name="text:Social Link Three URL" content="">
  79.  
  80. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&display=swap" rel="stylesheet">
  81. <link href="https://fonts.googleapis.com/css?family=Vollkorn:400,700&display=swap" rel="stylesheet">
  82.  
  83. <style>
  84.  
  85. iframe.tmblr-iframe {
  86. z-index: 1000000000000000001!important;
  87. top: 0;
  88. right: 0;
  89. opacity: .2;
  90. -webkit-filter: invert(100%);
  91. -moz-filter: invert(100%);
  92. -ms-filter: invert(100%);
  93. filter: invert(100%);
  94. -webkit-transform: scale(0.8);
  95. -moz-transform:scale(0.8);
  96. -ms-transform:scale(0.8);
  97. transform: scale(0.8);
  98. -webkit-transition: 0.4s;
  99. -moz-transition: 0.4s
  100. -ms-transition: 0.4s
  101. transition: 0.4s;
  102. }
  103.  
  104. iframe.tmblr-iframe:hover {
  105. opacity: .5;
  106. }
  107.  
  108. #tumblr_lightbox, .tmblr-lightbox {
  109. background-color: {color:Background}!important;
  110. z-index:999999!important;
  111. }
  112.  
  113. #vignette, .vignette {
  114. opacity: 0;
  115.  
  116. }
  117.  
  118. #tumblr_lightbox img, .lightbox-image {
  119. box-shadow: none!important;
  120. border-radius: 5!important;
  121. }
  122.  
  123. body {
  124. margin: 0;
  125. background-color: {color:Background};
  126. color: {color:Post Text};
  127. font-size: {text:Body};
  128. font-family: 'Karla', sans-serif;
  129. word-spacing: 1px;
  130. -webkit-font-smoothing: antialiased;
  131. -moz-font-smoothing: antialiased;
  132. -ms-font-smoothing: antialiased;
  133. font-smoothing: antialiased
  134. }
  135.  
  136. a {
  137. text-decoration: none;
  138. background-color: {color:Accent};
  139. color: {color:Links};
  140. -webkit-transition: 0.4s;
  141. -moz-transition: 0.4s;
  142. -ms-transition: 0.4s;
  143. transition: 0.4s;
  144. }
  145.  
  146. .photoset a {
  147. background-color: transparent;
  148. }
  149.  
  150. a:hover {
  151. color: {color:Accent};
  152. opacity: .5;
  153. }
  154.  
  155. h1, h2, h3, h4 {
  156. font-size: {text:Post Title};
  157. font-family: 'Vollkorn', serif;
  158. padding: 5px 0;
  159. }
  160.  
  161.  
  162. hr {
  163. border: none;
  164. box-shadow: 0;
  165. margin: 1em auto;
  166. border-top: 1px solid {color:Post Text};
  167. }
  168.  
  169. img {
  170. border: 0;
  171. max-width: 100%;
  172. height: auto;
  173. {block:IfFilter}
  174. -webkit-filter: sepia(20%);
  175. -moz-filter: sepia(20%);
  176. -ms-filter: sepia(20%);
  177. filter: sepia(20%);
  178. opacity: .9;
  179. {block:IfFilter}
  180. }
  181.  
  182. b, strong {
  183. font-weight: bold;
  184. font-family: 'Vollkorn', serif;
  185. letter-spacing: .03em;
  186. }
  187.  
  188. ol {
  189. margin-left: 0;
  190. }
  191.  
  192. ul {
  193. list-style: circle;
  194. margin-left: 0;
  195. }
  196.  
  197. .up {
  198. text-transform: uppercase;
  199. }
  200.  
  201. .accent {
  202. font-style: italic;
  203. }
  204.  
  205. .thin {
  206. font-weight: normal;
  207. }
  208.  
  209. blockquote {
  210. padding: 1px 10px 1px 10px;
  211. margin: 0;
  212. background-color: {color:2nd Post Color};
  213. {block:IfNotDashboardCaptions}
  214. {block:IfBlockquoteBorder}
  215. border-left: 1px solid {color:Post Text};
  216. {/block:IfBlockquoteBorder}
  217. {block:IfNotDashboardCaptions}
  218. }
  219.  
  220. blockquote img {
  221. width: 100%;
  222. height: auto;
  223. }
  224.  
  225. p img {
  226. width: 100%;
  227. height: auto;
  228. }
  229.  
  230. /* aside */
  231.  
  232. aside {
  233. padding: 80px 80px 0;
  234. text-align: center;
  235. }
  236.  
  237. nav {
  238. font-size: {text:Navigation Links};
  239. position: fixed;
  240. text-align: center;
  241. top: 0;
  242. width: 100%;
  243. padding: 20px 0;
  244. z-index: 99;
  245. background-color: {color:Posts};
  246. font-family: 'Vollkorn', serif;
  247. }
  248.  
  249. nav li {
  250. list-style-type: none;
  251. display: inline-block;
  252. }
  253.  
  254. nav a {
  255. display: inline-block;
  256. margin: 0 7px;
  257. padding: 0 5px;
  258. }
  259.  
  260. nav .icon {
  261. display: none;
  262. border: none;
  263. }
  264.  
  265. aside section {
  266. margin: 10px auto;
  267. max-width: 400px;
  268. min-width: 100px;
  269. }
  270.  
  271. aside .simg {
  272. border-radius: 5px;
  273. max-height: 250px;
  274. display: block;
  275. margin: 10px 0;
  276. }
  277.  
  278. aside .avatar {
  279. width: 30px;
  280. border-radius: 5px;
  281. padding: 15px;
  282. background-color: {color:Accent};
  283. }
  284.  
  285. aside .avatar.circle {
  286. border-radius: 50%;
  287. }
  288.  
  289. aside .avatar img {
  290. display: block;
  291. }
  292.  
  293. aside .ti {
  294. font-family: 'Vollkorn', serif;
  295. letter-spacing: .04em;
  296. font-size: {text:Title};
  297. color: {color:Title};
  298. background-color: transparent;
  299. }
  300.  
  301.  
  302. aside .description {
  303. font-size: {text:Description};
  304. padding: 5px 0 0 0;
  305. }
  306.  
  307. .taglist li {
  308. list-style: none;
  309. display: inline-block;
  310. margin: 2px 0;
  311. }
  312.  
  313. .ic {
  314. margin: 15px 0 0;
  315. }
  316.  
  317. .ic li {
  318. list-style: none;
  319. display: inline-block;
  320. margin: 1px;
  321. }
  322.  
  323. .ic a {
  324. color: {color:Text};
  325. padding: 4px 6px;
  326. }
  327.  
  328. .ic a:hover {
  329. opacity: .3;
  330. }
  331.  
  332.  
  333. /* content */
  334.  
  335. .content {
  336. background-color: {color:Background};
  337. }
  338.  
  339. .entry {
  340. position: relative;
  341. width: 100%;
  342. padding: 40px;
  343. -moz-box-sizing: border-box;
  344. box-sizing: border-box;
  345.  
  346. }
  347.  
  348. .post {
  349. background-color: {color:Posts};
  350. max-width: 300px;
  351. {block:IfMediumPostWidth}
  352. max-width: 400px;
  353. {/block:IfMediumPostWidth}
  354. {block:IfBigPostWidth}
  355. max-width: 500px;
  356. {/block:IfBigPostWidth}
  357. margin: 0 auto;
  358. }
  359.  
  360. .post .media {
  361. position: relative;
  362. }
  363.  
  364. .post img {
  365. border-radius: 5px;
  366. }
  367.  
  368. .dec {
  369. position: absolute;
  370. z-index: 9;
  371. width: 70px;
  372. margin-top: -55px;
  373. margin-left: 230px;
  374. {block:IfMediumPostWidth}
  375. margin-left: 330px;
  376. {/block:IfMediumPostWidth}
  377. {block:IfBigPostWidth}
  378. margin-left: 430px;
  379. {/block:IfBigPostWidth}
  380. }
  381.  
  382. .dec2 {
  383. position: absolute;
  384. z-index: 9;
  385. width: 70px;
  386. margin-top: -55px;
  387. margin-left: 0;
  388. }
  389.  
  390. .dec3 {
  391. display: block;
  392. position: absolute;
  393. z-index: 9;
  394. width: 70px;
  395. margin-top: -85px;
  396. margin-left: 240px;
  397. }
  398.  
  399. .dec6 {
  400. display: block;
  401. position: absolute;
  402. z-index: 9;
  403. width: 70px;
  404. margin-top: -20px;
  405. margin-left: 90px;
  406. transform: rotate(180deg);
  407. }
  408.  
  409. .dec4 {
  410. position: absolute;
  411. z-index: 9;
  412. width: 70px;
  413. margin-top: 25px;
  414. margin-left: 260px;
  415. transform: rotate(180deg);
  416. }
  417.  
  418. .dec5 {
  419. position: absolute;
  420. z-index: 9;
  421. width: 70px;
  422. margin-top: 25px;
  423. margin-left: -330px;
  424. transform: rotate(180deg);
  425. }
  426.  
  427. .navbox {
  428. position: fixed;
  429. text-align: center;
  430. top: 0;
  431. width: 100%;
  432. padding: 20px 0;
  433. }
  434.  
  435. /* posts */
  436.  
  437. .text {
  438. padding: 10px;
  439. }
  440.  
  441. .title {
  442. font-weight: bold;
  443. font-family: 'Vollkorn', serif;
  444. letter-spacing: .04em;
  445. }
  446.  
  447. .quote {
  448. margin: 20px 20px 10px;
  449. font-weight: 700;
  450. font-size: {text:Post Title};
  451. }
  452.  
  453. .quotetext {
  454. margin: 10px 20px 20px;
  455. }
  456.  
  457. .chat {
  458. padding: 10px 20px;
  459. background-color: {color:2nd Post Color};
  460. }
  461.  
  462. .lines {
  463. padding: 10px 20px;
  464. }
  465.  
  466. .lines:nth-child(odd) {
  467. background-color: {color:Posts};
  468.  
  469. }
  470.  
  471. .lines:nth-child(even) {
  472. background-color: {color:2nd Post Color};
  473.  
  474. }
  475.  
  476. .asked {
  477. margin: 10px 10px 5px;
  478. }
  479.  
  480. .question {
  481. padding: 15px;
  482. border-radius: 0 10px 10px 10px;
  483. background-color: {color:2nd Post Color};
  484. line-height: 15px;
  485. margin: 5px 10px;
  486. }
  487.  
  488. .answer {
  489. line-height: 15px;
  490. margin: 0;
  491. }
  492.  
  493. .link {
  494. position: relative;
  495. padding: 20px 10px 15px;
  496. background-color: {color:2nd Post Color};
  497. }
  498.  
  499. .linkname {
  500. margin: 0 10px;
  501. vertical-align: middle;
  502. font-weight: 600;
  503. font-size: {text:Post Title};
  504. padding-left: 25px;
  505. }
  506.  
  507. .linkname a {
  508. padding: 3px 4px;
  509. }
  510.  
  511. .linkicon {
  512. font-size: {text:Post Title};
  513. overflow: hidden;
  514. position: absolute;
  515. margin: 0 0 0 10px;
  516. }
  517.  
  518. .linkdesc {
  519. padding-top: 10px;
  520. font-weight: normal;
  521. font-size: {text:Body};
  522. }
  523.  
  524. .video {
  525. max-width: 100%;
  526. height: auto;
  527. }
  528.  
  529.  
  530. .videowrap {
  531. position: relative;
  532. height: 0 !important;
  533. width: 100% !important;
  534. padding-bottom: 100%;
  535. overflow: hidden;
  536. }
  537.  
  538. .videowrap iframe {
  539. position: absolute;
  540. left: 0;
  541. top: 0;
  542. width: 100%;
  543. height: 100%;
  544. }
  545.  
  546.  
  547. /* audio */
  548.  
  549. .audio {
  550. position: relative;
  551. padding: 20px 10px;
  552. background-color: {color:2nd Post Color};
  553. border-radius: 5px;
  554. }
  555.  
  556. .player {
  557. height: 28px;
  558. width: 30px;
  559. overflow: hidden;
  560. position: absolute;
  561. opacity: .5;
  562. border-radius: 5px;
  563. -webkit-filter: sepia(50%);
  564. -moz-filter: sepia(50%);
  565. -ms-filter: sepia(50%);
  566. filter: sepia(50%);
  567. }
  568.  
  569. .track {
  570. vertical-align: middle;
  571. font-size: {text:Post Title};
  572. padding-left: 50px;
  573. }
  574.  
  575. /* controls */
  576.  
  577. .controls {
  578. padding: 10px 10px 20px;
  579. font-size: {text:Controls};
  580. }
  581.  
  582. .og {
  583. padding: 10px;
  584. font-size: {text:Controls};
  585. }
  586.  
  587. .controlsreblog {
  588. box-sizing: border-box;
  589. float: right;
  590. }
  591.  
  592. .timestamp {
  593. box-sizing: border-box;
  594. float: left;
  595. }
  596.  
  597. .barchart {
  598. font-weight: normal;
  599. margin-left: 5px;
  600. }
  601.  
  602. .from1 {
  603. line-height: 16px;
  604. {block:IndexPage}
  605. {block:IfHideSource}
  606. display: none;
  607. {/block:IfHideSource}
  608. {/block:IndexPage}
  609. }
  610.  
  611. .from2 {
  612. line-height: 16px;
  613. {block:IndexPage}
  614. {block:IfHideSource}
  615. display: none;
  616. {/block:IfHideSource}
  617. {/block:IndexPage}
  618. }
  619.  
  620. .reb {
  621. width: 10px;
  622. border-radius: 50%!important;
  623. display: inline-block;
  624. vertical-align: middle;
  625. padding: 3px 2px;
  626. opacity: 0.8;
  627. }
  628.  
  629. .pagination {
  630. position: relative;
  631. width: 85%;
  632. max-width: 500px;
  633. text-align: center;
  634. margin: 20px auto 50px;
  635. }
  636.  
  637. .previous_page {
  638. margin-right: 5px;
  639. }
  640.  
  641. /* info */
  642.  
  643. .info {
  644. color: {color:Post Text};
  645. }
  646.  
  647. .comma:last-child {
  648. display: none;
  649. }
  650.  
  651. .hide {
  652. {block:IndexPage}
  653. {block:IfHideCaptions}
  654. display: none;
  655. {/block:IfHideCaptions}
  656. {/block:IndexPage}
  657. }
  658.  
  659. .caption {
  660. padding: 10px;
  661. }
  662.  
  663. .caption img {
  664. max-width: 100%;
  665. height: auto;
  666. }
  667.  
  668. .tags {
  669. margin-top: 5px;
  670. {block:IndexPage}
  671. {block:IfHideTags}
  672. display: none;
  673. {/block:IfHideTags}
  674. {/block:IndexPage}
  675. }
  676.  
  677. .permalink {
  678. padding: 0;
  679. }
  680.  
  681. /* askbox */
  682.  
  683. :-webkit-any(article,aside,nav,section) h1 {
  684. margin: 0 0 5px;
  685. text-align: center;
  686. font-weight: normal;
  687. }
  688.  
  689. /* notecontainer */
  690.  
  691. .notecontainer {
  692. padding-top: 10px;
  693. overflow: auto;
  694. height: 200px;
  695. }
  696.  
  697. .notecontainer ol.notes {
  698. list-style-type: none;
  699. padding: 0;
  700. }
  701.  
  702. .notecontainer li {
  703. padding: 10px 20px;
  704. }
  705.  
  706. .notecontainer li a {
  707. background-color: transparent;
  708. color: {color:Post Text};
  709. }
  710.  
  711. .notecontainer li:nth-child(odd) {
  712. background-color: {color:2nd Post Color};
  713.  
  714. }
  715.  
  716. .notecontainer li:nth-child(even) {
  717. background-color: {color:Posts};
  718.  
  719. }
  720.  
  721. .notecontainer img.avatar {
  722. vertical-align: middle;
  723. width: 10px;
  724. margin: 5px 7px 5px 0;
  725. opacity: 0.8;
  726. border-radius: 50%;
  727. display: inline-block;
  728. }
  729.  
  730. /* unnest */
  731.  
  732. {block:IfDashboardCaptions}
  733.  
  734. .tumblr_parent {
  735. margin: 20px 0;
  736. padding: 10px;
  737. {block:IfBlockquoteBorder}
  738. border-left: 1px solid {color:Post Text};
  739. {/block:IfBlockquoteBorder}
  740. }
  741.  
  742. .tumblr_parent blockquote {
  743. margin: 10px;
  744. {block:IfBlockquoteBorder}
  745. border-left: 1px solid {color:Post Text};
  746. {/block:IfBlockquoteBorder}
  747. }
  748.  
  749. .tumblr_parent img {
  750. margin: 15px 0 0;
  751. }
  752.  
  753. .tumblr_avatar {
  754. display: none;
  755. width: 10px;
  756. border-radius: 50%;
  757. }
  758. {/block:IfDashboardCaptions}
  759.  
  760. {block:IfSidebar}
  761. @media only screen and (min-width: 900px) {
  762.  
  763.  
  764. .content {
  765. margin: 90px 40px 40px;
  766.  
  767. }
  768.  
  769. .post {
  770. margin: 0 auto
  771. }
  772.  
  773. aside {
  774. padding: 120px 100px 40px;
  775. text-align: left;
  776. color: {color:Text};
  777. position: absolute;
  778. float: right;
  779. top: 0;
  780. left: 0;
  781. bottom: 0;
  782. margin: 0;
  783. width: 400px;
  784. -moz-box-sizing:border-box;
  785. box-sizing:border-box;
  786. z-index: 10;
  787. }
  788.  
  789. .dec3 {
  790. display: block;
  791. position: absolute;
  792. z-index: 9;
  793. width: 70px;
  794. margin-top: -65px;
  795. margin-left: 100px;
  796. }
  797.  
  798. .dec6 {
  799. display: block;
  800. position: absolute;
  801. z-index: 9;
  802. width: 70px;
  803. margin-top: 140px;
  804. margin-left: -50px;
  805. transform: rotate(180deg);
  806. }
  807.  
  808. }{/block:IfSidebar}
  809.  
  810. /* other */
  811.  
  812. #theme {
  813. position: fixed;
  814. font-size: 13px;
  815. right: 15px;
  816. bottom: 25px;
  817. width: 16px;
  818. height: 15px;
  819. padding: 2px 2px 3px;
  820. text-align: center;
  821. color: #ffffff;
  822. background-color: #dcd7cf;
  823. border-radius: 50%;
  824.  
  825. }
  826.  
  827. ::-webkit-scrollbar {
  828. width: 15px;
  829. height: 15px;
  830. }
  831.  
  832. ::-webkit-scrollbar {
  833. background-color: {color:Background};
  834. }
  835.  
  836. ::-webkit-scrollbar-track {
  837. background-color: {color:Background};
  838. border: 5px solid {color:Background};
  839. }
  840.  
  841. ::-webkit-scrollbar-thumb {
  842. background-color: {color:Scrollbar};
  843. border: 5px solid {color:Background};
  844. border-radius: 10px;
  845. min-height: 24px;
  846. min-width: 24px;
  847. }
  848.  
  849. ::-webkit-scrollbar-corner {
  850. background-color:{color:Background};
  851. }
  852.  
  853. </style>
  854.  
  855. <!-- jquery library-->
  856. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  857.  
  858. <!-- pixel union photoset for margins -->
  859. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  860. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  861.  
  862. <!-- feathericons-->
  863. <link href="https://static.tumblr.com/kmw8hta/oSwpvpnik/feather.css" rel="stylesheet">
  864.  
  865. <!-- nouvae responsive videos -->
  866. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  867.  
  868. <script>
  869.  
  870. $(document).ready(function() {
  871. flexibleFrames($(".video"));
  872. });
  873.  
  874. </script>
  875.  
  876. <!-- neothm and magnusthemes unnest -->
  877.  
  878. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  879.  
  880. {block:ifDashboardCaptions}
  881. <script>
  882. $(document).ready(function(){
  883. $('.post').unnest({
  884. yourCaption: ".caption",
  885. wrapName: ".tumblr_parent",
  886. newCaptionUsername: true,
  887. originalPostCaptionUsername: false,
  888. tumblrAvatars: true,
  889. tumblrAvatarClass: ".tumblr_avatar",
  890. usernameColon: false
  891. });
  892. });
  893. </script>
  894. {/block:ifDashboardCaptions}
  895.  
  896. </head>
  897.  
  898. <body>
  899.  
  900. <div class="navbox"><img src="{image:Decoration One}" class="dec4">
  901. <img src="{image:Decoration Two}" class="dec5"></div>
  902.  
  903. <nav>
  904.  
  905. {block:IfHome}
  906. <a href="/">{text:Home}</a>
  907. {/block:IfHome}
  908.  
  909. {block:AskEnabled}
  910. <li><a href="/ask">{text:Ask}</a></li>
  911. {/block:AskEnabled}
  912.  
  913. {block:SubmissionsEnabled}
  914. <li><a href="/submit">{text:Submit}</a></li>
  915. {/block:SubmissionsEnabled}
  916.  
  917. {block:IfArchive}
  918. <li><a href="/archive">{text:Archive}</a></li>
  919. {/block:IfArchive}
  920.  
  921. {block:HasPages}{block:Pages}
  922. <li><a href="{URL}">{Label}</a></li>
  923. {/block:Pages}{/block:HasPages}
  924.  
  925. {block:IfLinkOne}<li><a href="{text:Link One URL}">{text:Link One}</a>{/block:IfLinkOne}
  926.  
  927. {block:IfLinkTwo}<li><a href="{text:Link Two URL}">{text:Link Two}</a>{/block:IfLinkTwo}
  928.  
  929. {block:IfLinkThree}<li><a href="{text:Link Three URL}">{text:Link Three}</a>{/block:IfLinkThree}
  930.  
  931.  
  932. </nav>
  933.  
  934. <aside>
  935.  
  936. <section>
  937.  
  938. {block:IfShowAvatar}
  939. <img src="{PortraitURL-128}" class="avatar {AvatarShape}">
  940.  
  941. <img src="{image:Decoration Three}" class="dec3">
  942. <img src="{image:Decoration Three}" class="dec6">
  943. {/block:IfShowAvatar}
  944.  
  945. <img src="{image:Sidebar}" class="simg">
  946.  
  947. <div><a class="ti" href="/">{Title}</a></div>
  948.  
  949. <div class="description">{Description}</div>
  950.  
  951. <div class="taglist">
  952. {block:IfTagOne}Search by tag <li><a href="/tagged/{text:Tag One}">{text:Tag One} </a>,</li>{/block:IfTagOne}
  953. {block:IfTagTwo}<li><a href="/tagged/{text:Tag Two}">{text:Tag Two} </a>,</li>{/block:IfTagTwo}
  954. {block:IfTagThree}<li><a href="/tagged/{text:Tag Three}">{text:Tag Three} </a></li>{/block:IfTagThree}
  955. </div>
  956.  
  957. <div class="ic">
  958. {block:IfSocialLinkOneURL}<li><a href="{text:Social Link One URL}"><span class="fx fx-instagram"></span></a></li>{/block:IfSocialLinkOneURL}
  959. {block:IfSocialLinkTwoURL}<li><a href="{text:Social Link Two URL}"><span class="fx fx-facebook"></span></a></li>{/block:IfSocialLinkTwoURL}
  960. {block:IfSocialLinkThreeURL}<li><a href="{text:Social Link Three URL}"><span class="fx fx-youtube"></span></a></li>{/block:IfSocialLinkThreeURL}
  961. </div>
  962.  
  963.  
  964. </section>
  965.  
  966. </aside>
  967.  
  968. <div class="content"> {block:Posts}
  969.  
  970. <article class="entry" id="{PostID}">
  971.  
  972. <section class="post">
  973.  
  974. <img src="{image:Decoration One}" class="dec">
  975. <img src="{image:Decoration Two}" class="dec2">
  976.  
  977. <!-- from -->
  978. {block:Date}
  979. <div class="controls">
  980. <a href="{Permalink}" class="timestamp">{24Hour}:{Minutes} {AmPm}</a>
  981. <a href="{Permalink}" class="controlsreblog nt"><span class="fx fx-bar-chart-2"></span>{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
  982. {/block:Date}
  983.  
  984. <!-- audio -->
  985. {block:Audio}
  986. <div class="audio">
  987. {block:AudioPlayer}
  988. <div class="player">{AudioPlayer}</div>
  989. {/block:AudioPlayer}
  990.  
  991. {block:TrackName}
  992. <div class="track title">{TrackName}
  993. {/block:TrackName}
  994. <br>
  995. {block:Artist}
  996. <span class="accent thin">— by {Artist}</span></div>
  997. {/block:Artist}
  998. </div>
  999. {/block:Audio}
  1000.  
  1001. <!-- photo -->
  1002. {block:Photo}
  1003. <div class="media">
  1004. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('content').toggleClass('tumblr_lightbox_active'); return false">
  1005. <img src="{PhotoURL-HighRes}" style="display:block;">
  1006. </a>
  1007. </div>
  1008. {/block:Photo}
  1009.  
  1010. <!-- photoset -->
  1011. {block:Photoset}
  1012. <div class="media photoset">
  1013.  
  1014. {block:PermalinkPage}
  1015. <!-- pixel union photosets -->
  1016. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1017. {block:Photos}
  1018. <div class="photo-data">
  1019. <div class="pxu-photo">
  1020. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1021. </div>
  1022. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1023. </div>{/block:Photos}
  1024. </div>
  1025. <!-- pxel union photoset ends -->
  1026. {/block:PermalinkPage}
  1027.  
  1028. {block:ifFullPhotosets}
  1029. {block:IndexPage}
  1030.  
  1031. <!-- pixel union photosets -->
  1032. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1033. {block:Photos}
  1034. <div class="photo-data">
  1035. <div class="pxu-photo">
  1036. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1037. </div>
  1038. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1039. </div>{/block:Photos}
  1040. </div>
  1041. <!-- pxel union photoset ends -->
  1042.  
  1043. {/block:IndexPage}
  1044. {/block:ifFullPhotosets}
  1045.  
  1046. {block:ifNotFullPhotosets}
  1047. {block:IndexPage}
  1048. {block:Photos}<img src="{PhotoURL-HighRes}">
  1049. <!--{/block:Photos}-->
  1050. {/block:IndexPage}
  1051. {/block:ifNotFullPhotosets}
  1052.  
  1053. </div>
  1054. {/block:Photoset}
  1055.  
  1056. <!-- text -->
  1057. {block:Text}
  1058. <div class="caption">
  1059. {block:Title}<h1>{Title}</h1>{/block:Title}
  1060. {Body}</div>
  1061. {/block:Text}
  1062.  
  1063. <!-- quote -->
  1064. {block:Quote}
  1065. <div class="quote"><span class="mark">“ </span>{Quote}<span class="mark"> „</span></div>
  1066. {block:Source}<div class="quotetext">— {Source}</div>{/block:Source}
  1067. {/block:Quote}
  1068.  
  1069. <!-- video -->
  1070. {block:Video}
  1071. <div class="videowrap">
  1072. <div class="video">
  1073. {Video-250}
  1074. </div></div>
  1075. {/block:Video}
  1076.  
  1077. <!-- questions and answers -->
  1078. {block:Answer}
  1079. <div class="asked">
  1080. <img class="reb" src="{AskerPortraitURL-48}">
  1081. <span> {Asker}</span> says:<br/></div>
  1082. <div class="question">{Question}<br/></div>
  1083. <div class="answer caption">{Answer}</div>
  1084. {/block:Answer}
  1085.  
  1086. <!-- chat posts -->
  1087. {block:Chat}
  1088. {block:Title}<div class="title chat">{Title}</div>{/block:Title}
  1089. {block:Lines}
  1090. <div class="lines">
  1091. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br/>
  1092. </div>{/block:Lines}
  1093. {/block:Chat}
  1094.  
  1095. <!-- link posts -->
  1096. {block:Link}<div class="link">
  1097. <div class="linkicon"><span class="fx fx-external-link"></span></div>
  1098. <div class="linkname"><a href="{URL}">{Name}</a>
  1099. <div class="linkdesc">{block:Excerpt}{Excerpt}{/block:Excerpt}</div></div>
  1100. </div>{/block:Link}
  1101.  
  1102. <!-- info -->
  1103. {block:Date}
  1104. <div class="info">
  1105.  
  1106. <div class="permalink">
  1107. <!-- caption -->
  1108. {block:Caption}
  1109. <div class="caption hide">{Caption}</div>
  1110. {/block:Caption}
  1111.  
  1112. <div class="og">{block:RebloggedFrom}
  1113. <div class="from1">
  1114. <img class="reb" src="{ReblogParentPortraitURL-48}"> Via
  1115. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1116. </div>
  1117. {block:ContentSource}
  1118. <div class="from2">
  1119. <img class="reb" src="{ReblogRootPortraitURL-48}"> Source
  1120. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1121. </div>
  1122. {/block:ContentSource}
  1123. {/block:RebloggedFrom}
  1124.  
  1125.  
  1126. <!-- original post -->
  1127. {block:NotReblog}
  1128. <div class="from1">
  1129. <img class="reb" src="{PortraitURL-48}">
  1130. <a href="{BlogURL}">{Title}</a>
  1131. </div>
  1132. {/block:NotReblog}
  1133.  
  1134. <!-- tags -->
  1135. {block:HasTags}
  1136. <div class="tags"><span class="fx fx-paperclip"></span> Tags
  1137. {block:Tags}
  1138. <a href="{TagURL}"> {Tag}</a><span class="comma">,</span>
  1139. {/block:Tags}
  1140. </div>
  1141.  
  1142. </div>
  1143. {/block:HasTags}</div>
  1144.  
  1145. </div> {/block:Date}
  1146.  
  1147. </section>
  1148.  
  1149. </article>
  1150.  
  1151. <!-- post notes -->
  1152. {block:PostNotes}
  1153. <article class="entry">
  1154. <section class="post notecontainer">
  1155. <span class="text"><span class="fx fx-bar-chart-2"></span>{block:NoteCount}<span Class="nt">{NoteCountWithLabel}</span>{/block:NoteCount}</span>
  1156. {PostNotes-64}
  1157. </section>
  1158. </article>
  1159. {/block:PostNotes}
  1160. {/block:Posts}
  1161.  
  1162.  
  1163. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1164.  
  1165. <!-- pagination -->
  1166. <div class="pagination">
  1167. {/block:Pagination}
  1168. {block:PreviousPage}
  1169. <a class="previous_page" href="{PreviousPage}">Previous</a>
  1170. {/block:PreviousPage}
  1171.  
  1172. {block:NextPage}
  1173. <a class="next_page" href="{NextPage}">Next Page</a>
  1174. {/block:NextPage}
  1175.  
  1176. </div>
  1177. {/block:Pagination}
  1178.  
  1179.  
  1180. </div> <!-- div class content end -->
  1181.  
  1182. <a id="theme" href="https://mangolias.tumblr.com/" target="_blank">+</a></div>
  1183.  
  1184. <!-- pixel union photosets -->
  1185. <script>
  1186. $(document).ready(function(){
  1187. $('.photo-slideshow').pxuPhotoset({
  1188. lightbox: true,
  1189. rounded: false,
  1190. gutter: '3px',
  1191. borderRadius: '0px',
  1192. photoset: '.photo-slideshow',
  1193. photoWrap: '.photo-data',
  1194. photo: '.pxu-photo'
  1195. });
  1196. });
  1197. </script>
  1198.  
  1199. </body>
  1200.  
  1201. </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!