API tools faq
paste
mintrps

poppin' star ! ♡ ━

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