API tools faq
paste
mintrps

not for sale. ♡ ━

mintrps
May 18th, 2021 (edited)
1,346
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.11 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. - body fonts from google fonts
  13. - tabs by valcntines
  14. - animations by animista
  15.  
  16.  
  17.  
  18. -->
  19.  
  20. <link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
  21. <link rel="stylesheet" href="https://use.typekit.net/dmw6unw.css">
  22. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  23. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  24. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  25. <link href="https://fonts.googleapis.com/css?family=Karla&display=swap" rel="stylesheet">
  26. <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700&display=swap" rel="stylesheet">
  27. <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  28. <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">
  29. <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,600&display=swap" rel="stylesheet">
  30. <link rel="preconnect" href="https://fonts.gstatic.com">
  31. <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;1,500&display=swap" rel="stylesheet">
  32. <link href="https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  33. <link href="https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&display=swap" rel="stylesheet">
  34. <link href='https://fonts.googleapis.com/css?family=Libre+Franklin:200,200italic,400,400italic,600,600italic' rel='stylesheet' type='text/css'>
  35. <link rel="preconnect" href="https://fonts.gstatic.com">
  36. <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  37. <link rel="preconnect" href="https://fonts.gstatic.com">
  38. <link href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@500&display=swap" rel="stylesheet">
  39. <link rel="preconnect" href="https://fonts.gstatic.com">
  40. <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
  41. <link rel="preconnect" href="https://fonts.gstatic.com">
  42. <link href="https://fonts.googleapis.com/css2?family=Mulish:ital@0;1&display=swap" rel="stylesheet">
  43. <title>{Title}</title>
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47.  
  48. <meta name="color:background" content="#f8efff"/>
  49. <meta name="color:text" content="#a5a5a5"/>
  50. <meta name="color:accent" content="#d9ccdc"/>
  51. <meta name="color:borders" content="#e1d2e5"/>
  52. <meta name="color:grid" content="#d9ccdc"/>
  53. <meta name="color:post borders" content="#e1d2e5"/>
  54. <meta name="color:sidebar borders" content="#e1d2e5"/>
  55. <meta name="color:info bg" content="#f6eff8"/>
  56. <meta name="color:info text" content="#a5a5a5"/>
  57. <meta name="color:bold" content="#baa0c3"/>
  58. <meta name="color:italic" content="#baa0c3"/>
  59. <meta name="color:selection" content="#ecdbf0"/>
  60. <meta name="color:box shadow" content="#dfd3d3"/>
  61. <meta name="color:links" content="#a5a5a5"/>
  62. <meta name="color:link hover" content="#997ea3"/>
  63. <meta name="color:sidebar title" content="#baa0c3"/>
  64. <meta name="color:post background" content="#fafafa"/>
  65.  
  66. <meta name="image:background" content=""/>
  67. <meta name="image:sidebar" content="https://via.placeholder.com/50x50"/>
  68.  
  69. <meta name="if:grayscale" content="1"/>
  70. <meta name="if:faq tab" content="1"/>
  71. <meta name="if:sidebar image" content=""/>
  72. <meta name="if:title" content="1"/>
  73. <meta name="if:box shadow" content="1"/>
  74. <meta name="if:sidebar image left" content=""/>
  75. <meta name="if:navigation tab" content="1"/>
  76. <meta name="if:rules tab" content="1"/>
  77.  
  78.  
  79. <meta name="select:font family" content="source sans pro" title="source sans pro" />
  80. <meta name="select:font family" content="work sans" title="work sans" />
  81. <meta name="select:font family" content="montserrat" title="montserrat" />
  82. <meta name="select:font family" content="roboto" title="roboto" />
  83. <meta name="select:font family" content="libre franklin" title="libre franklin" />
  84. <meta name="select:font family" content="space mono" title="space mono" />
  85. <meta name="select:font family" content="open sans" title="open sans" />
  86. <meta name="select:font family" content="inconsolata" title="inconsolata" />
  87.  
  88. <meta name="select:font size" content="9" title="9px" />
  89. <meta name="select:font size" content="10" title="10px" />
  90. <meta name="select:font size" content="10.5" title="10.5px" />
  91. <meta name="select:font size" content="11" title="11px" />
  92. <meta name="select:font size" content="12" title="12px" />
  93.  
  94. <meta name="select:post size" content="250" title="250px" />
  95. <meta name="select:post size" content="270" title="270px" />
  96. <meta name="select:post size" content="300" title="300px" />
  97. <meta name="select:post size" content="350" title="350px" />
  98. <meta name="select:post size" content="400" title="400px" />
  99. <meta name="select:post size" content="450" title="450px" />
  100. <meta name="select:post size" content="500" title="500px" />
  101.  
  102. <meta name="select:bullet type" content="\f004" title="heart" />
  103. <meta name="select:bullet type" content="\f111" title="circle" />
  104. <meta name="select:bullet type" content="\f00d" title="x" />
  105. <meta name="select:bullet type" content="\f054" title="chevron" />
  106. <meta name="select:bullet type" content="\f005" title="star" />
  107.  
  108. <meta name="text:sidebar title" content="not for sale.">
  109. <meta name="text:description" content="mint, she/her. you don't have to give back anything, i want to give you all.">
  110.  
  111. <meta name="text:rules tab title" content="rules.">
  112. <meta name="text:navigation tab title" content="navigate.">
  113.  
  114. <meta name="text:border radius" content="0px">
  115.  
  116. <meta name="text:faq tab title" content="faq.">
  117. <meta name="text:tab link 1 title" content="link one">
  118. <meta name="text:tab link 1 url" content="/url">
  119. <meta name="text:tab link 2 title" content="link two">
  120. <meta name="text:tab link 2 url" content="/url">
  121. <meta name="text:tab link 3 title" content="link three">
  122. <meta name="text:tab link 3 url" content="/url">
  123. <meta name="text:tab link 4 title" content="link four">
  124. <meta name="text:tab link 4 url" content="/url">
  125. <meta name="text:tab link 5 title" content="link five">
  126. <meta name="text:tab link 5 url" content="/url">
  127. <meta name="text:tab link 6 title" content="link six">
  128. <meta name="text:tab link 6 url" content="/url">
  129. <meta name="text:tab link 7 title" content="link seven">
  130. <meta name="text:tab link 7 url" content="/url">
  131. <meta name="text:tab link 8 title" content="link eight">
  132. <meta name="text:tab link 8 url" content="/url">
  133. <meta name="text:tab link 9 title" content="link nine">
  134. <meta name="text:tab link 9 url" content="/url">
  135.  
  136. <meta name="text:extra link 1 url" content="/" />
  137. <meta name="text:extra link 1" content="one." />
  138. <meta name="text:extra link 2 url" content="/" />
  139. <meta name="text:extra link 2" content="two." />
  140. <meta name="text:extra link 3 url" content="/" />
  141. <meta name="text:extra link 3" content="three." />
  142. <meta name="text:extra link 4 url" content="/" />
  143. <meta name="text:extra link 4" content="four" />
  144.  
  145. <script src="https://kit.fontawesome.com/1614dc65f2.js" crossorigin="anonymous"></script>
  146.  
  147. <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
  148.  
  149. <script>
  150. function openAlytut(evt, alytutName) {
  151. var i, x, tablinks;
  152. x = document.getElementsByClassName("alytut");
  153. for (i = 0; i < x.length; i++) {
  154. x[i].style.display = "none";
  155. }
  156. tablinks = document.getElementsByClassName("tablink");
  157. for (i = 0; i < x.length; i++) {
  158. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  159. }
  160. document.getElementById(alytutName).style.display = "block";
  161. evt.currentTarget.className += " tabzact";
  162. }
  163. </script>
  164.  
  165. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  166. <script type="text/javascript">
  167. $(document).ready(function(){
  168. popUp(true);
  169. });
  170. </script>
  171.  
  172. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  173.  
  174. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  175. <script type="text/javascript">
  176. $(document).ready(function(){
  177. $(".links_body").hide();
  178. $(".links_head").click(function(){
  179. $(this).next(".links_body").slideToggle('fast');
  180. }); }); </script>
  181.  
  182. <script type="text/javascript">
  183. window.onload = function () {
  184. DisplayCurrentTime();
  185. };
  186. function DisplayCurrentTime() {
  187. var date = new Date();
  188. var hours = date.getHours() > 12 ? date.getHours() - 12 : date.getHours();
  189. var am_pm = date.getHours() >= 12 ? "PM" : "AM";
  190. hours = hours < 10 ? "0" + hours : hours;
  191. var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
  192. var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
  193. time = hours + ":" + minutes + am_pm;
  194. var lblTime = document.getElementById("lblTime");
  195. lblTime.innerHTML = time;
  196. };
  197. </script>
  198.  
  199. <style type="text/css">
  200.  
  201. /* TABS STYLING--
  202. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  203. */
  204.  
  205. .tabzcon {
  206. width:100%;
  207. height:100%;
  208. margin-top:50px;
  209. border-radius:0px;
  210. z-index:10;
  211. {block:Pages}
  212. background:{color:post background};
  213. {/block:Pages}
  214. -webkit-transition: all 0.6s ease-in-out;
  215. -moz-transition: all 0.6s ease-in-out;
  216. -o-transition: all 0.6s ease-in-out;
  217. -ms-transition: all 0.6s ease-in-out;
  218. transition: all 0.6s ease-in-out;
  219. font-family:{select:font-family};
  220. font-size:{select:font size}px;
  221. z-index:10;
  222. overflow:scroll;
  223. border-radius:{text:border radius};
  224. scrollbar-color:transparent transparent;
  225. scrollbar-width: none;
  226. }
  227.  
  228. @keyframes animationFrames{
  229. 0% {
  230. opacity:0;
  231. }
  232. 100% {
  233. opacity:1;
  234. }
  235. }
  236.  
  237. @-moz-keyframes animationFrames{
  238. 0% {
  239. opacity:0;
  240. }
  241. 100% {
  242. opacity:1;
  243. }
  244. }
  245.  
  246. @-webkit-keyframes animationFrames {
  247. 0% {
  248. opacity:0;
  249. }
  250. 100% {
  251. opacity:1;
  252. }
  253. }
  254.  
  255. @-o-keyframes animationFrames {
  256. 0% {
  257. opacity:0;
  258. }
  259. 100% {
  260. opacity:1;
  261. }
  262. }
  263.  
  264. @-ms-keyframes animationFrames {
  265. 0% {
  266. opacity:0;
  267. }
  268. 100% {
  269. opacity:1;
  270. }
  271. }
  272.  
  273. #base {
  274. margin-top:45px;
  275. margin-left:0px;
  276. position:fixed;
  277. padding:10px;
  278. width:205px;
  279. height:260px;
  280. background-color:#e1c9bf;
  281. }
  282.  
  283. .tabzclose {
  284. color:{color:text};
  285. margin-left:calc({select:post size}px - 28px);
  286. border:0px solid;
  287. }
  288.  
  289. .tabzclose a {
  290. box-shadow:4px 4px 0px rgba(0,0,0,0);
  291. border:0px solid;
  292. opacity:0.6;
  293. }
  294.  
  295. .tabzclose:hover {
  296. cursor:pointer;
  297. }
  298.  
  299. ::-webkit-scrollbar-thumb {
  300. height:auto;
  301. background-color:{color:Scrollbar};
  302. margin-left:1px;
  303. display:none;
  304. }
  305.  
  306. ::-webkit-scrollbar {
  307. height:9px;
  308. width:1px;
  309. background-color:transparent;
  310. }
  311.  
  312. ::-webkit-scrollbar-thumb {
  313. background:transparent;
  314. }
  315.  
  316. ::-webkit-scrollbar-corner {
  317. background:transparent;
  318. }
  319.  
  320. body {
  321. background:{color:background};
  322. background-image:url('{image:background}');
  323. background-repeat:center;
  324. color:{color:text};
  325. font-family:{select:font family};
  326. font-family:{select:font size};
  327. line-height:160%;
  328. letter-spacing:0.5px;
  329. text-align:justify;
  330. width:100%;
  331. height:100%;
  332. margin:auto;
  333. }
  334.  
  335. button {
  336. position:fixed;
  337. }
  338.  
  339. sup, sub {
  340. font-size:10px;
  341. }
  342.  
  343. a {
  344. text-decoration:none;
  345. outline:none;
  346. -moz-outline-style:none;
  347. color:{color:links};
  348. border-bottom:1px solid {color:borders};
  349. }
  350.  
  351. a:hover {
  352. color:{color:link hover};
  353. }
  354.  
  355. img {
  356. border:none;
  357. }
  358.  
  359. b, strong {
  360. color:{color:bold};
  361. font-weight:700;
  362. }
  363.  
  364. i, em {
  365. color:{color:italic};
  366. }
  367.  
  368. .tumblr_blog {
  369. text-transform:lowercase;
  370. font-size:{select:font size}px;
  371. border-bottom:0px solid {color:borders};
  372. color:{color:text};
  373. }
  374.  
  375. h1 {
  376. margin-top:10px; margin-bottom:10px; text-align:center; font-size:13px; text-transform:lowercase; color:{color:bold}; letter-spacing:0px; font-family:{select:font family}; font-weight:600;
  377. }
  378.  
  379. h2 {
  380. margin-top:10px; margin-bottom:10px; text-align:justify; font-size:12px; text-transform:uppercase; color:{color:accent}; letter-spacing:0px; font-family:{select:font family}; font-weight:600;
  381. }
  382.  
  383. h3 {
  384. margin-top:10px; margin-bottom:10px; text-align:justify; font-size:11px; text-transform:uppercase; color:{color:bold}; letter-spacing:0px; font-family:{select:font family}; font-weight:600;
  385. }
  386.  
  387. h4 {
  388. margin-top:10px; margin-bottom:10px; text-align:justify; font-size:10px; text-transform:uppercase; color:{color:accent}; letter-spacing:0px; font-family:{select:font family}; font-weight:600;
  389. }
  390.  
  391. sup {
  392. font-size:{select:font size}px;
  393. }
  394.  
  395. sub {
  396. font-size:{select:font size}px;
  397. }
  398.  
  399. small {
  400. font-size:{select:font size}px;
  401. }
  402.  
  403. blockquote {
  404. border-left:1px solid {color:borders};
  405. padding-left:10px;
  406. margin-left:2px;
  407. width:95%;
  408. }
  409.  
  410. blockquote img {
  411. display:inline;
  412. }
  413.  
  414. /* sidebar elements */
  415.  
  416. .topbar {
  417. width:113px;
  418. margin-left:-10px;
  419. position:fixed;
  420. font-size:8px;
  421. padding-top:7px;
  422. padding-left:7px;
  423. line-height:100%;
  424. padding-bottom:5px;
  425. border-bottom:1px solid {color:sidebar borders};
  426. }
  427.  
  428. .topbar .iconify {
  429. font-size:10.5px;
  430. }
  431.  
  432. .sidebar {
  433. width:100px;
  434. position:fixed;
  435. margin-left:300px;
  436. margin-top:100px;
  437. padding:10px;
  438. padding-top:0px;
  439. border-radius:{text:border radius};
  440. line-height:100%;
  441. background:{color:post background};
  442. border:1px solid {color:post borders};
  443. {block:ifboxshadow}
  444. box-shadow:6px 6px 0px rgba({RGBcolor:box shadow}, 0.2);
  445. {/block:ifboxshadow}
  446. }
  447.  
  448. .sidebar img {
  449. position:fixed;
  450. margin-top:-75px;
  451. margin-left:-11px;
  452. {block:ifsidebarimageleft}
  453. margin-top:0px;
  454. margin-left:-85px;
  455. {/block:ifsidebarimageleft}
  456. width:50px;
  457. height:50px;
  458. border-radius:10px;
  459. pointer-events: none;
  460. {block:ifGrayscale}
  461. -webkit-filter: grayscale(100%);
  462. {/block:ifGrayscale}
  463. }
  464.  
  465. .side {
  466. width:115px;
  467. margin-top:30px;
  468. text-align:justify;
  469. }
  470.  
  471. .blogtitle {
  472. width:100px;
  473. margin-top:33px;
  474. margin-bottom:5px;
  475. letter-spacing:0px;
  476. font-weight:bold;
  477. text-transform:none;
  478. font-size:14px;
  479. text-align:left;
  480. color:{color:sidebar title};
  481. border:0;
  482. font-family:source sans pro;
  483. }
  484.  
  485. .description {
  486. font-size:{select:font size}px;
  487. width:100px;
  488. padding-bottom:8px;
  489. text-align:justify;
  490. }
  491.  
  492. .links_head {
  493. line-height:180%;
  494. vertical-align:middle;
  495. font-size:{select:font size}px;
  496. float:right;
  497. margin-top:1px;
  498. font-family:{select:font family};
  499. }
  500.  
  501. .border {
  502. width:97px;
  503. border-top:1px solid {color:sidebar borders};
  504. }
  505.  
  506. .links_list { margin:0px; padding:0px; position:relative; line-height:100%; }
  507. .links_body { height:45px; line-height:120%; font-family:{select:font family}; font-size:{select:font size}px; letter-spacing:0px; display:none; width:110px; padding:10px; padding-left:0px; padding-bottom:0px; text-align:left; }
  508. .links_body a { text-transform:lowercase; line-height:200%; letter-spacing:0.3px; font-size:{select:font size}px; border-bottom:1px solid {color:borders}; }
  509.  
  510. nav {display:inline-block; margin-top:5px; width:100px; margin-bottom:5px; vertical-align:middle; }
  511.  
  512. nav span { margin-right:2px; line-height:80%; vertical-align:middle; }
  513.  
  514. nav a {
  515. display:inline-block;
  516. margin-right:7px;
  517. border:0;
  518. text-transform:uppercase;
  519. font-size:8px;
  520. letter-spacing:1px;
  521. vertical-align:middle;
  522. }
  523.  
  524.  
  525. nav a:after {
  526. margin-left:5px;
  527. }
  528.  
  529. nav a:hover { color:{color:link hover}; }
  530.  
  531. nav a:last-of-type::after {display:none;}
  532.  
  533. nav a:hover::after {color:{color:link};}
  534.  
  535. .sfm {
  536. width:130px;
  537. background:transparent;
  538. }
  539.  
  540. .sfm .text {
  541. margin-top:0px;
  542. border:0px;
  543. outline:0px;
  544. padding:5px;
  545. font-size:{select:font size}px;
  546. letter-spacing:0.5px;
  547. font-style:none;
  548. font-family:{select:font family};
  549. color:inherit;
  550. border-bottom:1px solid {color:sidebar borders};
  551. width:75px;
  552. text-align:left;
  553. background:transparent;
  554. }
  555.  
  556. .sfm span {
  557. font-size:8px;
  558. }
  559.  
  560. ::-webkit-input-placeholder {color:inherit;}
  561. :-moz-placeholder {color:inherit;opacity:1;}
  562. ::-moz-placeholder {color:inherit;opacity:1;}
  563. :-ms-input-placeholder {color:inherit;}
  564.  
  565. input:focus::-webkit-input-placeholder {color:transparent;}
  566. input:focus:-moz-placeholder {color:transparent;}
  567. input:focus::-moz-placeholder {color:transparent;}
  568. input:focus:-ms-input-placeholder {color:transparent;}
  569.  
  570. /* posts */
  571.  
  572. #post {
  573. width:{select:post size}px;
  574. margin-top:0px;
  575. height: auto;
  576. margin-bottom:70px;
  577. text-align:justify;
  578. text-transform:none;
  579. background:transparent;
  580. background:rgba({RGBcolor:post background}, 1);
  581. font-family:{select:font-family};
  582. border-radius:{text:border radius};
  583. z-index:10;
  584. border:1px solid {color:post borders};
  585. {block:ifboxshadow}
  586. box-shadow:6px 6px 0px rgba({RGBcolor:box shadow}, 0.2);
  587. {/block:ifboxshadow}
  588. line-height:160%;
  589. }
  590.  
  591. #post b {
  592. font-weight:bold;
  593. color:{color:bold};
  594. }
  595.  
  596. #post img {
  597. border-radius:0px;
  598. {block:IndexPage}
  599. {block:ifGrayscale}
  600. -webkit-filter: grayscale(100%);
  601. {/block:ifGrayscale}
  602. {/block:IndexPage}
  603. max-width:100%;
  604. height:auto;
  605. }
  606.  
  607. #post img:hover {
  608. -webkit-transition: all 0.6s ease-in-out;
  609. -moz-transition: all 0.6s ease-in-out;
  610. -o-transition: all 0.6s ease-in-out;
  611. -ms-transition: all 0.6s ease-in-out;
  612. transition: all 0.6s ease-in-out;
  613. }
  614.  
  615. .media img, .media iframe {
  616. {block:ifgrayscale}
  617. -webkit-filter: grayscale(100%);
  618. {/block:ifgrayscale}
  619. -webkit-transition: all 0.6s ease-in-out;
  620. -moz-transition: all 0.6s ease-in-out;
  621. -o-transition: all 0.6s ease-in-out;
  622. -ms-transition: all 0.6s ease-in-out;
  623. transition: all 0.6s ease-in-out;
  624. }
  625.  
  626. .media img:hover, .media iframe:hover {
  627. -webkit-transition: all 0.6s ease-in-out;
  628. -moz-transition: all 0.6s ease-in-out;
  629. -o-transition: all 0.6s ease-in-out;
  630. -ms-transition: all 0.6s ease-in-out;
  631. transition: all 0.6s ease-in-out;
  632. }
  633.  
  634. #ask_form {
  635. min-height:255px;
  636. }
  637.  
  638. #ask_form iframe {
  639. min-height:255px;
  640. }
  641.  
  642. #post iframe {
  643. max-width:{select:post size}px;
  644. border-top-left-radius:{text:border radius};
  645. border-top-right-radius:{text:border radius};
  646. }
  647.  
  648. #pst iframe {
  649. margin-bottom:-8px;
  650. }
  651.  
  652. video {
  653. width:100%;
  654. }
  655.  
  656. .html_photoset {
  657. {block:ifgrayscale}
  658. -webkit-filter: grayscale(100%);
  659. {/block:ifgrayscale}
  660. -webkit-transition: all 0.6s ease-in-out;
  661. -moz-transition: all 0.6s ease-in-out;
  662. -o-transition: all 0.6s ease-in-out;
  663. -ms-transition: all 0.6s ease-in-out;
  664. transition: all 0.6s ease-in-out;
  665. }
  666.  
  667. .html_photoset:hover {
  668. -webkit-transition: all 0.6s ease-in-out;
  669. -moz-transition: all 0.6s ease-in-out;
  670. -o-transition: all 0.6s ease-in-out;
  671. -ms-transition: all 0.6s ease-in-out;
  672. transition: all 0.6s ease-in-out;
  673. }
  674.  
  675. .caption {
  676. padding:15px;
  677. padding-top:0px;
  678. padding-bottom:5px;
  679. }
  680.  
  681. .caption a {
  682. box-shadow: 0 -5px rgba({RGBcolor:selection}, 0.3) inset;
  683. }
  684.  
  685. ul {
  686. margin-left:-16px;
  687. text-align:left;
  688. vertical-align:middle;
  689. }
  690.  
  691. li {
  692. padding-left: 0px;
  693. list-style: none;
  694. }
  695.  
  696. li:before {
  697. margin-left: -15px;
  698. width: 16px;
  699. color: {color:accent};
  700. content: "{select:bullet type}";
  701. font-family: FontAwesome;
  702. font-size:6px;
  703. font-weight:300;
  704. color:{color:accent 3};
  705. display: inline-block;
  706. }
  707.  
  708. ul li {
  709. width:95%;
  710. text-align:justify;
  711. vertical-align:middle;
  712. }
  713.  
  714. /* chat posts */
  715.  
  716. .answer span,.convo li{
  717. margin:0 0 5px 0;
  718. border-radius:0px;
  719. padding:5px;
  720. padding-left:10px;
  721. padding-right:10px;
  722. clear:both;
  723. position:relative;
  724. line-height:200%;
  725. }
  726.  
  727. .convo strong {
  728. color:{color:bold};
  729. }
  730.  
  731. .convo b {
  732. color:{color:bold};
  733. }
  734.  
  735. .convo li:before {
  736. content:'';
  737. }
  738.  
  739. .label {
  740. font-weight:600;
  741. margin-right:2px;
  742. margin-left:0px;
  743. }
  744.  
  745. .answer span,.convo li { border-radius:0em; clear:both; list-style-type:none; line-height:160%; text-align:left; padding-left:10px;
  746. padding-right:15px; }
  747.  
  748. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { background:rgba({RGBcolor:background}, 0.2); border-radius:0px; line-height:100%; padding-left:10px;
  749. padding-right:10px; }
  750. .answer .them,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { background:rgba({RGBcolor:background}, 1); border-radius:0px; line-height:100%; padding-left:10px;
  751. padding-right:10px; }
  752.  
  753. .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:background}; }
  754.  
  755. .convo { overflow:hidden; list-style-type:none; padding:0px; margin-top:-18px; list-style-type:none; margin-bottom:0px; line-height:100%; padding-left:10px; padding-right:10px; margin-left:-9px; }
  756.  
  757. /* quotes */
  758.  
  759. .quote {
  760. text-align:justify;
  761. margin-top:0px;
  762. color:{color:text};
  763. padding:13px 20px 13px 60px;
  764. line-height:160%;
  765. border-bottom:1px solid {color:post borders};
  766. border-top-left-radius:{text:border radius};
  767. border-top-right-radius:{text:border radius};
  768. vertical-align:middle;
  769. display:flex;
  770. justify-content:left;
  771. align-items:center;
  772. background:{color:info bg};
  773. }
  774.  
  775. .quote br {
  776. display:none;
  777. }
  778.  
  779. .q {
  780. text-align:center;
  781. margin-left:-45px;
  782. margin-right:15px;
  783. font-size:12px;
  784. letter-spacing:2px;
  785. font-family:times;
  786. color:{color:bold};
  787. opacity:1;
  788. font-weight:800;
  789. width:5px;
  790. height:18px;
  791. padding-top:5px;
  792. text-transform:uppercase;
  793. background:transparent;
  794. margin-left:-35px;
  795. margin-right:25px;
  796. padding-right:25px;
  797. border-right:1px solid {color:post borders};
  798. }
  799.  
  800. .source {
  801. padding-left:10px;
  802. padding-right:10px;
  803. margin-top:12px;
  804. letter-spacing:0.5px;
  805. opacity:1;
  806. margin-bottom:10px;
  807. text-align:center;
  808. }
  809.  
  810. /* sidebar */
  811.  
  812. .pagination {
  813. text-align:center;
  814. color:rgba({RGBcolor:text}, 0.8);
  815. text-transform:uppercase;
  816. font-size:8px;
  817. border:0px solid {color:text};
  818. z-index:10;
  819. font-weight:600;
  820. transform:rotate(0deg);
  821. margin-top:35px;
  822. margin-bottom:35px;
  823. background-color: {color:post background};
  824. padding-top:15px;
  825. padding-bottom:15px;
  826. border:1px solid {color:borders};
  827. width:{select:post size}px;
  828. line-height:100%;
  829. margin-left:0px;
  830. box-shadow:6px 6px 0px rgba({RGBcolor:box shadow}, 0);
  831. border-radius:0px;
  832. vertical-align:middle;
  833. letter-spacing:2px;
  834. word-spacing:3px;
  835. }
  836.  
  837. .pagination:hover {
  838. -webkit-transition: all 0.2s ease-in-out;
  839. -moz-transition: all 0.2s ease-in-out;
  840. -o-transition: all 0.2s ease-in-out;
  841. -ms-transition: all 0.2s ease-in-out;
  842. transition: all 0.2s ease-in-out;
  843. }
  844.  
  845. .pagination a {
  846. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  847. color:{color:text};
  848. border-bottom:0px solid {color:borders};
  849. letter-spacing:2px;
  850. word-spacing:3px;
  851. }
  852.  
  853. .pagi {
  854. position:fixed;
  855. text-align:right;
  856. font-family:montserrat;
  857. text-transform:uppercase;
  858. font-size:6px;
  859. border:0px solid {color:text};
  860. letter-spacing:2px;
  861. z-index:10;
  862. font-weight:600;
  863. transform:rotate(0deg);
  864. margin-top:528px;
  865. opacity:0.5;
  866. width:283px;
  867. margin-left:0px;
  868. line-height:160%;
  869. display:none;
  870. }
  871.  
  872. .pagi span {
  873. font-size:9px;
  874. }
  875.  
  876. .pagi:hover {
  877. -webkit-transition: all 0.2s ease-in-out;
  878. -moz-transition: all 0.2s ease-in-out;
  879. -o-transition: all 0.2s ease-in-out;
  880. -ms-transition: all 0.2s ease-in-out;
  881. transition: all 0.2s ease-in-out;
  882. }
  883.  
  884. .pagi a {
  885. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  886. color:{color:text};
  887. }
  888.  
  889. #boxy {
  890. margin-left:-1px;
  891. margin-top:-55px;
  892. background-position:center;
  893. padding:0px;
  894. width:302px;
  895. height:457px;
  896. {block:ifGrayscale}
  897. -webkit-filter: grayscale(0%);
  898. {/block:ifGrayscale}
  899. background:rgba({RGBcolor:sidebar accent box}, 1);
  900. z-index:0;
  901. overflow:hidden;
  902. border-top-right-radius:0px;
  903. border-bottom-right-radius:0px;
  904. }
  905.  
  906. /* post info */
  907.  
  908. #info {
  909. margin-top:0px;
  910. padding:0px;
  911. padding-bottom:0px;
  912. text-align:left;
  913. text-transform:uppercase;
  914. font-size:8.5px;
  915. letter-spacing:2px;
  916. font-weight:normal;
  917. padding:0px;
  918. border-top:1px solid {color:post borders};
  919. margin-top:0px;
  920. background:{color:info bg};
  921. padding:9px;
  922. padding-left:10px;
  923. padding-right:15px;
  924. padding-top:8px;
  925. margin-left:0px;
  926. margin-top:0px;
  927. margin-bottom:-2px;
  928. color:{color:info text};
  929. border-bottom-left-radius:{text:border radius};
  930. border-bottom-right-radius:{text:border radius};
  931. }
  932.  
  933. #info a{
  934. border-bottom:0px solid {color:borders};
  935. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  936. color:{color:info text};
  937. }
  938.  
  939. #info span {
  940. font-size:4px;
  941. }
  942.  
  943. .cute {
  944. text-align:center;
  945. float:left;
  946. font-size:7.5px;
  947. margin-left:5px;
  948. border:0px solid {color:borders};
  949. }
  950.  
  951. .dt {
  952. display:inline;
  953. letter-spacing:2px;
  954. color:{color:text};
  955. margin-top:1px;
  956. float:right;
  957. font-size:9px;
  958. opacity:0.9;
  959. margin-left:0px;
  960. }
  961.  
  962. .dt a {
  963. color:{color:text};
  964. opacity:0.8;
  965. }
  966.  
  967. .dt a:hover {
  968. color:{color:bold};
  969. }
  970.  
  971. .tags {
  972. text-align:justify;
  973. letter-spacing:0.5px;
  974. font-size:{select:font size}px;
  975. font-style:normal;
  976. display:block;
  977. text-transform:none;
  978. border-top:1px solid {color:post borders};
  979. border-bottom:1px solid {color:post borders};
  980. padding:10px;
  981. padding-left:13px;
  982. padding-right:13px;
  983. padding-bottom:10px;
  984. margin-top:-1px;
  985. margin-bottom:-1px;
  986. margin-left:0px;
  987. background:{color:post background};
  988. border-bottom-left-radius:{text:border radius};
  989. border-bottom-right-radius:{text:border radius};
  990. }
  991.  
  992. .tags a {
  993. margin:0px 0px 0px 0px;
  994. font-weight:normal;
  995. margin-right:4px;
  996. border-top:0px solid {color:borders};
  997. padding-top:3px;
  998. color:{color:text};
  999. border-bottom:0px solid {color:borders};
  1000. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1001. font-size:{select:font size}px;
  1002. -webkit-transition: all 0.6s ease-in-out;
  1003. -moz-transition: all 0.6s ease-in-out;
  1004. -o-transition: all 0.6s ease-in-out;
  1005. -ms-transition: all 0.6s ease-in-out;
  1006. transition: all 0.6s ease-in-out;
  1007. }
  1008.  
  1009. .tags a:hover {
  1010. color:{color:bold};
  1011. -webkit-transition: all 0.6s ease-in-out;
  1012. -moz-transition: all 0.6s ease-in-out;
  1013. -o-transition: all 0.6s ease-in-out;
  1014. -ms-transition: all 0.6s ease-in-out;
  1015. transition: all 0.6s ease-in-out;
  1016. }
  1017.  
  1018. /* audio */
  1019.  
  1020. .audio-album {
  1021. position:absolute;
  1022. width:60px;
  1023. }
  1024.  
  1025. .player {
  1026. opacity:1;
  1027. border-radius:0px;
  1028. width:31px;
  1029. height:28px;
  1030. transform:scale(0.7);
  1031. overflow:hidden;
  1032. position:absolute;
  1033. z-index:2;
  1034. margin-top:10px;
  1035. border-radius:5px;
  1036. margin-left:10px;
  1037. border:2px solid rgba({RGBcolor:accent}, 0.3);
  1038. vertical-align:middle;
  1039. }
  1040.  
  1041. .audio-info {
  1042. text-align:right;
  1043. margin-top:0px;
  1044. background:rgba({RGBcolor:accent}, 0.08);
  1045. padding-top:15px;
  1046. padding-bottom:15px;
  1047. padding-left:27%;
  1048. padding-right:6%;
  1049. line-height:180%;
  1050. border-bottom:1px solid {color:post borders};
  1051. white-space: nowrap;
  1052. overflow: hidden;
  1053. text-overflow: ellipsis;
  1054. text-transform:uppercase;
  1055. font-size:7px;
  1056. margin-bottom:-3px;
  1057. letter-spacing:1px;
  1058. border-top-left-radius:{text:border radius};
  1059. border-top-right-radius:{text:border radius};
  1060. }
  1061.  
  1062.  
  1063. .audio-info b {
  1064. color:{color:bold};
  1065. }
  1066.  
  1067. .spotify_audio_player {
  1068. height:80px;
  1069. width:100%;
  1070. }
  1071. .bandcamp_audio_player {
  1072. height:120px;
  1073. width:100%;
  1074. border:0px;
  1075. }
  1076.  
  1077. /* asks */
  1078.  
  1079. #question { margin-top:5px; text-align:justify; border-radius:0px; border-bottom:1px solid {color:post borders}; background:rgba({RGBcolor:info bg}, 1); margin-top:0px; line-height:160%; margin-left:-15px; margin-bottom:15px; padding-left:10px; padding:3px 7px 3px 40px; text-transform:lowercase; display:flex; justify-content:left; align-items:center; width:calc({select:post size}px - 47px); }
  1080.  
  1081. .m {
  1082. text-align:center;
  1083. margin-left:-45px;
  1084. margin-right:15px;
  1085. font-size:11px;
  1086. letter-spacing:2px;
  1087. color:{color:bold};
  1088. opacity:0.6;
  1089. font-weight:800;
  1090. width:5px;
  1091. height:24px;
  1092. padding-top:3px;
  1093. text-transform:uppercase;
  1094. background:transparent;
  1095. margin-left:-23px;
  1096. margin-right:12px;
  1097. padding-right:20px;
  1098. border-right:1px solid {color:post borders};
  1099. }
  1100.  
  1101. .sender { letter-spacing:1.5px; font-family:{select:font family}; font-weight:300; text-transform:uppercase; background:rgba({RGBcolor:text}, 0.03); padding:12px; padding-right:10px; padding-top:9px; padding-bottom:9px; border-bottom:1px solid {color:post borders}; display:block; text-align:center; line-height:100%; margin-left:-15px; width:103%; margin-top:-15px; border-radius:0px; font-size:8px; }
  1102.  
  1103. .sender a { display:inline; box-shadow: 0 -10px rgba({RGBcolor:underlined}, 0) inset; padding:0px; border:0px solid {color:borders}; }
  1104.  
  1105. .sender svg {
  1106. width:8px;
  1107. vertical-align:middle;
  1108. margin-right:5px;
  1109. }
  1110.  
  1111. .asker {
  1112. text-transform:uppercase;
  1113. font-style:normal;
  1114. font-size:8px;
  1115. }
  1116.  
  1117. .askerimg img {
  1118. width:12px;
  1119. height:12px;
  1120. padding-right:5px;
  1121. border-radius:50%;
  1122. vertical-align:middle;
  1123. }
  1124.  
  1125. #qs {
  1126. display:block;
  1127. padding-top:0px;
  1128. padding-bottom:2px;
  1129. padding-left:5px;
  1130. padding-right:5px;
  1131. }
  1132.  
  1133. /* permalink notes */
  1134.  
  1135. .notes { text-align:left; margin-top:10px; margin-left:40px; }
  1136. .notes img { margin-right:2px; width:10px; border-radius:100px; vertical-align:middle; border-radius:100%; margin-right:5px; display:none; }
  1137. ol.notes, .notes li { width:99%; list-style:none; margin:3px; margin-left:8px; padding:0px; }
  1138. .notes li a { font-weight:bold; color:{color:accent}; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  1139. .notes li {
  1140. margin-left:-15px;
  1141. }
  1142. .notes a:hover {
  1143. color:{color:link hover};
  1144. }
  1145.  
  1146. /* navigation tab */
  1147.  
  1148. .navibox {
  1149. z-index:1;
  1150. -webkit-transition: all 0.6s ease-in-out;
  1151. -moz-transition: all 0.6s ease-in-out;
  1152. -o-transition: all 0.6s ease-in-out;
  1153. -ms-transition: all 0.6s ease-in-out;
  1154. transition: all 0.6s ease-in-out;
  1155. z-index:1;
  1156. }
  1157.  
  1158. .navnav {
  1159. line-height:100%;
  1160. text-align:left;
  1161. box-align:left;
  1162. }
  1163.  
  1164. .navnav a {
  1165. display:inline-block;
  1166. text-align:center;
  1167. line-height:100%;
  1168. font-size:{select:font size};
  1169. margin-right:4px;
  1170. text-transform:lowercase;
  1171. letter-spacing:0.5px;
  1172. color:{color:links};
  1173. margin-bottom:8px;
  1174. border-bottom:5px;
  1175. margin-right:20px;
  1176. -webkit-transition: all 0.6s ease-in-out;
  1177. -moz-transition: all 0.6s ease-in-out;
  1178. -o-transition: all 0.6s ease-in-out;
  1179. -ms-transition: all 0.6s ease-in-out;
  1180. transition: all 0.6s ease-in-out;
  1181. }
  1182.  
  1183. .navnav .iconify {
  1184. font-size:55px;
  1185. color:{color:accent};
  1186. -webkit-transition: all 0.6s ease-in-out;
  1187. -moz-transition: all 0.6s ease-in-out;
  1188. -o-transition: all 0.6s ease-in-out;
  1189. -ms-transition: all 0.6s ease-in-out;
  1190. transition: all 0.6s ease-in-out;
  1191. }
  1192.  
  1193. .navnav .iconify:hover {
  1194. color:rgba({RGBcolor:accent}, 0.6);
  1195. -webkit-transition: all 0.6s ease-in-out;
  1196. -moz-transition: all 0.6s ease-in-out;
  1197. -o-transition: all 0.6s ease-in-out;
  1198. -ms-transition: all 0.6s ease-in-out;
  1199. transition: all 0.6s ease-in-out;
  1200. }
  1201.  
  1202. .navnav a:hover {
  1203. color:{color:link hover};
  1204. -webkit-transition: all 0.6s ease-in-out;
  1205. -moz-transition: all 0.6s ease-in-out;
  1206. -o-transition: all 0.6s ease-in-out;
  1207. -ms-transition: all 0.6s ease-in-out;
  1208. transition: all 0.6s ease-in-out;
  1209. }
  1210.  
  1211. .navtext {
  1212. position:fixed;
  1213. width:120px;
  1214. height:130px;
  1215. margin-top:60px;
  1216. margin-left:0px;
  1217. overflow:scroll;
  1218. text-align:justify;
  1219. z-index:1;
  1220. scrollbar-color:transparent transparent;
  1221. scrollbar-width: none;
  1222. }
  1223.  
  1224. /* rules tab */
  1225.  
  1226. .rulesb {
  1227. width:{select:post size}px;
  1228. margin-top:-71px;
  1229. padding:8px 0px 10px 0px;
  1230. text-transform:uppercase;
  1231. font-weight:700;
  1232. font-size:9px;
  1233. letter-spacing:1px;
  1234. background:rgba({RGBcolor:info bg}, 1);
  1235. border-radius:{text:border radius};
  1236. border-top-left-radius:0px;
  1237. border-top-right-radius:0px;
  1238. border:1px solid {color:post borders};
  1239. }
  1240.  
  1241. /* tooltip */
  1242.  
  1243. #s-m-t-tooltip {
  1244. border:1px solid rgba({RGBcolor:bold}, 0.6);
  1245. background:rgba({RGBcolor:post background}, 1);
  1246. font-size:7px;
  1247. text-transform:uppercase;
  1248. font-family:montserrat;
  1249. letter-spacing:1px;
  1250. line-height:100%;
  1251. border-radius:0px;
  1252. margin:15px;
  1253. max-width:150px;
  1254. text-align:center;
  1255. padding:2px;
  1256. padding-left:6px;
  1257. padding-right:6px;
  1258. line-height:160%;
  1259. padding-left:6px;
  1260. padding-right:6px;
  1261. z-index:9999999999999999999999999999999999999;
  1262. }
  1263.  
  1264. ::selection {
  1265. background: {color:selection}; /* WebKit/Blink Browsers */
  1266. }
  1267. ::-moz-selection {
  1268. background: {color:selection}; /* Gecko Browsers */
  1269. }
  1270.  
  1271. /* credit. please don't edit this */
  1272.  
  1273. .mint {
  1274. position:fixed;
  1275. text-transform:uppercase;
  1276. padding-left:4px;
  1277. padding-right:2px;
  1278. padding-top:6px;
  1279. padding-bottom:0px;
  1280. text-align:center;
  1281. line-height:100%;
  1282. bottom:15px;
  1283. right:18px;
  1284. text-align:right;
  1285. line-height:100%;
  1286. letter-spacing:1px;
  1287. border-radius:100%;
  1288. border-radius:4px;
  1289. font-size:18px;
  1290. }
  1291.  
  1292. .mint a {
  1293. font-weight:300;
  1294. background:{color:post background};
  1295. border-radius:0px;
  1296. line-height:100%;
  1297. padding-left:6px;
  1298. padding-right:6px;
  1299. padding-bottom:1px;
  1300. padding-top:6px;
  1301. border:1px solid {color:borders};
  1302. }
  1303.  
  1304. .mint .minttext {
  1305. visibility: hidden;
  1306. width: 95px;
  1307. background:{color:background};
  1308. border:1px solid rgba({RGBcolor:borders}, 1);
  1309. text-align: center;
  1310. border-radius: 0px;
  1311. padding: 5px;
  1312. padding-left:7px;
  1313. padding-right:7px;
  1314. font-size:9px;
  1315. text-transform:lowercase;
  1316. position: absolute;
  1317. z-index: 1;
  1318. right:40px;
  1319. bottom:-2px;
  1320. font-family:montserrat;
  1321. font-weight:600;
  1322. font-size:6.5px;
  1323. letter-spacing:2px;
  1324. text-transform:uppercase;
  1325.  
  1326. /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  1327. opacity: 0;
  1328. transition: opacity 2s;
  1329. }
  1330.  
  1331. .mint:hover .minttext {
  1332. visibility: visible;
  1333. opacity: 1;
  1334. }
  1335.  
  1336. .scr a {
  1337. font-size:9px;
  1338. }
  1339.  
  1340. {CustomCSS}
  1341.  
  1342. </style>
  1343. </head>
  1344. <body>
  1345.  
  1346. <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" style="position:fixed; z-index:-1; margin-top:-50px;">
  1347. <defs>
  1348. <pattern id="smallGrid" width="8" height="8" patternUnits="userSpaceOnUse">
  1349. <path d="M 8 0 L 0 0 0 8" fill="none" stroke="none" stroke-width="0.5"/>
  1350. </pattern>
  1351. <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
  1352. <rect width="80" height="80" fill="url(#smallGrid)"/>
  1353. <path d="M 80 0 L 0 0 0 80" fill="none" stroke="{color:grid}" stroke-width="1"/>
  1354. </pattern>
  1355. </defs>
  1356.  
  1357. <rect width="100%" height="100%" fill="url(#grid)" />
  1358. </svg>
  1359.  
  1360.  
  1361. <div class="sidebar" class="fade-in one">
  1362. <div class="topbar">
  1363. <span id="lblTime" style="display:none;"></span> <div style="float:right; margin-right:8px; margin-top:-1px;"><span class="iconify" data-icon="clarity:note-edit-line" data-inline="false"></span></div>
  1364. </div>
  1365. {block:IfSidebarImage}<img src="{image:sidebar}">{/block:IfSidebarImage}
  1366. <div class="side">
  1367. {block:ifTitle}<div class="blogtitle" href="/">{text:sidebar title}</div>{/block:IfTitle}
  1368. <div class="description">{text:description}</div>
  1369. <div class="border"></div>
  1370. <nav>
  1371. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');" title="index"><span class="lnr lnr-undo"></span></a>
  1372. {block:iffaqtab}
  1373. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');" title="faq"><span class="lnr lnr-bubble"></span></a>
  1374. {/block:iffaqtab}
  1375. {block:ifnotfaqtab}
  1376. <a href="/ask" title="message"><span class="lnr lnr-bubble"></span></a>
  1377. {/block:ifnotfaqtab}
  1378. <span style="opacity:0.3; letter-spacing:-2px;">&nbsp;——</span>
  1379. <span class="links_list">
  1380. <span class="links_head">more</span>
  1381. <div class="links_body">
  1382. {block:ifrulestab}
  1383. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzFour');">{text:rules tab title}</a>
  1384. {/block:ifrulestab}
  1385. {block:ifnavigationtab}
  1386. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzThree');">{text:navigation tab title}</a>
  1387. {/block:ifnavigationtab}
  1388. <a href="{text:extra link 1 url}">{text:extra link 1}</a>
  1389. <a href="{text:extra link 2 url}">{text:extra link 2}</a>
  1390. <a href="{text:extra link 3 url}">{text:extra link 3}</a>
  1391. <a href="{text:extra link 4 url}">{text:extra link 4}</a>
  1392. </div></span></nav>
  1393. </div>
  1394. <form action="/search" method="get" class="sfm">
  1395. <span class="lnr lnr-magnifier"></span></nav> <input type="text" name="q" value="" class="text" placeholder="search tags...">
  1396. </form>
  1397. </div>
  1398. </div>
  1399.  
  1400. <center>
  1401.  
  1402. <div id="TabzOne" class="tabzcon alytut" style="display:block;
  1403. z-index:10; animation: animationFrames ease-in-out 1s;
  1404. animation-iteration-count: 1;
  1405. transform-origin: 50% 50%;
  1406. -webkit-animation: animationFrames ease-in-out 1s;
  1407. -webkit-animation-iteration-count: 1;
  1408. -webkit-transform-origin: 50% 50%;
  1409. -moz-animation: animationFrames ease-in-out 1s;
  1410. -moz-animation-iteration-count: 1;
  1411. -moz-transform-origin: 50% 50%;
  1412. -o-animation: animationFrames ease-in-out 1s;
  1413. -o-animation-iteration-count: 1;
  1414. -o-transform-origin: 50% 50%;
  1415. -ms-animation: animationFrames ease-in-out 1s;
  1416. -ms-animation-iteration-count: 1;
  1417. -ms-transform-origin: 50% 50%;">
  1418.  
  1419.  
  1420. {block:Posts}
  1421.  
  1422. <!-- {block:NoRebloggedFrom}
  1423. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1424. {/block:NoRebloggedFrom} -->
  1425. {block:ContentSource}<!-- {SourceURL}
  1426. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1427. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1428. {/block:ContentSource}
  1429.  
  1430. <div id="post">
  1431.  
  1432. {block:Text}
  1433. <div class="caption" style="margin-top:15px;">
  1434. {block:Title}<h1>{Title}</h1>{/block:Title}
  1435. {Body}</div>{/block:Text}
  1436.  
  1437. {block:Photo}
  1438. <div class="media" style=""><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/ style="max-width:{select:post size}px; border-top-left-radius:{text:border radius}; border-top-right-radius:{text:border radius};"> </div>
  1439.  
  1440. {block:Caption}
  1441. <div class="caption">{Caption}</div>
  1442. {/block:Caption}
  1443. {/block:Photo}
  1444.  
  1445. {block:Photoset}
  1446. <div id="pst">
  1447. {Photoset-500}
  1448. </div>
  1449. {block:Caption}
  1450. <div class="caption" style="padding-top:7px;">
  1451. {Caption}
  1452. </div>
  1453. {/block:Caption}
  1454. {/block:Photoset}
  1455.  
  1456. {block:Quote}
  1457. <div class="quotebg">
  1458. <div class="quote">
  1459. <div class="q"><span class="iconify" data-icon="bx:bxs-quote-alt-left" data-inline="false"></span></div>
  1460. {Quote} </div></div>
  1461. <div class="quoteline"></div>
  1462. <div class="source">— {block:Source}{Source}{/block:Source}</div>
  1463. {/block:Quote}
  1464.  
  1465. {block:Link}
  1466. <div class="caption" style="background:rgba({RGBcolor:accent}, 0.07); padding:10px; padding-top:5px; padding-bottom:10px; margin-bottom:-2px;">
  1467. <h1 style="text-align:center; text-transform:uppercase; font-size:8px; letter-spacing:2px;"><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  1468. </div>
  1469. {/block:Link}
  1470.  
  1471. {block:Chat}
  1472. {block:Title}<h2>{Title}</h2>{/block:Title}<br>
  1473. <div class="caption" style="padding:5px; padding-top:5px; padding-bottom:5px;">
  1474. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1475. {Line}</li>{/block:Lines}</ul>
  1476. </div>
  1477. {/block:Chat}
  1478.  
  1479. {block:Audio}
  1480.  
  1481. <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}"><b>{TrackName}</b></tn><br>{/block:TrackName}{block:Artist}<ta title="{Artist}">{Artist}</ta>{/block:Artist}</div>{block:Caption}<div class="caption" style="padding-top:5px;">{Caption}</div>{/block:Caption}
  1482. </div>
  1483. {/block:Audio}
  1484.  
  1485. {block:Video}
  1486. {Video-400}
  1487. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  1488.  
  1489. {block:Answer}
  1490. <div class="caption" style="padding-bottom:0px;">
  1491. <div id="question">
  1492. <div class="m">q.</div>
  1493. <div id="qs">
  1494. {Question}</div>
  1495. </div>
  1496. <center>
  1497. <div class="sender">
  1498. <span class="nj">
  1499. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" width="1em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7c22.4 17.4 52.1 39.5 154.1 113.6c21.1 15.4 56.7 47.8 92.2 47.6c35.7.3 72-32.8 92.3-47.6c102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4c132.7-96.3 142.8-104.7 173.4-128.7c5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9c30.6 23.9 40.7 32.4 173.4 128.7c16.8 12.2 50.2 41.8 73.4 41.4z" fill="{color:accent}" /></svg>
  1500. sent by
  1501. </span>
  1502. {Asker}</div></center>
  1503. {Answer}
  1504. </div>
  1505. {/block:Answer}
  1506.  
  1507. {block:Date}
  1508.  
  1509. <div id="info">
  1510.  
  1511. {block:rebloggedfrom}<a href="{Permalink}" title="reblogged {TimeAgo}">{/block:rebloggedfrom}
  1512. {block:notreblog}<a href="{Permalink}" title="posted {TimeAgo}">{/block:notreblog}
  1513. <div class="cute">{dayofweek} @ {12Hour}:{Minutes}{AmPm}</div> &nbsp;</a>
  1514.  
  1515. <div class="dt">
  1516. {block:PermalinkPage}{block:rebloggedfrom}<a href="{reblogparenturl}" title="reblogged from"> <span class="iconify" data-icon="mdi:bookmark-outline" data-inline="false" style="margin-right:7px;"></span></a>{/block:rebloggedfrom}</span>{/block:PermalinkPage}
  1517. {block:NotReblog}
  1518. {block:contentsource} <a href="{sourceurl}" title="source" target=blank> <span class="iconify" data-icon="mdi:code-tags-check" data-inline="false" style="font-size:10px;"></span> </a>{/block:contentsource}
  1519. {/block:NotReblog} <a href="{Permalink}" title="{NoteCountWithLabel}"><span class="iconify" data-icon="mdi:heart-outline" data-inline="false"></span></a> <a href="{ReblogURL}" title="reblog" target="_blank" class="details" style="margin-left:2px;"><span class="iconify" data-icon="mdi:share-variant-outline" data-inline="false"></span></span></a>
  1520. </div>
  1521.  
  1522. </div>
  1523. {/block:Date}
  1524.  
  1525. <div style="padding-top:2px;">{block:HasTags}<div class="tags">
  1526.  
  1527. <b>tagged:</b>&nbsp;
  1528.  
  1529. {block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</span></div>
  1530.  
  1531. {block:PermalinkPage}
  1532. {block:PostNotes}
  1533. <div class="notes">
  1534. <a name="notes">{PostNotes}</a>
  1535. </div>
  1536. {/block:PostNotes}
  1537. {/block:PermalinkPage}
  1538. </div>
  1539.  
  1540. {/block:Posts}
  1541.  
  1542. {block:Pagination}
  1543. <div class="pagination">
  1544. {block:PreviousPage}<a href="{PreviousPage}">
  1545. <span class="iconify" data-icon="mdi:chevron-left" data-inline="false" style="vertical-align:middle;"></span> previous
  1546. </a>{/block:PreviousPage}
  1547. {block:NextPage}/ <a href="{NextPage}">
  1548. next <span class="iconify" data-icon="mdi:chevron-right" data-inline="false" style="vertical-align:middle;"></span>
  1549. </a>{/block:NextPage}
  1550. </div>
  1551. {/block:Pagination}
  1552.  
  1553. </div>
  1554. </center>
  1555.  
  1556. <!--
  1557.  
  1558. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  1559.  
  1560. <!-- < tabs content >
  1561. -->
  1562.  
  1563. <center>
  1564. <div id="TabzTwo" class="tabzcon alytut" style="display:none;
  1565. animation: animationFrames ease-in-out 1s;
  1566. animation-iteration-count: 1;
  1567. transform-origin: 50% 50%;
  1568. -webkit-animation: animationFrames ease-in-out 1s;
  1569. -webkit-animation-iteration-count: 1;
  1570. -webkit-transform-origin: 50% 50%;
  1571. -moz-animation: animationFrames ease-in-out 1s;
  1572. -moz-animation-iteration-count: 1;
  1573. -moz-transform-origin: 50% 50%;
  1574. -o-animation: animationFrames ease-in-out 1s;
  1575. -o-animation-iteration-count: 1;
  1576. -o-transform-origin: 50% 50%;
  1577. -ms-animation: animationFrames ease-in-out 1s;
  1578. -ms-animation-iteration-count: 1;
  1579. -ms-transform-origin: 50% 50%; border-radius:0px;">
  1580.  
  1581. <div id="post" style="margin-left:-17px;">
  1582. <div class="caption">
  1583.  
  1584. <div style="margin-top:-10px; margin-left:-3px; position:absolute;">
  1585. <div class="tabzclose">
  1586. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzOne');"><i class="fas fa-times" title="close this tab"></i></a>
  1587. </div>
  1588. </div>
  1589. <div style="margin-top:15px;">
  1590. <blockquote><strong style="font-size: 10px; margin-right:3px;">Q.</strong> lorem ipsum dolor sit amet [question]?</blockquote><p>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim. </p><blockquote><strong style="font-size: 10px; margin-right:3px;">Q.</strong> lorem ipsum dolor sit amet [question]?</blockquote><p>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim.</p>
  1591. <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>
  1592. </div>
  1593. </div>
  1594. </div>
  1595.  
  1596. </center>
  1597.  
  1598. <center>
  1599. <div id="TabzThree" class="tabzcon alytut" style="display:none; overflow:hidden; animation: animationFrames ease
  1600. in-out 1s;
  1601. animation-iteration-count: 1;
  1602. transform-origin: 50% 50%;
  1603. -webkit-animation: animationFrames ease-in-out 1s;
  1604. -webkit-animation-iteration-count: 1;
  1605. -webkit-transform-origin: 50% 50%;
  1606. -moz-animation: animationFrames ease-in-out 1s;
  1607. -moz-animation-iteration-count: 1;
  1608. -moz-transform-origin: 50% 50%;
  1609. -o-animation: animationFrames ease-in-out 1s;
  1610. -o-animation-iteration-count: 1;
  1611. -o-transform-origin: 50% 50%;
  1612. -ms-animation: animationFrames ease-in-out 1s;
  1613. -ms-animation-iteration-count: 1;
  1614. -ms-transform-origin: 50% 50%;">
  1615.  
  1616. <div id="post" style="margin-top:85px; background:transparent; border:0px solid; box-shadow:0px 0px 0px rgba({RGBcolor:box shadow}, 0);">
  1617. <div class="navibox">
  1618.  
  1619. <div class="navnav">
  1620. <a href="{text:tab link 1 url}"><span class="iconify" data-icon="bx:bxs-folder" data-inline="false"></span><br>{text:tab link 1 title}</a>
  1621. <a href="{text:tab link 2 url}"><span class="iconify" data-icon="bx:bxs-folder" data-inline="false"></span><br>{text:tab link 2 title}</a>
  1622. <a href="{text:tab link 3 url}"><span class="iconify" data-icon="bx:bxs-folder" data-inline="false"></span><br>{text:tab link 3 title}</a><br>
  1623.  
  1624. <a href="{text:tab link 4 url}"><span class="iconify" data-icon="bx:bxs-folder" data-inline="false" style="opacity:0.8;"></span><br>{text:tab link 4 title}</a>
  1625. <a href="{text:tab link 5 url}"><span class="iconify" data-icon="bx:bxs-folder" data-inline="false" style="opacity:0.8;"></span><br>{text:tab link 5 title}</a>
  1626. <a href="{text:tab link 6 url}"><span class="iconify" data-icon="bx:bxs-folder" data-inline="false" style="opacity:0.8;"></span><br>{text:tab link 6 title}</a><br>
  1627.  
  1628. <a href="{text:tab link 7 url}"><span class="iconify" data-icon="bx:bxs-folder" data-inline="false" style="opacity:0.6;"></span><br>{text:tab link 7 title}</a>
  1629. <a href="{text:tab link 8 url}"><span class="iconify" data-icon="bx:bxs-folder" data-inline="false" style="opacity:0.6;"></span><br>{text:tab link 8 title}</a>
  1630. <a href="{text:tab link 9 url}"><span class="iconify" data-icon="bx:bxs-folder" data-inline="false" style="opacity:0.6;"></span><br>{text:tab link 9 title}</a>
  1631. </div>
  1632. </div>
  1633. </div>
  1634. </div>
  1635. </center>
  1636.  
  1637. <div id="TabzFour" class="tabzcon alytut" style="display:none; overflow:hidden; animation: animationFrames ease
  1638. in-out 1s;
  1639. animation-iteration-count: 1;
  1640. transform-origin: 50% 50%;
  1641. -webkit-animation: animationFrames ease-in-out 1s;
  1642. -webkit-animation-iteration-count: 1;
  1643. -webkit-transform-origin: 50% 50%;
  1644. -moz-animation: animationFrames ease-in-out 1s;
  1645. -moz-animation-iteration-count: 1;
  1646. -moz-transform-origin: 50% 50%;
  1647. -o-animation: animationFrames ease-in-out 1s;
  1648. -o-animation-iteration-count: 1;
  1649. -o-transform-origin: 50% 50%;
  1650. -ms-animation: animationFrames ease-in-out 1s;
  1651. -ms-animation-iteration-count: 1;
  1652. -ms-transform-origin: 50% 50%;">
  1653.  
  1654. <center>
  1655. <div id="post" style=" border-bottom-left-radius:0px; border-bottom-right-radius:0px;">
  1656. <div class="caption">
  1657. <h2 style="text-align:center;">using/purchasing my codes means you agree to the following terms:</h2>
  1658. <blockquote>
  1659. <ul style="margin-left: -25px;">
  1660. <li>you may not copy/replicate the code.</li>
  1661.  
  1662. <li>you may not insert a part of it (eg. tabs) in another creator&rsquo;s theme.</li><li>you may not&nbsp;redistribute the code.</li>
  1663.  
  1664. <li>you may not use the code as a base.</li>
  1665.  
  1666. <li>you may not edit/remove the credit.</li>
  1667.  
  1668. </ul>
  1669.  
  1670. <blockquote>
  1671. if you are confused about anything regarding the above items, please <a href="/ask">message me</a> for clarification before proceeding.</blockquote></blockquote>
  1672.  
  1673. <h2 style="font-size: 11px;">for mac users:</h2><blockquote>if you are unable to open or install the theme you purchased, message me with the paypal email you used and i will give you a&nbsp;<strong>private pastebin link</strong>&nbsp;so you can manually save the code.&nbsp;please note that, for safety purposes, the paste will expire in&nbsp;<strong>24 hours</strong>, so be sure to save it as soon as the link is sent to you.</blockquote>
  1674.  
  1675. </div>
  1676. </div>
  1677.  
  1678. <div class="rulesb">
  1679.  
  1680. <a href="/url" style="margin-right:6px; border-bottom:0px solid;"><span class="btn btn-default" data-toggle="tooltip" title="check to proceed"><i class="fa fa-square"></i></span></a> i have read and agree to the rules.
  1681. </div>
  1682.  
  1683. </center>
  1684. </div>
  1685.  
  1686. <!--
  1687.  
  1688. < *TABS END >
  1689.  
  1690. -->
  1691.  
  1692. </div>
  1693. </div>
  1694.  
  1695. <div class="pagi">
  1696. <div style="text-align:center;">{text:sidebar footer text}</div>
  1697. </a>
  1698. {/block:NextPage}
  1699. </div>
  1700.  
  1701. <div class="line"></div>
  1702.  
  1703. </div>
  1704. </div>
  1705.  
  1706. {/block:Posts}
  1707.  
  1708. </div>
  1709.  
  1710. </div></div>
  1711.  
  1712. </ul>
  1713. </div>
  1714.  
  1715. <!-- credit. please don't edit this -->
  1716.  
  1717. <div class="mint">
  1718. <a href="https://mintrps.tumblr.com">
  1719. <span class="iconify" data-icon="bx:bx-code-alt" data-inline="false"></span>
  1720. </a>
  1721. <span class="minttext">
  1722. theme by mint</span>
  1723. </div>
  1724.  
  1725.  
  1726. <!-- copy up to here to add more muses -->
  1727.  
  1728. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  1729. <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/circletype.min.js"></script>
  1730. <script>
  1731. new CircleType(document.getElementById('circle'))
  1732. </script>
  1733.  
  1734. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1735. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1736. <script>
  1737. (function($){
  1738. $(document).ready(
  1739. function() {
  1740. $("[title]").style_my_tooltips(
  1741. { tip_follows_cursor:true,
  1742. tip_delay_time:80,
  1743. tip_fade_speed:400,
  1744. attribute:"title" });
  1745. }); })(jQuery);
  1746. </script>
  1747.  
  1748. <script>
  1749. $("span").click(function(){
  1750. $(this).find("i").removeClass("fa-square").addClass("fa-check-square");
  1751. });
  1752. </script>
  1753.  
  1754. </body>
  1755. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!