API tools faq
paste
mintrps

break your rules ; ♡ ━

mintrps
Feb 24th, 2020 (edited)
4,405
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 61.02 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. a theme by @mintrps.
  7.  
  8. please check my terms
  9. of use in the post !
  10.  
  11. - icon font by @suiomi
  12. - icon font by fontawesome
  13. - fonts from google fonts
  14. - images from unsplash
  15. - tabs by ncighbourhood
  16. - animation by animista
  17.  
  18.  
  19.  
  20. -->
  21.  
  22. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  23. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24.  
  25. <head>
  26.  
  27. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  28. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  29. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  30. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  31. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  32. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  33. <link href="https://fonts.googleapis.com/css?family=Karla&display=swap" rel="stylesheet">
  34. <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700&display=swap" rel="stylesheet">
  35. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i&display=swap" rel="stylesheet">
  36. <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
  37. <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap" rel="stylesheet">
  38. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i&display=swap" rel="stylesheet">
  39. <link href="https://fonts.googleapis.com/css?family=Varela+Round&display=swap" rel="stylesheet">
  40. <title>{Title}</title>
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44.  
  45. <meta name="color:background" content="#eaeaea"/>
  46. <meta name="color:text" content="#525252"/>
  47. <meta name="color:borders" content="#f0f0f0"/>
  48. <meta name="color:post borders" content="#f8f8f8"/>
  49. <meta name="color:nav tab link bg" content="#f8f8f8"/>
  50. <meta name="color:nav tab link icon bg" content="#dddddd"/>
  51. <meta name="color:info bg" content="#fdfdfd"/>
  52. <meta name="color:info text" content="#525252"/>
  53. <meta name="color:bold" content="#000000"/>
  54. <meta name="color:links" content="#000000"/>
  55. <meta name="color:accent" content="#000000"/>
  56. <meta name="color:accent 2" content="#f3f3f3"/>
  57. <meta name="color:accent 3" content="#fff"/>
  58. <meta name="color:sideways text bar bg" content="#fdfdfd"/>
  59. <meta name="color:bottom bg" content="#f5f5f5"/>
  60. <meta name="color:underlined" content="#f3f3f3"/>
  61. <meta name="color:sidebar" content="#f1f1f1"/>
  62. <meta name="color:title color" content="#525252"/>
  63. <meta name="color:container background" content="#f8f8f8"/>
  64. <meta name="color:post background" content="#fdfdfd"/>
  65.  
  66. <meta name="image:page bg" content=""/>
  67. <meta name="image:info bg" content=""/>
  68. <meta name="image:icon" content=""/>
  69.  
  70. <meta name="if:grayscale" content="1"/>
  71. <meta name="if:faq tab" content="1"/>
  72.  
  73. <meta name="select:bullet type" content="\e12b" title="heart" />
  74. <meta name="select:bullet type" content="\e09a" title="circle" />
  75. <meta name="select:bullet type" content="\e0c7" title="x" />
  76. <meta name="select:bullet type" content="\e08f" title="chevron" />
  77.  
  78. <meta name="select:font family" content="work sans" title="work sans" />
  79. <meta name="select:font family" content="abeezee" title="abeezee" />
  80. <meta name="select:font family" content="karla" title="karla" />
  81. <meta name="select:font family" content="montserrat" title="montserrat" />
  82.  
  83. <meta name="select:font size" content="9" title="9px" />
  84. <meta name="select:font size" content="10" title="10px" />
  85.  
  86. <meta name="text:side title" content="my dreams are filled with you all night.">
  87. <meta name="text:desc" content="tell you something, even if i try to pretend to be bold i’m always surprised when i see you smile. when it’s too late it becomes irreversible, this is a chance to hold onto me. you break your rules, not gonna have anymore gaps like parallel lines, you break your rules, i’m gonna cross that line starting with me first, you break your rules, i’m sorry if you were shocked by my loud heartbeat, look at me with those eyes from the dream.">
  88. <meta name="text:circle text" content="youbreakyourrules">
  89.  
  90. <meta name="text:side link 1 title" content="index tab">
  91. <meta name="text:side link 1 subtitle" content="go back">
  92. <meta name="text:side link 2 title" content="message">
  93. <meta name="text:side link 2 subtitle" content="askbox">
  94. <meta name="text:side link 3 title" content="navigation">
  95. <meta name="text:side link 3 subtitle" content="explore">
  96. <meta name="text:side link 4 title" content="muses">
  97. <meta name="text:side link 4 subtitle" content="the kids">
  98.  
  99. <meta name="text:first navigation tab title" content="section">
  100. <meta name="text:first navigation tab title span" content="one.">
  101. <meta name="text:second navigation tab title" content="section">
  102. <meta name="text:second navigation tab title span" content="two.">
  103.  
  104. <meta name="text:faq tab title" content="faq.">
  105. <meta name="text:tab link 1 title" content="link one">
  106. <meta name="text:tab link 1 url" content="/url">
  107. <meta name="text:tab link 2 title" content="link two">
  108. <meta name="text:tab link 2 url" content="/url">
  109. <meta name="text:tab link 3 title" content="link three">
  110. <meta name="text:tab link 3 url" content="/url">
  111. <meta name="text:tab link 4 title" content="link four">
  112. <meta name="text:tab link 4 url" content="/url">
  113. <meta name="text:tab link 5 title" content="link five">
  114. <meta name="text:tab link 5 url" content="/url">
  115. <meta name="text:tab link 6 title" content="link six">
  116. <meta name="text:tab link 6 url" content="/url">
  117. <meta name="text:tab link 7 title" content="link seven">
  118. <meta name="text:tab link 7 url" content="/url">
  119. <meta name="text:tab link 8 title" content="link eight">
  120. <meta name="text:tab link 8 url" content="/url">
  121. <meta name="text:tab link 9 title" content="link nine">
  122. <meta name="text:tab link 9 url" content="/url">
  123. <meta name="text:tab link 10 title" content="link ten">
  124. <meta name="text:tab link 10 url" content="/url">
  125. <meta name="text:tab link 11 title" content="link eleven">
  126. <meta name="text:tab link 11 url" content="/url">
  127. <meta name="text:tab link 12 title" content="link twelve">
  128. <meta name="text:tab link 12 url" content="/url">
  129.  
  130. <script src="https://kit.fontawesome.com/1614dc65f2.js" crossorigin="anonymous"></script>
  131.  
  132. <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
  133.  
  134. <script>
  135. function openAlytut(evt, alytutName) {
  136. var i, x, tablinks;
  137. x = document.getElementsByClassName("alytut");
  138. for (i = 0; i < x.length; i++) {
  139. x[i].style.display = "none";
  140. }
  141. tablinks = document.getElementsByClassName("tablink");
  142. for (i = 0; i < x.length; i++) {
  143. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  144. }
  145. document.getElementById(alytutName).style.display = "block";
  146. evt.currentTarget.className += " tabzact";
  147. }
  148. </script>
  149.  
  150. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  151. <script type="text/javascript">
  152. $(document).ready(function(){
  153. popUp(true);
  154. });
  155. </script>
  156.  
  157. <style type="text/css">
  158.  
  159. /* TABS STYLING--
  160. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  161. */
  162.  
  163. .tabzcon {
  164. margin-top:0px;
  165. margin-left:15px;
  166. padding:10px;
  167. padding-top:5px;
  168. position:absolute;
  169. width:300px; {block:if400px} width:400px; {/block:if400px}
  170. padding-left:10px;
  171. border-radius:0px;
  172. position:fixed;
  173. overflow:auto;
  174. overflow-y:hidden;
  175. overflow:auto;
  176. padding-top:0px;
  177. padding-right:20px;
  178. padding-left:20px;
  179. margin-left:335px;
  180. margin-top:100px;
  181. z-index:10;
  182. background:transparent;
  183. height:365px;
  184. {block:Pages}
  185. background:{color:post background};
  186. {/block:Pages}
  187. -webkit-transition: all 0.6s ease-in-out;
  188. -moz-transition: all 0.6s ease-in-out;
  189. -o-transition: all 0.6s ease-in-out;
  190. -ms-transition: all 0.6s ease-in-out;
  191. transition: all 0.6s ease-in-out;
  192. font-family:{select:font-family};
  193. font-size:{select:font size}px;
  194. line-height:200%;
  195. scrollbar-color:transparent transparent;
  196. scrollbar-width: none;
  197. }
  198.  
  199. @keyframes animationFrames{
  200. 0% {
  201. opacity:0;
  202. }
  203. 100% {
  204. opacity:1;
  205. }
  206. }
  207.  
  208. @-moz-keyframes animationFrames{
  209. 0% {
  210. opacity:0;
  211. }
  212. 100% {
  213. opacity:1;
  214. }
  215. }
  216.  
  217. @-webkit-keyframes animationFrames {
  218. 0% {
  219. opacity:0;
  220. }
  221. 100% {
  222. opacity:1;
  223. }
  224. }
  225.  
  226. @-o-keyframes animationFrames {
  227. 0% {
  228. opacity:0;
  229. }
  230. 100% {
  231. opacity:1;
  232. }
  233. }
  234.  
  235. @-ms-keyframes animationFrames {
  236. 0% {
  237. opacity:0;
  238. }
  239. 100% {
  240. opacity:1;
  241. }
  242. }
  243.  
  244. #base {
  245. margin-top:45px;
  246. margin-left:0px;
  247. position:fixed;
  248. padding:10px;
  249. width:205px;
  250. height:260px;
  251. background-color:#e1c9bf;
  252. }
  253.  
  254. .tabzclose {
  255. text-transform:uppercase;
  256. font-weight:bold;
  257. font-size:calc({select:font size} - 1px);
  258. padding:3px;
  259. color:inherit;
  260. margin-top:-15px;
  261. margin-right:-7px;
  262. float:right;
  263. }
  264.  
  265. .tabzclose:hover {
  266. cursor:pointer;
  267. }
  268.  
  269. ::-webkit-scrollbar-thumb {
  270. height:auto;
  271. background-color:{color:Scrollbar};
  272. margin-left:1px;
  273. display:none;
  274. }
  275.  
  276. ::-webkit-scrollbar {
  277. height:9px;
  278. width:1px;
  279. background-color:transparent;
  280. }
  281.  
  282. ::-webkit-scrollbar-thumb {
  283. background:transparent;
  284. }
  285.  
  286. ::-webkit-scrollbar-corner {
  287. background:transparent;
  288. }
  289.  
  290. body {
  291. background:{color:background};
  292. margin-top:-20px;
  293. margin-left:0px;
  294. color:{color:text};
  295. font-family:{select:font family};
  296. font-family:{select:font size};
  297. line-height:200%;
  298. letter-spacing:1px;
  299. text-align:justify;
  300. background-position:fixed;
  301. width:640px;
  302. height:500px;
  303. margin:0px auto;
  304. }
  305.  
  306. sup, sub {
  307. font-size:10px;
  308. }
  309.  
  310. a {
  311. text-decoration:none;
  312. outline:none;
  313. -moz-outline-style:none;
  314. color:{color:links};
  315. border-bottom:0px solid {color:borders};
  316. box-shadow: 0 -5px rgba({RGBcolor:underlined}, 1) inset;
  317. }
  318.  
  319. img {
  320. border:none;
  321. }
  322.  
  323.  
  324. h2 small {
  325. font-size:23px;
  326. }
  327.  
  328. h2 a {
  329. font-size:23px;
  330. }
  331.  
  332. h2 small a {
  333. font-size:23px;
  334. }
  335.  
  336. b, strong {
  337. color:{color:bold};
  338. font-weight:600;
  339. }
  340.  
  341. .tumblr_blog {
  342. text-transform:lowercase;
  343. letter-spacing:1.5px;
  344. font-size:{select:font size}px;
  345. border-bottom:0px solid #222;
  346. color:{color:text};
  347. }
  348.  
  349. sup {
  350. font-size:{select:font size}px;
  351. }
  352.  
  353. sub {
  354. font-size:{select:font size}px;
  355. }
  356.  
  357. small {
  358. font-size:{select:font size}px;
  359. }
  360.  
  361. h1, h2, h3, h4 {
  362. margin:0px; text-align:left; text-transform:lowercase; margin-top:10px; margin-bottom:15px; word-spacing:0px; margin-bottom:10px; font-size:20px; color:{color:text}; padding-right:0px; letter-spacing:1px; border-radius:0px; font-family:roboto; font-weight:800;
  363. }
  364.  
  365. h1, h2, h3, h4 a {
  366. color:{color:text};
  367. }
  368.  
  369. h2 { font-size: 18px; }
  370.  
  371. h3 { font-size: 16px; }
  372.  
  373. h4 { font-size: 14px; }
  374.  
  375. h1 small {
  376. font-size:23px;
  377. }
  378.  
  379. h2 small {
  380. font-size:23px;
  381. }
  382.  
  383. h1 sup {
  384. font-size:23px;
  385. }
  386.  
  387. h1 sub {
  388. font-size:23px;
  389. }
  390.  
  391. h2 small {
  392. font-size:23px;
  393. }
  394.  
  395. h2 sup {
  396. font-size:23px;
  397. }
  398.  
  399. h2 sub {
  400. font-size:23px;
  401. }
  402.  
  403. h4 {
  404. font-size:14px;
  405. }
  406.  
  407. blockquote {
  408. border-left:1px solid {color:borders};
  409. padding-left:10px;
  410. margin-left:5px;
  411. width:93%;
  412. }
  413.  
  414. #post blockquote img {
  415. max-width:265px;
  416. height:auto;
  417. }
  418.  
  419. #post blockquote blockquote img {
  420. max-width:250px;
  421. height:auto;
  422. }
  423.  
  424. #post blockquote blockquote blockquote img {
  425. max-width:235px;
  426. height:auto;
  427. }
  428.  
  429. #post blockquote blockquote blockquote blockquote img {
  430. max-width:220px;
  431. height:auto;
  432. }
  433.  
  434. #post blockquote blockquote blockquote blockquote blockquote img {
  435. max-width:205px;
  436. height:auto;
  437. }
  438.  
  439. /*CONTAINER*/
  440.  
  441. #container {
  442. margin-top:4px;
  443. margin-left:352px;
  444. margin-right:auto;
  445. width:350px;
  446. max-height:346px;
  447. text-align:left;
  448. position:fixed;
  449. padding-left:0px;
  450. padding-top:0px;
  451. }
  452.  
  453. /* entries */
  454.  
  455. #entries {
  456. position:fixed;
  457. height:410px;
  458. width:590px;
  459. margin-top:80px;
  460. box-shadow:0px 0px 0px #222;
  461. padding-top:0px;
  462. padding-top:55px;
  463. background:rgba( {RGBcolor:container background}, 1 );
  464. border:1px solid {color:borders};
  465. background-image:url('{image:container bg}');
  466. margin-left:-10px;
  467. z-index:0;
  468. border-radius:7px;
  469. }
  470.  
  471. #entries2 {
  472. position:fixed;
  473. height:500px;
  474. width:630px;
  475. background:rgba({RGBcolor:right box bg}, 0);
  476. margin-top:65px;
  477. margin-left:30px;
  478. border-radius:7px;
  479. }
  480.  
  481. /* posts */
  482.  
  483. #post {
  484. width:300px;
  485. margin-left:-15px;
  486. margin-top:0px;
  487. height: auto;
  488. margin-bottom:30px;
  489. color: {color:text};
  490. letter-spacing:0px;
  491. line-height:200%;
  492. text-align:justify;
  493. text-transform:none;
  494. letter-spacing:1px;
  495. background:transparent;
  496. text-transform:none;
  497. background:transparent;
  498. border-radius:15px;
  499. border:0px solid {color:borders};
  500. background:rgba({RGBcolor:post background}, 1);
  501. z-index:100000000000000000000000000000000000000000000;
  502. padding:0px;
  503. font-family:{select:font-family};
  504. font-size:{select:font size}px;
  505. }
  506.  
  507. #post b {
  508. box-shadow: 0 -5px rgba({RGBcolor:underlined}, 1) inset;
  509. }
  510.  
  511. #post img {
  512. border-radius:0px;
  513. {block:ifImageOpacity}
  514. opacity:0.4;
  515. {/block:ifImageOpacity}
  516. {block:ifGrayscale}
  517. -webkit-filter: grayscale(100%);
  518. {/block:ifGrayscale}
  519. height:auto;
  520. }
  521.  
  522. #post img:hover {
  523. -webkit-filter: grayscale(0%);
  524. {block:ifGrayscale}
  525. -webkit-filter: grayscale(100%);
  526. {/block:ifGrayscale}
  527. -webkit-transition: all 0.6s ease-in-out;
  528. -moz-transition: all 0.6s ease-in-out;
  529. -o-transition: all 0.6s ease-in-out;
  530. -ms-transition: all 0.6s ease-in-out;
  531. transition: all 0.6s ease-in-out;
  532. }
  533.  
  534. iframe {
  535. border-radius:0px;
  536. max-width:300px;
  537. }
  538. .media img, .media iframe {
  539. display:block;
  540. border-radius:0px;
  541. margin-top:5px;
  542. {block:ifGrayscale}
  543. -webkit-filter: grayscale(100%);
  544. {/block:ifGrayscale}
  545. -webkit-transition: all 0.6s ease-in-out;
  546. -moz-transition: all 0.6s ease-in-out;
  547. -o-transition: all 0.6s ease-in-out;
  548. -ms-transition: all 0.6s ease-in-out;
  549. transition: all 0.6s ease-in-out;
  550. {block:ifImageOpacity}
  551. opacity:0.4;
  552. {/block:ifImageOpacity}
  553. }
  554.  
  555. .media img:hover, .media iframe:hover {
  556. display:block;
  557. border-radius:0px;
  558. {block:ifGrayscale}
  559. -webkit-filter: grayscale(100%);
  560. {/block:ifGrayscale}
  561. -webkit-transition: all 0.6s ease-in-out;
  562. -moz-transition: all 0.6s ease-in-out;
  563. -o-transition: all 0.6s ease-in-out;
  564. -ms-transition: all 0.6s ease-in-out;
  565. transition: all 0.6s ease-in-out;
  566. {block:ifImageOpacity}
  567. opacity:0.4;
  568. {/block:ifImageOpacity}
  569. padding:0px;
  570. }
  571.  
  572. .html_photoset {
  573. width:300px;
  574. {block:ifGrayscale}
  575. -webkit-filter: grayscale(100%);
  576. {/block:ifGrayscale}
  577. -webkit-transition: all 0.6s ease-in-out;
  578. -moz-transition: all 0.6s ease-in-out;
  579. -o-transition: all 0.6s ease-in-out;
  580. -ms-transition: all 0.6s ease-in-out;
  581. transition: all 0.6s ease-in-out;
  582. }
  583. .html_photoset:hover {
  584. -webkit-filter: grayscale(0%);
  585. {block:ifGrayscale}
  586. -webkit-filter: grayscale(100%);
  587. {/block:ifGrayscale}
  588. -webkit-transition: all 0.6s ease-in-out;
  589. -moz-transition: all 0.6s ease-in-out;
  590. -o-transition: all 0.6s ease-in-out;
  591. -ms-transition: all 0.6s ease-in-out;
  592. transition: all 0.6s ease-in-out;
  593. }
  594.  
  595. .caption {
  596. padding:15px;
  597. padding-top:5px;
  598. padding-bottom:8px;
  599. }
  600.  
  601. ul {
  602. margin-left:-15px;
  603. text-align:left;
  604. }
  605.  
  606. li {
  607. padding-left: 0px;
  608. list-style: none;
  609. }
  610.  
  611. li:before {
  612. margin-left: -10px;
  613. width: 16px;
  614. color: {color:accent};
  615. font-size:6px;
  616. font-weight:300;
  617. display: inline-block;
  618. content: url('https://api.iconify.design/entypo:dot-single.svg?height=5');
  619. }
  620.  
  621. ul li {
  622. width:95%;
  623. text-align:justify;
  624. list-style-type: none;
  625. }
  626.  
  627. /* chat posts */
  628.  
  629. .answer span,.convo li{
  630. margin:0 0 5px;
  631. border-radius:0px;
  632. padding:5px;
  633. padding-left:0px;
  634. padding-right:0px;
  635. max-width:100%;
  636. clear:both;
  637. position:relative;
  638. line-height:200%;
  639. }
  640.  
  641. .convo strong {
  642. color:{color:bold};
  643. }
  644.  
  645. .convo b {
  646. color:{color:bold};
  647. }
  648.  
  649. .convo li:before {
  650. content:'';
  651. }
  652.  
  653. .label {
  654. font-size:8px;
  655. letter-spacing:1px;
  656. font-weight:600;
  657. text-transform:uppercase;
  658. color:{color:text};
  659. margin-right:2px;
  660. margin-left:-5px;
  661. }
  662.  
  663. .footerright .viasrc {
  664. float: left;
  665. }
  666. .asked a {
  667. margin:0;padding:0;
  668. }
  669.  
  670. .user_4{
  671. background:{color:container background};
  672. color:{color:text};
  673. padding:10px;
  674. line-height:100%;
  675. }
  676.  
  677. .user_4::after{
  678. border-color:{color:borders};
  679. padding:10px;
  680. }
  681.  
  682. .user_3{
  683. background:{color:container background};
  684. padding:10px;
  685. color:{color:text};
  686. line-height:100%;
  687. }
  688.  
  689. .user_3::after{
  690. border-color:{color:borders};
  691. padding:10px;
  692. }
  693.  
  694. .convo {
  695. overflow: hidden;
  696. list-style-type: none;
  697. padding: 0;
  698. margin: 0;
  699. line-height:100%;
  700. }
  701.  
  702. .answer span,.convo li { width:95%; border-radius:0em; clear:both; list-style-type:none; line-height:170%; padding-left:7px; padding-right:7px; text-align:left; }
  703.  
  704. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13 { background:rgba({RGBcolor:container background}, 0.2); border-radius:0px; line-height:100%;}
  705. .answer .them,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14 { background:rgba({RGBcolor:container background}, 1); border-radius:0px; line-height:100%; }
  706.  
  707. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after,.user_14::after { border-left:.5em solid {color:container background}; }
  708. .convo { overflow:hidden; list-style-type:none; padding:0px; margin-top:-13px; list-style-type:none; margin-bottom:0px; line-height:100%; }
  709.  
  710. /* quotes */
  711.  
  712. .quote {
  713. padding:10px;
  714. text-align:left;
  715. margin-top:0px;
  716. color:{color:text};
  717. background:rgba({RGBcolor:container background}, 0.5);
  718. margin-left:-15px;
  719. padding:15px;
  720. padding-right:35px;
  721. padding-left:30%;
  722. line-height:160%;
  723. width:184px;
  724. margin-bottom:25px;
  725. border-bottom:3px solid {color:post borders};
  726. }
  727.  
  728. .q {
  729. position:absolute;
  730. margin-left:-35px;
  731. vertical-align:middle;
  732. text-align:center;
  733. font-size:20px;
  734. text-transform:uppercase;
  735. }
  736.  
  737. .source {
  738. margin-top:-10px;
  739. letter-spacing:1px;
  740. opacity:1;
  741. margin-bottom:10px;
  742. text-align:center;
  743. }
  744.  
  745. /* sidebar */
  746.  
  747. #box{
  748. padding:10px;
  749. padding-right:150px;
  750. z-index:-9999;
  751. position:fixed;
  752. margin-top:175px;
  753. background:transparent;
  754. font-size:10px;
  755. margin-left:30px;
  756. width:540px;
  757. {block:if400px}
  758. width:640px;
  759. {/block:if400px}
  760. height:2px;
  761. border:0px solid {color:borders};
  762. color:{color:text};
  763. border-radius:0px;
  764. font-family:'arial';
  765. color:{color:background};
  766. opacity:1;
  767. z-index:1;
  768. }
  769.  
  770. .sidetxt {
  771. position:absolute;
  772. width:465px;
  773. height:10px;
  774. text-align:center;
  775. line-height:100%;
  776. color:{color:text};
  777. text-transform:lowercase;
  778. font-size:6px;
  779. letter-spacing:2px;
  780. margin-top:-275px;
  781. padding-top:18px;
  782. padding-bottom:18px;
  783. margin-left:-210px;
  784. transform:rotate(-90deg);
  785. background:{color:sideways text bar bg};
  786. pointer-events:none;
  787. border-top-left-radius:7px;
  788. border-top-right-radius:7px;
  789. }
  790.  
  791. .navb {
  792. position:absolute;
  793. color:{color:text};
  794. text-transform:uppercase;
  795. font-size:20px;
  796. text-align:center;
  797. width:265px;
  798. letter-spacing:2px;
  799. margin-left:90px;
  800. margin-top:-310px;
  801. z-index:10000000000000000000000000;
  802. font-weight:600;
  803. }
  804.  
  805. .navb a {
  806. text-align:center;
  807. vertical-align:middle;
  808. display:block;
  809. width:30px;
  810. height:30px;
  811. padding:10px;
  812. padding-bottom:7px;
  813. padding-top:15px;
  814. border:1px solid {color:text};
  815. color:{color:text};
  816. -webkit-transition: all 0.2s ease-in-out;
  817. -moz-transition: all 0.2s ease-in-out;
  818. -o-transition: all 0.2s ease-in-out;
  819. -ms-transition: all 0.2s ease-in-out;
  820. transition: all 0.2s ease-in-out;
  821. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  822. box-shadow: 0 -5px rgba({RGBcolor:accent 2}, 0) inset;
  823. }
  824.  
  825. .navb a:hover {
  826. box-shadow: 0 -5px rgba({RGBcolor:accent 2}, 0) inset;
  827. -webkit-transition: all 0.2s ease-in-out;
  828. -moz-transition: all 0.2s ease-in-out;
  829. -o-transition: all 0.2s ease-in-out;
  830. -ms-transition: all 0.2s ease-in-out;
  831. transition: all 0.2s ease-in-out;
  832. }
  833.  
  834. .ntext {
  835. width:200px;
  836. text-align:right;
  837. position:fixed;
  838. transform:rotate(-90deg);
  839. margin-left:-109px;
  840. margin-top:93px;
  841. text-transform:lowercase;
  842. font-size:6px;
  843. letter-spacing:2px;
  844. }
  845.  
  846. .ntext a {
  847. width:auto;
  848. height:auto;
  849. padding:0px;
  850. padding-bottom:0px;
  851. padding-top:0px;
  852. border:0px solid {color:text};
  853. }
  854.  
  855. @font-face { font-family: "dattebayo"; src: url('https://dl.dropboxusercontent.com/s/l1xjufr6mc2pm5t/dattebayomint.ttf') ;}
  856. @font-face { font-family: "gama hand"; src: url('https://dl.dropboxusercontent.com/s/0c2ev1rkufll91u/gamahandmint.ttf') ;}
  857. @font-face { font-family: "sugar candy"; src: url('https://dl.dropboxusercontent.com/s/n4nyui1fasp3omn/sugarcandymint.ttf') ;}
  858. @font-face { font-family: "mindfully"; src: url('https://dl.dropboxusercontent.com/s/xecty5js8x4cqfz/mindfullymint.ttf') ;}
  859. @font-face { font-family: "thesecret"; src: url('https://dl.dropboxusercontent.com/s/1ie4r4nm1oit8gt/thesecretmint.ttf') ;}
  860. @font-face { font-family: "smoothstone"; src: url('https://dl.dropboxusercontent.com/s/1ie4r4nm1oit8gt/thesecretmint.ttf') ;}
  861.  
  862. .sidetitle {
  863. font-family:'abril fatface';
  864. font-style:normal;
  865. font-weight:300;
  866. font-size:40px;
  867. line-height:70%;
  868. text-transform:lowercase;
  869. letter-spacing:0px;
  870. margin-top:-45px;
  871. width:260px;
  872. height:105px;
  873. padding-top:50px;
  874. word-spacing:-3px;
  875. letter-spacing:0px;
  876. display:inline;
  877. margin-left:55px;
  878. transform:rotate(0deg);
  879. opacity:1;
  880. position:absolute;
  881. color:{color:title color};
  882. text-align:center;
  883. z-index:1;
  884. }
  885.  
  886. .sidetitle a {
  887. box-shadow: 0 -25px rgba({RGBcolor:post background}, 0) inset;
  888. display:inline;
  889. }
  890.  
  891. .sidetitle span {
  892. font-family:'thesecret';
  893. font-size:60px;
  894. line-height:10%;
  895. }
  896.  
  897. .subt {
  898. margin-top:-55px;
  899. font-weight:300;
  900. font-size:100px;
  901. font-family:'mint';
  902. }
  903.  
  904. .subt a {
  905. color:{color:text};
  906. font-weight:300;
  907. word-spacing:0px;
  908. box-shadow: 0 -5px rgba({RGBcolor:accent 2}, 0) inset;
  909. }
  910.  
  911. .pagination {
  912. position:absolute;
  913. width:85px;
  914. text-align:right;
  915. line-height:100%;
  916. color:{color:text};
  917. font-family:montserrat;
  918. text-transform:uppercase;
  919. font-size:6px;
  920. padding:5px;
  921. border:0px solid {color:text};
  922. letter-spacing:2px;
  923. margin-top:-465px;
  924. margin-left:225px;
  925. z-index:9999999999999999999999999999999999999999;
  926. font-weight:600;
  927. transform:rotate(0deg);
  928. opacity:0.8;
  929. line-height:100%;
  930. }
  931.  
  932. .pagination span {
  933. font-size:9px;
  934. line-height:100%;
  935. }
  936.  
  937. .hort {
  938. width:15px;
  939. height:15px;
  940. line-height:100%;
  941. position:absolute;
  942. text-align:center;
  943. margin-left:305px;
  944. margin-top:-468px;
  945. display:none;
  946. }
  947.  
  948. .pagination:hover {
  949. -webkit-transition: all 0.2s ease-in-out;
  950. -moz-transition: all 0.2s ease-in-out;
  951. -o-transition: all 0.2s ease-in-out;
  952. -ms-transition: all 0.2s ease-in-out;
  953. transition: all 0.2s ease-in-out;
  954. }
  955.  
  956. .pagination a {
  957. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  958. }
  959.  
  960. #boxy {
  961. margin-left:42px;
  962. margin-top:-55px;
  963. background-position:center;
  964. padding:0px;
  965. width:350px;
  966. height:485px;
  967. border-left:0px solid {color:borders};
  968. border-right:0px solid {color:borders};
  969. {block:ifGrayscale}
  970. -webkit-filter: grayscale(0%);
  971. {/block:ifGrayscale}
  972. z-index:0;
  973. }
  974.  
  975. .blob {
  976. position:fixed;
  977. width:250px;
  978. height:250px;
  979. margin-top:-490px;
  980. margin-left:50px;
  981. z-index:1;
  982. fill:{color:accent 3};
  983. padding:10px;
  984. display:none;
  985. }
  986.  
  987.  
  988. .blob2 {
  989. position:fixed;
  990. width:250px;
  991. height:250px;
  992. margin-top:-540px;
  993. margin-left:20px;
  994. z-index:1;
  995. fill:transparent;
  996. stroke:rgba({RGBcolor:bottom bg border}, 1);
  997. display:none;
  998. }
  999.  
  1000. #sideimg {
  1001. pointer-events:none;
  1002. margin-top:-455px;
  1003. margin-left:150px;
  1004. position:absolute;
  1005. z-index:1;
  1006. width:250px;
  1007. height:250px;
  1008. border-radius:0%;
  1009. background-image:url('{image:sidebar bg}');
  1010. {block:ifGrayscale}
  1011. -webkit-filter: grayscale(100%);
  1012. {/block:ifGrayscale}
  1013. border-radius:100%;
  1014. }
  1015.  
  1016. #sideimg img {
  1017. width:180px;
  1018. height:250px;
  1019. margin-top:0px;
  1020. margin-left:0px;
  1021. border:0px solid {color:borders};
  1022. {block:ifGrayscale}
  1023. filter:grayscale(100%);
  1024. {/block:ifGrayscale}
  1025. position:relative;
  1026. border-radius:100%;
  1027. }
  1028.  
  1029. #sf { position:fixed; text-align:left; font-size:6.5px; letter-spacing:2px; border-radius:10px; width:100px; background: url('https://66.media.tumblr.com/529b4c6967eed4836cbaead832887ebd/a24c6c4e867999da-1f/s75x75_c1/c3561f50a280fc1f487a1cbc63e12eeb6e31d00b.png') {color:sideways text bar bg} right center no-repeat; background-size: 15px 11px; z-index:100; }
  1030.  
  1031. .sfm input {
  1032. background-color: {color:sideways text bar bg};
  1033. font-size: 8px;
  1034. text-transform: uppercase;
  1035. margin-top: -465px;
  1036. margin-left:65px;
  1037. color:{color:text};
  1038. letter-spacing: 1px;
  1039. padding: 6px;
  1040. border:0px solid {color:borders};
  1041. z-index:100;
  1042. }
  1043.  
  1044. .png {
  1045. pointer-events:none;
  1046. position:absolute;
  1047. z-index:10;
  1048. z-index:10000;
  1049. border-radius:0%;
  1050. {block:ifGrayscale}
  1051. -webkit-filter: grayscale(0%);
  1052. {/block:ifGrayscale}
  1053. margin-top:-322px;
  1054. margin-left:62px;
  1055. width:100px;
  1056. height:100px;
  1057. border-radius:0%;
  1058. }
  1059.  
  1060. .png img {
  1061. width:50px;
  1062. height:auto;
  1063. border-radius:100%;
  1064. border:15px solid rgba({RGBcolor:post background}, 0);
  1065. }
  1066.  
  1067. .detail {
  1068. position:absolute;
  1069. margin-top:-195px;
  1070. margin-left:-93px;
  1071. opacity:1;
  1072. z-index:100000000000000000000000;
  1073. }
  1074.  
  1075. #circle {
  1076. position:absolute;
  1077. width:100px;
  1078. height:100px;
  1079. font-family:montserrat;
  1080. text-transform:uppercase;
  1081. font-size:7px;
  1082. letter-spacing:2px;
  1083. font-weight:800;
  1084. margin-top:-138px;
  1085. margin-left:145px;
  1086. z-index:-1000;
  1087. color:{color:text};
  1088. }
  1089.  
  1090. .sidebox {
  1091. position:absolute;
  1092. width:395px;
  1093. height:293px;
  1094. z-index:1;
  1095. }
  1096.  
  1097. .descbox {
  1098. margin-top:-420px;
  1099. margin-left:630px;
  1100. width:130px;
  1101. position:absolute;
  1102. max-height:40px;
  1103. overflow:scroll;
  1104. border:1px solid {color:borders};
  1105. transform:rotate(0deg);
  1106. font-size:{select:font size}px;
  1107. border-bottom-left-radius:0px;
  1108. border-bottom-right-radius:0px;
  1109. text-align:center;
  1110. line-height:220%;
  1111. padding:10px;
  1112. position:absolute;
  1113. transform:rotate(90deg);
  1114. color:{color:text};
  1115. z-index:10000000000000;
  1116. text-transform:lowercase;
  1117. opacity:1;
  1118. background:rgba({RGBcolor:post background}, 1);
  1119. }
  1120.  
  1121. .topbar {
  1122. text-align:right;
  1123. line-height:100%;
  1124. padding:5px;
  1125. padding:10px;
  1126. padding-top:7px;
  1127. padding-bottom:5px;
  1128. padding-right:10px;
  1129. width:130px;
  1130. margin-left:175px;
  1131. margin-top:-430px;
  1132. background:rgba({RGBcolor:sidebar}, 0.6);
  1133. border-left:1px solid {color:borders};
  1134. border-top:1px solid {color:borders};
  1135. border-right:1px solid {color:borders};
  1136. border-top-right-radius:0px;
  1137. border-top-left-radius:0px;
  1138. display:block;
  1139. position:fixed;
  1140. z-index:1000000000000000000000000000;
  1141. display:none;
  1142. }
  1143.  
  1144. .topbar heart {
  1145. display:inline;
  1146. font-size:10px;
  1147. color:{color:text};
  1148. }
  1149.  
  1150. .desc {
  1151. margin-top:-325px;
  1152. margin-left:150px;
  1153. width:160px;
  1154. position:absolute;
  1155. max-height:265px;
  1156. overflow:scroll;
  1157. border:0px solid {color:borders};
  1158. transform:rotate(0deg);
  1159. font-size:{select:font size}px;
  1160. border-radius:10px;
  1161. text-align:justify;
  1162. line-height:220%;
  1163. padding:10px;
  1164. position:absolute;
  1165. transform:rotate(0deg);
  1166. color:{color:text};
  1167. z-index:1;
  1168. opacity:1;
  1169. background:rgba({RGBcolor:post background}, 0);
  1170. scrollbar-color:transparent transparent;
  1171. scrollbar-width: none;
  1172. }
  1173.  
  1174. .desc img {
  1175. float:left;
  1176. border-radius:100%;
  1177. margin-right:10px;
  1178. }
  1179.  
  1180. .nav {
  1181. position:absolute;
  1182. color:{color:accent};
  1183. text-transform:uppercase;
  1184. font-size:12px;
  1185. text-align:center;
  1186. width:85px;
  1187. height:150px;
  1188. padding-left:21px;
  1189. padding-right:5px;
  1190. letter-spacing:2px;
  1191. margin-left:40px;
  1192. margin-top:198px;
  1193. z-index:10000000000000000000000000;
  1194. font-weight:900;
  1195. font-family:'consolas';
  1196. }
  1197.  
  1198. .nav a {
  1199. text-align:center;
  1200. vertical-align:middle;
  1201. display:block;
  1202. width:20px;
  1203. margin-bottom:15px;
  1204. border-bottom:0px solid rgba({RGBcolor:text}, 0.1);
  1205. color:{color:text};
  1206. -webkit-transition: all 0.2s ease-in-out;
  1207. -moz-transition: all 0.2s ease-in-out;
  1208. -o-transition: all 0.2s ease-in-out;
  1209. -ms-transition: all 0.2s ease-in-out;
  1210. transition: all 0.2s ease-in-out;
  1211. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1212. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  1213. }
  1214.  
  1215. .nav a:hover {
  1216. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  1217. -webkit-transition: all 0.2s ease-in-out;
  1218. -moz-transition: all 0.2s ease-in-out;
  1219. -o-transition: all 0.2s ease-in-out;
  1220. -ms-transition: all 0.2s ease-in-out;
  1221. transition: all 0.2s ease-in-out;
  1222. }
  1223.  
  1224. .nav2 {
  1225. position:absolute;
  1226. font-size:9px;
  1227. line-height:200%;
  1228. margin-top:205px;
  1229. text-transform:lowercase;
  1230. margin-left:85px;
  1231. letter-spacing:1px;
  1232. font-weight:600;
  1233. z-index:1000000000000000000000;
  1234. }
  1235.  
  1236. .nav2 first {
  1237. display:block;
  1238. }
  1239.  
  1240. .nav2 second {
  1241. display:block;
  1242. margin-top:10px;
  1243. }
  1244.  
  1245. .nav2 third {
  1246. display:block;
  1247. margin-top:11px;
  1248. }
  1249.  
  1250. .nav2 fourth {
  1251. display:block;
  1252. margin-top:10px;
  1253. }
  1254.  
  1255. .nav2 subt {
  1256. font-weight:300;
  1257. }
  1258.  
  1259. /* post info */
  1260.  
  1261. #info {
  1262. width:270px;
  1263. margin-top:0px;
  1264. padding:0px;
  1265. padding-bottom:0px;
  1266. text-align:left;
  1267. text-transform:uppercase;
  1268. font-size:8px;
  1269. letter-spacing:2px;
  1270. font-weight:normal;
  1271. padding:0px;
  1272. border-bottom:1px solid {color:post borders};
  1273. margin-top:0px;
  1274. background:{color:info bg};
  1275. padding:12px;
  1276. padding-top:14px;
  1277. padding-left:15px;
  1278. padding-right:15px;
  1279. margin-left:0px;
  1280. margin-top:0px;
  1281. border-top-left-radius:15px;
  1282. border-top-right-radius:15px;
  1283. margin-bottom:-5px;
  1284. color:{color:info text};
  1285. font-family:montserrat;
  1286. font-size:7px;
  1287. }
  1288.  
  1289. #info a{
  1290. border-bottom:0px solid {color:borders};
  1291. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1292. color:{color:info text};
  1293. }
  1294.  
  1295. #info span {
  1296. font-size:4px;
  1297. }
  1298.  
  1299. .dt {
  1300. display:inline;
  1301. letter-spacing:2px;
  1302. color:{color:info text};
  1303. margin-top:0px;
  1304. float:right;
  1305. font-size:6px;
  1306. opacity:0.9;
  1307. }
  1308.  
  1309. .dt a {
  1310. color:{color:info text};
  1311. font-size:6px;
  1312. }
  1313.  
  1314. .tags {
  1315. text-align:justify;
  1316. letter-spacing:0px;
  1317. font-size:{select:font size}px;
  1318. font-style:normal;
  1319. letter-spacing:1px;
  1320. line-height:200%;
  1321. display:block;
  1322. text-transform:none;
  1323. border-top:1px solid {color:post borders};
  1324. width:270px;
  1325. padding:12px;
  1326. padding-top:12px;
  1327. padding-left:15px;
  1328. padding-right:15px;
  1329. padding-bottom:12px;
  1330. margin-top:0px;
  1331. margin-bottom:0px;
  1332. margin-left:0px;
  1333. border-bottom-left-radius:15px;
  1334. border-bottom-right-radius:15px;
  1335. background:{color:info bg};
  1336. }
  1337.  
  1338. .tags a {
  1339. margin:0px 0px 0px 0px;
  1340. font-weight:normal;
  1341. margin-right:4px;
  1342. border-top:0px solid {color:borders};
  1343. padding-top:3px;
  1344. color:{color:info text};
  1345. border-bottom:0px solid {color:borders};
  1346. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1347. font-size:{select:font size}px;
  1348. -webkit-transition: all 0.6s ease-in-out;
  1349. -moz-transition: all 0.6s ease-in-out;
  1350. -o-transition: all 0.6s ease-in-out;
  1351. -ms-transition: all 0.6s ease-in-out;
  1352. transition: all 0.6s ease-in-out;
  1353. }
  1354.  
  1355. .tags a:hover {
  1356. font-style:normal;
  1357. box-shadow: 0 -5px rgba({RGBcolor:accent 2}, 0) inset;
  1358. border-color:{color:accent 2};
  1359. -webkit-transition: all 0.6s ease-in-out;
  1360. -moz-transition: all 0.6s ease-in-out;
  1361. -o-transition: all 0.6s ease-in-out;
  1362. -ms-transition: all 0.6s ease-in-out;
  1363. transition: all 0.6s ease-in-out;
  1364. }
  1365.  
  1366. /* audio */
  1367.  
  1368. .audio {
  1369. padding:5px;
  1370. margin-bottom:0px;
  1371. margin-top:0px;
  1372. border-bottom:0px solid {color:borders};
  1373. border-radius:0px;
  1374. padding-bottom:9px;
  1375. padding-left:15%;
  1376. line-height:160%;
  1377. width:254px;
  1378. margin-left:-15px;
  1379. background:rgba({RGBcolor:container background}, 0.5);
  1380. border-bottom:3px solid {color:post borders};
  1381. }
  1382. .audio-album {
  1383. position:absolute;
  1384. width:60px;
  1385. }
  1386.  
  1387. .player {
  1388. opacity:1;
  1389. opacity:100%;
  1390. border-radius:0px;
  1391. width:33px;
  1392. height:27px;
  1393. overflow:hidden;
  1394. position:absolute;
  1395. z-index:2;
  1396. margin-left:40px;
  1397. margin-top:17px;
  1398. border-radius:5px;
  1399. position:absolute;
  1400. margin-left:0px;
  1401. vertical-align:middle;
  1402. }
  1403.  
  1404. .audio-info {
  1405. margin-top:2px;
  1406. position:relative;
  1407. margin-left:70px;
  1408. padding:12px;
  1409. padding-top:14px;
  1410. text-transform:lowercase;
  1411. text-align:left;
  1412. padding-left
  1413. line-height:150%;
  1414. color:{color:text};
  1415. font-family:montserrat;
  1416. font-size:{select:font size}px;
  1417. }
  1418.  
  1419. .audio-info b {
  1420. color:{color:bold};
  1421. }
  1422.  
  1423. .audio-info tn {
  1424. text-transform:none;
  1425. }
  1426.  
  1427. .audio-info ta {
  1428. text-transform:none;
  1429. font-style:italic;
  1430. }
  1431.  
  1432. /* asks */
  1433.  
  1434. #question { margin-top:5px; padding:15px; text-align:justify; border-radius:0px; border-bottom:1px solid {color:post borders}; border-top:0px solid {color:post borders}; background:rgba({RGBcolor:info bg}, 1); margin-top:0px; margin-left:-15px; width:270px; line-height:230%; }
  1435. .asker { font-size:16px; color:{color:link}; padding-right:0px; letter-spacing:1px; border-radius:0px; font-family:roboto; font-weight:800; margin-top:0px; margin-bottom:5px; text-transform:lowercase; }
  1436. .asker a { box-shadow: 0 -10px rgba({RGBcolor:underlined}, 1) inset; }
  1437.  
  1438. /* permalink notes */
  1439.  
  1440. .notes { text-align:left; margin-top:0px; }
  1441. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  1442. ol.notes, .notes li { width:300px; {block:if400px} width:400px; {/block:if400px} list-style:none; margin:3px; margin-left:8px; padding:0px; }
  1443. .notes li a { font-weight:bold; color:{color:link}; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  1444. .notes li {
  1445. margin-left:-15px;
  1446. }
  1447. .notes li:before { content:''; }
  1448.  
  1449. /* tooltip */
  1450.  
  1451. #s-m-t-tooltip {
  1452. background:{color:post background};
  1453. color:{color:text};
  1454. border-radius:5px;
  1455. padding:4px;
  1456. border:1px solid {color:borders};
  1457. z-index:9999999999999999999999999999999999999;
  1458. }
  1459.  
  1460. ::selection {
  1461. background: {color:accent 2}; /* WebKit/Blink Browsers */
  1462. }
  1463. ::-moz-selection {
  1464. background: {color:accent 2}; /* Gecko Browsers */
  1465. }
  1466.  
  1467. /* navigation tab */
  1468.  
  1469. .navtitle {
  1470. font-family:'abril fatface';
  1471. font-style:normal;
  1472. font-weight:300;
  1473. font-size:65px;
  1474. line-height:90%;
  1475. text-transform:lowercase;
  1476. letter-spacing:0px;
  1477. margin-top:169px;
  1478. width:290px;
  1479. height:105px;
  1480. padding-top:50px;
  1481. word-spacing:0px;
  1482. letter-spacing:0px;
  1483. display:inline;
  1484. margin-left:95px;
  1485. transform:rotate(90deg);
  1486. opacity:1;
  1487. position:absolute;
  1488. color:{color:title color};
  1489. text-align:left;
  1490. z-index:1000000000000000000000000000000000000000000000000000;
  1491. display:none;
  1492. }
  1493.  
  1494. .navtitle a {
  1495. box-shadow: 0 -25px rgba({RGBcolor:post background}, 0) inset;
  1496. display:inline;
  1497. }
  1498.  
  1499. .navtitle span {
  1500. -webkit-text-fill-color: {color:title color};
  1501. -webkit-text-stroke: 0px {color:post background};
  1502. text-stroke: 0px {color:post background};
  1503. }
  1504.  
  1505. .navimg {
  1506. margin-top:160px;
  1507. margin-left:0px;
  1508. z-index:0;
  1509. border-bottom-right-radius:10px;
  1510. width:300px;
  1511. height:300px;
  1512. position:fixed;
  1513. background:url('{image:tab image}');
  1514. {block:ifgrayscale}
  1515. filter:grayscale(100%);
  1516. -webkit-filter:grayscale(100%);
  1517. {/block:ifgrayscale}
  1518. clip-path: polygon(100% 0, 0 100%, 100% 100%);
  1519. display:none;
  1520. }
  1521.  
  1522. .navimg img {
  1523. position:relative;
  1524. {block:ifgrayscale}
  1525. filter:grayscale(100%);
  1526. -webkit-filter:grayscale(100%);
  1527. {/block:ifgrayscale}
  1528. z-index:0;
  1529. width:270px;
  1530. height:150px;
  1531. }
  1532.  
  1533. .navtxt {
  1534. position:relative;
  1535. width:110px;
  1536. max-height:100px;
  1537. overflow:scroll;
  1538. transform:rotate(0deg);
  1539. font-size:{select:font size}px;
  1540. border-bottom-left-radius:0px;
  1541. border-bottom-right-radius:0px;
  1542. text-align:justify;
  1543. line-height:220%;
  1544. padding-bottom:0px;
  1545. color:{color:text};
  1546. opacity:1;
  1547. margin-top:300px;
  1548. margin-left:140px;
  1549. z-index:10000000000000;
  1550. position:fixed;
  1551. display:none;
  1552. }
  1553.  
  1554. .navicon {
  1555. position:fixed;
  1556. margin-top:300px;
  1557. margin-left:20px;
  1558. display:none;
  1559. }
  1560.  
  1561. .navicon img {
  1562. width:100px;
  1563. height:100px;
  1564. border-radius:100%;
  1565. }
  1566.  
  1567. .navnav {
  1568. margin-top:20px;
  1569. width:270px;
  1570. -webkit-column-count:2;
  1571. }
  1572.  
  1573. .navnav a {
  1574. display:inline-block;
  1575. width:90px;
  1576. text-align:right;
  1577. padding:20px;
  1578. padding-top:15px;
  1579. padding-bottom:15px;
  1580. border-radius:15px;
  1581. background:{color:nav tab link bg};
  1582. box-shadow: 0 -10px rgba({RGBcolor:accent 2}, 0) inset;
  1583. margin-bottom:10px;
  1584. }
  1585.  
  1586. .navnav2 {
  1587. margin-top:20px;
  1588. width:270px;
  1589. -webkit-column-count:2;
  1590. }
  1591.  
  1592. .navnav2 a {
  1593. display:inline-block;
  1594. width:90px;
  1595. text-align:right;
  1596. padding:20px;
  1597. padding-top:15px;
  1598. padding-bottom:15px;
  1599. border-radius:15px;
  1600. background:{color:nav tab link bg};
  1601. box-shadow: 0 -10px rgba({RGBcolor:accent 2}, 0) inset;
  1602. margin-bottom:10px;
  1603. }
  1604.  
  1605. .navic {
  1606. display:inline-block;
  1607. text-align:center;
  1608. vertical-align:middle;
  1609. line-height:100%;
  1610. padding:3px;
  1611. padding-right:6px;
  1612. padding-left:6px;
  1613. padding-top:5px;
  1614. padding-bottom:4px;
  1615. float:left;
  1616. border-radius:100%;
  1617. background:{color:nav tab link icon bg};
  1618. color:white;
  1619. }
  1620.  
  1621. /* muse tab */
  1622.  
  1623. .museboxes {
  1624. width:270px;
  1625. text-align:center;
  1626. box-align:center;
  1627. margin-top:15px;
  1628. }
  1629.  
  1630. .museboxes img {
  1631. border-radius:100%;
  1632. padding:5px;
  1633. -webkit-transition: all 0.3s ease-in-out;
  1634. -moz-transition: all 0.3s ease-in-out;
  1635. -o-transition: all 0.3s ease-in-out;
  1636. -ms-transition: all 0.3s ease-in-out;
  1637. transition: all 0.3s ease-in-out;
  1638. }
  1639.  
  1640. .museboxes a {
  1641. box-shadow: 0 -10px rgba({RGBcolor:accent 2}, 0) inset;
  1642. }
  1643.  
  1644. .museboxes img:hover {
  1645. transform:scale(0.9);
  1646. -webkit-transition: all 0.3s ease-in-out;
  1647. -moz-transition: all 0.3s ease-in-out;
  1648. -o-transition: all 0.3s ease-in-out;
  1649. -ms-transition: all 0.3s ease-in-out;
  1650. transition: all 0.3s ease-in-out;
  1651. }
  1652.  
  1653. /* credit. please don't edit this */
  1654.  
  1655. .mint {
  1656. position:fixed;
  1657. text-transform:uppercase;
  1658. padding-left:4px;
  1659. padding-right:2px;
  1660. padding-top:2px;
  1661. padding-bottom:3px;
  1662. text-align:center;
  1663. line-height:100%;
  1664. bottom:15px;
  1665. right:18px;
  1666. text-align:right;
  1667. color:{color:text};
  1668. letter-spacing:1px;
  1669. border-radius:100%;
  1670. border-bottom:0px solid {color:borders};
  1671. border-radius:4px;
  1672. font-size:18px;
  1673. }
  1674.  
  1675. .mint a {
  1676. font-weight:300;
  1677. box-shadow: 0 -10px rgba({RGBcolor:accent 2}, 0) inset;
  1678. background:{color:accent 2};
  1679. border-radius:4px;
  1680. }
  1681.  
  1682. .mint .minttext {
  1683. visibility: hidden;
  1684. width: 95px;
  1685. background:{color:post background};
  1686. color:{color:text};
  1687. border-bottom:0px solid rgba({RGBcolor:borders}, 0.3);
  1688. text-align: center;
  1689. border-radius: 5px;
  1690. padding: 5px;
  1691. padding-left:7px;
  1692. padding-right:7px;
  1693. font-size:9px;
  1694. text-transform:lowercase;
  1695. position: absolute;
  1696. z-index: 1;
  1697. right:30px;
  1698. bottom:-2px;
  1699. font-family:montserrat;
  1700. font-size:7px;
  1701. letter-spacing:2px;
  1702. text-transform:uppercase;
  1703.  
  1704. /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
  1705. opacity: 0;
  1706. transition: opacity 2s;
  1707. }
  1708.  
  1709. .mint:hover .minttext {
  1710. visibility: visible;
  1711. opacity: 1;
  1712. }
  1713.  
  1714. .scr a {
  1715. box-shadow: 0 -5px rgba({RGBcolor:accent 2}, 0) inset;
  1716. }
  1717.  
  1718. {CustomCSS}
  1719.  
  1720. </style>
  1721. </head>
  1722. <body>
  1723.  
  1724. <div style="width:1600px; margin-left:-500px; position:fixed; bottom:-90px; width:1740px; height:320px; transform:rotate(-3deg); background:{color:bottom bg}; background-image:url('{image:page bg}'); border-top:0px solid {color:bottom bg border};">
  1725. </div>
  1726.  
  1727. <div id="TabzOne" class="tabzcon alytut" style="display:block; height:445px; z-index:1;">
  1728.  
  1729. {block:Posts}
  1730.  
  1731. <!-- {block:NoRebloggedFrom}
  1732. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1733. {/block:NoRebloggedFrom} -->
  1734. {block:ContentSource}<!-- {SourceURL}
  1735. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1736. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1737. {/block:ContentSource}
  1738.  
  1739. <div id="post">
  1740.  
  1741. {block:Date}
  1742.  
  1743. <div id="info">
  1744.  
  1745. <a href="{Permalink}" title="{TimeAgo}"><cute style="box-shadow:0 -5px rgba({RGBcolor:accent 2}, 1) inset;">{ShortMonth} {DayOfMonth}{DayofMonthSuffix}</cute> @ {12HourWithZero}:{Minutes}{CapitalAmPm}</a> {block:PermalinkPage}{block:rebloggedfrom}<a href="{reblogparenturl}" title="reblogged from"> <i class="far fa-bookmark" style="font-size:7px;"></i></a>{/block:rebloggedfrom}{block:contentsource} <a href="{sourceurl}" title="original post" target=blank> <span class="lnr lnr-link" style="font-size:7px; font-weight:bold;"></span></a>{/block:contentsource} </span>{/block:PermalinkPage}
  1746.  
  1747. <div class="dt">
  1748. <a href="{Permalink}" title="{NoteCountWithLabel}"><span class="lnr lnr-heart" style="font-size:7px; font-weight:bold;"></span></a> <a href="{ReblogURL}" title="reblog" target="_blank" class="details"><span class="lnr lnr-redo" style="font-size:7px; font-weight:bold;"></span></a>
  1749. </div>
  1750.  
  1751. </div>
  1752. {/block:Date}
  1753.  
  1754. {block:Text}
  1755. <div class="caption">
  1756. {block:Title}<h1>{Title}</h1>{/block:Title}
  1757. {Body}</div>{/block:Text}
  1758.  
  1759. {block:Photo}
  1760. <div class="media"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/ style="max-width:300px;"> </div>
  1761.  
  1762. {block:Caption}
  1763. <div class="caption">{Caption}</div>
  1764. {/block:Caption}
  1765. {/block:Photo}
  1766.  
  1767. {block:Photoset}
  1768. <div class="photoset" style="margin-top:5px;" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
  1769. {block:Photos}
  1770. <img src="{PhotoURL-500}" />
  1771. {/block:Photos}
  1772. </div>
  1773.  
  1774. {block:Caption}
  1775. <div class="caption">{Caption}</div>
  1776. {/block:Caption}
  1777.  
  1778. {/block:Photoset}
  1779.  
  1780. {block:Quote}
  1781. <div class="caption">
  1782. <div class="quote">
  1783. <div class="q">q.</div>
  1784. {Quote} </div><div class="source">— {block:Source}{Source}{/block:Source}</div>
  1785. </div>
  1786. {/block:Quote}
  1787.  
  1788. {block:Link}
  1789. <div class="caption">
  1790. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  1791. </div>
  1792. {/block:Link}
  1793.  
  1794. {block:Chat}
  1795.  
  1796. <div class="caption">
  1797. {block:Title}<h2>{Title}</h2>{/block:Title}<br>
  1798. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1799. {Line}</li>{/block:Lines}</ul>
  1800. </div>
  1801.  
  1802. {/block:Chat}
  1803.  
  1804. {block:Audio}
  1805.  
  1806. <div class="caption">
  1807. <div class="audio"><div class="audio-player">{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}</div><div class="audio-info">{block:TrackName}<tn>{TrackName}</tn><br>{/block:TrackName}{block:Artist}by <ta>{Artist}</ta>{/block:Artist}</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1808. </div>
  1809. {/block:Audio}
  1810.  
  1811. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1812.  
  1813. {block:Answer}
  1814. <div class="caption">
  1815. <div id="question"><div class="asker"><a>{Asker}</a></div>{Question}</div>
  1816. {Answer}
  1817. </div>
  1818. {/block:Answer}
  1819.  
  1820. <div style="padding-top:2px;">{block:HasTags}<div class="tags">
  1821.  
  1822. <span class="iconify" data-icon="gridicons:tag" style="margin-top:2px; font-weight:600; margin-right:3px; opacity:0.9;"></span>
  1823.  
  1824. {block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</span></div>
  1825. </div>
  1826.  
  1827. {block:PermalinkPage}
  1828. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  1829. {/block:PermalinkPage}
  1830.  
  1831. {/block:Posts}
  1832.  
  1833. </div>
  1834.  
  1835.  
  1836. <!--
  1837.  
  1838. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  1839.  
  1840. <!-- < tabs content >
  1841. -->
  1842.  
  1843.  
  1844. <div id="TabzTwo" class="tabzcon alytut" style="display:none; background:{color:post background}; padding: 15px; padding-top: 5px; width: 270px; border-radius: 15px; height:430px; z-index:1; margin-left:340px; border:0px solid {color:borders};
  1845. animation: animationFrames ease-in-out 1s;
  1846. animation-iteration-count: 1;
  1847. transform-origin: 50% 50%;
  1848. -webkit-animation: animationFrames ease-in-out 1s;
  1849. -webkit-animation-iteration-count: 1;
  1850. -webkit-transform-origin: 50% 50%;
  1851. -moz-animation: animationFrames ease-in-out 1s;
  1852. -moz-animation-iteration-count: 1;
  1853. -moz-transform-origin: 50% 50%;
  1854. -o-animation: animationFrames ease-in-out 1s;
  1855. -o-animation-iteration-count: 1;
  1856. -o-transform-origin: 50% 50%;
  1857. -ms-animation: animationFrames ease-in-out 1s;
  1858. -ms-animation-iteration-count: 1;
  1859. -ms-transform-origin: 50% 50%;">
  1860.  
  1861. <div style="margin-top:5px; margin-left:-5px; position:fixed;">
  1862. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzOne');" style="margin-left:270px; box-shadow: 0 -5px rgba({RGBcolor:accent 2}, 0) inset;"><i class="fas fa-times" style="opacity:0.2;"></i></a>
  1863. </div>
  1864.  
  1865. <h1 style="text-align:left; padding-left:7px; padding-top:7px; padding-right:10px; margin-bottom:10px;">faq.</h1>
  1866.  
  1867. <blockquote><strong style="font-size: 14px;">Q.</strong> can you replace [tab] with a link?</blockquote>
  1868.  
  1869. <p>please check <a href="https://mintrps.tumblr.com/linkver.">this page</a> first. if the code isn&rsquo;t there yet, feel free to message me and i&rsquo;ll add it.</p>
  1870.  
  1871. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;can you make [theme] 400/500px?</blockquote>
  1872.  
  1873. <p>i don&rsquo;t work well with 500px, but if i haven&rsquo;t yet i will def release a 400px version for you, just shoot me a message.</p>
  1874.  
  1875. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;can i use [tab] on another theme?</blockquote>
  1876.  
  1877. <p>if the theme is mine, yes, but i will not provide assistance. if you&rsquo;re using someone else&rsquo;s theme, i would rather you didn&rsquo;t.</p>
  1878.  
  1879. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;can i use a section of your current code in another theme [posts, fonts, etc]?</blockquote>
  1880.  
  1881. <p>you can't. until i release it, the code was made for personal use. copying any part of an unreleased code is still stealing.</p>
  1882.  
  1883. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;what&rsquo;s the status of your requests?</blockquote>
  1884.  
  1885. <p>dash icons:&nbsp;<strong>open </strong>(check&nbsp;<a href="/styles.">styles</a>) /&nbsp;gif icons:&nbsp;<strong>closed </strong>but taking suggestions.</p>
  1886.  
  1887. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" width="270" style="background-color: transparent; overflow:visible; height:auto;"> </iframe></div>
  1888.  
  1889.  
  1890. </div>
  1891.  
  1892.  
  1893. <div id="TabzThree" class="tabzcon alytut" style="display:none; overflow:scroll; animation: animationFrames ease
  1894. in-out 1s;
  1895. animation-iteration-count: 1;
  1896. transform-origin: 50% 50%;
  1897. -webkit-animation: animationFrames ease-in-out 1s;
  1898. -webkit-animation-iteration-count: 1;
  1899. -webkit-transform-origin: 50% 50%;
  1900. -moz-animation: animationFrames ease-in-out 1s;
  1901. -moz-animation-iteration-count: 1;
  1902. -moz-transform-origin: 50% 50%;
  1903. -o-animation: animationFrames ease-in-out 1s;
  1904. -o-animation-iteration-count: 1;
  1905. -o-transform-origin: 50% 50%;
  1906. -ms-animation: animationFrames ease-in-out 1s;
  1907. -ms-animation-iteration-count: 1;
  1908. -ms-transform-origin: 50% 50%; height:445px;">
  1909.  
  1910. <div style="margin-top:10px; margin-left:-5px; position:fixed;">
  1911. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzOne');" style="margin-left:270px; bo
  1912. -shadow: 0 -5px rgba({RGBcolor:accent 2}, 0) inset;"><i class="fas fa-times" style="opacity:0.2;"></i></a>
  1913. </div>
  1914.  
  1915.  
  1916. <div id="post" style="height:500px;">
  1917. <div class="caption">
  1918.  
  1919. <h1 style="text-align:left; padding-left:10px; padding-top:10px; padding-right:10px;">{text:first navigation tab title}
  1920. <span style="font-family:'thesecret'; font-size:35px; font-weight:300;">{text:first navigation tab title span}</span>
  1921. <div style="position:absolute; width:130px; height:1px; background:{color:borders}; margin-top:-15px; margin-left:120px;">
  1922. </h1>
  1923.  
  1924. <div class="navnav">
  1925. <a href="{text:tab link 1 url}">
  1926. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1927. {text:tab link 1 title}</a>
  1928.  
  1929. <a href="{text:tab link 2 url}">
  1930. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1931. {text:tab link 2 title}</a>
  1932.  
  1933. <a href="{text:tab link 3 url}">
  1934. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1935. {text:tab link 3 title}</a>
  1936.  
  1937. <a href="{text:tab link 4 url}">
  1938. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1939. {text:tab link 4 title}</a>
  1940.  
  1941. <a href="{text:tab link 5 url}">
  1942. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1943. {text:tab link 5 title}</a>
  1944.  
  1945. <a href="{text:tab link 6 url}">
  1946. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1947. {text:tab link 6 title}</a>
  1948.  
  1949. </div>
  1950.  
  1951. <h1 style="text-align:left; padding-left:10px; padding-top:10px; padding-right:10px;">{text:second navigation tab title} <span style="font-family:'thesecret';
  1952. font-size:35px; font-weight:300;">{text:second navigation tab title span}</span>
  1953. <div style="position:absolute; width:130px; height:1px; background:{color:borders}; margin-top:-15px; margin-left:120px;">
  1954. </h1>
  1955.  
  1956. <div class="navnav2">
  1957. <a href="{text:tab link 7 url}">
  1958. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1959. {text:tab link 7 title}</a>
  1960.  
  1961. <a href="{text:tab link 8 url}">
  1962. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1963. {text:tab link 8 title}</a>
  1964.  
  1965. <a href="{text:tab link 9 url}">
  1966. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1967. {text:tab link 9 title}</a>
  1968.  
  1969. <a href="{text:tab link 10 url}">
  1970. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1971. {text:tab link 10 title}</a>
  1972.  
  1973. <a href="{text:tab link 11 url}">
  1974. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1975. {text:tab link 11 title}</a>
  1976.  
  1977. <a href="{text:tab link 12 url}">
  1978. <div class="navic"><span class="iconify" data-icon="fa-solid:hashtag" data-inline="false"></span></div>
  1979. {text:tab link 12 title}</a>
  1980.  
  1981.  
  1982. </div>
  1983.  
  1984. </div>
  1985. </div>
  1986.  
  1987. </div>
  1988.  
  1989.  
  1990.  
  1991.  
  1992. <div id="TabzFour" class="tabzcon alytut" style="display:none; background:{color:post background}; padding: 15px; padding-top: 5px; width: 270px; border-radius: 15px; height:430px; z-index:1; margin-left:340px; border:0px solid {color:borders};
  1993. animation: animationFrames ease-in-out 1s;
  1994. animation-iteration-count: 1;
  1995. transform-origin: 50% 50%;
  1996. -webkit-animation: animationFrames ease-in-out 1s;
  1997. -webkit-animation-iteration-count: 1;
  1998. -webkit-transform-origin: 50% 50%;
  1999. -moz-animation: animationFrames ease-in-out 1s;
  2000. -moz-animation-iteration-count: 1;
  2001. -moz-transform-origin: 50% 50%;
  2002. -o-animation: animationFrames ease-in-out 1s;
  2003. -o-animation-iteration-count: 1;
  2004. -o-transform-origin: 50% 50%;
  2005. -ms-animation: animationFrames ease-in-out 1s;
  2006. -ms-animation-iteration-count: 1;
  2007. -ms-transform-origin: 50% 50%;">
  2008.  
  2009. <div style="margin-top:5px; margin-left:-5px; position:fixed;">
  2010. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzOne');" style="margin-left:270px; box-shadow: 0 -5px rgba({RGBcolor:accent 2}, 0) inset;"><i class="fas fa-times" style="opacity:0.2;"></i></a>
  2011. </div>
  2012.  
  2013. <h1 style="text-align:left; padding-left:10px; padding-top:10px; padding-right:10px;">file: <span style="font-family:'thesecret';
  2014. font-size:35px; font-weight:300;">active.</span>
  2015. <div style="position:absolute; width:135px; height:1px; background:{color:borders}; margin-top:-15px; margin-left:105px;">
  2016. </h1>
  2017.  
  2018. <div class="museboxes">
  2019. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2020. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2021. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2022. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2023. <br>
  2024. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2025. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2026. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2027. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2028. <br>
  2029. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2030. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2031. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2032. <a href="/." title="muse name."><img src="https://placehold.it/50x50"></a>
  2033. </div>
  2034.  
  2035. <h1 style="text-align:left; padding-left:10px; padding-top:10px; padding-right:10px;">file: <span style="font-family:'thesecret';
  2036. font-size:35px; font-weight:300;">inactive.</span>
  2037. <div style="position:absolute; width:120px; height:1px; background:{color:borders}; margin-top:-15px; margin-left:120px;">
  2038. </h1>
  2039.  
  2040. <div class="museboxes">
  2041. <a href="/moonhansol." title="moon hansol."><img src="https://placehold.it/50x50"></a>
  2042. <a href="/yeonwoo." title="han yeonwoo."><img src="https://placehold.it/50x50"></a>
  2043. <a href="/haerim." title="yoo haerim."><img src="https://placehold.it/50x50"></a>
  2044. <a href="/imhansol." title="im hansol."><img src="https://placehold.it/50x50"></a>
  2045. <br>
  2046. <a href="/hyunwoo." title="kim hyunwoo."><img src="https://placehold.it/50x50"></a>
  2047. <a href="/veronica." title="veronica yoo."><img src="https://placehold.it/50x50"></a>
  2048. <a href="/oliver." title="oliver yoo."><img src="https://placehold.it/50x50"></a>
  2049. <a href="/"><img src="https://placehold.it/50x50"></a>
  2050. <br>
  2051. <a href="/"><img src="https://placehold.it/50x50"></a>
  2052. <a href="/"><img src="https://placehold.it/50x50"></a>
  2053. <a href="/"><img src="https://placehold.it/50x50"></a>
  2054. <a href="/"><img src="https://placehold.it/50x50"></a>
  2055. </div>
  2056.  
  2057.  
  2058. </div>
  2059.  
  2060.  
  2061.  
  2062.  
  2063. <!--
  2064.  
  2065. < *TABS END >
  2066.  
  2067. -->
  2068.  
  2069. </div>
  2070.  
  2071. <div id="entries2"></div>
  2072.  
  2073. <div id="entries">
  2074.  
  2075. <div class="nav">
  2076. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');">01</a>
  2077. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');">02</a>
  2078. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzThree');">03</a>
  2079. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzFour');">04</a>
  2080. </div>
  2081.  
  2082. <div class="nav2">
  2083. <first>
  2084. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');">{text:side link 1 title}</a><br>
  2085. <subt>{text:side link 1 subtitle}</subt>
  2086. </first>
  2087.  
  2088. <second>
  2089. <a href="/ask">
  2090.  
  2091. {block:iffaqtab}<a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');">{block:iffaqtab}
  2092.  
  2093. {text:side link 2 title}</a><br>
  2094. <subt>{text:side link 2 subtitle}</subt>
  2095. </second>
  2096.  
  2097. <third>
  2098. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzThree');">{text:side link 3 title}</a><br>
  2099. <subt>{text:side link 3 subtitle}</subt>
  2100. </third>
  2101.  
  2102. <fourth>
  2103. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzFour');">{text:side link 4 title}</a><br>
  2104. <subt>{text:side link 4 subtitle}</subt>
  2105. </fourth>
  2106. </div>
  2107.  
  2108. <div class="sidetitle">{text:side title}</div>
  2109.  
  2110. <div id="boxy">
  2111.  
  2112. </div>
  2113.  
  2114. <div class="detail">
  2115. <div id="circle">{text:circle text}
  2116. </div>
  2117. </div>
  2118.  
  2119. <div class="search">
  2120. <form action="/search" method="get" class="sfm" name="theform">
  2121. <input type="text" name="q" value="" id="sf"/>
  2122. </form>
  2123. </div>
  2124.  
  2125. <div class="blob">
  2126. <svg height="250" width="250">
  2127. <path d="M 30 70 Q 50 30 140 30 Q 220 30 220 100 Q 210 170 170 200 Q 140 240 80 220 Q 40 190 30 160 Q 10 110 30 70"/>
  2128. </svg>
  2129. </div>
  2130.  
  2131. <div class="blob2">
  2132. <svg height="250" width="250">
  2133. <path d="M 30 70 Q 50 30 140 30 Q 220 30 220 100 Q 210 170 170 200 Q 140 240 80 220 Q 40 190 30 160 Q 10 110 30 70"/>
  2134. </svg>
  2135. </div>
  2136.  
  2137. <div id="sideimg"></div>
  2138.  
  2139. <div class="png">
  2140. <img src="{image:icon}">
  2141. </div>
  2142.  
  2143. <div class="topbar">
  2144. <heart>
  2145. <span class="iconify" data-icon="gridicons:heart-outline" data-inline="false"></span>
  2146. <span class="iconify" data-icon="gridicons:heart-outline" data-inline="false"></span>
  2147. <span class="iconify" data-icon="gridicons:heart-outline" data-inline="false"></span>
  2148. </heart>
  2149. </div>
  2150. <div class="desc">
  2151. {text:desc}
  2152. </div>
  2153.  
  2154. <div class="pagination">
  2155. {block:PreviousPage}
  2156. <a href="{PreviousPage}">prev</a> /
  2157. {/block:PreviousPage}
  2158. {block:NextPage}
  2159. <a href="{NextPage}">
  2160. next <span class="iconify" data-icon="bx:bx-chevron-right" data-inline="false"></span>
  2161. </a>
  2162. {/block:NextPage}
  2163.  
  2164. <div style="{block:Pagination}display:none;{/block:Pagination} font-size:9px;" title="u look lovely today">
  2165. <span class="iconify" data-icon="ant-design:heart-outlined" data-inline="false"></span>
  2166. </div>
  2167.  
  2168. </div>
  2169.  
  2170. <div class="hort" title="u look lovely today">
  2171. <span class="lnr lnr-heart" style="font-size:7px; font-weight:bold;">
  2172. </div>
  2173.  
  2174. <div class="sidetxt">
  2175. Lorem &nbsp;&nbsp;<span style="font-weight:bold;">temp_</span>entry&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight:bold;">failed&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-weight:bold; text-decoration:underline;">corrupted</span>&nbsp;&nbsp;•&nbsp;&nbsp;lorem&nbsp;&nbsp;•&nbsp;&nbsp;<span style="font-weight:bold;">error</span>&nbsp;&nbsp;/&nbsp;&nbsp;cannot access
  2176. </div>
  2177.  
  2178. </div>
  2179. </div></div>
  2180.  
  2181. <div id="container">
  2182.  
  2183. {/block:Posts}
  2184.  
  2185.  
  2186. </div></div></div>
  2187. </div>
  2188.  
  2189. </div>
  2190.  
  2191. </ul>
  2192. </div></div>
  2193.  
  2194. <!-- credit. please don't edit this -->
  2195.  
  2196. <div class="mint">
  2197. <a href="https://mintrps.tumblr.com">
  2198. <span class="iconify" data-icon="codicon:code"></span>
  2199. </a>
  2200. <span class="minttext">
  2201. theme by mint</span>
  2202. </div>
  2203.  
  2204.  
  2205. <!-- copy up to here to add more muses -->
  2206.  
  2207. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  2208. <script src="https://cdn.jsdelivr.net/npm/circletype@2.2.0/dist/circletype.min.js"></script>
  2209. <script>
  2210. new CircleType(document.getElementById('circle'))
  2211. </script>
  2212.  
  2213. <script type="text/javascript"
  2214. src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  2215. <script>
  2216. (function($){
  2217. $(document).ready(function(){
  2218. $("[title]").style_my_tooltips();
  2219. });
  2220. })(jQuery);
  2221. </script>
  2222.  
  2223. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  2224. <script src="https://static.tumblr.com/wgijwsy/jgemkyt9x/jquery.photoset-grid.min.js"></script>
  2225.  
  2226. <script>
  2227. $('.photoset').photosetGrid({
  2228. // Set the gutter between columns and rows
  2229. gutter: '5px',
  2230.  
  2231. onInit: function(){},
  2232. onComplete: function(){
  2233. // Show the grid after it renders
  2234. $('.photoset-grid-custom').attr('style', '');
  2235. }
  2236. });
  2237. </script>
  2238.  
  2239. </body>
  2240. </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!