API tools faq
paste
amboise

polaris

amboise
Oct 11th, 2018
4,309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.43 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. theme polaris by amboise
  4. please be cool and don't steal nor copy n.n
  5.  
  6. base code by sorrism
  7. photosets by annasthms and espoirthemes
  8. like and reblog button by shythemes
  9. feather icons by cole bemis
  10.  
  11. -->
  12.  
  13. <!DOCTYPE html>
  14. <head>
  15.  
  16. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21. <meta name="viewport" content="width=device-width, initial-scale=1">
  22.  
  23. <!-- Default Variables -->
  24.  
  25. <meta name="color:Background" content="#f8f8f8"/>
  26. <meta name="color:Text" content="#888888"/>
  27. <meta name="color:Link" content="#a7a7a7"/>
  28. <meta name="color:Title"content="#000000"/>
  29. <meta name="color:Posts Borders" content="#f5f5f5"/>
  30. <meta name="color:Posts Background" content="#ffffff"/>
  31. <meta name="color:Box Shadow" content="#bebebe"/>
  32. <meta name="color:Tab Icons" content="#888888"/>
  33. <meta name="color:Tab Border" content="#f5f5f5"/>
  34. <meta name="color:Tab Background" content="#ffffff"/>
  35. <meta name="color:Dot One" content="#ffdfba"/>
  36. <meta name="color:Dot Two" content="#ffffba"/>
  37. <meta name="color:Dot Three" content="#baffc9"/>
  38. <meta name="color:Accent" content="#e8e8e8"/>
  39. <meta name="color:Scrollbar" content="#d5d5d5" />
  40.  
  41. <meta name="select:Font Size" content="11px" title="11px"/>
  42. <meta name="select:Font Size" content="12px" title="12px"/>
  43. <meta name="select:Font Size" content="13px" title="13px"/>
  44. <meta name="select:Font Size" content="14px" title="14px"/>
  45.  
  46. <meta name="select:Font" content="ABeeZee" title="ABeeZee"/>
  47. <meta name="select:Font" content="Ubuntu" title="Ubuntu"/>
  48. <meta name="select:Font" content="Muli" title="Muli"/>
  49. <meta name="select:Font" content="Lato" title="Lato"/>
  50. <meta name="select:Font" content="Fira Sans" title="Fira Sans"/>
  51. <meta name="select:Font" content="Nunito Sans" title="Nunito Sans"/>
  52. <meta name="select:Font" content="Karla" title="Karla"/>
  53. <meta name="select:Font" content="PT Sans" title="PT Sans"/>
  54.  
  55. <meta name="select:Posts" content="250px" title="250px"/>
  56. <meta name="select:Posts" content="300px" title="300px"/>
  57. <meta name="select:Posts" content="350px" title="350px"/>
  58. <meta name="select:Posts" content="400px" title="400px"/>
  59. <meta name="select:Posts" content="450px" title="450px"/>
  60. <meta name="select:Posts" content="500px" title="500px"/>
  61. <meta name="select:Posts" content="540px" title="540px"/>
  62.  
  63. <meta name="if:Middle Tab" content=""/>
  64. <meta name="if:Tags Tab" content=""/>
  65. <meta name="if:Show Icon" content=""/>
  66. <meta name="if:Align Center" content=""/>
  67. <meta name="if:One Column" content=""/>
  68. <meta name="if:Solid Posts" content=""/>
  69. <meta name="if:User Portrait" content=""/>
  70. <meta name="if:Captions" content=""/>
  71. <meta name="if:Post Controls" content=""/>
  72. <meta name="if:Tags" content=""/>
  73. <meta name="if:Full Photosets" content=""/>
  74. <meta name="if:Repeat Background" content=""/>
  75.  
  76. <meta name="text:Message Text" content="say your thing; make it pretty please!!">
  77.  
  78. <meta name="text:Link 1" content=""/>
  79. <meta name="text:Link 1 URL" content=""/>
  80. <meta name="text:Link 2" content=""/>
  81. <meta name="text:Link 2 URL" content=""/>
  82. <meta name="text:Link 3" content=""/>
  83. <meta name="text:Link 3 URL" content=""/>
  84. <meta name="text:Link 4" content=""/>
  85. <meta name="text:Link 4 URL" content=""/>
  86. <meta name="text:Link 5" content=""/>
  87. <meta name="text:Link 5 URL" content=""/>
  88. <meta name="text:Link 6" content=""/>
  89. <meta name="text:Link 6 URL" content=""/>
  90. <meta name="text:Link 7" content=""/>
  91. <meta name="text:Link 7 URL" content=""/>
  92. <meta name="text:Link 8" content=""/>
  93. <meta name="text:Link 8 URL" content=""/>
  94.  
  95. <meta name="text:Tag 1 Name" content=""/>
  96. <meta name="text:Tag 1" content=""/>
  97. <meta name="text:Tag 2 Name" content=""/>
  98. <meta name="text:Tag 2" content=""/>
  99. <meta name="text:Tag 3 Name" content=""/>
  100. <meta name="text:Tag 3" content=""/>
  101. <meta name="text:Tag 4 Name" content=""/>
  102. <meta name="text:Tag 4" content=""/>
  103. <meta name="text:Tag 5 Name" content=""/>
  104. <meta name="text:Tag 5" content=""/>
  105. <meta name="text:Tag 6 Name" content=""/>
  106. <meta name="text:Tag 6" content=""/>
  107. <meta name="text:Tag 7 Name" content=""/>
  108. <meta name="text:Tag 7" content=""/>
  109.  
  110. <meta name="image:Icon" content=""/>
  111. <meta name="image:Background" content=""/>
  112.  
  113. <link href="https://fonts.googleapis.com/css?family={select:font}:400,400i,700,700i|Rancho" rel="stylesheet">
  114. <link href="https://static.tumblr.com/0podkko/bwepdyarh/photosets.css" rel="stylesheet">
  115.  
  116. <!-- css -->
  117.  
  118. <style type="text/css">
  119.  
  120. /* tumblr controls by@cyantists */
  121.  
  122. iframe.tmblr-iframe {
  123. z-index:99999999999999!important;
  124. top:14px!important;
  125. right:17.5px!important;
  126. opacity:0;
  127. padding-right:38px;
  128. /* delete invert(1) from here */
  129. filter:invert(1) contrast(150%);
  130. -webkit-filter:invert(1) contrast(150%);
  131. -o-filter:invert(1) contrast(150%);
  132. -moz-filter:invert(1) contrast(150%);
  133. -ms-filter:invert(1) contrast(150%);
  134. /* to here if your blog has a dark background */
  135. transform:scale(0.65);
  136. transform-origin:100% 0;
  137. -webkit-transform:scale(0.65);
  138. -webkit-transform-origin:100% 0;
  139. -o-transform:scale(0.65);
  140. -o-transform-origin:100% 0;
  141. -moz-transform:scale(0.65);
  142. -moz-transform-origin:100% 0;
  143. -ms-transform:scale(0.65);
  144. -ms-transform-origin:100% 0;
  145. }
  146.  
  147. iframe.tmblr-iframe:hover {
  148. opacity:0.6!important;
  149. }
  150.  
  151. .hcontrols {
  152. position:fixed;
  153. top:15px;
  154. right:15px;
  155. z-index:9;
  156. }
  157.  
  158. .hcontrols svg {
  159. width:14px;
  160. height:14px;
  161. padding:9px;
  162. }
  163.  
  164. /* scrollbar */
  165.  
  166. ::-webkit-scrollbar{
  167. height:16px;
  168. width:16px;
  169. background:inherit;
  170. }
  171.  
  172. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  173.  
  174. ::-webkit-scrollbar-track {background:{color:background};}
  175.  
  176. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {
  177. border:7px solid {color:background};}
  178.  
  179. /* main structure */
  180.  
  181. body {
  182. color:{color:text};
  183. background-color:{color:background};
  184. background-image:url('{image:background}');
  185. background-attachment:fixed;
  186. {block:IfNotRepeatBackground}
  187. background-repeat:no-repeat;
  188. {/block:IfNotRepeatBackground}
  189. font-size:{select:font size};
  190. font-family:{select:font};
  191. font-weight:400;
  192. line-height:1.5em;
  193. letter-spacing:.25px;
  194. word-wrap:break-word;
  195. text-align:left;
  196. margin:0;
  197. overflow-x:hidden!important;
  198. }
  199.  
  200. b, strong {font-weight:700;}
  201.  
  202. a {
  203. color:inherit;
  204. text-decoration:none;
  205. transition:all .3s linear;
  206. -webkit-transition:all .3s linear;
  207. -o-transition:all .3s linear;
  208. -moz-transition:all .3s linear;
  209. }
  210.  
  211. a, a img {cursor:pointer;}
  212. a:hover {text-decoration:none;}
  213.  
  214. img {
  215. opacity:1;
  216. border:0;
  217. text-decoration:none;
  218. max-width:100%;
  219. height:auto;
  220. display:block;
  221. }
  222.  
  223. blockquote {
  224. padding:0;
  225. margin:.5em 0;
  226. {block:IfNotAlignCenter}
  227. padding-left:15px;
  228. border-left:1px solid {color:accent};
  229. {/block:IfNotAlignCenter}
  230. }
  231.  
  232. pre {
  233. padding:0;
  234. margin:0;
  235. line-height:inherit!important;
  236. background:transparent;
  237. font-family:inherit!Important;
  238. font-size:inherit!important;
  239. white-space:pre-wrap;
  240. white-space:-moz-pre-wrap;
  241. white-space:-pre-wrap;
  242. white-space:-o-pre-wrap;
  243. word-wrap:break-word;
  244. }
  245.  
  246. p {margin:.75em 0;}
  247.  
  248. p:first-of-type {margin-top:0;}
  249.  
  250. p:last-of-type {margin-bottom:.5em;}
  251.  
  252. small, big, sub, pre {
  253. font-size:1em!important;
  254. line-height:1.4em!important;
  255. vertical-align:baseline!important;
  256. }
  257.  
  258. h1, h2, h3, h4 {
  259. margin:1em 0;
  260. font-size:calc({select:font size} - 1px);
  261. padding:0;
  262. color:#000;
  263. font-weight:0;
  264. }
  265.  
  266. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  267.  
  268. hr {
  269. border:none;
  270. box-shadow:0;
  271. margin:2em auto;
  272. width:75px;
  273. }
  274.  
  275. ul {
  276. margin-left:-25px;
  277. list-style-type:circle;
  278. }
  279.  
  280. /* tabs */
  281.  
  282. .tabs {
  283. float:none;
  284. position:relative;
  285. margin-top:150px;
  286. {block:IfNotAlignCenter}text-align:left;{/block:ifNotAlignCenter}
  287. {block:IfAlignCenter}text-align:center;{/block:IfAlignCenter}
  288. }
  289.  
  290. .tabs .tabed {
  291. float:left;
  292. display:block;
  293. width:calc(({select:Posts} * 2) + (2em * 2));
  294. }
  295.  
  296. .tab-bar {
  297. width:100vw;
  298. height:50px;
  299. position:fixed;
  300. bottom:0;
  301. left:0;
  302. right:0;
  303. z-index:10;
  304. background-color:{color:tab background};
  305. border-top:1px solid {color:tab border};
  306. }
  307.  
  308. .tabs input[type="radio"] {
  309. position: absolute;
  310. top: 0;
  311. left: -9999px;
  312. }
  313.  
  314. .tabs label svg {
  315. width:18px;
  316. height:18px;
  317. color:{color:tab icons};
  318. }
  319.  
  320. .tabs label {
  321. display:block;
  322. cursor:pointer;
  323. position:fixed;
  324. bottom:7.5px;
  325. -moz-transition: all 0.2s ease-in-out;
  326. -o-transition: all 0.2s ease-in-out;
  327. -webkit-transition: all 0.2s ease-in-out;
  328. transition: all 0.2s ease-in-out;
  329. z-index:10;
  330. }
  331.  
  332. .tabs label:hover {color:black;}
  333.  
  334. .tab-1, .tab-2, .tab-3, .tab-4 {
  335. padding:5px;
  336. clear:both;
  337. list-style-type:none;
  338. }
  339.  
  340. {block:IfNotMiddleTab}
  341. .tab-1 {left:calc(50% - 28px);}
  342. .tab-4 {left:calc(50% + 15px);}
  343. {/block:IfNotMiddleTab}
  344.  
  345. {block:IfMiddleTab}
  346. .tab-1 {left:calc(50% - 63px);}
  347. .tab-2 {left:calc(50% - 9px);}
  348. .tab-4 {left:calc(50% + 45px);}
  349. {/block:IfMiddleTab}
  350.  
  351. {block:IfTagsTab}
  352. .tab-3 {left:calc(50% - 9px);}
  353. {/block:IfTagsTab}
  354.  
  355. .tabs .tab-content {
  356. z-index:2;
  357. display:none;
  358. overflow:hidden;
  359. padding:25px;
  360. position:absolute;
  361. top:53px;
  362. left:0;
  363. right:0;
  364. margin-bottom:100px;
  365. }
  366.  
  367. .tabs [id^="tab"]:checked {
  368. top:0;
  369. }
  370.  
  371. .tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  372. display:block;
  373. }
  374.  
  375. [type=radio]:checked + label {}
  376.  
  377. #tab-content2, #tab-content3, #tab-content4 {
  378. width:540px;
  379. margin:0 auto 100px;
  380. top:25px;
  381. }
  382.  
  383. /* tab 2 */
  384.  
  385. #tab-content2 {text-align:center;}
  386.  
  387. /* tab 3 */
  388.  
  389. #tab-content3 {text-align:center;}
  390. #tab-content3 h5 {
  391. margin-top:15px;
  392. text-transform:lowercase;
  393. font-size:{select:font size};
  394. }
  395.  
  396. .p-tags li {
  397. list-style:none;
  398. margin-bottom:15px;
  399. margin-left:-15px;
  400. }
  401.  
  402. @media only screen and (min-width:577px) {
  403. #tab-content3 .dot {display:none;}
  404. #tab-content3 h5 {margin-top:5px;}
  405. .p-tags {
  406. text-align:left;
  407. margin-top:5px;
  408. margin-left:50%;
  409. width:calc((540px / 2) - 15px);
  410. padding-left:15px;
  411. }
  412.  
  413. .p-tags li {
  414. list-style-type:circle;
  415. margin-left:0;
  416. }
  417.  
  418. .cher {
  419. float:left;
  420. width:calc((540px / 2) - 15px);
  421. padding-right:15px;
  422. }
  423.  
  424. .sfm input {
  425. float:right;
  426. text-align:right!important;
  427. margin-bottom:0;
  428. }
  429. }
  430.  
  431. .sfm input {
  432. border:0;
  433. margin:2px 0 10px 0;
  434. padding:5px 7.5px 5px 7.5px;
  435. color:{color:text};
  436. text-align:center;
  437. text-transform:lowercase;
  438. font-family:{select:font};
  439. font-size:{select:font size};
  440. background-color:{color:background};
  441. }
  442.  
  443. input:focus,
  444. select:focus,
  445. textarea:focus,
  446. button:focus {
  447. outline:none;
  448. }
  449.  
  450. /* tab 4 */
  451.  
  452. #tab-content4 {
  453. text-align:center;
  454. }
  455.  
  456. .description {
  457. font-style:italic;
  458. display:inline-block;
  459. letter-spacing:.25px;
  460. }
  461.  
  462. .nav ul li {
  463. list-style:none;
  464. margin:0 0 10px -12.5px;
  465. }
  466.  
  467. @media only screen and (min-width:577px) {
  468. .nav {
  469. max-width:540px;
  470. min-width:540px;
  471. }
  472.  
  473. .nav ul li {
  474. float:left;
  475. width:230px;
  476. display:block;
  477. margin:0 15px 10px 12.5px;
  478. }
  479.  
  480. .nav ul li:nth-of-type(odd) {text-align:right;}
  481. .nav ul li:nth-of-type(even) {text-align:left;}
  482. }
  483.  
  484. /* header */
  485.  
  486. header img {
  487. display:block;
  488. width:50px;
  489. height:50px;
  490. overflow:hidden;
  491. border-radius:50%;
  492. position:absolute;
  493. top:100px;
  494. left:calc(50% - 25px);
  495. }
  496.  
  497. header {
  498. top:0;
  499. left:0;
  500. position:relative;
  501. padding:30px;
  502. text-align:center;
  503. margin-bottom:-100px;
  504. {block:IfNotShowIcon}
  505. margin-bottom:-50px;
  506. {/block:IfNotShowIcon}
  507. }
  508.  
  509. .blogtitle {
  510. font-size:24px;
  511. font-family: 'Rancho', cursive;
  512. letter-spacing:.5px;
  513. margin-top:140px;
  514. margin-bottom:10px;
  515. {block:IfNotShowIcon}
  516. margin-top:90px;
  517. {block:IfNotShowIcon}
  518. color:{color:title};
  519. }
  520.  
  521. /* pagination */
  522.  
  523. .pagination {
  524. z-index:11;
  525. bottom:50px;
  526. margin-top:3px;
  527. display:inline-block;
  528. position:fixed;
  529. width:calc(100% - 40px);
  530. padding:0 20px 0 20px;
  531. }
  532.  
  533. .prev {float:left;}
  534. .next {float:right;margin-right:20px;}
  535.  
  536. .pagination svg {
  537. color:{color:tab icons};
  538. width:14px;
  539. height:14px;
  540. position:absolute;
  541. bottom:-31px;
  542. }
  543.  
  544. /* posts */
  545.  
  546. {block:IndexPage}
  547.  
  548. section {
  549. margin:50px auto 50px auto;
  550. }
  551.  
  552. {block:IfNotOneColumn}
  553. .entries {
  554. -webkit-column-count:2;
  555. -moz-column-count:2;
  556. column-count:2;
  557. -webkit-column-gap:2em;
  558. -moz-column-gap:2em;
  559. column-gap:2em;
  560. margin:150px auto 100px auto!important;
  561. padding:0 2em 0 0;
  562. overflow-x:hidden;
  563. width:calc(({select:Posts} * 2) + (2em * 2));
  564. }
  565.  
  566. .posts {
  567. display:inline-block;
  568. padding:0;
  569. margin:0 1em 3.5em;
  570. width:{select:Posts};
  571. -webkit-transition:1s ease all;
  572. }
  573.  
  574. .posts:last-of-type {margin-bottom:0!important;}
  575.  
  576. @media only screen and (min-width:321px) and (max-width:900px) {
  577. .entries {
  578. -moz-column-count:2;
  579. -webkit-column-count:2;
  580. column-count:2;
  581. margin:150px auto 100px auto;
  582. padding-right:1em;
  583. }
  584. .tabs .tabed, .entries {width:calc(90vw - 1em);}
  585. .posts {width:99%;}
  586. }
  587.  
  588. @media only screen and (max-width:320px) {
  589. .entries {
  590. -moz-column-count: 1;
  591. -webkit-column-count: 1;
  592. column-count: 1;
  593. margin:150px auto 100px auto;
  594. padding-right:1.75em;
  595. }
  596. .tabs .tabed, .entries {width:calc(90vw - 1.5em);}
  597. .posts {width:100%;}
  598. }
  599. {/block:IfNotOneColumn}
  600.  
  601. {block:IFOneColumn}
  602. .entries {
  603. -webkit-column-count:1;
  604. -moz-column-count:1;
  605. column-count:1;
  606. margin:150px auto 100px auto!important;
  607. padding:0 2em 0 0;
  608. overflow-x:hidden;
  609. width:{select:posts};
  610. }
  611.  
  612. .posts {
  613. display:inline-block;
  614. padding:0;
  615. margin:0 1em 3.5em;
  616. width:{select:posts};
  617. -webkit-transition:1s ease all;
  618. }
  619.  
  620. @media only screen and (max-width:768px) {
  621. .entries {width:540px;}
  622. .posts {width:100%;}
  623. }
  624.  
  625. @media only screen and (max-width:576px) {
  626. .entries {width:calc(100vw - 50px);}
  627. }
  628. {/block:IfOneColumn}
  629. {/block:IndexPage}
  630.  
  631. {block:PermalinkPage}
  632. section {
  633. width:100%;
  634. margin:100px auto 0 auto;
  635. }
  636.  
  637. .posts {
  638. width:425px;
  639. margin:150px auto 0 auto;
  640. }
  641. {/block:PermalinkPage}
  642.  
  643. .posts, .description {
  644. overflow:hidden;
  645. }
  646.  
  647. .photoset-grid {
  648. grid-gap:1px;
  649. }
  650.  
  651. .ph {
  652. position:relative;
  653. overflow:hidden;
  654. }
  655.  
  656. .ph img {
  657. width:100%;
  658. display:block;
  659. }
  660.  
  661. /* titles */
  662.  
  663. .title {
  664. color:{color:title};
  665. font-size:calc({select:font size} + 1px);
  666. font-weight:700;
  667. padding:20px 20px 10px 20px;
  668. }
  669.  
  670. .dot {
  671. height:5px;
  672. width:5px;
  673. margin-right:5px;
  674. border-radius:50%;
  675. display:inline-block;
  676. }
  677.  
  678. .one {background:{color:dot one};}
  679. .two {background:{color:dot two};}
  680. .three {background:{color:dot three};}
  681.  
  682. /*.ted {margin-top:10px;}*/
  683.  
  684. /* captions */
  685.  
  686. .captions {
  687. {block:IndexPage}{block:IfNotCaptions}display:none;{/block:IfNotCaptions}{/block:IndexPage}
  688. }
  689.  
  690. .comment {
  691. list-style:none;
  692. border-top:1px dashed #eee;
  693. }
  694.  
  695. .comment:first-of-type {border-top:none;}
  696.  
  697. .tex a {
  698. margin:0 0 20px;
  699. transition: background-size .8s ease;
  700. background: linear-gradient(to bottom, transparent 10%, {color:accent} 0) left bottom/0% 40% no-repeat;
  701. text-decoration:none;
  702. border-bottom:1px solid {color:accent};
  703. cursor:pointer;
  704. color:{color:text};
  705. display:inline;
  706. -webkit-transition: all 0.3s ease;
  707. -moz-transition: all 0.3s ease;
  708. -o-transition: all 0.3s ease;
  709. transition: all 0.3s ease;
  710. }
  711.  
  712. .tex a:hover {
  713. color:{color:text};
  714. background-size: 100% 40%;
  715. }
  716.  
  717. .tex:active {
  718. background-size: 100% 70%;
  719. }
  720.  
  721. .tex ul {
  722. margin-left:0;
  723. }
  724.  
  725. /*.tex li, .tex blockquote {text-align:left;}*/
  726.  
  727. .user {
  728. color:{color:title};
  729. font-weight:700;
  730. line-height:1em;
  731. margin-bottom:.75em;
  732. display:inline-block;
  733. text-transform:lowercase;
  734. }
  735.  
  736. .user img {
  737. {block:IfUserPortrait}display:inline;{/block:IfUserPortrait}
  738. {block:IfNotUserPortrait}display:none;{/block:IfNotUserPortrait}
  739. float:left;
  740. vertical-align:middle;
  741. margin-top:-1px;
  742. margin-right:8px;
  743. {block:IfAlignCenter}
  744. display:none;
  745. {/block:IfAlignCenter}
  746. overflow:hidden;
  747. width:16px;
  748. height:16px;
  749. border-radius:50%;
  750. -moz-border-radius:50%;
  751. -webkit-border-radius:50%;
  752. }
  753.  
  754. {block:IfNotAlignCenter}
  755. .deactivated:after {
  756. content:'deactivated';
  757. position:absolute;
  758. padding-left:8px;
  759. opacity:0;
  760. transition:.4s ease-in-out;
  761. color:#a4a3a3;
  762. }
  763.  
  764. .deactivated:hover:after {opacity:1;}
  765. {/block:IfNotAlignCenter}
  766.  
  767. /* quote */
  768.  
  769. .quote {
  770. font-size:calc({select:font size} + 1px);
  771. font-style:italic;
  772. font-weight:700;
  773. }
  774.  
  775. .source {
  776. text-transform:lowercase;
  777. }
  778.  
  779. /* audio */
  780.  
  781. .soundcloud_audio_player {
  782. max-height:116px!important;
  783. width:100%!important;
  784. }
  785.  
  786. .spotify_audio_player {
  787. max-height:80px!important;
  788. width:100%!important;
  789. }
  790.  
  791. .audio {
  792. z-index:0;
  793. {block:IfNotAlignCenter}
  794. min-height:65px;
  795. max-height:65px;
  796. {/block:IfNotAlignCenter}
  797. {block:IfAlignCenter}
  798. min-height:90px;
  799. max-height:90px;
  800. {/block:IfAlignCenter}
  801. position:relative;
  802. border-bottom:1px solid #eee;
  803. }
  804.  
  805. .playbutton {
  806. width:30px;
  807. height:30px;
  808. overflow:hidden;
  809. border-radius:15px;
  810. margin:1px 0 0 -1px;
  811. z-index:2!important;
  812. opacity:.5;
  813. cursor:pointer;
  814. }
  815.  
  816. .playbox {
  817. z-index:2;
  818. width:30px;
  819. height:30px;
  820. overflow:hidden;
  821. border-radius:50%;
  822. position:absolute;
  823. {block:IfAlignCenter}
  824. margin-top:41px;
  825. left:calc(50% - 15px);
  826. {/block:IfAlignCenter}
  827. opacity:.1;
  828. transition:.5s ease-in;
  829. -webkit-transition:.5s ease-in;
  830. -o-transition:.5s ease-in;
  831. -moz-transition:.5s ease-in;
  832. -ms-transition:.5s ease-in;
  833. }
  834.  
  835. .playbox:hover {
  836. opacity:1;
  837. }
  838.  
  839. .info {
  840. margin-top:1.5px;
  841. }
  842.  
  843. .track, .audio {
  844. max-width:100%;
  845. overflow:hidden;
  846. white-space:nowrap;
  847. text-overflow:ellipsis;
  848. }
  849.  
  850. .track {
  851. font-weight:700;
  852. {block:IfAlignCenter}margin-bottom:7.5px;{/block:IfAlignCenter}
  853. }
  854.  
  855. .audio .dot {
  856. margin:10px 5px 5px 0;
  857. {block:IfAlignCenter}display:none;{/block:IfAlignCenter}
  858. }
  859.  
  860. .audio svg {
  861. width:14px;
  862. margin-top:13px;
  863. {block:IfNotAlignCenter}
  864. margin-top:17.5px;
  865. float:right;
  866. margin-right:7.5px;
  867. {/block:IfNotAlignCenter}
  868. }
  869.  
  870. /* asks */
  871.  
  872. .q {border-bottom:1px solid #eee;}
  873.  
  874. /* chat */
  875.  
  876. .chat {
  877. text-transform:lowercase;
  878. margin:0;
  879. list-style:none;
  880. }
  881.  
  882. .bubble {
  883. display:inline-block;
  884. overflow:hidden;
  885. border-radius:.4em;
  886. margin:0 0 5px 0;
  887. }
  888.  
  889. .label {
  890. display:inline-block;
  891. color:{color:title};
  892. }
  893.  
  894. /* permalink and notes */
  895.  
  896. .when, .rblg-p {text-transform:lowercase;}
  897. .when {position:relative;}
  898.  
  899. .when a {color:#969696;}
  900. .when span {display:block;}
  901.  
  902. .post-controls {
  903. {block:IfNotAlignCenter}left:0;{/block:IfNotAlignCenter}
  904. min-height:15px;
  905. }
  906.  
  907. .post-controls, .reblog, .like {
  908. display:inline-block;
  909. }
  910.  
  911. .post-controls svg {
  912. {block:IfPostControls}
  913. width:calc({select:font size} - 2px);
  914. height:calc({select:font size} - 2px);
  915. {/block:IfPostControls}
  916. {block:IfNotPostControls}
  917. width:13px;
  918. height:13px;
  919. {/block:IfNotPostControls}
  920. margin-right:10px;
  921. color:{color:text};
  922. }
  923.  
  924. .post-controls svg {
  925. {block:IfAlignCenter}
  926. margin:0 5px 0 5px;
  927. {/block:IfAlignCenter}
  928. }
  929.  
  930. .post-controls .like .liked + svg {opacity:.8;}
  931. .post-controls .like .liked + svg path {fill:#ec5a5a;}
  932. .post-controls .like .like_button {position:relative;}
  933. .post-controls .like .like_button iframe {
  934. position:absolute;
  935. top:0;
  936. left:0;
  937. bottom:0;
  938. right:0;
  939. z-index:2;
  940. opacity:0;
  941. }
  942.  
  943. .rblg-p p {line-height:1em;}
  944.  
  945. .rblg-p img {
  946. {block:IfUserPortrait}display:inline;{/block:IfUserPortrait}
  947. {block:IfNotUserPortrait}display:none;{/block:IfNotUserPortrait}
  948. {block:IfAlignCenter}
  949. display:none;
  950. {/block:IfAlignCenter}
  951. float:left;
  952. margin-right:10px;
  953. vertical-align:middle;
  954. overflow:hidden;
  955. border-radius:50%;
  956. -moz-border-radius:50%;
  957. -webkit-border-radius:50%;
  958. image-rendering: -moz-crisp-edges;
  959. image-rendering: -o-crisp-edges;
  960. image-rendering: -webkit-optimize-contrast;
  961. image-rendering: crisp-edges;
  962. -ms-interpolation-mode: nearest-neighbor;
  963. }
  964.  
  965. .tags {
  966. {block:IndexPage}
  967. {block:ifNotTags}display:none;{/block:ifNotTags}
  968. margin-top:30px;
  969. margin-bottom:15px;
  970. {/block:IndexPage}
  971. }
  972.  
  973. .tags a {margin-right:5px;}
  974.  
  975. /* post notes */
  976.  
  977. .pagenotes {
  978. max-width:calc(100vw - 50px);
  979. padding:15px;
  980. margin-top:0;
  981. margin-bottom:150px;
  982. }
  983.  
  984. ol.notes {
  985. list-style:none;
  986. padding:0px;
  987. margin:0px;
  988. }
  989.  
  990. ol.notes li.note {
  991. display:block;
  992. padding:0;
  993. margin:10px 0;
  994. }
  995.  
  996. li.note blockquote {
  997. margin-right:10px;
  998. }
  999.  
  1000. .postnotes img {
  1001. {block:IfUserPortrait}display:inline;{/block:IfUserPortrait}
  1002. {block:IfNotUserPortrait}display:none;{/block:IfNotUserPortrait}
  1003. {block:IfAlignCenter}
  1004. display:none;
  1005. {/block:IfAlignCenter}
  1006. vertical-align:middle;
  1007. overflow:hidden;
  1008. width:16px;
  1009. height:16px;
  1010. margin-top:-2px;
  1011. margin-right:8px;
  1012. border-radius:50%;
  1013. -moz-border-radius:50%;
  1014. -webkit-border-radius:50%;
  1015. }
  1016.  
  1017. a.more_notes_link {
  1018. display:block;
  1019. text-transform:lowercase;
  1020. color:#444;
  1021. }
  1022.  
  1023. /* short */
  1024.  
  1025. {block:IfSolidPosts}
  1026. .posts, .description {
  1027. background-color:{color:posts background};
  1028. border:1px solid {color:posts borders};
  1029. border-top:1px solid rgba({color:box shadow},0.2);
  1030. box-shadow: 0px 5px 10px rgba({RGBcolor:box shadow},0.2);
  1031. }
  1032.  
  1033. .dot:first-of-type {
  1034. margin-left:20px;
  1035. }
  1036.  
  1037. .description, .comment, .quote, .source, .audio, .chat, .q {
  1038. padding:15px;
  1039. }
  1040.  
  1041. .comment:last-of-type {padding-bottom:0;}
  1042. .description {margin-bottom:10px;}
  1043.  
  1044. .bubble {
  1045. border:1px solid #eee;
  1046. padding:7.5px 12.5px 7.5px 12.5px;
  1047. }
  1048.  
  1049. .playbox {
  1050. background-color:{color:posts background};
  1051. top:31.5px;
  1052. right:15px;
  1053. }
  1054.  
  1055. .post-controls {padding:15px;}
  1056. .tags {margin-left:15px;margin-right:15px;}
  1057. .rblg-p {margin:0 15px 0 15px;}
  1058. .pagenotes {width:calc(425px - 30px);}
  1059. {/block:IfSolidPosts}
  1060.  
  1061. {block:IfNotSolidPosts}
  1062. .posts, .description {
  1063. border:none;
  1064. background-color:{color:background};
  1065. }
  1066.  
  1067. .description {margin-bottom:5px;}
  1068.  
  1069. .title {padding:0 0 10px 0;}
  1070. .post-controls, .rblg-p, .tags {
  1071. margin-top:15px;
  1072. }
  1073.  
  1074. .quote, .audio, .chat, .q {padding:0 0 15px 0;}
  1075. .comment, .source {padding:15px 0 15px 0;}
  1076. .comment:last-of-type {padding-bottom:0;}
  1077.  
  1078. .playbox {
  1079. top:15.5px;
  1080. right:0;
  1081. background-color:{color:background};
  1082. }
  1083.  
  1084. .pagenotes {width:425px;}
  1085. {/block:IfNotSolidPosts}
  1086.  
  1087. /* media queries */
  1088.  
  1089.  
  1090. @media only screen and (min-width:769px) {
  1091. .description {
  1092. {block:IFOneColumn}max-width:{select:posts};{block:IFOneColumn}
  1093. {block:IFNotOneColumn}max-width:calc({select:posts} * 2);{block:IFNotOneColumn}
  1094. }
  1095. }
  1096.  
  1097. @media only screen and (max-width:768px) {
  1098. #tab-content2, #tab-content3, #tab-content4, #tab-content5 {
  1099. width:540px;
  1100. }
  1101.  
  1102. {block:PermalinkPage}
  1103. section {
  1104. margin:100px auto 0 auto;
  1105. }
  1106.  
  1107. .posts {
  1108. width:540px;
  1109. }
  1110.  
  1111. .pagenotes {
  1112. {block:IfSolidPosts}
  1113. width:calc(540px - 30px);
  1114. {block:IfSolidPosts}
  1115. }
  1116. {/block:PermalinkPage}
  1117. }
  1118.  
  1119. @media only screen and (max-width:568px) {
  1120. .hcontrols {display:none;}
  1121. #tab-content2, #tab-content3, #tab-content4, #tab-content5,
  1122. .pagenotes {
  1123. width:calc(100% - 50px);
  1124. }
  1125. .pagenotes {
  1126. {block:IfSolidPosts}
  1127. width:calc(100% - 72px);
  1128. {block:IfSolidPosts}
  1129. }
  1130.  
  1131. }
  1132.  
  1133. {CustomCSS}
  1134.  
  1135.  
  1136. </style>
  1137. </head>
  1138.  
  1139. <body>
  1140. <header>
  1141.  
  1142. {block:IfShowIcon}
  1143. {block:ifIconImage}<img src="{image:Icon}"/>{/block:ifIconImage}
  1144. {block:IfNotIconImage}<img src="{PortraitURL-64}">{/block:IfNotIconImage}
  1145. {/block:IfShowIcon}
  1146.  
  1147. <div class="blogtitle"><a href="/">{Title}</a></div>
  1148. <span class="dot one" style="margin-left:0;"></span>
  1149. <span class="dot two"></span>
  1150. <span class="dot three" style="margin-right:0;"></span>
  1151.  
  1152. </header>
  1153.  
  1154. <!-- tabs content ---------------------------------------------------------->
  1155.  
  1156. <div class="pagination">
  1157. {block:Pagination}
  1158. {block:PreviousPage} <a class="prev" href="{PreviousPage}"> <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg> </a> {/block:PreviousPage}
  1159.  
  1160. {block:NextPage} <a class="next" href="{NextPage}"> <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg> </a> {/block:NextPage}
  1161. </div>
  1162. {/block:Pagination}
  1163.  
  1164. {block:PermalinkPagination}
  1165. {block:NextPost} <a href="{NextPost}" class="prev"> <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg> </a> {/block:NextPost}
  1166.  
  1167. {block:PreviousPost} <a href="{PreviousPost}" class="next"> <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right"><polyline points="9 18 15 12 9 6"></polyline></svg> </a> {/block:PreviousPost}
  1168. {/block:PermalinkPagination}
  1169. </div>
  1170.  
  1171. <div class="tab-bar"></div>
  1172. <div class="tabs" role="tablist">
  1173.  
  1174. {block:IfMiddleTab}
  1175. {block:IfNotTagsTab}
  1176. <!-- TAB 2 --------------------------------------------------------------->
  1177. <div class="tabed"><input type="radio" name="tabs" id="tab2" />
  1178. <label for="tab2" role="tab" aria-selected="true" aria-controls="panel2" tabindex="0" class="tab-2"> <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-feather"><path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z"></path><line x1="16" y1="8" x2="2" y2="22"></line><line x1="17" y1="15" x2="9" y2="15"></line></svg> </label>
  1179. <div id="tab-content2" class="tab-content" role="tabpane2" aria-labelledby="writte" aria-hidden="false">
  1180.  
  1181. <p>{text:message text}</p>
  1182.  
  1183. <span class="dot one" style="margin-left:0;"></span>
  1184. <span class="dot two"></span>
  1185. <span class="dot three"></span>
  1186.  
  1187. </br>
  1188.  
  1189. <p><iframe frameborder="0" scrolling="no" class="msg" width="100%" height="190" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  1190.  
  1191. <span class="dot one" style="margin-left:0;"></span>
  1192. <span class="dot two"></span>
  1193. <span class="dot three" style="margin-right:0;"></span>
  1194.  
  1195. </div></div>
  1196. {/block:IfNotTagsTab}
  1197.  
  1198. {block:IfTagsTab}
  1199. <!-- TAB 3 --------------------------------------------------------------->
  1200. <div class="tabed"><input type="radio" name="tabs" id="tab3" />
  1201. <label for="tab3" role="tab" aria-selected="true" aria-controls="panel3" tabindex="0" class="tab-3"> <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> </label>
  1202. <div id="tab-content3" class="tab-content" role="tabpane3" aria-labelledby="description" aria-hidden="false">
  1203.  
  1204. <div class="cher">
  1205. <script language="javascript">
  1206. function send()
  1207. {document.theform.submit()}
  1208. </script>
  1209.  
  1210. <form action="/search" method="get" class="sfm" name="theform">
  1211. <input type="text" name="q" placeholder="{lang:search keywords}" id="sf"/>
  1212. </form>
  1213. </div>
  1214.  
  1215. <span class="dot one" style="margin-left:0;"></span>
  1216. <span class="dot two"></span>
  1217. <span class="dot three" style="margin-right:0;"></span>
  1218.  
  1219. <div class="p-tags">
  1220. <h5>{lang:tags}</h5>
  1221.  
  1222. <ul>
  1223. {block:IfTag1}<li><a href="/tagged/{text:Tag 1}">{text:Tag 1 Name}</a></li>{/block:IfTag1}
  1224. {block:IfTag2}<li><a href="/tagged/{text:Tag 2}">{text:Tag 2 Name}</a></li>{/block:IfTag2}
  1225. {block:IfTag3}<li><a href="/tagged/{text:Tag 3}">{text:Tag 3 Name}</a></li>{/block:IfTag3}
  1226. {block:IfTag4}<li><a href="/tagged/{text:Tag 4}">{text:Tag 4 Name}</a></li>{/block:IfTag4}
  1227. {block:IfTag5}<li><a href="/tagged/{text:Tag 5}">{text:Tag 5 Name}</a></li>{/block:IfTag5}
  1228. {block:IfTag6}<li><a href="/tagged/{text:Tag 6}">{text:Tag 6 Name}</a></li>{/block:IfTag6}
  1229. {block:IfTag7}<li><a href="/tagged/{text:Tag 7}">{text:Tag 7 Name}</a></li>{/block:IfTag7}
  1230. {block:IfTag8}<li><a href="/tagged/{text:Tag 8}">{text:Tag 8 Name}</a></li>{/block:IfTag8}
  1231. </ul>
  1232.  
  1233. </div>
  1234.  
  1235. </div></div>
  1236. {/block:IfTagsTab}
  1237. {/block:IfMiddleTab}
  1238.  
  1239. <!-- TAB 4 --------------------------------------------------------------->
  1240. <div class="tabed"><input type="radio" name="tabs" id="tab4"/>
  1241. <label for="tab4" role="tab" aria-selected="true" aria-controls="panel4" tabindex="0" class="tab-4"> <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg> </label>
  1242. <div id="tab-content4" class="tab-content" role="tabpane4" aria-labelledby="profile" aria-hidden="false">
  1243.  
  1244. <div class="description">{Description}</div>
  1245.  
  1246. <div class="nav">
  1247.  
  1248. <span class="dot one" style="margin-left:0;"></span>
  1249. <span class="dot two"></span>
  1250. <span class="dot three" style="margin-right:0;"></span>
  1251.  
  1252. <ul>
  1253. {block:ifLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}
  1254. {block:ifLink2}<li><a href="{text:Link 2 URL}">{text:Link 2}</a></li>{/block:ifLink2}
  1255. {block:ifLink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:ifLink3}
  1256. {block:ifLink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:ifLink4}
  1257. {block:ifLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:ifLink5}
  1258. {block:ifLink6}<li><a href="{text:Link 6 URL}">{text:Link 6}</a></li>{/block:ifLink6}
  1259. {block:ifLink7}<li><a href="{text:Link 7 URL}">{text:Link 7}</a></li>{/block:ifLink7}
  1260. <li><a href="https://amboise.tumblr.com/">theme</a></li>
  1261. </ul>
  1262.  
  1263. </div>
  1264.  
  1265. </div></div>
  1266.  
  1267. <!-- TAB 1 --------------------------------------------------------------->
  1268. <div class="tabed"><input type="radio" name="tabs" id="tab1" checked />
  1269. <label for="tab1" role="tab" aria-selected="true" aria-controls="panel1" tabindex="0" class="tab-1"> <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg> </label>
  1270. <div id="tab-content1" class="tab-content" role="tabpanel" aria-labelledby="feed" aria-hidden="false" style="margin-top:-150px;margin-bottom:0;padding:0;">
  1271.  
  1272. <!-- posts ----------------------------------------------------------------->
  1273.  
  1274. <section class="entries">
  1275.  
  1276. {block:Posts}
  1277. <article class="posts {block:Caption}captioned{/block:Caption}">
  1278.  
  1279. {block:Quote}
  1280. <div class="quote">{Quote}</div>
  1281. <span class="dot one"></span>
  1282. <span class="dot two"></span>
  1283. <span class="dot three"></span>
  1284. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1285. {/block:Quote}
  1286.  
  1287. {block:Text}
  1288. {block:Title}
  1289. <div class="title">{Title}</div>
  1290. <span class="dot one"></span>
  1291. <span class="dot two"></span>
  1292. <span class="dot three"></span>
  1293. {/block:Title}
  1294. {block:RebloggedFrom}
  1295. {block:Reblogs}
  1296. {block:IsActive}
  1297. <li class="comment">
  1298. <span><a class="user" target="_blank">
  1299. <img src="{PortraitURL-64}">{Username}</a></span>
  1300. <div class="tex">{Body}</div>
  1301. </li>
  1302. {/block:IsActive}
  1303. {block:IsDeactivated}
  1304. <li class="comment">
  1305. <span><a class="user deactivated" target="_blank">
  1306. <img src="{PortraitURL-64}">{Username}</a></span>
  1307. <div class="tex">{Body}</div>
  1308. </li>
  1309. {/block:IsDeactivated}
  1310. {/block:Reblogs}
  1311. {/block:RebloggedFrom}
  1312. {block:NotReblog}
  1313. <li class="comment {block:Title}ted{/block:Title}">
  1314. <div class="tex">{body}</div>
  1315. {/block:NotReblog}
  1316. {/block:Text}
  1317.  
  1318. {block:Link}<div class="title"><a href="{URL}">{Name}</a></div>
  1319. <span class="dot one"></span>
  1320. <span class="dot two"></span>
  1321. <span class="dot three"></span>
  1322. {block:Description}
  1323. {block:NotReblog}
  1324. <li class="comment ted">
  1325. <div class="tex">{Description}</div>
  1326. </li>
  1327. {/block:NotReblog}
  1328. {/block:Description}
  1329. {block:RebloggedFrom}
  1330. {block:Reblogs}
  1331. {block:IsActive}
  1332. <li class="comment">
  1333. <span><a class="user" target="_blank">
  1334. <img src="{PortraitURL-64}">{Username}</a></span>
  1335. <div class="tex">{Body}</div>
  1336. </li>
  1337. {/block:IsActive}
  1338. {block:IsDeactivated}
  1339. <li class="comment">
  1340. <span><a class="user deactivated" target="_blank">
  1341. <img src="{PortraitURL-64}">{Username}</a></span>
  1342. <div class="tex">{Body}</div>
  1343. </li>
  1344. {/block:IsDeactivated}
  1345. {/block:Reblogs}
  1346. {/block:RebloggedFrom}
  1347. {/block:Link}
  1348.  
  1349. {block:Chat}
  1350. {block:Title}<div class="title">{title}</div>{/block:Title}
  1351. <ol class="chat {block:Title}ted{/block:Title}">
  1352. {block:lines}
  1353. <li class="l {Alt}">
  1354. <span class="bubble">{block:label}<span class="label">{label}</span>{/block:label} {line}</span>
  1355. </li>
  1356. {/block:lines}
  1357. </ol>
  1358. {/block:Chat}
  1359.  
  1360. <div class="ph">
  1361.  
  1362. {block:Photo}
  1363. {block:IndexPage}
  1364. <div class="photo"><img src="{PhotoURL-HighRes}"></div>
  1365. {/block:IndexPage}
  1366.  
  1367. {block:PermalinkPage}
  1368. <img src="{PhotoURL-HighRes}">
  1369. {/block:PermalinkPage}
  1370. {/block:Photo}
  1371.  
  1372. {block:Photoset}
  1373. {block:IndexPage}
  1374. {block:IfNotFullPhotosets}
  1375. {block:Photos}
  1376. <div class="photo"><img src="{PhotoURL-HighRes}" class="highres"></div><!--
  1377. {/block:Photos}-->
  1378. {/block:IfNotFullPhotosets}
  1379.  
  1380. {block:IfFullPhotosets}
  1381. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  1382. {/block:IfFullPhotosets}
  1383. {/block:IndexPage}
  1384.  
  1385. {block:PermalinkPage}
  1386. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  1387. {/block:PermalinkPage}
  1388.  
  1389. {/block:Photoset}
  1390.  
  1391. {block:Video}
  1392. <div class="video">{Video-500}</div>
  1393. {/block:Video}
  1394.  
  1395. {block:Audio}
  1396. <div class="audio">
  1397. <div class=playbox><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1398. <div class="info">
  1399. <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  1400. <span class="dot one" style="margin-left:0;"></span>
  1401. <span class="dot two"></span>
  1402. <span class="dot three"></span>
  1403. <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
  1404. </div>
  1405. <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-play"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
  1406. </div>
  1407. {/block:Audio}
  1408.  
  1409. {block:Caption}
  1410. <div class="captions">
  1411. {block:Reblogs}
  1412. {block:IsActive}
  1413. <li class="comment">
  1414. <span><a class="user" target="_blank">
  1415. <img src="{PortraitURL-64}">{Username}</a></span>
  1416. <div class="tex">{Body}</div>
  1417. </li>
  1418. {/block:IsActive}
  1419. {block:IsDeactivated}
  1420. <li class="comment">
  1421. <span><a class="user deactivated" target="_blank">
  1422. <img src="{PortraitURL-64}">{Username}</a></span>
  1423. <div class="tex">{Body}</div>
  1424. </li>
  1425. {/block:IsDeactivated}
  1426. {/block:Reblogs}
  1427. {block:NotReblog}
  1428. <li class="comment">
  1429. <span><a class="user" target="_blank">
  1430. <img src="{PortraitURL-64}">{Name}</a></span>
  1431. <div class="tex">{Caption}</div>
  1432. </li>
  1433. {/block:NotReblog}
  1434. </div>
  1435. {/block:Caption}
  1436.  
  1437. </div>
  1438.  
  1439. {block:Answer}
  1440. <div class="q">
  1441. <span class="user">
  1442. <img src="{AskerPortraitURL-64}">{Asker} sent</span></br>
  1443. <div class="tex">{question}</div>
  1444. </div>
  1445. {block:Answerer}
  1446. <li class="comment">
  1447. <div class="user">
  1448. <img src="{AnswererPortraitURL-64}">{Answerer} replied</div>
  1449. <div class="tex">{Answer}</div>
  1450. </li>
  1451. {/block:Answerer}
  1452. {block:NotReblog}
  1453. <li class="comment">
  1454. <div class="tex">{Replies}</div>
  1455. </li>
  1456. {/block:NotReblog}
  1457. {block:RebloggedFrom}
  1458. {block:Reblogs}
  1459. <li class="comment">
  1460. <span><a class="user" target="_blank">
  1461. <img src="{PortraitURL-64}">{Username}</a></span>
  1462. <div class="tex">{Body}</div>
  1463. </li>
  1464. {/block:Reblogs}
  1465. {/block:RebloggedFrom}
  1466. {/block:Answer}
  1467.  
  1468. {block:Date}
  1469. <div class="when">
  1470.  
  1471. {block:IndexPage}
  1472. <div class="post-controls">
  1473.  
  1474. {block:IfPostControls}
  1475. <a href="{ReblogURL}" target="_blank" class="reblog" title="{lang:Share this}"><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rotate-ccw"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg></a>
  1476.  
  1477. <a href="#" class="like" title="like">{LikeButton}<svg xmlns="https://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-heart"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></a>
  1478.  
  1479. <a href="{Permalink}" target="_blank" title="{lang:Permalink}"><svg xmlns="https://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bookmark"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg></a>
  1480. {/block:IfPostControls}
  1481.  
  1482. {block:IfNotPostControls}
  1483. <a href="{Permalink}" target="_blank" title="{lang:Permalink}"><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-horizontal"><circle cx="12" cy="12" r="1"></circle><circle cx="19" cy="12" r="1"></circle><circle cx="5" cy="12" r="1"></circle></svg></a>
  1484. {/block:IfNotPostControls}
  1485.  
  1486. </div>
  1487.  
  1488. {block:HasTags}
  1489. <div class="tags">
  1490. {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}
  1491. </div>
  1492. {/block:HasTags}
  1493.  
  1494. {/block:IndexPage}
  1495.  
  1496. {block:PermalinkPage}
  1497. {block:HasTags}
  1498. </br><div class="tags">{lang:Filed under}:
  1499. {block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}
  1500. </div>
  1501. {/block:HasTags}
  1502.  
  1503. <div class="rblg-p" style="margin-top:10px;margin-bottom:10px;">
  1504. <p>{lang:Posted on DayOfMonth Month Year}</p>
  1505. </div>
  1506.  
  1507. {block:RebloggedFrom}
  1508. <div class="rblg-p">
  1509. <p><a href="{ReblogParentURL}">
  1510. <img src="{ReblogParentPortraitURL-16}">
  1511. {lang:Reblogged from ReblogParentName 2}</a></p>
  1512. </div>
  1513. <div class="rblg-p" style="margin-top:10px">
  1514. <p><a href="{ReblogRootURL}">
  1515. <img src="{ReblogRootPortraitURL-16}">
  1516. {lang:Originally from ReblogRootName 2}</a></p>
  1517. </div>
  1518. </span></br>
  1519. {/block:RebloggedFrom}
  1520. {/block:PermalinkPage}
  1521.  
  1522. </div>
  1523. {/block:Date}
  1524.  
  1525. </article>
  1526.  
  1527. {block:PostNotes}
  1528. <article class="posts pagenotes">
  1529. <div class="postnotes">{NoteCountWithLabel}
  1530. {PostNotes}
  1531. </div>
  1532. </article>
  1533. {/block:PostNotes}
  1534.  
  1535. {/block:Posts}
  1536. </section>
  1537.  
  1538. <!-- end of tab 1 ---------------------------------------------------------->
  1539. </div></div>
  1540.  
  1541. <!-- END OF TABS -->
  1542. </div>
  1543.  
  1544. <div class="hcontrols"><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-more-vertical"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg></div>
  1545.  
  1546. {block:ContentSource}
  1547. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1548. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1549. {/block:SourceLogo}
  1550. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1551. {/block:ContentSource}
  1552. </body></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!