API tools faq
paste
Advertisement
mintrps

boys will be bugs ; ♡ ━

mintrps
Jun 15th, 2020
5,550
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.42 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. a theme by @mintrps.
  7.  
  8. by using this code you agree
  9. to abide by my terms of use.
  10.  
  11. - icon fonts from iconify
  12. - fonts from google fonts
  13. & 'blaxie' by sixtwenty studio
  14. - tabs by valcntines
  15. - animation by animista
  16. - photosets by buildthemes
  17.  
  18.  
  19.  
  20. -->
  21.  
  22. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  23. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24.  
  25. <head>
  26.  
  27. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  28. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  29. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  30. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  31. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  32. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  33. <link href="https://fonts.googleapis.com/css?family=Karla&display=swap" rel="stylesheet">
  34. <link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
  35. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i&display=swap" rel="stylesheet">
  36. <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
  37. <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap" rel="stylesheet">
  38. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap" rel="stylesheet">
  39. <link href="https://fonts.googleapis.com/css?family=Varela+Round&display=swap" rel="stylesheet">
  40. <link href="https://fonts.googleapis.com/css?family=Barlow+Condensed:600,600i,700,700i&display=swap" rel="stylesheet">
  41. <link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46.  
  47. <meta name="color:background" content="#f0f0f0"/>
  48. <meta name="color:text" content="#898989"/>
  49. <meta name="color:borders" content="#f0f0f0"/>
  50. <meta name="color:post borders" content="#f8f8f8"/>
  51. <meta name="color:info bg" content="#fdfdfd"/>
  52. <meta name="color:info text" content="#575757"/>
  53. <meta name="color:bold" content="#7b7b7b"/>
  54. <meta name="color:links" content="#898989"/>
  55. <meta name="color:link hover" content="#999999"/>
  56. <meta name="color:post titles" content="#898989"/>
  57. <meta name="color:text selection" content="#f3f3f3"/>
  58. <meta name="color:bottom bg" content="#e7e7e7"/>
  59. <meta name="color:title color" content="#737373"/>
  60. <meta name="color:outer container" content="#f8f8f8"/>
  61. <meta name="color:inner container" content="#f3f3f3"/>
  62. <meta name="color:post background" content="#fdfdfd"/>
  63. <meta name="color:grid color" content="#e5e5e5"/>
  64. <meta name="color:grid background" content="#fdfdfd"/>
  65. <meta name="color:title color one" content="#ed0606"/>
  66. <meta name="color:title color two" content="#eaed06"/>
  67. <meta name="color:title color three" content="#16ed06"/>
  68. <meta name="color:title color four" content="#040aed"/>
  69.  
  70. <meta name="image:page bg" content=""/>
  71. <meta name="image:icon" content="https://placehold.it/50x50"/>
  72.  
  73. <meta name="if:grayscale" content="1"/>
  74. <meta name="if:rainbow" content="1"/>
  75. <meta name="if:faq tab" content="1"/>
  76. <meta name="if:circle icon" content=""/>
  77. <meta name="if:serif title" content=""/>
  78. <meta name="if:stats" content="1"/>
  79.  
  80. <meta name="select:font family" content="space mono" title="space mono" />
  81. <meta name="select:font family" content="roboto" title="roboto" />
  82. <meta name="select:font family" content="work sans" title="work sans" />
  83. <meta name="select:font family" content="abeezee" title="abeezee" />
  84. <meta name="select:font family" content="karla" title="karla" />
  85. <meta name="select:font family" content="montserrat" title="montserrat" />
  86.  
  87. <meta name="select:font size" content="9" title="9px" />
  88. <meta name="select:font size" content="10" title="10px" />
  89. <meta name="select:font size" content="11" title="11px" />
  90.  
  91. <meta name="text:sidebar title" content="it's u">
  92. <meta name="text:stats title" content="updates/stats">
  93. <meta name="text:description" content="mint, 20 + i skipped class to sit with you, i really like your spot- ty sweater">
  94. <meta name="text:sideways text" content="happy pride month !">
  95.  
  96. <meta name="text:side link 1 title" content="index">
  97. <meta name="text:side link 2 title" content="message">
  98. <meta name="text:side link 3 title" content="navigation">
  99. <meta name="text:side link 3 url" content="/url">
  100. <meta name="text:side link 4 title" content="extra link">
  101. <meta name="text:side link 4 url" content="/url">
  102.  
  103. <meta name="text:faq tab title" content="faq.">
  104.  
  105. <script src="https://kit.fontawesome.com/1614dc65f2.js" crossorigin="anonymous"></script>
  106.  
  107. <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
  108.  
  109. <script>
  110. function openAlytut(evt, alytutName) {
  111. var i, x, tablinks;
  112. x = document.getElementsByClassName("alytut");
  113. for (i = 0; i < x.length; i++) {
  114. x[i].style.display = "none";
  115. }
  116. tablinks = document.getElementsByClassName("tablink");
  117. for (i = 0; i < x.length; i++) {
  118. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  119. }
  120. document.getElementById(alytutName).style.display = "block";
  121. evt.currentTarget.className += " tabzact";
  122. }
  123. </script>
  124.  
  125. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  126. <script type="text/javascript">
  127. $(document).ready(function(){
  128. popUp(true);
  129. });
  130. </script>
  131.  
  132. <style type="text/css">
  133.  
  134. /* TABS STYLING--
  135. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  136. */
  137.  
  138. .tabzcon {
  139. margin-top:0px;
  140. margin-left:15px;
  141. padding:10px;
  142. padding-top:5px;
  143. position:absolute;
  144. width:250px; {block:if400px} width:400px; {/block:if400px}
  145. padding-left:10px;
  146. border-radius:0px;
  147. position:fixed;
  148. overflow:auto;
  149. overflow-y:hidden;
  150. overflow:auto;
  151. padding-top:25px;
  152. padding-right:20px;
  153. padding-left:20px;
  154. margin-left:240px;
  155. margin-top:125px;
  156. z-index:10;
  157. background:transparent;
  158. height:335px;
  159. {block:Pages}
  160. background:{color:post background};
  161. {/block:Pages}
  162. -webkit-transition: all 0.6s ease-in-out;
  163. -moz-transition: all 0.6s ease-in-out;
  164. -o-transition: all 0.6s ease-in-out;
  165. -ms-transition: all 0.6s ease-in-out;
  166. transition: all 0.6s ease-in-out;
  167. font-family:{select:font-family};
  168. font-size:{select:font size}px;
  169. line-height:200%;
  170. }
  171.  
  172. @keyframes animationFrames{
  173. 0% {
  174. opacity:0;
  175. }
  176. 100% {
  177. opacity:1;
  178. }
  179. }
  180.  
  181. @-moz-keyframes animationFrames{
  182. 0% {
  183. opacity:0;
  184. }
  185. 100% {
  186. opacity:1;
  187. }
  188. }
  189.  
  190. @-webkit-keyframes animationFrames {
  191. 0% {
  192. opacity:0;
  193. }
  194. 100% {
  195. opacity:1;
  196. }
  197. }
  198.  
  199. @-o-keyframes animationFrames {
  200. 0% {
  201. opacity:0;
  202. }
  203. 100% {
  204. opacity:1;
  205. }
  206. }
  207.  
  208. @-ms-keyframes animationFrames {
  209. 0% {
  210. opacity:0;
  211. }
  212. 100% {
  213. opacity:1;
  214. }
  215. }
  216.  
  217. #base {
  218. margin-top:45px;
  219. margin-left:0px;
  220. position:fixed;
  221. padding:10px;
  222. width:205px;
  223. height:260px;
  224. background-color:#e1c9bf;
  225. }
  226.  
  227. .tabzclose {
  228. text-transform:uppercase;
  229. font-weight:bold;
  230. font-size:calc({select:font size} - 1px);
  231. padding:3px;
  232. color:inherit;
  233. margin-top:-15px;
  234. margin-right:-7px;
  235. float:right;
  236. }
  237.  
  238. .tabzclose:hover {
  239. cursor:pointer;
  240. }
  241.  
  242. ::-webkit-scrollbar-thumb {
  243. height:auto;
  244. background-color:{color:Scrollbar};
  245. margin-left:1px;
  246. display:none;
  247. }
  248.  
  249. ::-webkit-scrollbar {
  250. height:9px;
  251. width:1px;
  252. background-color:transparent;
  253. }
  254.  
  255. ::-webkit-scrollbar-thumb {
  256. background:transparent;
  257. }
  258.  
  259. ::-webkit-scrollbar-corner {
  260. background:transparent;
  261. }
  262.  
  263. body {
  264. background:{color:background};
  265. background-image:url('{image:page bg}');
  266. margin-top:-20px;
  267. margin-left:0px;
  268. color:{color:text};
  269. font-family:{select:font family};
  270. font-family:{select:font size};
  271. line-height:200%;
  272. letter-spacing:1px;
  273. text-align:justify;
  274. background-position:fixed;
  275. width:570px;
  276. height:500px;
  277. margin:0px auto;
  278. }
  279.  
  280. sup, sub {
  281. font-size:10px;
  282. }
  283.  
  284. a {
  285. text-decoration:none;
  286. outline:none;
  287. -moz-outline-style:none;
  288. color:{color:links};
  289. border-bottom:1px solid {color:borders};
  290. }
  291.  
  292. a:hover {
  293. color:{color:link hover};
  294. {block:ifrainbow}
  295. color: {color:title color two};
  296. {/block:ifrainbow}
  297. }
  298.  
  299. img {
  300. border:none;
  301. }
  302.  
  303.  
  304. h2 small {
  305. font-size:23px;
  306. }
  307.  
  308. h2 a {
  309. font-size:23px;
  310. }
  311.  
  312. h2 small a {
  313. font-size:23px;
  314. }
  315.  
  316. b, strong {
  317. color:{color:bold};
  318. font-weight:600;
  319. {block:ifrainbow}
  320. background: -webkit-linear-gradient(180deg, {color:title color one}, {color:title color two}, {color:title color three}, {color:title color four}); background-size:100%;
  321. -webkit-background-clip: text;
  322. -webkit-text-fill-color: transparent;
  323. {/block:ifrainbow}
  324. }
  325.  
  326. .tumblr_blog {
  327. text-transform:lowercase;
  328. letter-spacing:1.5px;
  329. font-size:{select:font size}px;
  330. border-bottom:0px solid #222;
  331. color:{color:text};
  332. }
  333.  
  334. h1 {
  335. margin:0px; text-align:left; text-transform:lowercase; margin-top:10px; margin-bottom:15px; word-spacing:0px; margin-bottom:10px; font-size:18px; color:{color:post titles}; padding-right:0px; letter-spacing:1px; border-radius:0px; font-family:{select:font family}; font-weight:800; {block:ifrainbow}
  336. background: -webkit-linear-gradient(180deg, {color:title color one}, {color:title color two}, {color:title color three}, {color:title color four}); background-size:100%;
  337. -webkit-background-clip: text;
  338. -webkit-text-fill-color: transparent;
  339. {/block:ifrainbow}
  340. }
  341.  
  342. h2 {
  343. margin:0px; text-align:left; text-transform:lowercase; margin-top:10px; margin-bottom:15px; word-spacing:0px; margin-bottom:10px; font-size:16px; color:{color:post titles}; padding-right:0px; letter-spacing:0px; border-radius:0px; font-family:{select:font family}; font-weight:800; {block:ifrainbow}
  344. background: -webkit-linear-gradient(180deg, {color:title color one}, {color:title color two}, {color:title color three}, {color:title color four}); background-size:100%;
  345. -webkit-background-clip: text;
  346. -webkit-text-fill-color: transparent;
  347. {/block:ifrainbow}
  348. }
  349.  
  350. h3 {
  351. margin:0px; text-align:left; text-transform:lowercase; margin-top:10px; margin-bottom:15px; word-spacing:0px; margin-bottom:10px; font-size:12px; color:{color:post titles}; padding-right:0px; letter-spacing:0px; border-radius:0px; font-family:{select:font family}; font-weight:800; {block:ifrainbow}
  352. background: -webkit-linear-gradient(180deg, {color:title color one}, {color:title color two}, {color:title color three}, {color:title color four}); background-size:100%;
  353. -webkit-background-clip: text;
  354. -webkit-text-fill-color: transparent;
  355. {/block:ifrainbow}
  356. }
  357.  
  358. h4 {
  359. margin:0px; text-align:left; text-transform:lowercase; margin-top:10px; margin-bottom:15px; word-spacing:0px; margin-bottom:10px; font-size:12px; color:{color:post titles}; padding-right:0px; letter-spacing:0px; border-radius:0px; font-family:{select:font family}; font-weight:800;
  360. {block:ifrainbow}
  361. background: -webkit-linear-gradient(180deg, {color:title color one}, {color:title color two}, {color:title color three}, {color:title color four}); background-size:100%;
  362. -webkit-background-clip: text;
  363. -webkit-text-fill-color: transparent;
  364. {/block:ifrainbow}
  365. }
  366.  
  367. h1 small {
  368. font-size:20px;
  369. }
  370.  
  371. h2 small {
  372. font-size:20px;
  373. }
  374.  
  375. h1 a {
  376. font-size:20px;
  377. }
  378.  
  379. h2 a {
  380. font-size:20px;
  381. }
  382.  
  383. sup {
  384. font-size:{select:font size}px;
  385. }
  386.  
  387. sub {
  388. font-size:{select:font size}px;
  389. }
  390.  
  391. small {
  392. font-size:{select:font size}px;
  393. }
  394.  
  395. blockquote {
  396. border-left:1px solid {color:borders};
  397. padding-left:10px;
  398. margin-left:5px;
  399. width:93%;
  400. }
  401.  
  402. blockquote img {
  403. max-width:100%;
  404. height:auto;
  405. }
  406.  
  407. /* container */
  408.  
  409. #container {
  410. margin-top:4px;
  411. margin-left:352px;
  412. margin-right:auto;
  413. width:350px;
  414. max-height:346px;
  415. text-align:left;
  416. position:fixed;
  417. padding-left:0px;
  418. padding-top:0px;
  419. }
  420.  
  421. /* entries */
  422.  
  423. #entries {
  424. position:fixed;
  425. height:400px;
  426. width:600px;
  427. margin-top:80px;
  428. box-shadow:0px 0px 0px #222;
  429. padding-top:0px;
  430. padding-top:55px;
  431. background:rgba( {RGBcolor:outer container}, 1 );
  432. border:0px solid {color:borders};
  433. background-image:url('{image:container bg}');
  434. margin-left:-10px;
  435. z-index:0;
  436. border-radius:10px;
  437. }
  438.  
  439. #entries2 {
  440. position:fixed;
  441. height:500px;
  442. width:630px;
  443. background:rgba({RGBcolor:right box bg}, 0);
  444. margin-top:65px;
  445. margin-left:30px;
  446. border-radius:7px;
  447. }
  448.  
  449. /* posts */
  450.  
  451. #post {
  452. width:250px;
  453. margin-left:-15px;
  454. margin-top:0px;
  455. height: auto;
  456. margin-bottom:30px;
  457. color: {color:text};
  458. letter-spacing:0px;
  459. line-height:200%;
  460. text-align:justify;
  461. text-transform:none;
  462. letter-spacing:1px;
  463. background:transparent;
  464. text-transform:none;
  465. background:transparent;
  466. border-radius:10px;
  467. border:0px solid {color:borders};
  468. background:rgba({RGBcolor:post background}, 1);
  469. z-index:100000000000000000000000000000000000000000000;
  470. padding:0px;
  471. font-family:{select:font-family};
  472. font-size:{select:font size}px;
  473. }
  474.  
  475. #post img {
  476. border-radius:0px;
  477. {block:IndexPage}
  478. {block:ifGrayscale}
  479. -webkit-filter: grayscale(100%);
  480. {/block:ifGrayscale}
  481. {/block:IndexPage}
  482. max-width:100%;
  483. height:auto;
  484. }
  485.  
  486. #post img:hover {
  487. {block:ifGrayscale}
  488. -webkit-filter: grayscale(100%);
  489. {/block:ifGrayscale}
  490. -webkit-filter: grayscale(0%);
  491. -webkit-transition: all 0.6s ease-in-out;
  492. -moz-transition: all 0.6s ease-in-out;
  493. -o-transition: all 0.6s ease-in-out;
  494. -ms-transition: all 0.6s ease-in-out;
  495. transition: all 0.6s ease-in-out;
  496. }
  497.  
  498. .media img, .media iframe {
  499. {block:ifgrayscale}
  500. -webkit-filter: grayscale(100%);
  501. {/block:ifgrayscale}
  502. -webkit-transition: all 0.6s ease-in-out;
  503. -moz-transition: all 0.6s ease-in-out;
  504. -o-transition: all 0.6s ease-in-out;
  505. -ms-transition: all 0.6s ease-in-out;
  506. transition: all 0.6s ease-in-out;
  507. }
  508.  
  509. .media img:hover, .media iframe:hover {
  510. {block:ifgrayscale}
  511. -webkit-filter: grayscale(0%);
  512. {/block:ifgrayscale}
  513. -webkit-transition: all 0.6s ease-in-out;
  514. -moz-transition: all 0.6s ease-in-out;
  515. -o-transition: all 0.6s ease-in-out;
  516. -ms-transition: all 0.6s ease-in-out;
  517. transition: all 0.6s ease-in-out;
  518. }
  519.  
  520. #post iframe {
  521. max-width:250px;
  522. }
  523.  
  524. iframe {
  525. min-height:255px;
  526. }
  527.  
  528. .photoset iframe {
  529. min-height:auto;
  530. }
  531.  
  532. .html_photoset {
  533. {block:ifgrayscale}
  534. -webkit-filter: grayscale(100%);
  535. {/block:ifgrayscale}
  536. -webkit-transition: all 0.6s ease-in-out;
  537. -moz-transition: all 0.6s ease-in-out;
  538. -o-transition: all 0.6s ease-in-out;
  539. -ms-transition: all 0.6s ease-in-out;
  540. transition: all 0.6s ease-in-out;
  541. }
  542.  
  543. .html_photoset:hover {
  544. {block:ifgrayscale}
  545. -webkit-filter: grayscale(0%);
  546. {/block:ifgrayscale}
  547. -webkit-transition: all 0.6s ease-in-out;
  548. -moz-transition: all 0.6s ease-in-out;
  549. -o-transition: all 0.6s ease-in-out;
  550. -ms-transition: all 0.6s ease-in-out;
  551. transition: all 0.6s ease-in-out;
  552. }
  553.  
  554. .caption {
  555. padding:15px;
  556. padding-top:5px;
  557. padding-bottom:8px;
  558. }
  559.  
  560. ul {
  561. margin-left:-10px;
  562. text-align:left;
  563. }
  564.  
  565. li {
  566. padding-left: 0px;
  567. }
  568.  
  569. ul li {
  570. width:95%;
  571. text-align:justify;
  572. }
  573.  
  574. /* chat posts */
  575.  
  576. .answer span,.convo li{
  577. margin:0 0 5px;
  578. border-radius:0px;
  579. padding:5px;
  580. padding-left:0px;
  581. padding-right:0px;
  582. max-width:100%;
  583. clear:both;
  584. position:relative;
  585. line-height:200%;
  586. }
  587.  
  588. .convo strong {
  589. color:{color:bold};
  590. }
  591.  
  592. .convo b {
  593. color:{color:bold};
  594. }
  595.  
  596. .convo li:before {
  597. content:'';
  598. }
  599.  
  600. .label {
  601. font-size:8px;
  602. letter-spacing:1px;
  603. font-weight:600;
  604. text-transform:uppercase;
  605. color:{color:text};
  606. margin-right:2px;
  607. margin-left:-5px;
  608. }
  609.  
  610. .footerright .viasrc {
  611. float: left;
  612. }
  613. .asked a {
  614. margin:0;padding:0;
  615. }
  616.  
  617. .user_4{
  618. background:{color:container right};
  619. color:{color:text};
  620. padding:10px;
  621. line-height:100%;
  622. }
  623.  
  624. .user_4::after{
  625. border-color:{color:borders};
  626. padding:10px;
  627. }
  628.  
  629. .user_3{
  630. background:{color:container right};
  631. padding:10px;
  632. color:{color:text};
  633. line-height:100%;
  634. }
  635.  
  636. .user_3::after{
  637. border-color:{color:borders};
  638. padding:10px;
  639. }
  640.  
  641. .convo {
  642. overflow: hidden;
  643. list-style-type: none;
  644. padding: 0;
  645. margin:0;
  646. line-height:100%;
  647. }
  648.  
  649. .answer span,.convo li { width:95%; border-radius:0em; clear:both; list-style-type:none; line-height:170%; padding-left:7px; padding-right:7px; text-align:left; }
  650.  
  651. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { background:rgba({RGBcolor:container right}, 0.2); border-radius:0px; line-height:100%;}
  652. .answer .them,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { background:rgba({RGBcolor:container right}, 1); border-radius:0px; line-height:100%; }
  653.  
  654. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after,.user_14::after { border-left:.5em solid {color:container right}; }
  655. .convo { overflow:hidden; list-style-type:none; padding:0px; margin-top:-13px; list-style-type:none; margin-bottom:0px; line-height:100%; }
  656.  
  657. /* quotes */
  658.  
  659. .quote {
  660. padding:10px;
  661. text-align:left;
  662. margin-top:-5px;
  663. color:{color:text};
  664. background:rgba({RGBcolor:container right}, 0.5);
  665. margin-left:-15px;
  666. padding:15px;
  667. padding-right:25px;
  668. padding-left:31%;
  669. line-height:160%;
  670. width:157px;
  671. margin-bottom:25px;
  672. border-bottom:3px solid {color:post borders};
  673. }
  674.  
  675. .q {
  676. position:absolute;
  677. margin-left:-35px;
  678. margin-top:5px;
  679. vertical-align:middle;
  680. text-align:center;
  681. font-size:17px;
  682. text-transform:uppercase;
  683. }
  684.  
  685. .source {
  686. margin-top:-10px;
  687. letter-spacing:1px;
  688. opacity:1;
  689. margin-bottom:5px;
  690. text-align:center;
  691. }
  692.  
  693. @font-face { font-family: "hamburg hand"; src: url('https://dl.dropboxusercontent.com/s/56z40obcsbbx6b3/hamburghandmint.otf') ;}
  694. @font-face { font-family: "bodini italic"; src: url('https://dl.dropboxusercontent.com/s/suxwvhmcw7qrtkt/bodinimint.otf') ;}
  695. @font-face { font-family: "bodini regular"; src: url('https://dl.dropboxusercontent.com/s/7r8a4dcat9y8gv9/bodinimintreg.otf') ;}
  696. @font-face { font-family: "blaxie"; src: url('https://dl.dropboxusercontent.com/s/p7qhgn6l4qd8v62/blaxiemint.otf') ;}
  697.  
  698.  
  699. /* sidebar */
  700.  
  701. .sidetitle {
  702. font-family:'roboto';
  703. font-size:18px;
  704. font-weight:600;
  705. {block:ifrainbow}
  706. font-family: 'blaxie';
  707. font-size:23px;
  708. font-weight:300;
  709. word-spacing:-3px;
  710. {/block:ifrainbow}
  711. {block:ifseriftitle}
  712. font-family:'bodini italic';
  713. font-weight:300;
  714. {/block:ifseriftitle}
  715. font-weight:0;
  716. font-style:normal;
  717. line-height:80%;
  718. text-transform:lowercase;
  719. letter-spacing:0px;
  720. margin-top:0px;
  721. width:150px;
  722. letter-spacing:0px;
  723. display:inline;
  724. margin-left:0px;
  725. margin-top:12px;
  726. transform:rotate(0deg);
  727. opacity:1;
  728. position:absolute;
  729. border-radius:15px;
  730. color:{color:title color};
  731. background:rgba({RGBcolor:post background}, 0);
  732. border:0px solid rgba({RGBcolor:container right}, 0);
  733. text-align:left;
  734. z-index:1000000000000000000000000000000000000000000000000000;
  735. }
  736.  
  737. .sidetitle span {
  738. margin-left:1px;
  739. }
  740.  
  741. .sidetitle .red {
  742. color:{color:title color one};
  743. }
  744.  
  745. .sidetitle .yellow {
  746. color:{color:title color two};
  747. }
  748.  
  749. .sidetitle .green {
  750. color:{color:title color three};
  751. }
  752.  
  753. .sidetitle .blue {
  754. color:{color:title color four};
  755. }
  756.  
  757. .sidetitle a {
  758. box-shadow: 0 -25px rgba({RGBcolor:post background}, 0) inset;
  759. display:inline;
  760. }
  761.  
  762. .sideways {
  763. position:fixed;
  764. transform:rotate(90deg);
  765. font-size:8px;
  766. width:500px;
  767. margin-left:370px;
  768. margin-top:340px;
  769. letter-spacing:2px;
  770. opacity:0.4;
  771. }
  772.  
  773. .pagination {
  774. text-align:center;
  775. line-height:100%;
  776. color:{color:text};
  777. font-family:montserrat;
  778. text-transform:uppercase;
  779. font-size:6px;
  780. border:0px solid {color:text};
  781. letter-spacing:2px;
  782. z-index:9999999999999999999999999999999999999999;
  783. font-weight:600;
  784. transform:rotate(0deg);
  785. opacity:0.8;
  786. width:230px;
  787. margin-bottom:20px;
  788. line-height:100%;
  789. }
  790.  
  791. .pagination span {
  792. font-size:9px;
  793. line-height:100%;
  794. }
  795.  
  796. .pagination:hover {
  797. -webkit-transition: all 0.2s ease-in-out;
  798. -moz-transition: all 0.2s ease-in-out;
  799. -o-transition: all 0.2s ease-in-out;
  800. -ms-transition: all 0.2s ease-in-out;
  801. transition: all 0.2s ease-in-out;
  802. }
  803.  
  804. .pagination a {
  805. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  806. }
  807.  
  808. .sidebar {
  809. position:fixed;
  810. width:500px;
  811. height:360px;
  812. border-radius:0px;
  813. margin-top:0px;
  814. margin-left:0px;
  815. background:url('{image:sidebar bg}');
  816. {block:ifGrayscale}
  817. -webkit-filter: grayscale(100%);
  818. {/block:ifGrayscale}
  819. z-index:-1;
  820. }
  821.  
  822. .sidebar2 {
  823. position:fixed;
  824. background:{color:post background};
  825. width:160px;
  826. height:300px;
  827. border-radius:15px;
  828. margin-top:90px;
  829. margin-left:-70px;
  830. border:1px solid {color:borders};
  831. z-index:100000000000000000000000;
  832. box-align:center;
  833. display:none;
  834. }
  835.  
  836. .sidebar2 .image img {
  837. box-align:center;
  838. width:140px;
  839. height:280px;
  840. margin-top:10px;
  841. margin-left:10px;
  842. border-radius:0px;
  843. }
  844.  
  845. #boxy {
  846. margin-left:50px;
  847. margin-top:-10px;
  848. background-position:center;
  849. padding:0px;
  850. width:505px;
  851. height:360px;
  852. border-radius:0px;
  853. background:{color:inner container};
  854. z-index:0;
  855. }
  856.  
  857. .blob {
  858. position:fixed;
  859. margin-top:92px;
  860. margin-left:75px;
  861. fill:transparent;
  862. stroke:rgba({RGBcolor:blob strokes}, 1);
  863. z-index:0;
  864. width:150px;
  865. height:400px;
  866. transform:rotate(150deg);
  867. overflow:hidden;
  868. }
  869.  
  870. .blob2 {
  871. z-index:1;
  872. transform:rotate(199deg);
  873. fill:transparent;
  874. stroke:rgba({RGBcolor:blob strokes}, 1);
  875. z-index:1;
  876. width:400px;
  877. height:300px;
  878. margin-top:58px;
  879. margin-left:410px;
  880. overflow:hidden;
  881. }
  882.  
  883. .blob3 {
  884. z-index:1;
  885. transform:rotate(180deg);
  886. fill:transparent;
  887. stroke:rgba({RGBcolor:blob strokes}, 1);
  888. z-index:1;
  889. width:400px;
  890. height:500px;
  891. margin-top:-40px;
  892. margin-left:550px;
  893. }
  894.  
  895. .png {
  896. position:fixed;
  897. margin-top:100px;
  898. margin-left:-130px;
  899. width:245px;
  900. height:400px;
  901. z-index:1;
  902. display:none;
  903. }
  904.  
  905. .icon {
  906. pointer-events:none;
  907. position:absolute;
  908. z-index:10;
  909. z-index:10000;
  910. border-radius:0%;
  911. {block:ifGrayscale}
  912. -webkit-filter: grayscale(0%);
  913. {/block:ifGrayscale}
  914. margin-top:-360px;
  915. margin-left:-40px;
  916. width:100px;
  917. height:100px;
  918. border-radius:10%;
  919. }
  920.  
  921. .icon img {
  922. width:50px;
  923. height:50px;
  924. border-radius:10%;
  925. border:1px solid rgba({RGBcolor:container left}, 0.9);
  926. -webkit-filter: grayscale(100%);
  927. {block:ifGrayscale}
  928. -webkit-filter: grayscale(100%);
  929. {/block:ifGrayscale}
  930. {block:ifcircleicon}
  931. border:0px solid rgba({RGBcolor:inner container}, 0.9);
  932. border-radius:100%;
  933. {/block:ifcircleicon}
  934. }
  935.  
  936. .sidebox {
  937. position:absolute;
  938. width:395px;
  939. height:293px;
  940. z-index:1;
  941. }
  942.  
  943. .desc {
  944. margin-top:-333px;
  945. margin-left:40px;
  946. width:100px;
  947. position:absolute;
  948. max-height:100px;
  949. overflow:scroll;
  950. border:0px solid {color:borders};
  951. transform:rotate(0deg);
  952. font-family:{select:font family};
  953. font-size:{select:font size}px;
  954. border-radius:10px;
  955. text-align:left;
  956. line-height:230%;
  957. text-transform:lowercase;
  958. padding:10px;
  959. position:absolute;
  960. transform:rotate(0deg);
  961. color:{color:text};
  962. z-index:1;
  963. opacity:1;
  964. background:rgba({RGBcolor:post background}, 0);
  965. }
  966.  
  967. .desc img {
  968. float:left;
  969. border-radius:100%;
  970. margin-right:10px;
  971. }
  972.  
  973. .nav {
  974. font-family: 'Barlow Condensed', sans-serif;
  975. position:absolute;
  976. font-size:11px;
  977. margin-top:220px;
  978. text-transform:lowercase;
  979. margin-left:78px;
  980. letter-spacing:1px;
  981. font-weight:700;
  982. z-index:1000000000000000000000;
  983. }
  984.  
  985. .nav a {
  986. display:block;
  987. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  988. color:{color:text};
  989. line-height:100%;
  990. margin-bottom:19px;
  991. }
  992.  
  993. /* post info */
  994.  
  995. #info {
  996. margin-top:0px;
  997. padding:0px;
  998. padding-bottom:0px;
  999. text-align:left;
  1000. text-transform:uppercase;
  1001. font-size:8px;
  1002. letter-spacing:2px;
  1003. font-weight:normal;
  1004. padding:0px;
  1005. border-bottom:1px solid {color:post borders};
  1006. margin-top:0px;
  1007. background:{color:info bg};
  1008. padding:18px;
  1009. padding-top:20px;
  1010. padding-left:15px;
  1011. padding-right:15px;
  1012. margin-left:0px;
  1013. margin-top:0px;
  1014. border-top-left-radius:15px;
  1015. border-top-right-radius:15px;
  1016. margin-bottom:0px;
  1017. color:{color:info text};
  1018. font-family:montserrat;
  1019. font-size:7px;
  1020. }
  1021.  
  1022. #info a{
  1023. border-bottom:0px solid {color:borders};
  1024. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1025. color:{color:info text};
  1026. {block:ifrainbow}
  1027. background: -webkit-linear-gradient(180deg, {color:title color one}, {color:title color two}, {color:title color three}, {color:title color four}); background-size:100%;
  1028. -webkit-background-clip: text;
  1029. -webkit-text-fill-color: transparent;
  1030. {/block:ifrainbow}
  1031. }
  1032.  
  1033. #info span {
  1034. font-size:4px;
  1035. }
  1036.  
  1037. #info cute {
  1038. border:1px solid {color:borders};
  1039. padding:6px;
  1040. border-radius:5px;
  1041. }
  1042.  
  1043. .dt {
  1044. display:inline;
  1045. letter-spacing:2px;
  1046. color:{color:text};
  1047. margin-top:0px;
  1048. float:right;
  1049. font-size:6px;
  1050. opacity:0.9;
  1051. margin-left:-5px;
  1052. }
  1053.  
  1054. .dt a {
  1055. color:{color:text};
  1056. opacity:0.8;
  1057. font-size:6px;
  1058. }
  1059.  
  1060. .tags {
  1061. text-align:justify;
  1062. letter-spacing:0px;
  1063. font-size:{select:font size}px;
  1064. font-style:normal;
  1065. letter-spacing:1px;
  1066. line-height:200%;
  1067. display:block;
  1068. text-transform:none;
  1069. border-top:1px solid {color:post borders};
  1070. width:220px;
  1071. padding:12px;
  1072. padding-top:12px;
  1073. padding-left:15px;
  1074. padding-right:15px;
  1075. padding-bottom:14px;
  1076. margin-top:0px;
  1077. margin-bottom:0px;
  1078. margin-left:0px;
  1079. border-bottom-left-radius:15px;
  1080. border-bottom-right-radius:15px;
  1081. background:{color:info bg};
  1082. }
  1083.  
  1084. .tags a {
  1085. margin:0px 0px 0px 0px;
  1086. font-weight:normal;
  1087. margin-right:4px;
  1088. border-top:0px solid {color:borders};
  1089. padding-top:3px;
  1090. color:{color:text};
  1091. border-bottom:0px solid {color:borders};
  1092. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1093. font-size:{select:font size}px;
  1094. {block:ifrainbow}
  1095. background: -webkit-linear-gradient(180deg, {color:title color one}, {color:title color two}, {color:title color three}, {color:title color four}); background-size:100%;
  1096. -webkit-background-clip: text;
  1097. -webkit-text-fill-color: transparent;
  1098. {/block:ifrainbow}
  1099. }
  1100.  
  1101. .tags a:hover {
  1102. color:{color:link hover};
  1103. {block:ifrainbow}
  1104. background: -webkit-linear-gradient(180deg, {color:title color one}, {color:title color two}, {color:title color three}, {color:title color four}); background-size:100%;
  1105. -webkit-background-clip: text;
  1106. -webkit-text-fill-color: transparent;
  1107. {/block:ifrainbow}
  1108. color:{color:link hover};
  1109. }
  1110.  
  1111. /* audio */
  1112.  
  1113. .audio {
  1114. padding:5px;
  1115. margin-bottom:-10px;
  1116. margin-top:-5px;
  1117. border-bottom:0px solid {color:borders};
  1118. border-radius:0px;
  1119. padding-bottom:9px;
  1120. padding-left:15%;
  1121. line-height:160%;
  1122. width:212px;
  1123. margin-left:-15px;
  1124. background:rgba({RGBcolor:container right}, 0.5);
  1125. border-bottom:1px solid {color:post borders};
  1126. text-transform:lowercase;
  1127. }
  1128. .audio-album {
  1129. position:absolute;
  1130. width:60px;
  1131. }
  1132.  
  1133. .spotify_audio_player {
  1134. height:80px;
  1135. width:100%;
  1136. }
  1137. .bandcamp_audio_player {
  1138. height:120px;
  1139. width:100%;
  1140. border:0px;
  1141. }
  1142.  
  1143. .player {
  1144. opacity:1;
  1145. opacity:100%;
  1146. border-radius:0px;
  1147. width:33px;
  1148. height:27px;
  1149. overflow:hidden;
  1150. position:absolute;
  1151. z-index:2;
  1152. margin-left:40px;
  1153. margin-top:17px;
  1154. border-radius:5px;
  1155. position:absolute;
  1156. margin-left:0px;
  1157. vertical-align:middle;
  1158. }
  1159.  
  1160. .audio-info {
  1161. margin-top:2px;
  1162. position:relative;
  1163. margin-left:60px;
  1164. padding:12px;
  1165. padding-top:14px;
  1166. text-transform:lowercase;
  1167. text-align:left;
  1168. padding-left
  1169. line-height:150%;
  1170. color:{color:text};
  1171. font-size:{select:font size}px;
  1172. text-transform:lowercase;
  1173. white-space: nowrap;
  1174. overflow: hidden;
  1175. text-overflow: ellipsis;
  1176. max-width: 120px;
  1177. }
  1178.  
  1179. .audio-info b {
  1180. color:{color:bold};
  1181. }
  1182.  
  1183. .audio-info tn {
  1184. text-transform:none;
  1185. }
  1186.  
  1187. .audio-info ta {
  1188. text-transform:lowercase;
  1189. font-style:italic;
  1190. }
  1191.  
  1192. /* asks */
  1193.  
  1194. #question { margin-top:0px; padding:15px; padding-bottom:10px; text-align:justify; border-radius:0px; border-bottom:1px solid {color:post borders}; border-top:0px solid {color:post borders}; background:rgba({RGBcolor:container right}, 0.5); margin-top:-5px; margin-left:-15px; width:220px; line-height:200%; }
  1195. .asker { font-size:14px; color:{color:link}; padding-right:0px; letter-spacing:1px; border-radius:0px; font-family:{select:font family}; font-weight:600; font-size:16px; margin-top:0px; margin-bottom:5px; text-transform:lowercase; {block:ifrainbow} background: -webkit-linear-gradient(180deg, {color:title color one}, {color:title color two}, {color:title color three}, {color:title color four}); background-size:95px;
  1196. -webkit-background-clip: text;
  1197. -webkit-text-fill-color: transparent; {/block:ifrainbow} border-bottom:0px solid {color:borders}; }
  1198. .asker a { color:{color:title color}; border-bottom:0px solid {color:borders}; }
  1199.  
  1200. /* permalink notes */
  1201.  
  1202. .notes { text-align:left; margin-top:0px; }
  1203. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  1204. ol.notes, .notes li { width:250px; {block:if400px} width:400px; {/block:if400px} list-style:none; margin:3px; margin-left:8px; padding:0px; }
  1205. .notes li a { font-weight:bold; color:{color:link}; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  1206. .notes li {
  1207. margin-left:-15px;
  1208. }
  1209. .notes li:before { content:''; }
  1210.  
  1211. /* tooltip */
  1212.  
  1213. #s-m-t-tooltip {
  1214. border:1px solid #eee;
  1215. background:rgba( 248,248,248, 1 );
  1216. font-size:7px;
  1217. text-transform:uppercase;
  1218. letter-spacing:2px;
  1219. color:#525252;
  1220. line-height:100%;
  1221. border-radius:3px;
  1222. margin:15px;
  1223. padding:4px;
  1224. padding-left:5px;
  1225. padding-right:5px;
  1226. z-index:9999999999999999999999999999999999999;
  1227. }
  1228.  
  1229. ::selection {
  1230. background: {color:text selection}; /* WebKit/Blink Browsers */
  1231. }
  1232. ::-moz-selection {
  1233. background: {color:text selection}; /* Gecko Browsers */
  1234. }
  1235.  
  1236. /* credit. please don't edit this */
  1237.  
  1238. .mint {
  1239. position:fixed;
  1240. text-transform:uppercase;
  1241. padding-left:4px;
  1242. padding-right:2px;
  1243. padding-top:6px;
  1244. padding-bottom:0px;
  1245. text-align:center;
  1246. line-height:100%;
  1247. bottom:15px;
  1248. right:18px;
  1249. text-align:right;
  1250. color:{color:text};
  1251. line-height:100%;
  1252. letter-spacing:1px;
  1253. border-radius:100%;
  1254. border-bottom:0px solid {color:borders};
  1255. border-radius:4px;
  1256. font-size:20px;
  1257. }
  1258.  
  1259. .mint a {
  1260. font-weight:300;
  1261. background:transparent;
  1262. border-radius:4px;
  1263. line-height:100%;
  1264. padding-left:6px;
  1265. padding-right:6px;
  1266. padding-bottom:1px;
  1267. padding-top:6px;
  1268. border-bottom:0px solid;
  1269. }
  1270.  
  1271. .mint .minttext {
  1272. visibility: hidden;
  1273. width: 95px;
  1274. background:{color:post background};
  1275. color:{color:text};
  1276. border-bottom:0px solid rgba({RGBcolor:borders}, 0.3);
  1277. text-align: center;
  1278. border-radius: 5px;
  1279. padding: 5px;
  1280. padding-left:7px;
  1281. padding-right:7px;
  1282. font-size:9px;
  1283. text-transform:lowercase;
  1284. position: absolute;
  1285. z-index: 1;
  1286. right:40px;
  1287. bottom:-2px;
  1288. font-family:montserrat;
  1289. font-size:7px;
  1290. letter-spacing:2px;
  1291. text-transform:uppercase;
  1292.  
  1293. /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  1294. opacity: 0;
  1295. transition: opacity 2s;
  1296. }
  1297.  
  1298. .mint:hover .minttext {
  1299. visibility: visible;
  1300. opacity: 1;
  1301. }
  1302.  
  1303. .scr a {
  1304. font-size:6.5px;
  1305. }
  1306.  
  1307. {CustomCSS}
  1308.  
  1309. </style>
  1310. </head>
  1311. <body>
  1312.  
  1313. {block:ifstats}
  1314.  
  1315. <div style="position:fixed; top:10px; left:5px; padding:0px; border-radius:0px; padding-left:8px; padding-right:6px; text-transform:lowercase; font-size:9px; letter-spacing:1px; font-family:{select:font family}; padding-bottom:3px; line-height:250%;">
  1316.  
  1317. <div style="padding:2px; padding-left:14px; padding-right:14px; background:{color:bottom bg}; background:{color:bottom bg}; border-top-left-radius:5px; border-top-right-radius:5px;">
  1318.  
  1319. <span class="iconify" data-icon="carbon:star-filled" style="font-size:9px; margin-right:3px; font-weight:bold; {block:ifrainbow} color:{color:title color four}; {/block:ifrainbow}"></span>&nbsp;<span style="box-shadow: 0 -5px rgba({RGBcolor:bottom bg}, 0) inset;">{text:stats title}</span>
  1320.  
  1321. </div>
  1322.  
  1323. <div class="scr" style="background:{color:post background}; font-size:7px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:0px solid {color:borders};">
  1324.  
  1325. <center>
  1326.  
  1327. <!-- updates content -->
  1328.  
  1329. 4 / 460382
  1330.  
  1331. <!-- updates content -->
  1332.  
  1333. </center>
  1334.  
  1335. </div>
  1336.  
  1337. {/block:ifstats}
  1338.  
  1339. </div>
  1340.  
  1341. </div>
  1342.  
  1343. <div style="width:1600px; margin-left:-500px; position:fixed; bottom:-90px; width:1740px; height:320px; transform:rotate(-3deg); background:{color:bottom bg}; background-image:url(''); border-top:0px solid {color:bottom bg border};">
  1344. </div>
  1345.  
  1346. <div id="TabzOne" class="tabzcon alytut" style="display:block; height:325px; z-index:1;">
  1347.  
  1348. {block:Posts}
  1349.  
  1350. <!-- {block:NoRebloggedFrom}
  1351. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1352. {/block:NoRebloggedFrom} -->
  1353. {block:ContentSource}<!-- {SourceURL}
  1354. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1355. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1356. {/block:ContentSource}
  1357.  
  1358. <div id="post">
  1359.  
  1360. {block:Date}
  1361.  
  1362. <div id="info">
  1363.  
  1364. <a href="{Permalink}" title="{TimeAgo}"><cute>{ShortMonth} {DayOfMonth}{DayofMonthSuffix}</cute> &nbsp;@ {12HourWithZero}:{Minutes}{CapitalAmPm}</a>{block:PermalinkPage}{block:rebloggedfrom}<a href="{reblogparenturl}" title="reblogged from"> <i class="far fa-bookmark" style="font-size:7px;"></i></a>{/block:rebloggedfrom}{block:contentsource} <a href="{sourceurl}" title="original post" target=blank> <span class="lnr lnr-link" style="font-size:7px; font-weight:bold;"></span></a>{/block:contentsource} </span>{/block:PermalinkPage}
  1365.  
  1366. <div class="dt">
  1367. <a href="{Permalink}" title="{NoteCountWithLabel}"><span class="iconify" data-icon="entypo:circle" data-inline="false"></span></a> <a href="{ReblogURL}" title="reblog" target="_blank" class="details" style="margin-left:2px;"><span class="iconify" data-icon="entypo:circle" data-inline="false"></span></a>
  1368. </div>
  1369.  
  1370. </div>
  1371. {/block:Date}
  1372.  
  1373. {block:Text}
  1374. <div class="caption">
  1375. {block:Title}<h1>{Title}</h1>{/block:Title}
  1376. {Body}</div>{/block:Text}
  1377.  
  1378. {block:Photo}
  1379. <div class="media"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/ style="max-width:250px;"> </div>
  1380.  
  1381. {block:Caption}
  1382. <div class="caption">{Caption}</div>
  1383. {/block:Caption}
  1384. {/block:Photo}
  1385.  
  1386. {block:Photoset}
  1387. {Photoset-500}
  1388. {block:Caption}
  1389. <div class="caption">
  1390. {Caption}
  1391. </div>
  1392. {/block:Caption}
  1393. {/block:Photoset}
  1394.  
  1395. {block:Quote}
  1396. <div class="caption">
  1397. <div class="quote">
  1398. <div class="q">q.</div>
  1399. {Quote} </div><div class="source">— {block:Source}{Source}{/block:Source}</div>
  1400. </div>
  1401. {/block:Quote}
  1402.  
  1403. {block:Link}
  1404. <div class="caption">
  1405. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  1406. </div>
  1407. {/block:Link}
  1408.  
  1409. {block:Chat}
  1410.  
  1411. <div class="caption" style="margin-top:0px;">
  1412. {block:Title}<h2>{Title}</h2>{/block:Title}<br>
  1413. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1414. {Line}</li>{/block:Lines}</ul>
  1415. </div>
  1416.  
  1417. {/block:Chat}
  1418.  
  1419. {block:Audio}
  1420.  
  1421. <div class="caption">
  1422. <div class="audio"><div class="audio-player">{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}</div><div class="audio-info">{block:TrackName}<tn title="{TrackName}">{TrackName}</tn><br>{/block:TrackName}{block:Artist}<ta title="{Artist}">{Artist}</ta>{/block:Artist}</div></div>{block:Caption}<div class="caption" style="padding-top:20px; padding-bottom:5px;">{Caption}</div>{/block:Caption}
  1423. </div>
  1424. {/block:Audio}
  1425.  
  1426. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1427.  
  1428. {block:Answer}
  1429. <div class="caption" style="padding-bottom:0px;">
  1430. <div id="question"><div class="asker"><a>{Asker}.</a></div>{Question}</div>
  1431. {Answer}
  1432. </div>
  1433. {/block:Answer}
  1434.  
  1435. <div style="padding-top:2px;">{block:HasTags}<div class="tags">
  1436.  
  1437. <span class="iconify" data-icon="ant-design:tag-outlined" style="margin-top:2px; font-weight:600; margin-right:3px; opacity:0.9;"></span>
  1438.  
  1439. {block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</span></div>
  1440. </div>
  1441.  
  1442. {block:PermalinkPage}
  1443. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  1444. {/block:PermalinkPage}
  1445.  
  1446. {/block:Posts}
  1447.  
  1448. <div class="pagination">
  1449. {block:PreviousPage}
  1450. <a href="{PreviousPage}">prev</a> /
  1451. {/block:PreviousPage}
  1452. {block:NextPage}
  1453. <a href="{NextPage}">
  1454. next <span class="iconify" data-icon="bx:bx-chevron-right" data-inline="false"></span>
  1455. </a>
  1456. {/block:NextPage}
  1457. </div>
  1458.  
  1459. </div>
  1460.  
  1461.  
  1462. <!--
  1463.  
  1464. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  1465.  
  1466. <!-- < tabs content >
  1467. -->
  1468.  
  1469.  
  1470. <div id="TabzTwo" class="tabzcon alytut" style="display:none; padding: 15px; padding-top: 0px; width: 270px; border-radius: 15px; height:320px; z-index:1; margin-left:245px; border:0px solid {color:borders};
  1471. animation: animationFrames ease-in-out 1s;
  1472. animation-iteration-count: 1;
  1473. transform-origin: 50% 50%;
  1474. -webkit-animation: animationFrames ease-in-out 1s;
  1475. -webkit-animation-iteration-count: 1;
  1476. -webkit-transform-origin: 50% 50%;
  1477. -moz-animation: animationFrames ease-in-out 1s;
  1478. -moz-animation-iteration-count: 1;
  1479. -moz-transform-origin: 50% 50%;
  1480. -o-animation: animationFrames ease-in-out 1s;
  1481. -o-animation-iteration-count: 1;
  1482. -o-transform-origin: 50% 50%;
  1483. -ms-animation: animationFrames ease-in-out 1s;
  1484. -ms-animation-iteration-count: 1;
  1485. -ms-transform-origin: 50% 50%; border-radius:0px; margin-top:150px;">
  1486.  
  1487. <div id="post">
  1488. <div class="caption">
  1489.  
  1490. <div style="margin-top:5px; margin-left:-55px; position:fixed;">
  1491. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzOne');" style="margin-left:270px;"><i class="fas fa-times" style="opacity:0.2;"></i></a>
  1492. </div>
  1493.  
  1494. <h1 style="text-align:left; padding-left:7px; padding-top:7px; padding-right:10px; margin-bottom:10px;">faq.</h1>
  1495.  
  1496. <blockquote><strong style="font-size: 14px;">Q.</strong> can you replace [tab] with a link?</blockquote>
  1497.  
  1498. <p>please check <a href="https://mintrps.tumblr.com/linkver.">this page</a> first. if the code isn&rsquo;t there yet, feel free to message me and i&rsquo;ll add it.</p>
  1499.  
  1500. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;can you make [theme] 400/500px?</blockquote>
  1501.  
  1502. <p>i don&rsquo;t work well with 500px, but if i haven&rsquo;t yet i will def release a 400px version for you, just shoot me a message.</p>
  1503. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;can i use [tab] on another theme?</blockquote>
  1504.  
  1505. <p>if both themes were made by me and as long as you&rsquo;re not taking bits of a paid theme without having purchased it, yes. if you&rsquo;re using someone else&rsquo;s theme, i would rather you didn&rsquo;t.</p>
  1506.  
  1507. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;my askbox gets cut off in [theme].</blockquote>
  1508.  
  1509. <p>this took me months of frustration and pure agony to figure out and the fact it has such an easy solution makes me want to bawl. locate &lsquo;iframe {&rsquo; in the code and replace everything between the braces with this:&nbsp;<strong>min-height:255px;</strong></p>
  1510.  
  1511. <blockquote><strong>Q.</strong>&nbsp;specific question about [theme] (eg. page backgrounds in big boy):</blockquote>
  1512.  
  1513. <p>each theme has its own tag (corresponding to the theme number, eg. question tag for <strong>break your rules</strong> is '<a href="https://mintrps.tumblr.com/tagged/theme-17">theme 17</a>'), please make sure you look through it before sending in your question. if nothing in there is helpful, go ahead and message me.</p>
  1514.  
  1515. <blockquote><strong style="font-size: 14px;">Q.</strong> i am a mac user and the code i purchased from your payhip shop isn&rsquo;t working for me.</blockquote>
  1516.  
  1517. <p>make sure you&rsquo;re using the pdf version provided in the payhip download. in case that still doesn&rsquo;t work, message me and i&rsquo;ll give you a pastebin link so you can manually save the code. please note that, for safety purposes, the paste will expire in 24 hours, so be sure to save it as soon as the link is sent to you.</p>
  1518.  
  1519. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;can i use a section of your current code in another theme [post &amp; info styling, fonts, etc]?</blockquote>
  1520.  
  1521. <p>you can&rsquo;t. until i release it, the code was made for personal use. copying from an unreleased theme is still stealing.</p>
  1522.  
  1523. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;what&rsquo;s the status of your requests?</blockquote>
  1524.  
  1525. <p>dash icons:&nbsp;<strong>open </strong>(check&nbsp;<a href="/styles.">styles</a>) /&nbsp;gif icons:&nbsp;<strong>closed </strong>but taking suggestions.</p>
  1526.  
  1527. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%" style="background-color: transparent; overflow:visible; height:auto;"> </iframe></div>
  1528. </div>
  1529. </div>
  1530.  
  1531. </div>
  1532.  
  1533.  
  1534. <div id="TabzThree" class="tabzcon alytut" style="display:none; overflow:scroll; animation: animationFrames ease
  1535. in-out 1s;
  1536. animation-iteration-count: 1;
  1537. transform-origin: 50% 50%;
  1538. -webkit-animation: animationFrames ease-in-out 1s;
  1539. -webkit-animation-iteration-count: 1;
  1540. -webkit-transform-origin: 50% 50%;
  1541. -moz-animation: animationFrames ease-in-out 1s;
  1542. -moz-animation-iteration-count: 1;
  1543. -moz-transform-origin: 50% 50%;
  1544. -o-animation: animationFrames ease-in-out 1s;
  1545. -o-animation-iteration-count: 1;
  1546. -o-transform-origin: 50% 50%;
  1547. -ms-animation: animationFrames ease-in-out 1s;
  1548. -ms-animation-iteration-count: 1;
  1549. -ms-transform-origin: 50% 50%; height:425px; z-index:10;">
  1550.  
  1551. <div style="margin-top:10px; margin-left:-5px; position:fixed;">
  1552. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzOne');" style="margin-left:270px;"><i class="fas fa-times" style="opacity:0.2;"></i></a>
  1553. </div>
  1554.  
  1555.  
  1556. <div id="post" style="height:500px; background:transparent; z-index:-1;">
  1557. <div class="caption">
  1558.  
  1559. <div class="navbox">
  1560.  
  1561. <div class="navnav">
  1562. <a href="{text:tab link 1 url}">
  1563. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1564. {text:tab link 1 title}</a>
  1565.  
  1566. <a href="{text:tab link 2 url}">
  1567. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1568. {text:tab link 2 title}</a>
  1569.  
  1570. <a href="{text:tab link 3 url}">
  1571. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1572. {text:tab link 3 title}</a>
  1573.  
  1574. <a href="{text:tab link 4 url}">
  1575. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1576. {text:tab link 4 title}</a>
  1577.  
  1578. <a href="{text:tab link 5 url}">
  1579. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1580. {text:tab link 5 title}</a>
  1581. </div>
  1582.  
  1583. </div>
  1584.  
  1585. <div class="navgrid">
  1586.  
  1587. <svg width="211px" height="241px" xmlns="http://www.w3.org/2000/svg">
  1588. <defs>
  1589.  
  1590. <pattern id="grid2" width="30" height="30" patternUnits="userSpaceOnUse">
  1591. <rect width="30" height="30" fill="url(#smallGrid)"/>
  1592. <path d="M 100 0 L 0 0 0 100" fill="{color:grid background}" stroke="{color:grid color}" stroke-width="1"/>
  1593. </pattern>
  1594. </defs>
  1595. <rect width="100%" height="100%" fill="url(#grid2)" />
  1596. </svg>
  1597.  
  1598. </div>
  1599.  
  1600. <div class="navtitle">
  1601. {text:navigation title}
  1602. </div>
  1603.  
  1604. <div class="navimage">
  1605. </div>
  1606.  
  1607. <div class="navstats">
  1608. <b>name.</b> age & timezone.<br>
  1609. <b>update.</b> date & month.<br>
  1610. <b>to do list.</b> ## threads
  1611. </div>
  1612.  
  1613. <div class="navdots">
  1614. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1615. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1616. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1617. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1618. <br>
  1619. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1620. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1621. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1622. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1623. <br>
  1624. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1625. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1626. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1627. <span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span>
  1628. </div>
  1629.  
  1630. <div class="navtoptext">
  1631. {text:navigation top text}
  1632. </div>
  1633.  
  1634. </div>
  1635. </div>
  1636.  
  1637. </div>
  1638.  
  1639.  
  1640. <!--
  1641.  
  1642. < *TABS END >
  1643.  
  1644. -->
  1645.  
  1646. </div>
  1647.  
  1648. <div id="entries2"></div>
  1649.  
  1650. <div id="entries">
  1651.  
  1652. <div class="sideways">
  1653. {text:sideways text}
  1654. </div>
  1655.  
  1656. <div class="nav">
  1657.  
  1658. {block:iffaqtab}
  1659. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');" title="{text:side link 1 title}"><span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span></a>
  1660. {block:iffaqtab}
  1661.  
  1662. {block:ifnotfaqtab}
  1663. <a href="/" title="{text:side link 1 title}"><span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span></a>
  1664. {/block:ifnotfaqtab}
  1665.  
  1666. {block:iffaqtab}
  1667. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');" title="{text:side link 2 title}"><span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span></a>
  1668. {block:iffaqtab}
  1669.  
  1670. {block:ifnotfaqtab}
  1671. <a href="/ask" title="{text:side link 2 title}"><span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span></a>
  1672. {/block:ifnotfaqtab}
  1673.  
  1674. <a href="{text:side link 3 url}" title="{text:side link 3 title}"><span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span></a>
  1675.  
  1676. <a href="{text:side link 4 url}" title="{text:side link 4 title}"><span class="iconify" data-icon="bx:bx-circle" data-inline="false"></span></a>
  1677.  
  1678. </div>
  1679.  
  1680. <div id="boxy">
  1681. <div class="png"><img src="{image:png}"></div>
  1682.  
  1683. <div class="lines">
  1684. <div style="position:fixed; width:345px; height:474px; border-top:10px solid rgba({RGBcolor:borders}, 1); border-radius:15px; border-right:10px solid rgba({RGBcolor:borders}, 0.7); display:none;"></div>
  1685. </div>
  1686.  
  1687. <svg width="211px" height="271px" xmlns="http://www.w3.org/2000/svg" style="position:fixed; margin-top:-60px; margin-left:-65px; border-radius:10px;">
  1688. <defs>
  1689.  
  1690. <pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse">
  1691. <rect width="30" height="30" fill="url(#smallGrid)"/>
  1692. <path d="M 100 0 L 0 0 0 100" fill="{color:grid background}" stroke="{color:grid color}" stroke-width="1"/>
  1693. </pattern>
  1694. </defs>
  1695. <rect width="100%" height="100%" fill="url(#grid)" />
  1696. </svg>
  1697.  
  1698. <div class="sidetitle">
  1699.  
  1700. {block:ifrainbow}
  1701. <!-- rainbow title. class names correspond to title colors, red yellow blue & green by default. class names won't change but colors themselves are editable via customize tab. to add a space, use ' &nbsp; ' -->
  1702.  
  1703. <span class="red">b</span>
  1704. <span class="yellow">o</span>
  1705. <span class="blue">y</span>
  1706. <span class="green">z</span>
  1707.  
  1708. <!-- rainbow title. class names correspond to title colors, red yellow blue & green by default. class names won't change but colors themselves are editable via customize tab. to add a space, use ' &nbsp; ' -->
  1709. {/block:ifrainbow}
  1710.  
  1711. {block:ifnotrainbow}
  1712. {text:sidebar title}
  1713. {/block:ifnotrainbow}
  1714. </div>
  1715.  
  1716. <div class="sidebar">
  1717. </div>
  1718.  
  1719. <div class="sidebar2">
  1720.  
  1721. <div class="image">
  1722. <img src="https://placehold.it/180x180x">
  1723. </div>
  1724.  
  1725. <div class="bottom"></div>
  1726.  
  1727. </div>
  1728.  
  1729. </div>
  1730.  
  1731. <div id="sideimg"></div>
  1732.  
  1733. {block:ifrainbow}
  1734.  
  1735. <img src="https://66.media.tumblr.com/b9272795eb4c838d7adff7f8a20a2beb/c409bcbffb1b4021-f4/s75x75_c1/8f9f06cda6e98ccf8aff790d934daadb953a708c.png" style="position:fixed; margin-top:-100px; margin-left:550px; pointer-events:none;">
  1736.  
  1737. <img src="https://66.media.tumblr.com/382d129c2203b51c49adc9d28b3dc970/c409bcbffb1b4021-0f/s75x75_c1/05091c6fe8101eefa57e4fd5c152c38157976152.png" style="position:fixed; margin-top:-380px; margin-left:185px; transform:rotate(-10deg); pointer-events:none;">
  1738.  
  1739. <img src="https://66.media.tumblr.com/109713e049f2422ea3f40b157408c1ee/c409bcbffb1b4021-f7/s75x75_c1/0046aecba9038fc66f75cb0f7a32822e892f7e16.png" style="position:fixed; margin-top:-260px; margin-left:175px; transform:rotate(-10deg); pointer-events:none;">
  1740.  
  1741. <img src="https://66.media.tumblr.com/ec1441da05d03630836d8dc724ebd981/c409bcbffb1b4021-4e/s75x75_c1/150754dc683de80b37ff6c579fb3968f8c7750d8.png" style="position:fixed; margin-top:-260px; margin-left:-25px; transform:rotate(-10deg); pointer-events:none;">
  1742.  
  1743. <img src="https://66.media.tumblr.com/7710a2713cf7f8ffed64c9c9cf30110f/c409bcbffb1b4021-3c/s75x75_c1/8fb93387e8ddc90ee27e9c77c89c400a3008c0b0.png" style="position:fixed; margin-top:-300px; margin-left:550px; transform:rotate(-10deg); pointer-events:none;">
  1744.  
  1745. <img src="https://66.media.tumblr.com/ff9615fd4bd15477816544eab2b28c08/ec836a612439bcd9-83/s100x200/cde26df8a655df1408ccc915ac6a9db0803acd9c.png" style="position:fixed; margin-top:-290px; margin-left:550px; transform:rotate(-10deg); pointer-events:none;">
  1746.  
  1747. <img src="https://66.media.tumblr.com/9133426b341d054e7203942e4b9582dc/ec836a612439bcd9-bd/s100x200/6e93c8182d79dabf3b5872ddc15b59d107f233c5.png" style="position:fixed; margin-top:-70px; margin-left:-5px; transform:rotate(40deg); pointer-events:none;">
  1748.  
  1749. <img src="https://66.media.tumblr.com/a437e6f10c842d898145aa89852812c6/24fb6640ae0bfa2a-0f/s75x75_c1/c410313b4b779c9304d8f5262fb7da362a6d6393.png" style="position:fixed; margin-top:-20px; margin-left:150px; transform:rotate(40deg); pointer-events:none;">
  1750.  
  1751. {/block:ifrainbow}
  1752.  
  1753. <div class="icon">
  1754. <img src="{image:icon}">
  1755. </div>
  1756.  
  1757. <div class="desc">
  1758. {text:description}
  1759. </div>
  1760.  
  1761. </div>
  1762. </div></div>
  1763.  
  1764. <div id="container">
  1765.  
  1766. {/block:Posts}
  1767.  
  1768.  
  1769. </div>
  1770.  
  1771.  
  1772. </div></div>
  1773. </div>
  1774.  
  1775. </div>
  1776.  
  1777. </ul>
  1778. </div></div>
  1779.  
  1780. <!-- credit. please don't edit this -->
  1781.  
  1782. <div class="mint">
  1783. <a href="https://mintrps.tumblr.com">
  1784. <span class="iconify" data-icon="carbon:bee" data-inline="false"></span>
  1785. </a>
  1786. <span class="minttext">
  1787. theme by mint</span>
  1788. </div>
  1789.  
  1790.  
  1791. <!-- copy up to here to add more muses -->
  1792.  
  1793. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  1794. <script src="https://cdn.jsdelivr.net/npm/circletype@2.2.0/dist/circletype.min.js"></script>
  1795. <script>
  1796. new CircleType(document.getElementById('circle'))
  1797. </script>
  1798.  
  1799. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1800. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1801. <script>
  1802. (function($){
  1803. $(document).ready(
  1804. function() {
  1805. $("a[title]").style_my_tooltips(
  1806. { tip_follows_cursor:true,
  1807. tip_delay_time:80,
  1808. tip_fade_speed:400,
  1809. attribute:"title" });
  1810. }); })(jQuery);
  1811. </script>
  1812.  
  1813. </body>
  1814. </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!