API tools faq
paste
Advertisement
amboise

ava

amboise
Oct 15th, 2019
6,407
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.31 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme ava by amboise
  5. please be cool and don't steal nor copy n.n
  6.  
  7. base code by sorrism
  8. custom tumblr controls by cyantists
  9. photosets by pixel union
  10. shortening notes, lightboxes, tumblr controls by shythemes
  11. flexible frames script by nouvae
  12. remove tumblr redirects script by magnusthemes
  13. feather icons by cole demis
  14. tooltips by malihu
  15.  
  16. full credits at https://amboise.tumblr.com/credits
  17.  
  18. notes:
  19. - it's very important you know some basic html to properly edit this theme.
  20. - use ctrl + f to know identify tabs easier.
  21. - looks for tabs like this: 'tab one begins here' change numbers as it corresponds.
  22.  
  23.  
  24. -->
  25.  
  26. <!DOCTYPE html>
  27. <head>
  28.  
  29. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  30.  
  31. <link rel="shortcut icon" href="{favicon}">
  32.  
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35. <meta name="viewport" content="width=device-width, initial-scale=1">
  36.  
  37. <!--Default Variables-->
  38.  
  39. <meta name="color:Title"content="#ffffff"/>
  40. <meta name="color:Title Border" content="#000000"/>
  41. <meta name="color:Rectangle One" content="#fbfcd5"/>
  42. <meta name="color:Rectangle Two" content="#fde2d1"/>
  43. <meta name="color:Circle One" content="#e7f3cd"/>
  44. <meta name="color:Circle Two" content="#caf3f3"/>
  45. <meta name="color:Circle Three" content="#edd5f5"/>
  46. <meta name="color:Header Polka Dots" content="#eeeeee"/>
  47. <meta name="color:Profile Polka Dots" content="#eeeeee"/>
  48. <meta name="color:Container Background" content="#ffffff"/>
  49. <meta name="color:Container Borders" content="#e8e8e8"/>
  50. <meta name="color:Background" content="#ffffff"/>
  51. <meta name="color:Text" content="#8f8f8f"/>
  52. <meta name="color:Posts" content="#ffffff"/>
  53. <meta name="color:Borders" content="#e8e8e8"/>
  54. <meta name="color:Active Tab" content="#fde2d1"/>
  55. <meta name="color:Tab One" content="#ffd8e6"/>
  56. <meta name="color:Tab Two" content="#edd5f5"/>
  57. <meta name="color:Tab Three" content="#caf3f3"/>
  58. <meta name="color:Tab Four" content="#e7f3cd"/>
  59. <meta name="color:Tab Five" content="#fbfcd5"/>
  60. <meta name="color:Next" content="#fde2d1"/>
  61. <meta name="color:Previous" content="#fde2d1"/>
  62. <meta name="color:Accent" content="#fde2d1"/>
  63. <meta name="color:Link" content="#fde2d1"/>
  64. <meta name="color:Text Selection" content="#000000"/>
  65. <meta name="color:Text Selection Background" content="#fde2d1"/>
  66. <meta name="color:Scrollbar" content="#fde2d1" />
  67. <meta name="color:Lightbox" content="#ffffff"/>
  68. <meta name="color:Tooltip Text" content="#8f8f8f"/>
  69. <meta name="color:Tooltip Background" content="#ffffff"/>
  70. <meta name="color:Tooltip Border" content="#e8e8e8"/>
  71.  
  72. <meta name="select:Font Size" content="13px" title="13px"/>
  73. <meta name="select:Font Size" content="14px" title="14px"/>
  74. <meta name="select:Font Size" content="15px" title="15px"/>
  75.  
  76. <meta name="select:Font" content="ABeeZee" title="ABeeZee"/>
  77. <meta name="select:Font" content="Ubuntu" title="Ubuntu"/>
  78. <meta name="select:Font" content="Muli" title="Muli"/>
  79. <meta name="select:Font" content="Lato" title="Lato"/>
  80. <meta name="select:Font" content="Fira Sans" title="Fira Sans"/>
  81. <meta name="select:Font" content="Nunito Sans" title="Nunito Sans"/>
  82. <meta name="select:Font" content="Karla" title="Karla"/>
  83. <meta name="select:Font" content="PT Sans" title="PT Sans"/>
  84.  
  85. <meta name="select:Gutter Size" content="1px" title="1px"/>
  86. <meta name="select:Gutter Size" content="2px" title="2px"/>
  87. <meta name="select:Gutter Size" content="3px" title="3px"/>
  88.  
  89. <meta name="select:Masonry Columns" content="2" title="2"/>
  90. <meta name="select:Masonry Columns" content="3" title="3"/>
  91.  
  92. <meta name="select:Posts" content="400px" title="400px"/>
  93. <meta name="select:Posts" content="450px" title="450px"/>
  94. <meta name="select:Posts" content="500px" title="500px"/>
  95. <meta name="select:Posts" content="540px" title="540px"/>
  96.  
  97. <meta name="select:Margin Between Posts" content="50px" title="50px"/>
  98. <meta name="select:Margin Between Posts" content="75px" title="75px"/>
  99. <meta name="select:Margin Between Posts" content="100px" title="100px"/>
  100. <meta name="select:Margin Between Posts" content="125px" title="125px"/>
  101. <meta name="select:Margin Between Posts" content="150px" title="150px"/>
  102. <meta name="select:Margin Between Posts" content="175px" title="175px"/>
  103. <meta name="select:Margin Between Posts" content="200px" title="200px"/>
  104.  
  105. <meta name="select:Active Tabs" content="3" title="3"/>
  106. <meta name="select:Active Tabs" content="4" title="4"/>
  107. <meta name="select:Active Tabs" content="5" title="5"/>
  108.  
  109. <meta name="text:Header Width" content="225px"/>
  110. <meta name="text:Header Height" content="275px"/>
  111.  
  112. <meta name="if:Message Tab" content=""/>
  113. <meta name="if:Navigation Tab" content=""/>
  114. <meta name="if:Unorganized Posts" content=""/>
  115. <meta name="if:Masonry" content=""/>
  116. <meta name="if:Solid Posts" content=""/>
  117. <meta name="if:User Portrait" content=""/>
  118. <meta name="if:Show Captions" content=""/>
  119. <meta name="if:Show Tags" content=""/>
  120. <meta name="if:Dark Music Player" content=""/>
  121. <meta name="if:Repeat Background Image" content=""/>
  122.  
  123. <meta name="text:Link 1" content="" />
  124. <meta name="text:Link 1 URL" content="" />
  125. <meta name="text:Link 2" content="" />
  126. <meta name="text:Link 2 URL" content="" />
  127. <meta name="text:Link 3" content="" />
  128. <meta name="text:Link 3 URL" content="" />
  129. <meta name="text:Link 4" content="" />
  130. <meta name="text:Link 4 URL" content="" />
  131. <meta name="text:Link 5" content="" />
  132. <meta name="text:Link 5 URL" content="" />
  133.  
  134. <meta name="image:Header" content=""/>
  135. <meta name="image:Profile" content=""/>
  136. <meta name="image:Background" content=""/>
  137.  
  138. <!-- fonts and icons ------------------------------------------------------->
  139.  
  140. <link href="https://fonts.googleapis.com/css?family={select:font}:400,400i,700,700i|Marck+Script" rel="stylesheet">
  141. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  142. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  143.  
  144. <!-- CSS customization ----------------------------------------------------->
  145.  
  146. <style type="text/css">
  147.  
  148. .hiddenff {display: none;}
  149. .unhiddenff {display: block;}
  150.  
  151. /* lightbox */
  152.  
  153. #tumblr_lightbox, .tmblr-lightbox {
  154. background-color:rgba({RGBcolor:lightbox},.95)!important;
  155. }
  156.  
  157. #vignette, .vignette {
  158. opacity:0;
  159. }
  160.  
  161. #tumblr_lightbox img, .lightbox-image {
  162. box-shadow:none!important;
  163. border:1px solid {color:borders}!important;
  164. background:{color:posts}!important;
  165. border-radius:0!important;
  166. -moz-box-sizing:border-box;
  167. box-sizing:border-box;
  168. max-width:none;
  169. }
  170.  
  171. #tumblr_lightbox_caption, .lightbox-caption {
  172. visibility:hidden;
  173. }
  174.  
  175. /* tumblr controls by@cyantists */
  176.  
  177. iframe.tmblr-iframe {
  178. z-index:99999!important;
  179. top:19px!important;
  180. right:17.5px!important;
  181. opacity:0;
  182. padding-right:42px;
  183. /* delete invert(1) from here */
  184. filter:invert(1) contrast(150%);
  185. -webkit-filter:invert(1) contrast(150%);
  186. -o-filter:invert(1) contrast(150%);
  187. -moz-filter:invert(1) contrast(150%);
  188. -ms-filter:invert(1) contrast(150%);
  189. /* to here if your blog has a dark background */
  190. transform:scale(0.65);
  191. transform-origin:100% 0;
  192. -webkit-transform:scale(0.65);
  193. -webkit-transform-origin:100% 0;
  194. -o-transform:scale(0.65);
  195. -o-transform-origin:100% 0;
  196. -moz-transform:scale(0.65);
  197. -moz-transform-origin:100% 0;
  198. -ms-transform:scale(0.65);
  199. -ms-transform-origin:100% 0;
  200. }
  201.  
  202. iframe.tmblr-iframe:hover {
  203. opacity:0.6!important;
  204. }
  205.  
  206. .hcontrols {
  207. position:fixed;
  208. top:20px;
  209. right:15px;
  210. z-index:99999;
  211. }
  212.  
  213. .cr {
  214. position:fixed;
  215. right:20px;
  216. bottom:20px;
  217. }
  218.  
  219. .hcontrols, .cr {
  220. padding:5px;
  221. overflow:hidden;
  222. border-radius:.4em;
  223. width:30px;
  224. height:30px;
  225. }
  226.  
  227. .hcontrols svg, .cr svg {
  228. width:13px;
  229. height:13px;
  230. color:{color:text};
  231. margin:3px 0 0 3px;
  232. }
  233.  
  234. /* text selection color */
  235.  
  236. ::selection {
  237. background:{color:text selection background};
  238. color:{color:text selection};
  239. }
  240.  
  241. ::moz-selection {
  242. background:{color:text selection background};
  243. color:{color:text selection};
  244. }
  245.  
  246. ::webkit-selection {
  247. background:{color:text selection background};
  248. color:{color:text selection};
  249. }
  250.  
  251. /* scrollbar */
  252.  
  253. ::-webkit-scrollbar {
  254. width:.5em;
  255. color:{color:background};
  256. }
  257.  
  258. ::-webkit-scrollbar,
  259. ::-webkit-scrollbar-thumb {
  260. overflow:visible;
  261. border-radius:4px;
  262. }
  263.  
  264. ::-webkit-scrollbar-thumb {
  265. background:{color:scrollbar};
  266. }
  267.  
  268. #s-m-t-tooltip {
  269. max-width:300px;
  270. z-index:10;
  271. margin:0 14px 0 12px;
  272. padding:5px 10px 5px 10px;
  273. background-color:rgb({RGBcolor:tooltip background});
  274. border:1px solid {color:tooltip border};
  275. font-size:calc({select:font size} - 1px);
  276. text-transform:lowercase;
  277. letter-spacing:1px;
  278. line-height:16px;
  279. color:{color:tooltip text};
  280. }
  281.  
  282. /* main structure */
  283.  
  284. body {
  285. color:{color:text};
  286. background-color:{color:background};
  287. background-image:url('{image:background}');
  288. background-attachment:fixed;
  289. background-repeat:repeat;
  290. {block:IfNotRepeatBackgroundImage}
  291. background-repeat:no-repeat;
  292. {/block:IfNotRepeatBackgroundImage}
  293. line-height:1.75em;
  294. letter-spacing:.5px;
  295. font-size:{select:font size};
  296. font-family:{select:font};
  297. font-weight:400;
  298. word-wrap:break-word;
  299. text-align:left;
  300. margin:0;
  301. overflow-y:hidden!important;
  302. }
  303.  
  304. b, strong {font-weight:700;}
  305.  
  306. a {
  307. color:inherit;
  308. text-decoration:none;
  309. transition:all .3s linear;
  310. -webkit-transition:all .3s linear;
  311. -o-transition:all .3s linear;
  312. -moz-transition:all .3s linear;
  313. }
  314.  
  315. a, a img {cursor:pointer;}
  316.  
  317. a:hover {
  318. text-decoration:none;
  319. }
  320.  
  321. img {
  322. opacity:1;
  323. border:0;
  324. text-decoration:none;
  325. max-width:100%;
  326. height:auto;
  327. display:block;
  328. }
  329.  
  330. blockquote {
  331. /*padding:0 0 0 15px;
  332. margin:.75em 0;
  333. border-left:1px solid #eee;*/
  334. }
  335.  
  336. pre {
  337. padding:0;
  338. margin:0;
  339. line-height:inherit!important;
  340. background:transparent;
  341. font-family:inherit!Important;
  342. font-size:inherit!important;
  343. white-space:pre-wrap;
  344. white-space:-moz-pre-wrap;
  345. white-space:-pre-wrap;
  346. white-space:-o-pre-wrap;
  347. word-wrap:break-word;
  348. }
  349.  
  350. p {margin:.5em 0;}
  351.  
  352. p:first-of-type {margin-top:0;}
  353.  
  354. p:last-of-type {margin-bottom:.5em;}
  355.  
  356. small, big, sub, pre {
  357. font-size:1em!important;
  358. line-height:1.4em!important;
  359. vertical-align:baseline!important;
  360. }
  361.  
  362. h1, h2, h3, h4 {
  363. margin:.5em 0;
  364. font-size:calc({select:font size} + 1px);
  365. padding:0;
  366. color:{color:text};
  367. }
  368.  
  369. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  370.  
  371. hr {
  372. border:none;
  373. box-shadow:0;
  374. margin:2em auto;
  375. width:75px;
  376. border-top:1px solid {color:borders};
  377. }
  378.  
  379. /* tabs */
  380.  
  381. * {
  382. margin:0;
  383. padding:0;
  384. box-sizing:border-box;
  385. -webkit-overflow-scrolling: touch;
  386. }
  387.  
  388. #container {
  389. display:flex;
  390. justify-content:center;
  391. align-items:center;
  392. min-height:100vh;
  393. }
  394.  
  395. #carousel, #navigation {
  396. flex:initial;
  397. display:block;
  398. }
  399.  
  400. #carousel {
  401. overflow:hidden;
  402. width:70vw;
  403. background-color:{color:container background};
  404. border:1px solid {color:container borders};
  405. height:100vh;
  406. border-top:0;
  407. border-bottom:0;
  408. border-radius:0;
  409. }
  410.  
  411. .p-wrapper {
  412. position:relative;
  413. width:100%;
  414. height:100%;
  415. transition:transform 0.4s ease-in-out;
  416. }
  417.  
  418. #button_a:checked ~ #carousel .p-wrapper {
  419. -webkit-transform:translateY(0);
  420. transform:translateY(0);
  421. }
  422.  
  423. #button_b:checked ~ #carousel .p-wrapper {
  424. -webkit-transform:translateY(-100%);
  425. transform:translateY(-100%);
  426. }
  427.  
  428. #button_c:checked ~ #carousel .p-wrapper {
  429. -webkit-transform:translateY(-200%);
  430. transform:translateY(-200%);
  431. }
  432.  
  433. #button_d:checked ~ #carousel .p-wrapper {
  434. -webkit-transform:translateY(-300%);
  435. transform:translateY(-300%);
  436. }
  437.  
  438. #button_e:checked ~ #carousel .p-wrapper {
  439. -webkit-transform:translateY(-400%);
  440. transform:translateY(-400%);
  441. }
  442.  
  443. [class^="panel_"] {
  444. overflow:auto;
  445. position:relative;
  446. width:inherit;
  447. height:inherit;
  448. padding:24px;
  449. }
  450.  
  451. #navigation {
  452. margin-left:0;
  453. width:50px;
  454. }
  455.  
  456. #navigation svg, footer svg, .cher svg {
  457. width:13px;
  458. height:13px;
  459. color:#fff;
  460. vertical-align:middle;
  461. }
  462.  
  463. [class^="label_"], footer a {
  464. display:block;
  465. cursor:pointer;
  466. margin:8px 0;
  467. width:32px;
  468. height:32px;
  469. line-height:32px;
  470. text-align:center;
  471. border-radius:0 .4em .4em 0;
  472. }
  473.  
  474. [class^="label_"] {
  475. color:#fff;
  476. background-color:#fff;
  477. transition:all 0.3s ease;
  478. }
  479.  
  480. [class^="label_"]:hover {
  481. color:#fff;
  482. }
  483.  
  484. #button_a:checked ~ #navigation .label_a,
  485. #button_b:checked ~ #navigation .label_b,
  486. #button_c:checked ~ #navigation .label_c,
  487. #button_d:checked ~ #navigation .label_d,
  488. #button_e:checked ~ #navigation .label_e {
  489. cursor:default;
  490. color:#fff;
  491. width:48px;
  492. background:{color:active tab};
  493. }
  494.  
  495. .label_a {background:{color:tab one};}
  496. .label_b {background:{color:tab two};}
  497. .label_c {background:{color:tab three};}
  498. .label_d {background:{color:tab four};}
  499. .label_e {background:{color:tab five};}
  500.  
  501. .label_d svg {transform: scaleX(-1);}
  502.  
  503. .pin .zigzag {
  504. width:15%;
  505. margin:0 auto 50px;
  506. background:{color:container background};
  507. }
  508.  
  509. .pin .zigzag:after {
  510. background: linear-gradient(-135deg, {color:container background} 6px, transparent 0) 0 6px, linear-gradient(135deg, {color:container background} 6px, transparent 0) 0 6px;
  511. height: 12px;
  512. top: 100%;
  513. background-position: top left;
  514. background-repeat: repeat-x;
  515. background-size: 12px 12px;
  516. }
  517.  
  518. /* tab 4 */
  519.  
  520. .msg, .pfive {
  521. margin:90px auto;
  522. width:{select:posts};
  523. padding:25px;
  524. }
  525.  
  526. .msg b, .pfive b {
  527. border-bottom:2px dotted {color:link};
  528. }
  529.  
  530. .msg p {
  531. padding:0 0 20px 0;
  532. }
  533.  
  534. /* tab 5 */
  535.  
  536. {block:IfNotMessageTab}
  537. .panel_e {
  538. margin-top:100vh;
  539. }
  540. {/block:IfNotMessageTab}
  541.  
  542. .pfive {
  543. margin-bottom:100px;
  544. }
  545.  
  546. .cher {
  547. border-bottom:1px solid #e8e8e8;
  548. padding-bottom:10px;
  549. }
  550.  
  551. .cher svg {
  552. color:{color:text};
  553. float:right;
  554. margin-top:-17.5px;
  555. }
  556.  
  557. .sfm input {
  558. border:0;
  559. margin:0;
  560. padding:0;
  561. color:{color:text};
  562. text-align:left;
  563. text-transform:lowercase;
  564. letter-spacing:.5px;
  565. font-family:{select:font};
  566. font-size:{select:font size};
  567. background-color:{color:container background};
  568. width:calc(100% - 30px);
  569. }
  570.  
  571. input:focus,
  572. select:focus,
  573. textarea:focus,
  574. button:focus {
  575. outline:none;
  576. }
  577.  
  578. .ttt {
  579. margin-top:50px;
  580. width:{select:posts};
  581. }
  582.  
  583. .ttt nav {
  584. margin-bottom:25px;
  585. }
  586.  
  587. .ttt ul {
  588. margin-top:25px;
  589. margin-bottom:25px;
  590. list-style-type:circle;
  591. -webkit-column-count:2;
  592. -moz-column-count:2;
  593. column-count:2;
  594. -webkit-column-gap:10px;
  595. -moz-column-gap:10px;
  596. column-gap:10px;
  597. }
  598.  
  599. .ttt ul:last-of-type {
  600. margin-bottom:0;
  601. }
  602.  
  603. .ttt li {
  604. margin-left:18px;
  605. }
  606.  
  607. /* pagination */
  608.  
  609. footer {
  610. margin-top:150px;
  611. width:32px;
  612. }
  613.  
  614. .pagination.right a {
  615. background:{color:next};
  616. }
  617.  
  618. .pagination.bottom {
  619. text-transform:lowercase;
  620. margin:100px auto 25px auto;
  621. text-align:center;
  622. }
  623.  
  624. .pagination.bottom a {
  625. margin:0 15px;
  626. color:{color:text};
  627. }
  628.  
  629. .pagination.bottom a:hover {
  630. color:{color:link hover};
  631. }
  632.  
  633. /* header */
  634.  
  635. header img {
  636. display:block;
  637. width:75px;
  638. height:75px;
  639. overflow:hidden;
  640. border-radius:50%;
  641. position:absolute;
  642. }
  643.  
  644. header {
  645. text-align:center;
  646. margin:0 auto;
  647. }
  648.  
  649. .image {
  650. position:absolute;
  651. top:50%;
  652. left:50%;
  653. transform:translate(-50%,-50%);
  654. background:transparent no-repeat center;
  655. background-size:cover;
  656. }
  657.  
  658. .rec-one, .rec-two {
  659. position:absolute;
  660. top:50%;
  661. left:50%;
  662. transform:translate(-50%,-50%);
  663. z-index:-1;
  664. }
  665.  
  666. .rec-one {
  667. background:{color:rectangle two};
  668. margin:25px 0 0 25px;
  669. }
  670.  
  671. .rec-two {
  672. background:{color:rectangle one};
  673. margin:-25px 0 0 -25px;
  674. }
  675.  
  676. .image, .rec-one, .rec-two {
  677. min-width:225px;
  678. min-height:275px;
  679. width:{text:header width};
  680. height:{text:header height};
  681. max-width:calc((100vw / 4) * 2);
  682. max-height:calc((100vh / 5) * 3);
  683. }
  684.  
  685. .circle.one {
  686. width:6em;
  687. height:6em;
  688. border-radius:50%;
  689. background-color:transparent;
  690. border:1.25em solid {color:circle three};
  691. transition:border-color .4s ease;
  692. -webkit-transition: border-color .4s ease;
  693. position:absolute;
  694. top:calc(50vh + 125px);
  695. left:calc(50% - (({text:header width} + 125px) / 2));
  696. }
  697.  
  698. .circle.two {
  699. width:4em;
  700. height:4em;
  701. border-radius:50%;
  702. background:{color:circle one};
  703. position:absolute;
  704. top:50px;
  705. left:calc(50% + (30vw / 2));
  706. }
  707.  
  708. .circle.three {
  709. width:3em;
  710. height:3em;
  711. border-radius:50%;
  712. background:{color:circle two};
  713. position:absolute;
  714. top:110px;
  715. left:calc(50% + (40vw / 2));
  716. }
  717.  
  718. .polka {
  719. min-width:270px;
  720. min-height:390px;
  721. width:calc({text:header width} + 45px);
  722. height:calc({text:header height} + 115px);
  723. max-width:calc((100vw / 4) * 2);
  724. max-height:calc((100vh / 5) * 4);
  725. background:transparent;
  726. background-image: radial-gradient({color:header polka dots} 20%, transparent 0), radial-gradient({color:header polka dots} 20%, transparent 0);
  727. background-size: 2em 2em;
  728. background-position: 0 0, 2em 2em;
  729. position:absolute;
  730. top:50%;
  731. left:30%;
  732. transform:translate(-30%,-50%);
  733. z-index:-2;
  734. }
  735.  
  736. .float {
  737. -webkit-animation-name: floating;
  738. -webkit-animation-duration: 6s;
  739. -webkit-animation-iteration-count: infinite;
  740. -webkit-animation-timing-function: ease-in-out;
  741. }
  742.  
  743. @-webkit-keyframes floating {
  744. from {-webkit-transform:translate(0, 0px);}
  745. 65% {-webkit-transform:translate(0, 25px);}
  746. to {-webkit-transform: translate(0, -0px);}
  747. }
  748.  
  749. .blogtitle {
  750. font-family: 'Marck Script', cursive;
  751. font-size:35px;
  752. position:absolute;
  753. top:77%;
  754. left:50%;
  755. transform:translate(-50%,-77%);
  756. color:{color:title};
  757. text-shadow: -1px -1px 0 {color:Title Border}, 1px -1px 0 {color:Title Border}, -1px 1px 0 {color:Title Border}, 1px 1px 0 {color:Title Border};
  758. }
  759.  
  760. /* tab two */
  761.  
  762. .box {
  763. margin:175px auto 50px auto;
  764. }
  765.  
  766. .profile {
  767. background:transparent no-repeat center;
  768. background-size:cover;
  769. width:100px;
  770. height:100px;
  771. overflow:hidden;
  772. border-radius:50%;
  773. position:absolute;
  774. top:150px;
  775. left:50%;
  776. transform:translate(-50%,0);
  777. }
  778.  
  779. .pro-circle {
  780. z-index:-1;
  781. width:100%;
  782. height:150px;
  783. background:transparent;
  784. background-image: radial-gradient({color:profile polka dots} 20%, transparent 0), radial-gradient({color:profile polka dots} 20%, transparent 0);
  785. background-size: 2em 2em;
  786. background-position: 0 0, 2em 2em;
  787. position:absolute;
  788. top:125px;
  789. left:50%;
  790. transform:translate(-50%,0);
  791. }
  792.  
  793. .links {
  794. margin:0 auto;
  795. list-style:none;
  796. text-align:center;
  797. }
  798.  
  799. .izq li {
  800. border-bottom:2px dotted {color:link};
  801. margin-bottom:5px;
  802. display:inline-block;
  803. font-weight:bold;
  804. }
  805.  
  806. .der li {
  807. display:block;
  808. margin-bottom:10px;
  809. }
  810.  
  811. @media only screen and (min-width:577px) {
  812.  
  813. .links {
  814. max-width:400px;
  815. min-width:400px;
  816. }
  817.  
  818. .izq, .der {width:calc(200px - 10px);}
  819.  
  820. .izq {
  821. float:left;
  822. text-align:right;
  823. }
  824.  
  825. .der {
  826. float:right;
  827. text-align:left;
  828. }
  829.  
  830. .der li {margin-bottom:7px;}
  831. }
  832.  
  833. .desc {
  834. clear:both;
  835. padding-top:25px;
  836. text-align:center;
  837. margin:0 auto 0 auto;
  838. width:{select:posts};
  839. }
  840.  
  841. /* posts */
  842.  
  843. /* styles */
  844.  
  845. {block:IfSolidPosts}
  846. .publication, .pagenotes, .msg, .pfive, .hcontrols, .cr {
  847. border:1px solid {color:borders};
  848. background:{color:posts};
  849. }
  850. {/block:IfSolidPosts}
  851.  
  852. .panel_b, .panel_c, .panel_d, .panel_e {
  853. padding-top:125px;
  854. }
  855.  
  856. section {
  857. width:100%;
  858. }
  859.  
  860. .posts {
  861. width:{select:posts};
  862. {block:IfNotMasonry}
  863. {block:IfNotUnorganizedPosts}
  864. margin:100px auto {select:margin between posts} auto;
  865. {/block:IfNotUnorganizedPosts}
  866. {/block:IfNotMasonry}
  867. }
  868.  
  869. {block:IfNotMasonry}
  870.  
  871. .posts:last-of-type {
  872. margin-bottom:75px;
  873. }
  874.  
  875. {block:IndexPage}
  876. {block:IfUnorganizedPosts}
  877. .posts {
  878. width:350px;
  879. margin:100px auto 100px;
  880. }
  881.  
  882. @media (min-width:901px) {
  883. .posts:nth-child(10n + 1) {
  884. margin:100px auto;
  885. }
  886.  
  887. .posts:nth-child(10n + 2), .posts:nth-child(10n + 9) {
  888. margin-left:10vw;
  889. width:calc(350px - 25px);
  890. }
  891.  
  892. .posts:nth-child(10n + 3), .posts:nth-child(10n + 6),
  893. .posts:nth-child(10n + 10) {
  894. margin-left:calc(55vw - 300px);
  895. }
  896.  
  897. .posts:nth-child(10n + 4), .posts:nth-child(10n + 7) {
  898. margin:100px auto;
  899. width:calc(350px + 75px);
  900. }
  901.  
  902. .posts:nth-child(10n + 5) {
  903. margin-left:5vw;
  904. width:calc(350px - 25px);
  905. }
  906. }
  907. {/block:IfUnorganizedPosts}
  908. {/block:IndexPage}
  909.  
  910. {/block:IfNotMasonry}
  911.  
  912. {block:IndexPage}
  913. {block:IfMasonry}
  914. section {
  915. margin:0 auto;
  916. width:100%;
  917. }
  918.  
  919. #entries {
  920. margin:calc(100px - 2em) auto;
  921. }
  922.  
  923. .posts {
  924. width:calc(100% / {select:Masonry Columns});
  925. padding:2em;
  926. -moz-box-sizing:border-box;
  927. box-sizing:border-box;
  928. border:0;
  929. }
  930.  
  931. .publication {
  932. margin:0;
  933. }
  934.  
  935. @media (max-width:1200px) {
  936. section {max-width:calc(100% - .1em);}
  937. .posts {
  938. width:50%;
  939. padding:1em;
  940. }
  941. }
  942.  
  943. @media (max-width:568px) {
  944. section {max-width:calc(100% - .1em);}
  945. .posts {
  946. width:100%;
  947. padding:1em;
  948. }
  949. }
  950.  
  951. .pagination.bottom {
  952. margin-bottom:100px;
  953. }
  954. {/block:IfMasonry}
  955. {/block:IndexPage}
  956.  
  957. {block:PermalinkPage}
  958. section {
  959. width:100%;
  960. }
  961.  
  962. .posts {
  963. float:none;
  964. width:{select:posts};
  965. margin:100px auto 100px auto;
  966. }
  967.  
  968. .tags, .ss {
  969. margin-top:5px;
  970. }
  971. {/block:PermalinkPage}
  972.  
  973. .ph {
  974. position:relative;
  975. overflow:hidden;
  976. }
  977.  
  978. .ph img {
  979. width:100%;
  980. display:block;
  981. }
  982.  
  983. /* titles */
  984.  
  985. .title {
  986. font-size:calc({select:font size} + 1px);
  987. font-weight:700;
  988. padding:20px;
  989. }
  990.  
  991. .quote {
  992. font-size:calc({select:font size} + 1px);
  993. font-weight:400;
  994. padding:20px;
  995. }
  996.  
  997. .source {
  998. padding:20px 20px 0 20px;
  999. text-transform:lowercase;
  1000. }
  1001.  
  1002. .zigzag {
  1003. width:30%;
  1004. margin:-20px 20px 15px 20px;
  1005. background:{color:posts};
  1006. position: relative;
  1007. height: 12px;
  1008. z-index: 1;
  1009. }
  1010.  
  1011. .zigzag:before, .zigzag:after {
  1012. content: "";
  1013. display: block;
  1014. position: absolute;
  1015. left: 0;
  1016. right: 0;
  1017. }
  1018.  
  1019. .zigzag:before {
  1020. height: 8px;
  1021. top: 120%;
  1022. background: linear-gradient(-135deg, {color:accent} 6px, transparent 0) 0 8px, linear-gradient(135deg, {color:accent} 6px, transparent 0) 0 6px;
  1023. background-position: top left;
  1024. background-repeat: repeat-x;
  1025. background-size: 12px 12px;
  1026. }
  1027.  
  1028. .zigzag:after {
  1029. height: 12px;
  1030. top: 100%;
  1031. background: linear-gradient(-135deg, {color:posts} 6px, transparent 0) 0 6px, linear-gradient(135deg, {color:posts} 6px, transparent 0) 0 6px;
  1032. background-position: top left;
  1033. background-repeat: repeat-x;
  1034. background-size: 12px 12px;
  1035. }
  1036.  
  1037. /*.ted {margin-top:10px;}*/
  1038.  
  1039. /* captions */
  1040.  
  1041. .captions {
  1042. {block:IndexPage}
  1043. {block:IfNotShowCaptions}display:none;{/block:IfNotShowCaptions}
  1044. {/block:IndexPage}
  1045. }
  1046.  
  1047. .comment {
  1048. padding:20px;
  1049. list-style:none;
  1050. }
  1051.  
  1052. .comment:last-of-type {
  1053. padding-bottom:0!important;
  1054. }
  1055.  
  1056. .tmblr-full, .npf_photoset {
  1057. margin-left:-20px;
  1058. margin-right:-20px;
  1059. }
  1060.  
  1061. .tex img {
  1062. width:100%;
  1063. }
  1064.  
  1065. .tex a {
  1066. border-bottom:2px dotted {color:link};
  1067. }
  1068.  
  1069. .tex ul {
  1070. margin-left:15px;
  1071. list-style-type:circle;
  1072. }
  1073.  
  1074. .tex ul li {
  1075. margin-bottom:1px;
  1076. }
  1077.  
  1078. .tex ul li:before {
  1079. margin-left:-15px;
  1080. margin-right:15px;
  1081. color:inherit;
  1082. }
  1083.  
  1084. .tex li, .tex blockquote {text-align:left;}
  1085.  
  1086. .tex img {
  1087. display:block;
  1088. width:100%;
  1089. }
  1090.  
  1091. .user {
  1092. font-weight:700;
  1093. display:inline-block;
  1094. line-height:1em;
  1095. margin-bottom:.75em;
  1096. margin-top:0;
  1097. }
  1098.  
  1099. .user img {
  1100. float:left;
  1101. width:20px;
  1102. height:20px;
  1103. overflow:hidden;
  1104. border-radius:50%;
  1105. border:1px solid {color:borders};
  1106. margin:-3px 15px 0 0;
  1107. }
  1108.  
  1109. /* audio */
  1110.  
  1111. .soundcloud_audio_player {
  1112. max-height:116px!important;
  1113. width:100%!important;
  1114. }
  1115.  
  1116. .spotify_audio_player {
  1117. max-height:80px!important;
  1118. width:100%!important;
  1119. }
  1120.  
  1121. .playbutton {
  1122. width:30px;
  1123. height:30px;
  1124. overflow:hidden;
  1125. border-radius:15px;
  1126. margin:2px 0 0 -1.5px;
  1127. z-index:2!important;
  1128. -webkit-filter: grayscale(100%) brightness(135%) contrast(120%);
  1129. -moz-filter: grayscale(100%) brightness(135%) contrast(120%);
  1130. -ms-filter: grayscale(100%) brightness(135%) contrast(120%);
  1131. -o-filter: grayscale(100%) brightness(135%) contrast(120%);
  1132. filter: grayscale(100%) brightness(135%) contrast(120%);
  1133. }
  1134.  
  1135. .playbox {
  1136. z-index:2;
  1137. opacity:1;
  1138. width:35px;
  1139. height:35px;
  1140. overflow:hidden;
  1141. border-radius:50%;
  1142. border:1px solid {color:borders};
  1143. position:relative;
  1144. top:37.5px;
  1145. left:20px;
  1146. }
  1147.  
  1148. {block:ifDarkMusicPlayer}
  1149. .playbutton {
  1150. -webkit-filter:invert(1) contrast(250%);
  1151. -moz-filter:invert(1) contrast(250%);
  1152. -ms-filter:invert(1) contrast(250%);
  1153. -o-filter:invert(1) contrast(250%);
  1154. filter:invert(1) contrast(250%);
  1155. }
  1156. .playbox {
  1157. background:#000000;
  1158. }
  1159. {/block:ifDarkMusicPlayer}
  1160.  
  1161. .audio {
  1162. min-height:160px;
  1163. max-height:160px;
  1164. border-bottom:1px solid {color:borders};
  1165. }
  1166.  
  1167. .playinfo {
  1168. position:relative;
  1169. text-align:center;
  1170. top:20px;
  1171. padding:10px;
  1172. margin:0 20px 0 20px;
  1173. border:1px solid {color:borders};
  1174. overflow:hidden;
  1175. border-radius:.4em;
  1176. }
  1177.  
  1178. .extra {
  1179. position:relative;
  1180. float:right;
  1181. right:20px;
  1182. top:8px;
  1183. }
  1184.  
  1185. .extra svg {
  1186. width:28px;
  1187. height:28px;
  1188. padding:7px;
  1189. overflow:hidden;
  1190. border-radius:50%;
  1191. margin-left:10px;
  1192. border:1px solid {color:borders};
  1193. background:{color:posts};
  1194. }
  1195.  
  1196. .artist {
  1197. letter-spacing:1px;
  1198. font-size:calc({select:font size} - 1px);
  1199. text-transform:lowercase;
  1200. max-width:100%;
  1201. overflow:hidden;
  1202. white-space:nowrap;
  1203. text-overflow:ellipsis;
  1204. }
  1205.  
  1206. .track {
  1207. margin-bottom:5px;
  1208. font-weight:700;
  1209. max-width:100%;
  1210. overflow:hidden;
  1211. white-space:nowrap;
  1212. text-overflow:ellipsis;
  1213. }
  1214.  
  1215. .track svg {
  1216. width:13px;
  1217. height:13px;
  1218. color:inherit;
  1219. float:left;
  1220. margin-right:10px;
  1221. margin-top:3px;
  1222. }
  1223.  
  1224. /* asks */
  1225.  
  1226. .q {
  1227. padding:20px;
  1228. }
  1229.  
  1230. .q .user {
  1231. margin-bottom:-7px;
  1232. }
  1233.  
  1234. .q .tex {
  1235. margin:10px 0 -10px 0;
  1236. }
  1237.  
  1238. .as {
  1239. text-transform:lowercase;
  1240. font-weight:bold;
  1241. border-bottom:2px dotted {color:link};
  1242. }
  1243.  
  1244. .ques {margin-top:10px;}
  1245.  
  1246. /* chat */
  1247.  
  1248. .chat {
  1249. text-align:left;
  1250. margin:0;
  1251. padding:20px 20px 0 20px;
  1252. list-style:none;
  1253. }
  1254.  
  1255. .l {
  1256. padding:0 0 15px;
  1257. }
  1258.  
  1259. .l:last-of-type {
  1260. padding:0;
  1261. }
  1262.  
  1263. .label {
  1264. font-weight:700;
  1265. border-bottom:2px dotted {color:link};
  1266. display:inline-block;
  1267. }
  1268.  
  1269. /* permalink and notes */
  1270.  
  1271. .when {
  1272. padding:20px;
  1273. }
  1274.  
  1275. .when span {display:block;}
  1276.  
  1277. .when svg {
  1278. width:11px;
  1279. height:11px;
  1280. margin:0 10px -1px 0;
  1281. color:{color:text};
  1282. }
  1283.  
  1284. .per {
  1285. position:relative;
  1286. float:right;
  1287. }
  1288.  
  1289. .per svg {
  1290. margin:0 0 -1px 0;
  1291. }
  1292.  
  1293. .ss svg {
  1294. margin:0 12px -1px 0;
  1295. }
  1296.  
  1297. .post-controls, .reblog, .like, .notecount {
  1298. display:inline-block;
  1299. }
  1300.  
  1301. .like {
  1302. margin-left:10px;
  1303. }
  1304.  
  1305. .like svg {
  1306. margin-bottom:-1px;
  1307. }
  1308.  
  1309. .like-b {
  1310. position:relative;
  1311. display:inline-block;
  1312. height:1em;
  1313. line-height:1em;
  1314. overflow:hidden;
  1315. margin-bottom:-3px;
  1316. }
  1317.  
  1318. .like-b .like_button iframe {
  1319. position:absolute;
  1320. top:0;
  1321. left:0;
  1322. bottom:0;
  1323. right:0;
  1324. z-index:2;
  1325. opacity:0;
  1326. }
  1327.  
  1328. .like-b .liked + .b {
  1329. color:inherit;
  1330. }
  1331.  
  1332. .like-b .liked + .b:after {
  1333. content:'d';
  1334. }
  1335.  
  1336. .tags {
  1337. {block:IndexPage}
  1338. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  1339. font-size:calc({select:font size} - 1.5px);
  1340. {/block:IndexPage}
  1341. font-weight:400;
  1342. position:relative;
  1343. text-transform:lowercase;
  1344. }
  1345.  
  1346. .tags a, .notecount a {
  1347. margin-right:7.5px;
  1348. }
  1349.  
  1350. .tags a:last-of-type, .notecount a:last-of-type {
  1351. margin-right:0;
  1352. }
  1353.  
  1354. /* post notes */
  1355.  
  1356. .pagenotes {
  1357. max-width:100%;
  1358. padding:20px;
  1359. width:{select:posts};
  1360. border-top:none;
  1361. margin-top:-100px;
  1362. text-transform:lowercase;
  1363. border-top:none;
  1364. }
  1365.  
  1366. .pagenotes a {
  1367. font-weight:700;
  1368. }
  1369.  
  1370. ol.notes {
  1371. list-style:none;
  1372. padding:0px;
  1373. margin:0px;
  1374. }
  1375.  
  1376. ol.notes li.note {
  1377. display:block;
  1378. padding:0;
  1379. margin:10px 0;
  1380. }
  1381.  
  1382. li.note.reblog:before, li.note.pely:before, li.note.like:before, li.note.original_post:before {
  1383. float:right;
  1384. margin-top:1px;
  1385. }
  1386.  
  1387. li.note.reblog:before {
  1388. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="rgba({RGBcolor:text})" 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>');
  1389. }
  1390.  
  1391. li.note.reply:before {
  1392. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="rgba({RGBcolor:text})" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>');
  1393. }
  1394.  
  1395. li.note.like:before {
  1396. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="rgba({RGBcolor:text})" 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>');
  1397. }
  1398.  
  1399. li.note.original_post:before {
  1400. content:url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http%3A%2F%2Fwww.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="rgba({RGBcolor:text})" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');
  1401. }
  1402.  
  1403. li.note blockquote {
  1404. margin-right:10px;
  1405. }
  1406.  
  1407. .postnotes a {
  1408. font-weight:700;
  1409. }
  1410.  
  1411. ol.notes li.note img.avatar {
  1412. float:left;
  1413. width:20px;
  1414. height:20px;
  1415. overflow:hidden;
  1416. border-radius:50%;
  1417. border:1px solid {color:borders};
  1418. margin:2px 15px 0 0;
  1419. }
  1420.  
  1421. a.more_notes_link {
  1422. display:block;
  1423. text-transform:lowercase;
  1424. text-align:center;
  1425. color:{color:text};
  1426. font-weight:700;
  1427. }
  1428.  
  1429. .ccrr {
  1430. text-align:center;
  1431. margin:-75px auto 100px auto;
  1432. }
  1433.  
  1434. {block:IfNotSolidPosts}
  1435. .comment, .when, .pagenotes, .msg, .pfive, .quote, .title, .q {
  1436. padding:20px 0 20px 0;
  1437. }
  1438.  
  1439. .chat, .source {
  1440. padding:20px 0 0 0;
  1441. }
  1442.  
  1443. .zigzag {
  1444. margin-left:0;
  1445. }
  1446.  
  1447. .tmblr-full, .npf_photoset {
  1448. margin:0;
  1449. }
  1450.  
  1451. .audio {
  1452. border:1px solid {color:borders};
  1453. }
  1454. {/block:IfNotSolidPosts}
  1455.  
  1456. {block:ifNotUserPortrait}
  1457. .user img, ol.notes li.note img.avatar {
  1458. display:none;
  1459. }
  1460.  
  1461. ol.notes li.note {
  1462. margin:5px 0;
  1463. }
  1464. {/block:ifNotUserPortrait}
  1465.  
  1466. /* media q' */
  1467.  
  1468. @media (min-width:901px) {
  1469. .pagination.bottom, .ccrr {
  1470. display:none!important;
  1471. }
  1472. }
  1473.  
  1474. @media only screen and (max-width:900px) {
  1475. .pagination.right, .hcontrols, iframe.tmblr-iframe, .cr {
  1476. display:none!important;
  1477. }
  1478.  
  1479. #carousel {
  1480. width:100vw!important;
  1481. height:100vh!important;
  1482. margin:0;
  1483. border:none;
  1484. }
  1485.  
  1486. #navigation {
  1487. min-width:100vw;
  1488. max-width:100vw;
  1489. height:32px;
  1490. left:15px;
  1491. position:fixed;
  1492. bottom:0;
  1493. }
  1494.  
  1495. [class^="label_"] {
  1496. display:inline-block;
  1497. border-radius:.4em .4em 0 0;
  1498. width:calc((100% / {select:active tabs}) - 10px);
  1499. margin:0;
  1500. }
  1501.  
  1502. footer {
  1503. margin-top:0;
  1504. display:inline-block;
  1505. max-height:32px;
  1506. }
  1507.  
  1508. #button_a:checked ~ #navigation .label_a,
  1509. #button_b:checked ~ #navigation .label_b,
  1510. #button_c:checked ~ #navigation .label_c,
  1511. #button_d:checked ~ #navigation .label_d,
  1512. #button_e:checked ~ #navigation .label_e {
  1513. width:calc((100% / {select:active tabs}) - 10px);
  1514. }
  1515.  
  1516. .image, .rec-one, .rec-two {
  1517. width:calc((100vw / 4) * 2);
  1518. height:calc((100vh / 5) * 3);
  1519. }
  1520.  
  1521. .polka {
  1522. width:calc((100vw / 4) * 2);
  1523. height:calc((100vh / 5) * 4);
  1524. }
  1525.  
  1526. .circle.one {
  1527. top:75vh;
  1528. left:12.5vw;
  1529. }
  1530.  
  1531. .circle.two {
  1532. left:75vw;
  1533. }
  1534.  
  1535. .circle.three {
  1536. left:82vw;
  1537. }
  1538.  
  1539. .desc, .msg, .pfive, .ttt {
  1540. width:90%;
  1541. }
  1542.  
  1543. {block:IfNotMasonry}
  1544. .posts {
  1545. width:90%;
  1546. }
  1547. {/block:IfNotMasonry}
  1548.  
  1549. {block:PermalinkPage}
  1550. .posts, .pagenotes {
  1551. width:90%;
  1552. }
  1553. {block:PermalinkPage}
  1554. }
  1555.  
  1556. @media (max-width:580px) {
  1557. .blogtitle {
  1558. font-size:25px;
  1559. }
  1560.  
  1561. .image, .rec-one, .rec-two {
  1562. width:calc((90vw / 3) * 2);
  1563. height:calc((85vh / 5) * 3);
  1564. }
  1565.  
  1566. .polka {
  1567. width:calc((100vw / 5) * 4);
  1568. height:calc((95vh / 5) * 4);
  1569. }
  1570.  
  1571. .desc, .msg, .pfive, .ttt {
  1572. width:100%;
  1573. }
  1574.  
  1575. {block:IfNotMasonry}
  1576. .posts {
  1577. width:100%;
  1578. }
  1579. {/block:IfNotMasonry}
  1580.  
  1581. {block:PermalinkPage}
  1582. .posts, .pagenotes {
  1583. width:100%;
  1584. }
  1585. {block:PermalinkPage}
  1586.  
  1587. .ttt ul {
  1588. -webkit-column-count:1;
  1589. -moz-column-count:1;
  1590. column-count:1;
  1591. }
  1592. }
  1593.  
  1594. {CustomCSS}
  1595.  
  1596. </style>
  1597.  
  1598. </head>
  1599.  
  1600. <body>
  1601.  
  1602. <div class="hcontrols">
  1603. <svg xmlns="http://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-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
  1604. </div>
  1605.  
  1606. <div id="container">
  1607.  
  1608. <input hidden type="radio" name="carousel-control" id="button_a"{block:IndexPage} checked{/block:IndexPage}/>
  1609. <input hidden type="radio" name="carousel-control" id="button_b"/>
  1610. <input hidden type="radio" name="carousel-control" id="button_c"{block:PermalinkPage} checked{/block:PermalinkPage}/>
  1611. <input hidden type="radio" name="carousel-control" id="button_d"/>
  1612. <input hidden type="radio" name="carousel-control" id="button_e"/>
  1613.  
  1614. <div id="carousel">
  1615. <div class="p-wrapper">
  1616.  
  1617. <!-- tab one -->
  1618. <section class="panel_a">
  1619.  
  1620. <header>
  1621.  
  1622. <div class="image" style="background-image:url('{image:header}');"></div>
  1623. <div class="rec-one"></div>
  1624. <div class="rec-two"></div>
  1625. <div class="circle one float"></div>
  1626. <div class="circle two float"></div>
  1627. <div class="circle three float"></div>
  1628. <div class="polka"></div>
  1629. <div class="blogtitle"><a href="/">{Title}</a></div>
  1630.  
  1631. </header>
  1632.  
  1633. </section>
  1634.  
  1635. <!-- tab two begins here -->
  1636. <section class="panel_b">
  1637.  
  1638. <div class="profile" style="background-image:url('{image:profile}')"></div>
  1639. <div class="pro-circle"></div>
  1640.  
  1641. <div class="box">
  1642. <div class="links">
  1643.  
  1644. <div class="izq"> <li>bolded</li> </div>
  1645. <div class="der"> <li>not bolded</li> </div>
  1646.  
  1647. <div class="izq"> <li>title</li> </div>
  1648. <div class="der"> <li>not title</li> </div>
  1649.  
  1650. <div class="izq"> <li>limit??</li> </div>
  1651. <div class="der"> <li>infinite</li> </div>
  1652.  
  1653. </div>
  1654.  
  1655. <!-- your description - a litle idea; you can delete the blue letters and write something else instead -->
  1656. <div class="desc">{Description}</div>
  1657.  
  1658. </div>
  1659. <!-- end -->
  1660.  
  1661. <div class="pin" style="clear:both;margin:-25px 0 125px 0;">
  1662. <div class="zigzag"></div>
  1663. </div>
  1664.  
  1665. </section>
  1666.  
  1667. <!-- tab three begins here-->
  1668. <section class="panel_c">
  1669.  
  1670. <div class="pin" style="text-align:center;">
  1671. <!-- tab three title -->
  1672. <h1>blog</h1>
  1673. <div class="zigzag" style="margin:0 auto;"></div>
  1674. </div>
  1675.  
  1676. <!-- posts ----------------------------------------------------------------->
  1677.  
  1678. <section id="entries">
  1679.  
  1680. {block:posts}
  1681. <article class="posts {block:caption}captioned{/block:caption}" id="{PostID}">
  1682.  
  1683. <div class="publication">
  1684.  
  1685. <!-- quote ----------------------------------------------------------------->
  1686. {block:Quote}
  1687. <div class="quote">{quote}</div>
  1688. <div class="zigzag"></div>
  1689. {block:Source}<div class="source">{source}</div>{/block:Source}
  1690. {/block:Quote}
  1691.  
  1692. <!-- text ------------------------------------------------------------------>
  1693. {block:Text}
  1694. {block:Title}
  1695. <div class="title">{title}</div>
  1696. <div class="zigzag"></div>
  1697. {/block:Title}
  1698. {block:RebloggedFrom}
  1699. {block:Reblogs}
  1700. <span><li class="comment {block:Title}ted{/block:Title}">
  1701. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"></span>
  1702. <img src="{PortraitURL-64}">{username}</a>
  1703. <div class="tex">{Body}</div></li>
  1704. {/block:Reblogs}
  1705. {/block:RebloggedFrom}
  1706. {block:NotReblog}
  1707. <li class="comment {block:Title}ted{/block:Title}">
  1708. <div class="tex">{body}</div>
  1709. </li>
  1710. {/block:NotReblog}
  1711. {/block:Text}
  1712.  
  1713. <!-- link ------------------------------------------------------------------>
  1714. {block:Link}
  1715. <div class="title"><a href="{URL}">{name}</a></div>
  1716. <div class="zigzag"></div>
  1717. {block:Description}
  1718. {block:NotReblog}
  1719. <li class="comment ted">
  1720. <div class="tex">{description}</div>
  1721. </li>
  1722. {/block:NotReblog}
  1723. {/block:Description}
  1724. {block:RebloggedFrom}
  1725. {block:Reblogs}
  1726. {block:IsActive}
  1727. <li class="comment">
  1728. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1729. <div class="tex">{body}</div>
  1730. </li>
  1731. {/block:IsActive}
  1732. {block:IsDeactivated}
  1733. <li class="comment">
  1734. <span class="user inactive deactivated">{username}</span>
  1735. <div class="tex">{body}</div>
  1736. </li>
  1737. {/block:IsDeactivated}
  1738. {/block:Reblogs}
  1739. {/block:RebloggedFrom}
  1740. {/block:Link}
  1741.  
  1742. <!-- chat ------------------------------------------------------------------>
  1743. {block:Chat}
  1744. {block:Title}<div class="title">{title}</div>{/block:Title}
  1745. <ol class="chat {block:Title}ted{/block:Title}">
  1746. {block:lines}
  1747. <li class="l {Alt}">
  1748. {block:label}<span class="label">{label}</span>{/block:label} {line}
  1749. </li>
  1750. {/block:lines}
  1751. </ol>
  1752. {/block:Chat}
  1753.  
  1754. <div class="ph">
  1755.  
  1756. <!-- photo ----------------------------------------------------------------->
  1757. {block:Photo}
  1758. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  1759. <img src="{PhotoURL-HighRes}">
  1760. </a>
  1761. {/block:Photo}
  1762.  
  1763. <!-- photoset -------------------------------------------------------------->
  1764. {block:Photoset}
  1765. <div class="photoset">
  1766. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1767. </div>
  1768. {/block:Photoset}
  1769.  
  1770. <!-- video ----------------------------------------------------------------->
  1771. {block:Video}
  1772. <div class="video">{Video-500}</div>
  1773. {/block:Video}
  1774.  
  1775. <!-- audio ----------------------------------------------------------------->
  1776. {block:Audio}
  1777. <div class="audio">
  1778. <div class="playinfo">
  1779. <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  1780. <div class="artist">{block:Artist}- {Artist} -{/block:Artist}</div>
  1781. </div>
  1782. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1783. <div class="extra"> <svg xmlns="http://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-skip-back"><polygon points="19 20 9 12 19 4 19 20"></polygon><line x1="5" y1="19" x2="5" y2="5"></line></svg> <svg xmlns="http://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-skip-forward"><polygon points="5 4 15 12 5 20 5 4"></polygon><line x1="19" y1="5" x2="19" y2="19"></line></svg> </div>
  1784. </div>
  1785. {/block:Audio}
  1786.  
  1787. <!-- captions ------------------------------------------------------------->
  1788.  
  1789. {block:Caption}
  1790. <div class="captions">
  1791. {block:Reblogs}
  1792. <li class="comment">
  1793. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"></span>
  1794. <img src="{PortraitURL-64}">{username}</a>
  1795. <div class="tex">{body}</div>
  1796. </li>
  1797. {/block:Reblogs}
  1798. {block:NotReblog}
  1799. <li class="comment">
  1800. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><img src="{PortraitURL-64}">{Name}</a>
  1801. <div class="tex">{caption}</div>
  1802. </li>
  1803. {/block:NotReblog}
  1804. </div>
  1805. {/block:Caption}
  1806.  
  1807. </div>
  1808.  
  1809. <!-- answers --------------------------------------------------------------->
  1810. {block:Answer}
  1811. <div class="q" style="border-bottom:1px solid {color:borders};">
  1812. <div class="user"><img src="{AskerPortraitURL-64}"></div>
  1813. <span class="as">{Asker}</span>
  1814. <div class="ques">{Question}</div>
  1815. </div>
  1816. {block:Answerer}
  1817. <div class="q">
  1818. <div class="user"><img src="{AnswererPortraitURL-64}"></div>
  1819. <span class="as">{Answerer}</span>
  1820. <div class="tex">{Answer}</div>
  1821. </div>
  1822. {/block:Answerer}
  1823. {block:NotReblog}
  1824. <li class="comment">
  1825. <div class="tex">{replies}</div>
  1826. </li>
  1827. {/block:NotReblog}
  1828. {block:RebloggedFrom}
  1829. {block:Reblogs}
  1830. <li class="comment">
  1831. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1832. <div class="tex">{body}</div>
  1833. </li>
  1834. {/block:Reblogs}
  1835. {/block:RebloggedFrom}
  1836. {/block:Answer}
  1837.  
  1838. <!-- date ------------------------------------------------------------------>
  1839. {block:Date}
  1840. <div class="when">
  1841. <div class="post-controls">
  1842.  
  1843. <a href="{Permalink}" target="_blank">
  1844. <svg xmlns="http://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-message-circle"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>
  1845. <div class="notecount">{NoteCount}</div>
  1846. </a>
  1847.  
  1848. <div class="like">
  1849. <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-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>
  1850. <a class="like-b" href="#" style="margin:0 10px -2px 0;">{LikeButton}<span class="b">like</span></a>
  1851. </div>
  1852.  
  1853. </div>
  1854.  
  1855. <a href="{ReblogURL}" target="_blank" class="reblog per" 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>
  1856.  
  1857. {block:PermalinkPage}
  1858. {block:RebloggedFrom}
  1859. <div class="ss">
  1860. <a href="{ReblogRootURL}"><svg xmlns="http://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-bookmark"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg>{ReblogRootName}</a>
  1861. </div>
  1862. {/block:RebloggedFrom}
  1863. {/block:PermalinkPage}
  1864.  
  1865. {block:HasTags}
  1866. <div class="tags">
  1867. {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}
  1868. </div>
  1869. {/block:HasTags}
  1870.  
  1871. </div>
  1872. {/block:Date}
  1873.  
  1874. </div>
  1875. </article>
  1876.  
  1877. <!-- post notes ------------------------------------------------------------>
  1878. {block:PostNotes}
  1879. <article class="posts pagenotes">
  1880. <div class="postnotes">{PostNotes}</div>
  1881. </article>
  1882. {/block:PostNotes}
  1883. {/block:Posts}
  1884.  
  1885. </section>
  1886.  
  1887. {block:Pagination}
  1888. <div class="pagination bottom">
  1889. {block:PreviousPage} <a class="prev" href="{PreviousPage}"> {lang:Prev} </a> {/block:PreviousPage}
  1890. {block:NextPage} <a class="next" href="{NextPage}"> {lang:Next} </a> {/block:NextPage}
  1891. </div>
  1892. {/block:Pagination}
  1893.  
  1894. {block:PermalinkPagination}
  1895. <div class="pagination bottom">
  1896. <a class="prev" {block:NextPost}href="{NextPost}"{/block:NextPost}>{lang:prev}</a>
  1897. <a class="prev" {block:PreviousPost}href="{PreviousPost}"{/block:PreviousPost}>{lang:next}</a>
  1898. </div>
  1899. {/block:PermalinkPagination}
  1900.  
  1901. <div class="pin" style="clear:both;margin-bottom:125px;">
  1902. <div class="zigzag"></div>
  1903. </div>
  1904.  
  1905. <!-- pleace don't remove -->
  1906. <div class="ccrr">
  1907. <a href="https://amboise.tumblr.com/">a.</a>
  1908. </div>
  1909.  
  1910. </section>
  1911.  
  1912. <!-- tab four begins here-->
  1913. {block:IfMessageTab}
  1914. <section class="panel_d">
  1915.  
  1916. <div class="pin" style="text-align:center;">
  1917. <!-- tab four title -->
  1918. <h1>say something</h1>
  1919. <div class="zigzag"></div>
  1920. </div>
  1921.  
  1922. <!-- you can write anything here - left a small faq format -->
  1923. <div class="msg">
  1924. <b>question</b>
  1925. <p>answer</p>
  1926.  
  1927. <b>question</b>
  1928. <p>answer</p>
  1929.  
  1930. <b>how many can i add??</b>
  1931. <p>as many as you want</p>
  1932.  
  1933. <iframe frameborder="0" scrolling="no" 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]-->
  1934.  
  1935. </div>
  1936.  
  1937. <div class="pin" style="clear:both;margin:50px 0 125px 0;">
  1938. <div class="zigzag"></div>
  1939. </div>
  1940.  
  1941. </section>
  1942. {/block:IfMessageTab}
  1943. <!-- end -->
  1944.  
  1945. <!-- tab five begins here -->
  1946. {block:IfNavigationTab}
  1947. <section class="panel_e">
  1948.  
  1949. <div class="pin" style="text-align:center;">
  1950. <!-- tab five title -->
  1951. <h1>navigate</h1>
  1952. <div class="zigzag" style="margin:0 auto;"></div>
  1953. </div>
  1954.  
  1955. <!-- search bar -->
  1956. <div class="pfive">
  1957. <div class="cher">
  1958. <script language="javascript">
  1959. function send()
  1960. {document.theform.submit()}
  1961. </script>
  1962.  
  1963. <!-- change the placeholder as you please -->
  1964. <form action="/search" method="get" class="sfm" name="theform">
  1965. <input type="text" name="q" placeholder="search blog" id="sf"/>
  1966. </form>
  1967.  
  1968. <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>
  1969. </div>
  1970.  
  1971. <div class="ttt">
  1972.  
  1973. <nav>
  1974. <!-- title -->
  1975. <h1>links</h1>
  1976.  
  1977. <!-- subtitle -->
  1978. <b>explore</b>
  1979.  
  1980. <!-- these are your links, you can add more if you wish -->
  1981. <ul>
  1982. {block:ifLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}
  1983. {block:ifLink2}<li><a href="{text:Link 2 URL}">{text:Link 2}</a></li>{/block:ifLink2}
  1984. {block:ifLink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:ifLink3}
  1985. {block:ifLink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:ifLink4}
  1986. {block:ifLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:ifLink5}
  1987. </ul>
  1988. </nav>
  1989.  
  1990. <!-- extra links / tags -->
  1991.  
  1992. <!-- title -->
  1993. <h1>title</h1>
  1994. <!-- sub title -->
  1995. <b>sub title</b>
  1996. <ul>
  1997. <li><a class="your link goes here">link name</a></li>
  1998. <li><a class="your link goes here">link name</a></li>
  1999. <li><a class="your link goes here">link name</a></li>
  2000. <li><a class="your link goes here">link name</a></li>
  2001. </ul>
  2002.  
  2003. <!-- title -->
  2004. <h1>no sub title</h1>
  2005. <ul>
  2006. <li><a class="your link goes here">link name</a></li>
  2007. <li><a class="your link goes here">link name</a></li>
  2008. <li><a class="your link goes here">link name</a></li>
  2009. <li><a class="your link goes here">link name</a></li>
  2010. </ul>
  2011.  
  2012. <!-- sub title -->
  2013. <b>only sub title</b>
  2014. <ul>
  2015. <li><a class="your link goes here">link name</a></li>
  2016. <li><a class="your link goes here">link name</a></li>
  2017. <li><a class="your link goes here">link name</a></li>
  2018. <li><a class="your link goes here">link name</a></li>
  2019. </ul>
  2020.  
  2021. </div>
  2022.  
  2023. </div>
  2024.  
  2025. <div class="pin" style="clear:both;margin:50px 0 125px 0;">
  2026. <div class="zigzag"></div>
  2027. </div>
  2028.  
  2029. </section>
  2030. {/block:IfNavigationTab}
  2031. <!-- end -->
  2032.  
  2033. </div> <!-- // .p-wrapper -->
  2034. </div> <!-- // #carousel -->
  2035.  
  2036. <div id="navigation">
  2037. <label for="button_a" class="label_a"> <span><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></span> </label>
  2038. <label for="button_b" class="label_b"> <span><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></span> </label>
  2039. <label for="button_c" class="label_c"> <span><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-star"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span> </label>
  2040. {block:IfMessageTab}
  2041. <label for="button_d" class="label_d"> <span><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-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg></span> </label>
  2042. {/block:IfMessageTab}
  2043. {block:IfNavigationTab}
  2044. <label for="button_e" class="label_e"> <span><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></span> </label>
  2045. {/block:IfNavigationTab}
  2046.  
  2047. <footer>
  2048. {block:Pagination}
  2049. <div class="pagination right">
  2050. <a {block:PreviousPage}class="active prev" href="{PreviousPage}" title="{lang:prev}"{/block: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>
  2051. <a {block:NextPage}class="active next" href="{NextPage}" title="{lang:next}"{/block: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>
  2052. </div>
  2053. {/block:Pagination}
  2054.  
  2055. {block:PermalinkPagination}
  2056. <div class="pagination right">
  2057. <a {block:NextPost}href="{NextPost}" title="{lang:prev post}"{/block:NextPost}> <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>
  2058. <a {block:PreviousPost}href="{PreviousPost}" title="{lang:next post}"{/block:PreviousPost}> <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>
  2059. </div>
  2060. {/block:PermalinkPagination}
  2061. </footer>
  2062.  
  2063. </div> <!-- // #navigation -->
  2064. </div> <!-- // #container -->
  2065.  
  2066. <div class="cr"><a href="https://amboise.tumblr.com/"><svg xmlns="http://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-power"><path d="M18.36 6.64a9 9 0 1 1-12.73 0"></path><line x1="12" y1="2" x2="12" y2="12"></line></svg></a></div>
  2067.  
  2068.  
  2069. <!-- jquery -->
  2070. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2071. <script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>
  2072. <script src="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosets.js"></script><link href="https://cdn.jsdelivr.net/gh/boscoxvi/npfphotosets/npfphotosetstyle.css" rel="stylesheet" type="text/css">
  2073. <script type="text/javascript" src="https://static.tumblr.com/cqvi50o/VSzox2ncv/style-my-tooltips.js"></script>
  2074. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2075. <script src="https://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  2076. {block:IndexPage}<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>{/block:IndexPage}
  2077.  
  2078. <script>
  2079. $(document).ready(function(){
  2080. // tooltips
  2081. $("[title]").style_my_tooltips({
  2082. tip_follows_cursor: true,
  2083. tip_delay_time: 100,
  2084. tip_fade_speed: 300
  2085. });
  2086. // npf plugin by codematurgy
  2087. npfPhotosets(".posts", {
  2088. rowClass:"npf_row",
  2089. imageContainerClass:"tmblr-full",
  2090. generatedPhotosetContainerClass:"npf_photoset",
  2091. imageClass:"npf_image",
  2092. includeSingleRowImagesInPhotosets: true,
  2093. insertGalleryIndicator: false,
  2094. galleryIndicatorClass: "npf_gallery_indicator",
  2095. galleryIndicatorContent: "<img src='image_url'>",
  2096. photosetMargins:"2"
  2097. });
  2098. // photosets
  2099. $('.photo-slideshow').pxuPhotoset({
  2100. lightbox: true,
  2101. rounded: false,
  2102. gutter: '{select:gutter size}',
  2103. photoset: '.photo-slideshow',
  2104. photoWrap: '.photo-data',
  2105. photo: '.pxu-photo'
  2106. });
  2107. // short notes by shythemes
  2108. var $container = $('.post-controls');
  2109. $container.find('.notecount').each(function(){
  2110. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  2111. if (n > 999) {
  2112. n = Math.floor(n / 100) / 10;
  2113. $(this).text(n + 'k');
  2114. }
  2115. });
  2116. // flexible frames by nouvae
  2117. function flexFrame() {
  2118. $(".comment").each(function() {
  2119. $(this).find("iframe").wrap("<div class='iframe-flex'></div>");
  2120. flexibleFrames($(".iframe-flex"));
  2121. });
  2122. flexibleFrames($(".video"));}
  2123. $(document).ready(flexFrame);
  2124. // masonry
  2125. {block:IndexPage}
  2126. var $container = $('#entries');
  2127. {block:IfMasonry}
  2128. $container.masonry({ itemSelector: '.posts',isFitWidth: true });
  2129. $container.imagesLoaded(function(){
  2130. $container.masonry();
  2131. $container.find('.posts');
  2132. });
  2133. $(window).resize(function(){$container.masonry();});
  2134. {/block:IfMasonry}
  2135. {/block:IndexPage}
  2136. //remove tumblr redirects script by magnusthemes@tumblr
  2137. $('a[href*="t.umblr.com/redirect"]').initialize(function(){
  2138. var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  2139. var replaceURL = decodeURIComponent(originalURL);
  2140. $(this).attr("href", replaceURL);
  2141. });
  2142. });
  2143. </script>
  2144.  
  2145. {block:ContentSource}
  2146. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2147. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2148. {/block:SourceLogo}
  2149. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2150. {/block:ContentSource}
  2151. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!