API tools faq
paste
Advertisement
Guest User

tuesday

a guest
Dec 7th, 2019
186
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.21 KB | None | 0 0
raw download clone embed print report
  1. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5625806";
  2. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  3. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  4. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  5. </script>/<script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3342359";
  6. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  7. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  8. </script>
  9.  
  10.  
  11.  
  12.  
  13. <!--
  14.  
  15.  
  16.  
  17.  
  18. a theme by @mintrps.
  19.  
  20. please check my terms
  21. of use in the post !
  22.  
  23. - icon font by @suiomi
  24. - icon font by fontawesome
  25. - fonts from google fonts
  26. - images from unsplash
  27. - tabs by ncighbourhood
  28. - animation by animista
  29. - pngs by hallyumi
  30.  
  31.  
  32.  
  33. -->
  34.  
  35. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  36. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  37.  
  38. <head>
  39.  
  40. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  41. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  42. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  43. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  44. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  45. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  46. <link href="https://fonts.googleapis.com/css?family=Lato:400,4#00i,700,700i" rel="stylesheet">
  47. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  48. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  49. <link href="https://fonts.googleapis.com/css?family=Karla&display=swap" rel="stylesheet">
  50. <link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet">
  51. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i&display=swap" rel="stylesheet">
  52. <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">
  53. <link href="https://fonts.googleapis.com/css?family=Shrikhand&display=swap" rel="stylesheet">
  54. <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap" rel="stylesheet">
  55. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
  56. <title>{Title}</title>
  57. <link rel="shortcut icon" href="{Favicon}">
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  59. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  60.  
  61. <meta name="color:background" content="#f0f0f0"/>
  62. <meta name="color:text" content="#000"/>
  63. <meta name="color:borders" content="#eee"/>
  64. <meta name="color:info bg" content="#eaeaea"/>
  65. <meta name="color:info text" content="#f3f3f3"/>
  66. <meta name="color:bold" content="#000"/>
  67. <meta name="color:accent" content="#000"/>
  68. <meta name="color:accent 2" content="#000"/>
  69. <meta name="color:accent 3" content="#e0eae3"/>
  70. <meta name="color:side text" content="#000"/>
  71. <meta name="color:title color" content="#f8f8f8"/>
  72. <meta name="color:title outline" content="#000"/>
  73. <meta name="color:container background" content="#f8f8f8"/>
  74. <meta name="color:post background" content="#fbfbfb"/>
  75.  
  76. <meta name="image:page bg" content=""/>
  77. <meta name="image:info bg" content=""/>
  78. <meta name="image:sidebar" content=""/>
  79.  
  80. <meta name="if:post background" content="1"/>
  81. <meta name="if:grayscale" content="1"/>
  82.  
  83. <meta name="select:bullet type" content="\e12b" title="heart" />
  84. <meta name="select:bullet type" content="\e09a" title="circle" />
  85. <meta name="select:bullet type" content="\e0c7" title="x" />
  86. <meta name="select:bullet type" content="\e08f" title="chevron" />
  87.  
  88. <meta name="text:side title one" content="foryou foryou foryou">
  89. <meta name="text:side title two" content="there">
  90. <meta name="text:desc" content="i don't wanna go anywhere without you right now, i'll be there for you.">
  91. <meta name="text:nav tab text" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.">
  92.  
  93. <meta name="text:tab 1 title" content="faq">
  94. <meta name="text:tab 2 title" content="navigation">
  95. <meta name="text:link 1 title" content="link one">
  96. <meta name="text:link 1 url" content="/url">
  97. <meta name="text:link 2 title" content="link two">
  98. <meta name="text:link 2 url" content="/url">
  99. <meta name="text:link 3 title" content="link three">
  100. <meta name="text:link 3 url" content="/url">
  101. <meta name="text:link 4 title" content="link four">
  102. <meta name="text:link 4 url" content="/url">
  103.  
  104. <meta name="text:tab link 1 title" content="tab link 1">
  105. <meta name="text:tab link 1 url" content="/1url">
  106. <meta name="text:tab link 2 title" content="tab link 2">
  107. <meta name="text:tab link 2 url" content="/2url">
  108. <meta name="text:tab link 3 title" content="tab link 3">
  109. <meta name="text:tab link 3 url" content="/3url">
  110. <meta name="text:tab link 4 title" content="tab link 4">
  111. <meta name="text:tab link 4 url" content="/4url">
  112. <meta name="text:tab link 5 title" content="tab link 5">
  113. <meta name="text:tab link 5 url" content="/5url">
  114. <meta name="text:tab link 6 title" content="tab link 6">
  115. <meta name="text:tab link 6 url" content="/6url">
  116.  
  117. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
  118. <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  119. <link href='https://fonts.googleapis.com/css?family=Libre+Franklin:200,200italic,400,400italic,600,600italic' rel='stylesheet' type='text/css'>
  120.  
  121. <script src="https://kit.fontawesome.com/1614dc65f2.js" crossorigin="anonymous"></script>
  122.  
  123. <script src="https://code.iconify.design/1/1.0.3/iconify.min.js"></script>
  124.  
  125. <script>
  126. function openAlytut(evt, alytutName) {
  127. var i, x, tablinks;
  128. x = document.getElementsByClassName("alytut");
  129. for (i = 0; i < x.length; i++) {
  130. x[i].style.display = "none";
  131. }
  132. tablinks = document.getElementsByClassName("tablink");
  133. for (i = 0; i < x.length; i++) {
  134. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  135. }
  136. document.getElementById(alytutName).style.display = "block";
  137. evt.currentTarget.className += " tabzact";
  138. }
  139. </script>
  140.  
  141. <script>
  142. $(document).ready(function() {
  143. //
  144. $('a.poplight[href^=#]').click(function() {
  145. var popID = $(this).attr('rel'); //Get Popup Name
  146. var popURL = $(this).attr('href'); //Get Popup href to define size
  147. var query= popURL.split('?');
  148. var dim= query[1].split('&');
  149. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  150. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  151. var popMargTop = ($('#' + popID).height() + 80) / 2;
  152. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  153. //Apply Margin to Popup
  154. $('#' + popID).css({
  155. 'margin-top' : -popMargTop,
  156. 'margin-left' : -popMargLeft
  157. });
  158. $('body').append('<div id="fade"></div>');
  159. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  160. return false;
  161. });
  162. $('a.close, #fade').live('click', function() {
  163. $('#fade , .popup_block').fadeOut(function() {
  164. $('#fade, a.close').remove(); //fade them both out
  165. });
  166. return false;
  167. });
  168. });
  169. </script>
  170.  
  171. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  172.  
  173. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  174. <script type="text/javascript">
  175. $(document).ready(function(){
  176. popUp(true);
  177. });
  178. </script>
  179.  
  180. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  181. <script>
  182. (function($){
  183. $(document).ready(function(){
  184. $("[title],a[title],img[title]").style_my_tooltips({
  185. tip_follows_cursor:false });
  186. });
  187. })(jQuery);
  188. </script>
  189.  
  190. <style type="text/css">
  191.  
  192.  
  193.  
  194.  
  195.  
  196. /* TABS STYLING--
  197. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  198. */
  199.  
  200. .tabzcon { /* tablinks content aka the box under the tablinks */
  201. margin-top:0px;
  202. margin-left:15px;
  203. padding:10px;
  204. padding-top:5px;
  205. position:absolute;
  206. width:300px; {block:if400px} width:400px; {/block:if400px}
  207. padding-left:10px;
  208. border-radius:0px;
  209. position:fixed;
  210. overflow:auto;
  211. overflow-y:hidden;
  212. overflow:auto;
  213. padding-top:0px;
  214. padding-right:20px;
  215. padding-left:20px;
  216. margin-left:350px;
  217. margin-top:127px;
  218. z-index:10;
  219. background:transparent;
  220. height:352px;
  221. {block:Pages}
  222. background:{color:accent 3};
  223. {/block:Pages}
  224. -webkit-transition: all 0.6s ease-in-out;
  225. -moz-transition: all 0.6s ease-in-out;
  226. -o-transition: all 0.6s ease-in-out;
  227. -ms-transition: all 0.6s ease-in-out;
  228. transition: all 0.6s ease-in-out;
  229. }
  230.  
  231. @keyframes animationFrames{
  232. 0% {
  233. opacity:0;
  234. }
  235. 100% {
  236. opacity:1;
  237. }
  238. }
  239.  
  240. @-moz-keyframes animationFrames{
  241. 0% {
  242. opacity:0;
  243. }
  244. 100% {
  245. opacity:1;
  246. }
  247. }
  248.  
  249. @-webkit-keyframes animationFrames {
  250. 0% {
  251. opacity:0;
  252. }
  253. 100% {
  254. opacity:1;
  255. }
  256. }
  257.  
  258. @-o-keyframes animationFrames {
  259. 0% {
  260. opacity:0;
  261. }
  262. 100% {
  263. opacity:1;
  264. }
  265. }
  266.  
  267. @-ms-keyframes animationFrames {
  268. 0% {
  269. opacity:0;
  270. }
  271. 100% {
  272. opacity:1;
  273. }
  274. }
  275.  
  276. #base { /* the box when no tabs are selected */
  277. margin-top:45px;
  278. margin-left:0px;
  279. position:fixed;
  280. padding:10px;
  281. width:205px;
  282. height:260px;
  283. background-color:#e1c9bf;
  284. }
  285.  
  286. .tabzclose { /* the close button, u prob dont need to touch this */
  287. text-transform:uppercase;
  288. font-weight:bold;
  289. font-size:calc({select:font size} - 1px);
  290. padding:3px;
  291. color:inherit;
  292. margin-top:-15px;
  293. margin-right:-7px;
  294. float:right;
  295. }
  296.  
  297. .tabzclose:hover {
  298. cursor:pointer;
  299. }
  300.  
  301. ::-webkit-scrollbar-thumb {
  302. height:auto;
  303. background-color:{color:container 3};
  304. margin-left:1px;
  305. display:none;
  306. }
  307.  
  308. ::-webkit-scrollbar {
  309. height:9px;
  310. width:1px;
  311. background-color:transparent;
  312. }
  313.  
  314. ::-webkit-scrollbar-thumb {
  315. background:transparent;
  316. }
  317.  
  318. ::-webkit-scrollbar-corner {
  319. background:transparent;
  320. }
  321.  
  322. body {
  323. background:{color:background};
  324. margin-top:-20px;
  325. margin-left:0px;
  326. color:{color:text};
  327. font-family: 'Work Sans', sans-serif;
  328. line-height:200%;
  329. font-size:7.5px;
  330. letter-spacing:3px;
  331. text-align:justify;
  332. background-image:url('{image:page bg}');
  333. background-position:fixed;
  334. width:680px;
  335. height:500px;
  336. margin:0px auto;
  337. }
  338.  
  339. sup, sub {
  340. font-size:10px;
  341. }
  342.  
  343. a {
  344. text-decoration:none;
  345. outline:none;
  346. -moz-outline-style:none;
  347. color:#bdbdbd;
  348. border-bottom:0px solid {color:borders};
  349. box-shadow: 0 -1px rgba({RGBcolor:text}, 1) inset;
  350. }
  351.  
  352. img {
  353. border:none;
  354. }
  355.  
  356.  
  357. h2 small {
  358. font-size:23px;
  359. }
  360.  
  361. h2 a {
  362. font-size:23px;
  363. }
  364.  
  365. h2 small a {
  366. font-size:23px;
  367. }
  368.  
  369. b, strong {
  370. color:{color:bold};
  371. }
  372.  
  373. .tumblr_blog {
  374. text-transform:lowercase;
  375. letter-spacing:1.5px;
  376. font-family: 'Work Sans', sans-serif;
  377. font-size:7.5px;
  378. border-bottom:0px solid #222;
  379. color:{color:text};
  380. }
  381.  
  382. sup {
  383. font-size:7.5px;
  384. }
  385.  
  386. sub {
  387. font-size:7.5px;
  388. }
  389.  
  390. small {
  391. font-size:7.5px;
  392. }
  393.  
  394. h1, h2, h3 {
  395. margin:0px; text-align:left; text-transform:lowercase; letter-spacing:-1px; border-radius:0px; margin-top:15px; margin-bottom:15px; word-spacing:0px; color:{color:text}; font-family: 'Work Sans', sans-serif; font-family:montserrat; font-size:23px; font-weight:700;
  396. }
  397.  
  398. h1, h2, h3 a {
  399. color:{color:text};
  400. }
  401.  
  402. h1 small {
  403. font-size:23px;
  404. }
  405.  
  406. h1 sup {
  407. font-size:23px;
  408. }
  409.  
  410. h1 sub {
  411. font-size:23px;
  412. }
  413.  
  414. h2 small {
  415. font-size:23px;
  416. }
  417.  
  418. h2 sup {
  419. font-size:23px;
  420. }
  421.  
  422. h2 sub {
  423. font-size:23px;
  424. }
  425.  
  426. h4 {
  427. font-size:14px;
  428. }
  429.  
  430. blockquote {
  431. border-left:1px solid {color:borders};
  432. padding-left:10px;
  433. margin-left:5px;
  434. width:93%;
  435. }
  436.  
  437. #post blockquote img {
  438. max-width:265px;
  439. height:auto;
  440. }
  441.  
  442. #post blockquote blockquote img {
  443. max-width:250px;
  444. height:auto;
  445. }
  446.  
  447. #post blockquote blockquote blockquote img {
  448. max-width:235px;
  449. height:auto;
  450. }
  451.  
  452. #post blockquote blockquote blockquote blockquote img {
  453. max-width:220px;
  454. height:auto;
  455. }
  456.  
  457. #post blockquote blockquote blockquote blockquote blockquote img {
  458. max-width:205px;
  459. height:auto;
  460. }
  461.  
  462. /*CONTAINER*/
  463.  
  464.  
  465. #container {
  466. margin-top:4px;
  467. margin-left:352px;
  468. margin-right:auto;
  469. width:780px;
  470. max-height:346px;
  471. text-align:left;
  472. position:fixed;
  473. padding-left:0px;
  474. padding-top:0px;
  475. }
  476.  
  477. .scr a {
  478. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  479. }
  480.  
  481. /*ENTRIES*/
  482.  
  483. .sfm input {
  484. width:300px;
  485. border: 0px;
  486. text-transform: uppercase;
  487. background:transparent;
  488. margin-top: -7px;
  489. opacity:1;
  490. font-family:roboto;
  491. letter-spacing:2px;
  492. font-size:7px;
  493. padding: 4px 3px;
  494. border-bottom:0px solid #0c0c0c;
  495. font-weight:600;
  496. }
  497.  
  498. #sb {
  499. height:10px;
  500. width:10px;
  501. margin-left:-2px;
  502. margin-top:-1px;
  503. vertical-align: top;
  504. opacity:1;
  505. }
  506.  
  507. #entries {
  508. position:fixed;
  509. height:430px;
  510. width:780px;
  511. margin-top:100px;
  512. box-shadow:0px 0px 0px #222;
  513. padding-top:0px;
  514. padding-top:55px;
  515. background:rgba( {RGBcolor:container background}, 1 );
  516. border:1px solid {color:borders};
  517. background-image:url('{image:container bg}');
  518. margin-left:-70px;
  519. z-index:0;
  520. border-radius:0px;
  521. }
  522.  
  523. #entries2 {
  524. position:fixed;
  525. height:480px;
  526. margin-top:-55px;
  527. width:283px;
  528. margin-left:340px;
  529. background:rgba( {RGBcolor:container background}, 1 );
  530. border-radius:7px;
  531. display:none;
  532. }
  533.  
  534. #post {
  535. width:290px; {block:if400px} width:290px; {/block:if400px}
  536. margin-left:-15px;
  537. margin-top:0px;
  538. height: auto;
  539. margin-bottom:30px;
  540. color: {color:text};
  541. letter-spacing:0px;
  542. line-height:200%;
  543. text-align:justify;
  544. text-transform:none;
  545. border-radius:0px;
  546. letter-spacing:1px;
  547. background:transparent;
  548. text-transform:none;
  549. background:transparent;
  550. border-radius:0px;
  551. border:1px solid {color:borders};
  552. {block:ifPostBackground}
  553. background:rgba({RGBcolor:post background}, 1);
  554. {/block:ifPostBackground}
  555. z-index:100000000000000000000000000000000000000000000;
  556. padding:15px;
  557. }
  558.  
  559. #post b {
  560. box-shadow: 0 -1px rgba({RGBcolor:accent 3}, 1) inset;
  561. }
  562.  
  563. #post img {
  564. border-radius:0px;
  565. {block:ifImageOpacity}
  566. opacity:0.4;
  567. {/block:ifImageOpacity}
  568. max-width:280px; {block:if400px} max-width:400px; {/block:if400px}
  569. height:auto;
  570. }
  571.  
  572. #post img:hover {
  573. -webkit-filter: grayscale(0%);
  574.  
  575. -webkit-filter: grayscale(100%);
  576.  
  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.  
  584. iframe {
  585. border-radius:0px;
  586. max-width:300px;
  587. }
  588. .media img, .media iframe {
  589. display:block;
  590. border-radius:0px;
  591. margin-top:5px;
  592. -webkit-filter: grayscale(10%);
  593. {/block:ifGrayscale}
  594. -webkit-transition: all 0.6s ease-in-out;
  595. -moz-transition: all 0.6s ease-in-out;
  596. -o-transition: all 0.6s ease-in-out;
  597. -ms-transition: all 0.6s ease-in-out;
  598. transition: all 0.6s ease-in-out;
  599. {block:ifImageOpacity}
  600. opacity:0.4;
  601. {/block:ifImageOpacity}
  602. }
  603.  
  604. .media img:hover, .media iframe:hover {
  605. display:block;
  606. border-radius:0px;
  607.  
  608. -webkit-filter: grayscale(100%);
  609. {/block:ifGrayscale}
  610. -webkit-transition: all 0.6s ease-in-out;
  611. -moz-transition: all 0.6s ease-in-out;
  612. -o-transition: all 0.6s ease-in-out;
  613. -ms-transition: all 0.6s ease-in-out;
  614. transition: all 0.6s ease-in-out;
  615. {block:ifImageOpacity}
  616. opacity:0.4;
  617. {/block:ifImageOpacity}
  618. }
  619.  
  620. h2 small {
  621. font-size:23px;
  622. }
  623.  
  624. #post img {
  625.  
  626. -webkit-filter: grayscale(100%);
  627.  
  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. #post img:hover{
  636. -webkit-filter: grayscale(80%);
  637. -webkit-transition: all 0.6s ease-in-out;
  638. -moz-transition: all 0.6s ease-in-out;
  639. -o-transition: all 0.6s ease-in-out;
  640. -ms-transition: all 0.6s ease-in-out;
  641. transition: all 0.6s ease-in-out;
  642. }
  643.  
  644. .html_photoset {
  645. width:290.5px;
  646.  
  647. -webkit-filter: grayscale(100%);
  648.  
  649. -webkit-transition: all 0.6s ease-in-out;
  650. -moz-transition: all 0.6s ease-in-out;
  651. -o-transition: all 0.6s ease-in-out;
  652. -ms-transition: all 0.6s ease-in-out;
  653. transition: all 0.6s ease-in-out;
  654. }
  655. .html_photoset:hover {
  656. -webkit-filter: grayscale(80%);
  657.  
  658. -webkit-filter: grayscale(100%);
  659.  
  660. -webkit-transition: all 0.6s ease-in-out;
  661. -moz-transition: all 0.6s ease-in-out;
  662. -o-transition: all 0.6s ease-in-out;
  663. -ms-transition: all 0.6s ease-in-out;
  664. transition: all 0.6s ease-in-out;
  665. }
  666.  
  667. .answer span,.convo li{
  668. margin:0 0 5px;
  669. border-radius:0px;
  670. padding:5px;
  671. padding-left:0px;
  672. padding-right:0px;
  673. max-width:100%;
  674. clear:both;
  675. position:relative;
  676. line-height:200%;
  677. }
  678.  
  679. .convo strong {
  680. color:{color:accent};
  681. }
  682.  
  683. .convo b {
  684. color:{color:accent};
  685. }
  686.  
  687. .convo li:before {
  688. content:'';
  689. }
  690.  
  691. .label {
  692. font-family: 'Work Sans', sans-serif;
  693. letter-spacing:1.5px;
  694. font-size:10px;
  695. text-transform:uppercase;
  696. letter-spacing:1px;
  697. color:{color:accent};
  698. margin-right:2px;
  699. padding:0px;;
  700. margin-left:-5px;
  701. }
  702.  
  703. .footerright .viasrc {
  704. float: left;
  705. }
  706. .asked a {
  707. margin:0;padding:0;
  708. }
  709.  
  710. .user_4{
  711. background:{color:accent};
  712. color:{color:accent};
  713. padding:10px;
  714. line-height:100%;
  715. }
  716.  
  717. .user_4::after{
  718. border-color:{color:borders};
  719. padding:10px;
  720. }
  721.  
  722. .user_3{
  723. background:{color:accent};
  724. padding:10px;
  725. color:{color:accent};
  726. line-height:100%;
  727. }
  728.  
  729. .user_3::after{
  730. border-color:{color:borders};
  731. padding:10px;
  732. }
  733.  
  734. .convo {
  735. overflow: hidden;
  736. list-style-type: none;
  737. padding: 0;
  738. margin: 0;
  739. line-height:100%;
  740. }
  741.  
  742. .quote {
  743. padding:10px;
  744. font-size:calc({select:font size} - 1px);
  745. border:0px solid #222;
  746. line-height:270%;
  747. text-align:left;
  748. text-transform:none;
  749. font-size:24px;
  750. line-height:100%;
  751. letter-spacing:0px;
  752. word-spacing:0px;
  753. font-family: 'abril fatface';
  754. margin-top:15px;
  755. margin-bottom:15px;
  756. font-weight:300;
  757. color:{color:text};
  758. border-radius:0px;
  759.  
  760. padding:20px; text-align:center; border-radius:0px; border-bottom:1px solid {color:borders}; border-top:1px solid {color:borders}; background:rgba({RGBcolor:container background}, 0.5); margin-top:5px; margin-left:-15px; width:270px; margin-bottom:25px;
  761. }
  762.  
  763. .source {
  764. margin-top:-10px;
  765. letter-spacing:1px;
  766. opacity:1;
  767. margin-bottom:10px;
  768. text-align:center;
  769. }
  770.  
  771. /*BLOG TITLE*/
  772.  
  773. .title{
  774. color:{color:side text};
  775. font-size:16px;
  776. text-align:left;
  777. letter-spacing:0px;
  778. width:135px;
  779. margin-bottom:15px;
  780. word-spacing:-3px;
  781. }
  782.  
  783. /*SIDEBAR*/
  784.  
  785. #description {
  786. border-left:0px solid {color:borders};
  787. padding:11px;
  788. font-family:{text:descfont};
  789. position:fixed;
  790. width:370px;
  791. height:484px;
  792. overflow-y:scroll;
  793. font-size:7.5px;
  794. margin-top:-55px;
  795. line-height:22px;
  796. padding-top:5px;
  797. letter-spacing:0px;
  798. color:{color:text};
  799. opacity:1;
  800. border-radius:0px;
  801. margin-left:85px;
  802. text-transform:uppercase;
  803. text-align:justify;
  804. background:transparent;
  805. font-family: 'Work Sans', sans-serif;
  806. letter-spacing:1.5px;
  807. opacity:1;
  808. max-height:400px;
  809. background:rgba(255,2552,255,0);
  810. display:none;
  811. }
  812.  
  813. #header {
  814. margin-top:-50px;
  815. margin-bottom:20px;
  816. position:fixed;
  817. background:{color:container background};
  818. padding-top:60px;
  819. padding-bottom:0px;
  820. padding-left:10px;
  821. margin-left:-10px;
  822. z-index:999999999999999999999999999999999999999999999999999;
  823. }
  824.  
  825. #header img {
  826. width:72px;
  827. height:72px;
  828. border-radius:100%;
  829. -webkit-filter: grayscale(100%);
  830. filter: grayscale(100%);
  831. }
  832.  
  833. .ynkk {
  834. position:fixed;
  835. margin-left:330px;
  836. margin-top:195px;
  837. z-index:9999999999999999999999999999999;
  838. display:none;
  839. }
  840.  
  841. .ynkk img {
  842. width:60px;
  843. height:60px;
  844. border-radius:100%;
  845. }
  846.  
  847. #test {
  848. position:fixed;
  849. z-index:100000;
  850. margin-left:370px;
  851. margin-top:175px;
  852. color:#fff;
  853. }
  854.  
  855. #box{
  856. padding:10px;
  857. padding-right:150px;
  858. z-index:-9999;
  859. position:fixed;
  860. margin-top:175px;
  861. background:transparent;
  862. font-size:10px;
  863. margin-left:30px;
  864. width:540px;
  865. {block:if400px}
  866. width:640px;
  867. {/block:if400px}
  868. height:2px;
  869. border:0px solid {color:borders};
  870. color:{color:text};
  871. border-radius:0px;
  872. font-family:'arial';
  873. color:{color:background};
  874. opacity:1;
  875. z-index:1;
  876. }
  877.  
  878. .oi {
  879. font-size:28px;
  880. padding-top:10px;
  881. float:left;
  882. padding:15px;
  883. width:25px;
  884. margin-top:-50px;
  885. margin-left:15px;
  886. height:25px;
  887. padding-top:13px;
  888. padding-bottom:17px;
  889. padding-left:13.5px;
  890. padding-right:17.5px;
  891. margin-right:10px;
  892. border-radius:500%;
  893. color:{color:accent 2};
  894. background:{color:accent};
  895. display:none;
  896. }
  897.  
  898. .sidetxt {
  899. position:absolute;
  900. width:488px;
  901. height:10px;
  902. text-align:center;
  903. line-height:100%;
  904. color:white;
  905. font-family:roboto;
  906. font-family: 'Work Sans', sans-serif;
  907. text-transform:lowercase;
  908. font-size:6px;
  909. letter-spacing:2px;
  910. margin-top:-265px;
  911. padding-top:18px;
  912. padding-bottom:18px;
  913. margin-left:-223px;
  914. transform:rotate(-90deg);
  915. background:{color:accent 3};
  916. pointer-events:none;
  917. }
  918.  
  919. .liner {
  920. position:fixed;
  921. background:{color:side text};
  922. height:80px;
  923. width:30px;
  924. margin-left:-5px;
  925. margin-top:180px;
  926. mix-blend-mode:overlay;
  927. }
  928.  
  929. .liner2 {
  930. position:fixed;
  931. background:{color:side text};
  932. height:80px;
  933. width:30px;
  934. margin-left:265px;
  935. margin-top:170px;
  936. mix-blend-mode:overlay;
  937. z-index:1000000000000000000000000000;
  938. }
  939.  
  940. .sidenav1 {
  941. position:absolute;
  942. color:{color:text};
  943. text-transform:uppercase;
  944. font-size:20px;
  945. text-align:center;
  946. width:265px;
  947. letter-spacing:2px;
  948. margin-left:150px;
  949. margin-top:-310px;
  950. z-index:10000000000000000000000000;
  951. font-weight:600;
  952. }
  953.  
  954. .sidenav1 a {
  955. text-align:center;
  956. vertical-align:middle;
  957. display:block;
  958. width:30px;
  959. height:30px;
  960. padding:10px;
  961. padding-bottom:7px;
  962. padding-top:15px;
  963. border:1px solid {color:side text};
  964. color:{color:side text};
  965. -webkit-transition: all 0.2s ease-in-out;
  966. -moz-transition: all 0.2s ease-in-out;
  967. -o-transition: all 0.2s ease-in-out;
  968. -ms-transition: all 0.2s ease-in-out;
  969. transition: all 0.2s ease-in-out;
  970. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  971. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  972. }
  973.  
  974. .sidenav1 a:hover {
  975. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  976. -webkit-transition: all 0.2s ease-in-out;
  977. -moz-transition: all 0.2s ease-in-out;
  978. -o-transition: all 0.2s ease-in-out;
  979. -ms-transition: all 0.2s ease-in-out;
  980. transition: all 0.2s ease-in-out;
  981. }
  982.  
  983. .sidenav2 {
  984. position:absolute;
  985. color:{color:text};
  986. text-transform:uppercase;
  987. font-size:20px;
  988. text-align:center;
  989. width:265px;
  990. letter-spacing:2px;
  991. margin-left:130px;
  992. margin-top:-310px;
  993. z-index:10000000000000000000000000;
  994. font-weight:600;
  995. }
  996.  
  997. .sidenav2 a {
  998. text-align:center;
  999. vertical-align:middle;
  1000. display:block;
  1001. width:30px;
  1002. height:30px;
  1003. padding:10px;
  1004. padding-bottom:7px;
  1005. padding-top:15px;
  1006. border:1px solid {color:side text};
  1007. color:{color:side text};
  1008. -webkit-transition: all 0.2s ease-in-out;
  1009. -moz-transition: all 0.2s ease-in-out;
  1010. -o-transition: all 0.2s ease-in-out;
  1011. -ms-transition: all 0.2s ease-in-out;
  1012. transition: all 0.2s ease-in-out;
  1013. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1014. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  1015. }
  1016.  
  1017. .sidenav2 a:hover {
  1018. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  1019. -webkit-transition: all 0.2s ease-in-out;
  1020. -moz-transition: all 0.2s ease-in-out;
  1021. -o-transition: all 0.2s ease-in-out;
  1022. -ms-transition: all 0.2s ease-in-out;
  1023. transition: all 0.2s ease-in-out;
  1024. }
  1025.  
  1026. .btext {
  1027. width:200px;
  1028. text-align:right;
  1029. position:fixed;
  1030. transform:rotate(-90deg);
  1031. margin-left:-109px;
  1032. margin-top:93px;
  1033. font-family: 'Work Sans', sans-serif;
  1034. text-transform:lowercase;
  1035. font-size:6px;
  1036. letter-spacing:2px;
  1037. }
  1038.  
  1039. .btext a {
  1040. width:auto;
  1041. height:auto;
  1042. padding:0px;
  1043. padding-bottom:0px;
  1044. padding-top:0px;
  1045. border:0px solid {color:side text};
  1046. }
  1047.  
  1048. .btext2 {
  1049. width:200px;
  1050. text-align:left;
  1051. position:fixed;
  1052. transform:rotate(-90deg);
  1053. margin-left:-109px;
  1054. margin-top:48px;
  1055. font-family: 'Work Sans', sans-serif;
  1056. text-transform:lowercase;
  1057. font-size:6px;
  1058. letter-spacing:2px;
  1059. }
  1060.  
  1061. .btext2 a {
  1062. height:auto;
  1063. padding:0px;
  1064. padding-bottom:0px;
  1065. padding-top:0px;
  1066. border:0px solid {color:side text};
  1067. display:inline;
  1068. }
  1069.  
  1070. .sidenav {
  1071. position:absolute;
  1072. color:{color:text};
  1073. text-transform:uppercase;
  1074. font-size:20px;
  1075. text-align:center;
  1076. width:265px;
  1077. letter-spacing:2px;
  1078. margin-left:90px;
  1079. margin-top:-150px;
  1080. z-index:10000000000000000000000000;
  1081. font-weight:600;
  1082. display:none;
  1083. }
  1084.  
  1085. .sidenav a {
  1086. text-align:center;
  1087. vertical-align:middle;
  1088. display:block;
  1089. width:30px;
  1090. height:30px;
  1091. padding:10px;
  1092. padding-bottom:7px;
  1093. padding-top:15px;
  1094. border:1px solid {color:side text};
  1095. color:{color:side text};
  1096. -webkit-transition: all 0.2s ease-in-out;
  1097. -moz-transition: all 0.2s ease-in-out;
  1098. -o-transition: all 0.2s ease-in-out;
  1099. -ms-transition: all 0.2s ease-in-out;
  1100. transition: all 0.2s ease-in-out;
  1101. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1102. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  1103. }
  1104.  
  1105. .sidenav a:hover {
  1106. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 1) inset;
  1107. -webkit-transition: all 0.2s ease-in-out;
  1108. -moz-transition: all 0.2s ease-in-out;
  1109. -o-transition: all 0.2s ease-in-out;
  1110. -ms-transition: all 0.2s ease-in-out;
  1111. transition: all 0.2s ease-in-out;
  1112. }
  1113.  
  1114. @font-face{ font-family:mint; src:url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
  1115. @font-face { font-family: "config"; src: url('https://dl.dropboxusercontent.com/s/satyt9w7e9e8k2n/ConfigCondensed-Bold.otf') ;}
  1116.  
  1117. .sidetitle {
  1118. font-family:'config';
  1119. font-size:50px;
  1120. line-height:60%;
  1121. text-transform:none;
  1122. letter-spacing:0px;
  1123. margin-top:-140px;
  1124. width:200px;
  1125. height:125px;
  1126. padding-top:35px;
  1127. text-align:center;
  1128. font-style:normal;
  1129. word-spacing:-20px;
  1130. font-weight:900;
  1131. z-index:1000000000000000000000;
  1132. display:inline;
  1133. margin-left:65px;
  1134. transform:rotate(0deg);
  1135. opacity:1;
  1136. position:absolute;
  1137. -webkit-text-fill-color: {color:title color};
  1138. -webkit-text-stroke: 1px {color:title outline};
  1139. text-stroke: 1px {color:title outline};
  1140. text-shadow: 2px 2px {color:post background};
  1141. z-index:1000000000000000000000000000000000000000000000000;
  1142. }
  1143.  
  1144. .sidetitle a {
  1145. box-shadow: 0 -25px rgba({RGBcolor:post background}, 0) inset;
  1146. display:inline;
  1147. }
  1148.  
  1149. .subt {
  1150. margin-top:-55px;
  1151. font-weight:300;
  1152. font-size:100px;
  1153. font-family:'mint';
  1154. -webkit-text-fill-color: {color:title outline};
  1155. -webkit-text-stroke: 0px {color:title outline};
  1156. text-stroke: 0px {color:title outline};
  1157. text-shadow: none;
  1158. }
  1159.  
  1160. .subt a {
  1161. color:{color:accent 2};
  1162. font-weight:300;
  1163. word-spacing:0px;
  1164. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  1165. }
  1166.  
  1167. .pagination {
  1168. position:absolute;
  1169. width:70px;
  1170. text-align:center;
  1171. line-height:100%;
  1172. color:{color:side text};
  1173. font-family:montserrat;
  1174. text-transform:uppercase;
  1175. font-size:6px;
  1176. padding:5px;
  1177. border:1px solid {color:side text};
  1178. letter-spacing:2px;
  1179. margin-top:-63px;
  1180. margin-left:210px;
  1181. z-index:9999999999999999999999999999999999999999;
  1182. font-weight:600;
  1183. display:none;
  1184. }
  1185.  
  1186. .pagination:hover {
  1187. -webkit-transition: all 0.2s ease-in-out;
  1188. -moz-transition: all 0.2s ease-in-out;
  1189. -o-transition: all 0.2s ease-in-out;
  1190. -ms-transition: all 0.2s ease-in-out;
  1191. transition: all 0.2s ease-in-out;
  1192. }
  1193.  
  1194. .pagination a {
  1195. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1196. }
  1197.  
  1198. #boxy {
  1199. margin-left:42px;
  1200. margin-top:-55px;
  1201. border:solid 0px {color:borders};
  1202. {block:ifGrayscale}
  1203. -webkit-filter: grayscale(80%);
  1204. {/block:ifGrayscale}
  1205. -webkit-transition: all 0.6s ease-in-out;
  1206. -moz-transition: all 0.6s ease-in-out;
  1207. -o-transition: all 0.6s ease-in-out;
  1208. -ms-transition: all 0.6s ease-in-out;
  1209. transition: all 0.6s ease-in-out;
  1210. background-position:center;
  1211. background:rgba({RGBcolor:container background}, 1);
  1212. padding:0px;
  1213. width:346px;
  1214. height:485px;
  1215. border:0px solid {color:accent};
  1216. border-left:1px solid {color:borders};
  1217. border-right:1px solid {color:borders};
  1218. z-index:1;
  1219. }
  1220.  
  1221. #sideimg {
  1222. pointer-events:none;
  1223. margin-top:-365px;
  1224. margin-left:128px;
  1225. width:300px;
  1226. position:absolute;
  1227. z-index:10;
  1228. height:400px;
  1229. z-index:99999999999999999999;
  1230. }
  1231.  
  1232. #sideimg img {
  1233. width:357px;
  1234. height:auto;
  1235. margin-top:-100px;
  1236. margin-left:-110px;
  1237. border:0px solid {color:borders};
  1238. {block:ifGrayscale}
  1239. filter:grayscale(100%);
  1240. {/block:ifGrayscale}
  1241. position:relative;
  1242. z-index:99999999999999999999;
  1243. }
  1244.  
  1245. #bx {
  1246. z-index:10000000000000000;
  1247. pointer-events:none;
  1248. margin-top:-310px;
  1249. margin-left:60px;
  1250. width:200px;
  1251. position:absolute;
  1252. height:400px;
  1253. display:none;
  1254. }
  1255.  
  1256. #bx img {
  1257. width:160px;
  1258. height:auto;
  1259. margin-top:0px;
  1260. margin-left:0px;
  1261. border:0px solid {color:borders};
  1262. z-index:99999999999999999999;
  1263. {block:ifGrayscale}
  1264. filter:grayscale(100%);
  1265. {/block:ifGrayscale}
  1266. position:relative;
  1267. z-index:100000000000000000000000000000;
  1268.  
  1269. }
  1270. /*POST INFO*/
  1271.  
  1272. #info {
  1273. width:295px;
  1274. {block:if400px}
  1275. width:295px;
  1276. {/block:if400px}
  1277. margin-top:0px;
  1278. padding:0px;
  1279. padding-bottom:0px;
  1280. text-align:left;
  1281. text-transform:uppercase;
  1282. font-size:calc({select:font size} - 1px);
  1283. font-size:7.5px;
  1284. letter-spacing:4px;
  1285. color:{color:info text};
  1286. font-weight:normal;
  1287. font-family: 'Work Sans', sans-serif;
  1288. padding:0px;
  1289. background-image:url('{image:info bg}');
  1290. border-bottom:0px solid {color:borders};
  1291. margin-top:-8px;
  1292. margin-left:-7px;
  1293. padding:5px;
  1294. padding-top:8px;
  1295. padding-bottom:4px;
  1296. }
  1297.  
  1298. #info a{
  1299. border-bottom:0px solid {color:borders};
  1300. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1301. }
  1302.  
  1303. #info a:hover {
  1304. color:{color:text};
  1305. }
  1306.  
  1307. .dt {
  1308. display:inline;
  1309. letter-spacing:2px;
  1310. color:{color:text};
  1311. margin-top:0px;
  1312. float:right;
  1313. font-size:6px;
  1314. opacity:0.9;
  1315. }
  1316.  
  1317. .dt a {
  1318. color:{color:text};
  1319. font-size:6px;
  1320. }
  1321.  
  1322. .tags {
  1323. text-align:center;
  1324. letter-spacing:0px;
  1325. font-size:7.5px;
  1326. font-style:normal;
  1327. letter-spacing:1px;
  1328. line-height:250%;
  1329. display:inline;
  1330. text-transform:none;
  1331. }
  1332.  
  1333. .tags a {
  1334. margin:0px 0px 0px 0px;
  1335. font-weight:normal;
  1336. margin-right:4px;
  1337. border-top:0px solid {color:text};
  1338. padding-top:3px;
  1339. color:{color:text};
  1340. border-bottom:0px solid {color:bold};
  1341. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1342. font-size:7.5px;
  1343. -webkit-transition: all 0.6s ease-in-out;
  1344. -moz-transition: all 0.6s ease-in-out;
  1345. -o-transition: all 0.6s ease-in-out;
  1346. -ms-transition: all 0.6s ease-in-out;
  1347. transition: all 0.6s ease-in-out;
  1348. }
  1349.  
  1350. .tags a:hover {
  1351. font-style:normal;
  1352. box-shadow: 0 -5px rgba({RGBcolor: bold}, 0) inset;
  1353. border-color:{color:accent 3};
  1354. -webkit-transition: all 0.6s ease-in-out;
  1355. -moz-transition: all 0.6s ease-in-out;
  1356. -o-transition: all 0.6s ease-in-out;
  1357. -ms-transition: all 0.6s ease-in-out;
  1358. transition: all 0.6s ease-in-out;
  1359. }
  1360.  
  1361. .navtitle {
  1362. font-family:'config';
  1363. font-size:50px;
  1364. line-height:60%;
  1365. text-transform:none;
  1366. letter-spacing:0px;
  1367. margin-top:-140px;
  1368. width:300px;
  1369. padding-top:3px;
  1370. text-align:left;
  1371. font-style:normal;
  1372. word-spacing:0px;
  1373. font-weight:900;
  1374. z-index:1000000000000000000000;
  1375. display:inline;
  1376. margin-left:0px;
  1377. transform:rotate(0deg);
  1378. opacity:1;
  1379. position:absolute;
  1380. margin-top:242px;
  1381. margin-left:10px;
  1382. -webkit-text-fill-color: {color:title color};
  1383. -webkit-text-stroke: 1px {color:title outline};
  1384. text-stroke: 1px {color:title outline};
  1385. text-shadow: 2px 2px {color:post background};
  1386. z-index:1000000000000000000000000000000000000000000000000;
  1387. }
  1388.  
  1389. .navtitle a {
  1390. box-shadow: 0 -25px rgba({RGBcolor:post background}, 0) inset;
  1391. display:inline;
  1392. }
  1393.  
  1394. .nsubt {
  1395. margin-top:-55px;
  1396. font-weight:300;
  1397. font-size:100px;
  1398. font-family:'mint';
  1399. -webkit-text-fill-color: {color:title outline};
  1400. -webkit-text-stroke: 0px {color:title outline};
  1401. text-stroke: 0px {color:title outline};
  1402. text-shadow: none;
  1403. }
  1404.  
  1405. .nsubt a {
  1406. color:{color:accent 2};
  1407. font-weight:300;
  1408. word-spacing:0px;
  1409. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  1410. }
  1411.  
  1412. .navtext {
  1413. position:absolute;
  1414. z-index:10000000000000000000000000000000;
  1415. width:120px;
  1416. margin-top:250px;
  1417. margin-left:140px;
  1418. height:100px;
  1419. overflow:scroll;
  1420. }
  1421.  
  1422. /*AUDIO*/
  1423.  
  1424. .audio {
  1425. height:60px;
  1426. padding:5px;
  1427. margin-bottom:10px;
  1428. margin-top:10px;
  1429. border-left:0px solid {color:accent};
  1430. border-bottom:0px solid {color:borders};
  1431. border-radius:0px;
  1432. padding-top:7px;
  1433. background:{color:accent 3};
  1434. }
  1435. .audio-album {
  1436. position:absolute;
  1437. width:60px;
  1438. }
  1439.  
  1440. .player {
  1441. opacity:1;
  1442. opacity:100%;
  1443. border:10px solid {color:accent 3};
  1444. border-radius:4px;
  1445. width:25px;
  1446. height:24px;
  1447. overflow:hidden;
  1448. padding-right:7px;
  1449. padding-bottom:3px;
  1450. position:absolute;
  1451. z-index:2;
  1452. margin-left:10px;
  1453. margin-top:6px;
  1454. }
  1455.  
  1456. .audio-info {
  1457. margin-top:2px;
  1458. position:relative;
  1459. margin-left:70px;
  1460. padding:12px;
  1461. padding-top:14px;
  1462. text-transform:lowercase;
  1463. text-align:right;
  1464. line-height:150%;
  1465. color:{color:bold};
  1466. font-family:montserrat;
  1467. font-size:7.5px;
  1468. }
  1469.  
  1470. .audio-info b {
  1471. color:{color:bold};
  1472. }
  1473.  
  1474. .audio-info tn {
  1475. font-weight:800;
  1476. font-size:13px;
  1477. letter-spacing:0px;
  1478. color:{color:bold};
  1479. }
  1480.  
  1481. .audio-info ta {
  1482. text-transform:lowercase;
  1483. font-size:10px;
  1484. letter-spacing:1px;
  1485. font-weight:300;
  1486. color:{color:post background};
  1487. font-family:montserrat;
  1488. font-style:italic;
  1489. color:{color:bold};
  1490. }
  1491.  
  1492. /*QUESTION*/
  1493.  
  1494. #faq {
  1495. font-size:10px;
  1496. letter-spacing:1px;
  1497. color:{color:text};
  1498. text-align:left;
  1499. column-count: 3;
  1500. column-fill: auto;
  1501. }
  1502.  
  1503. .faqa {
  1504. padding:10px;
  1505. margin-top:10px;
  1506. border-left:1px solid {color:borders};
  1507. }
  1508.  
  1509. .tabn a {
  1510. margin-right:7px;
  1511. margin-left:7px;
  1512. }
  1513.  
  1514. .mint {
  1515. position:fixed;
  1516. text-transform:uppercase;
  1517. width:120px;
  1518. height:50px;
  1519. padding-left:6px;
  1520. padding-right:4px;
  1521. padding-top:5px;
  1522. padding-bottom:0px;
  1523. font-size:18px;
  1524. text-align:center;
  1525. bottom:-20px;
  1526. right:5px;
  1527. text-align:right;
  1528. color:{color:text};
  1529. letter-spacing:1px;
  1530. border-radius:100%;
  1531. border-bottom:0px solid {color:borders};
  1532. border-radius:0px;
  1533. -webkit-transition: all 0.6s ease-in-out;
  1534. -moz-transition: all 0.6s ease-in-out;
  1535. -o-transition: all 0.6s ease-in-out;
  1536. -ms-transition: all 0.6s ease-in-out;
  1537. transition: all 0.6s ease-in-out;
  1538. }
  1539.  
  1540. .mint a {
  1541. padding-top:0px;
  1542. padding-left:3px;
  1543. padding-right:3px;
  1544. }
  1545.  
  1546. .askq {
  1547. width:270px;
  1548. margin-top:10px;
  1549. text-align:justify;
  1550. line-height:300%;
  1551. }
  1552.  
  1553. .askq cute {
  1554. text-transform:uppercase;
  1555. font-size:11px;
  1556. letter-spacing:1px;
  1557. padding:5px;
  1558. width:280px;
  1559. background:rgba(255,255,255,0.03);
  1560. margin-right:5px;
  1561. border-radius:2px;
  1562. }
  1563.  
  1564. .askq span {
  1565. font-size:11px;
  1566. margin-right:5px;
  1567. }
  1568.  
  1569. ul {
  1570. margin-left:-15px;
  1571. text-align:left;
  1572. }
  1573.  
  1574. li {
  1575. padding-left: 0px;
  1576. list-style: none;
  1577. }
  1578.  
  1579. li:before {
  1580. margin-left: -10px;
  1581. width: 16px;
  1582. color: {color:accent};
  1583. content: "{select:bullet type}";
  1584. font-family:'saturnicons';
  1585. font-size:6px;
  1586. font-weight:300;
  1587. display: inline-block;
  1588. }
  1589.  
  1590. ul li {
  1591. width:95%;
  1592. text-align:justify;
  1593. list-style-type: none;
  1594. }
  1595.  
  1596. #question { margin-top:5px; font-size:7.5px; padding:15px; text-align:justify; border-radius:0px; border-bottom:1px solid {color:borders}; border-top:1px solid {color:borders}; background:rgba({RGBcolor:container background}, 0.7); margin-top:5px; margin-left:-15px; width:290px; line-height:190%; }
  1597. .asker a { font-size:18px; color:{color:link}; padding-right:0px; letter-spacing:0px; border-radius:0px; font-family:montserrat; font-weight:700; box-shadow: 0 -2px rgba({RGBcolor:accent 3}, 1) inset; }
  1598. .asker { font-size:16px; color:{color:link}; padding-right:0px; letter-spacing:3px; border-radius:0px; margin-bottom:23px; font-weight:700; text-transform:lowercase; font-family:montserrat; font-weight:800; }
  1599.  
  1600. .notes { text-align:left; margin-top:0px
  1601. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  1602. ol.notes, .notes li { width:300px; {block:if400px} width:400px; {/block:if400px} list-style:none; margin:3px; margin-left:8px; padding:0px; }
  1603. .notes li a { font-weight:bold; color:{color:link}; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  1604. .notes li {
  1605. margin-left:-15px;
  1606. }
  1607. .notes li:before { content:''; }
  1608.  
  1609. .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; }
  1610.  
  1611. .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%;}
  1612. .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%; }
  1613.  
  1614. .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}; }
  1615. .convo { overflow:hidden; list-style-type:none; padding:0px; margin-top:-13px; list-style-type:none; margin-bottom:0px; line-height:100%; }
  1616.  
  1617. iframe { {block:ifImageOpacity}
  1618. opacity:0.4;
  1619. {/block:ifImageOpacity} border-radius:0px; }
  1620.  
  1621. #s-m-t-tooltip {
  1622. z-index: 9999;
  1623. background:rgba({RGBcolor:accent}, 1);
  1624. font-size: 9px;
  1625. line-height: 13px;
  1626. letter-spacing: 1.5px;
  1627. text-transform:uppercase;
  1628. font-size:7px;
  1629. border:solid 0px {color:borders};
  1630. border-radius:0px;
  1631. -o-transition: all 0.3s ease-out;
  1632. -webkit-transition: all 0.3s ease-out;
  1633. -moz-transition: all 0.3s ease-out;
  1634. text-transform: normal;
  1635. max-width:110px;
  1636. color:{color:accent 3};
  1637. word-wrap: break-word;
  1638. padding: 1px 4px 1px 4px;
  1639. display: block;
  1640. margin: 0px 15px;
  1641. text-transform:lowercase;
  1642. text-align:left;
  1643. border-bottom:3px solid {color:accent 3};
  1644. font-size:7px;
  1645. letter-spacing:2px;
  1646. text-align:center;
  1647. max-width:90px;
  1648. z-index:9999999999999999999999999999999999999;
  1649. }
  1650.  
  1651. ::selection {
  1652. background: {color:accent 3}; /* WebKit/Blink Browsers */
  1653. }
  1654. ::-moz-selection {
  1655. background: {color:accent 3}; /* Gecko Browsers */
  1656. }
  1657.  
  1658. /* ----------------------------------------------
  1659. * Generated by Animista on 2019-10-18 3:56:51
  1660. * Licensed under FreeBSD License.
  1661. * See http://animista.net/license for more info.
  1662. * w: http://animista.net, t: @cssanimista
  1663. * ---------------------------------------------- */
  1664.  
  1665. /**
  1666. * ----------------------------------------
  1667. * animation scale-down-center
  1668. * ----------------------------------------
  1669. */
  1670. @-webkit-keyframes scale-down-center {
  1671. 0% {
  1672. -webkit-transform: scale(1);
  1673. transform: scale(1);
  1674. }
  1675. 100% {
  1676. -webkit-transform: scale(0.9);
  1677. transform: scale(0.9);
  1678. }
  1679. }
  1680. @keyframes scale-down-center {
  1681. 0% {
  1682. -webkit-transform: scale(1);
  1683. transform: scale(1);
  1684. }
  1685. 100% {
  1686. -webkit-transform: scale(0.9);
  1687. transform: scale(0.9);
  1688. }
  1689. }
  1690.  
  1691. {CustomCSS}
  1692.  
  1693. </style></head><body>
  1694.  
  1695. </div>
  1696.  
  1697. <div id="TabzOne" class="tabzcon alytut" style="display:block; height:399px; z-index:1;">
  1698.  
  1699. {block:Posts}
  1700.  
  1701. <!-- {block:NoRebloggedFrom}
  1702. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1703. {/block:NoRebloggedFrom} -->
  1704. {block:ContentSource}<!-- {SourceURL}
  1705. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1706. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1707. {/block:ContentSource}
  1708.  
  1709. <div id="post">
  1710.  
  1711. {block:Date}
  1712.  
  1713. <div id="info">
  1714.  
  1715. <a href="{Permalink}" title="{TimeAgo}"><span class="lnr lnr-heart" style="font-size:7px; font-weight:bold;"></span> {NoteCount}</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}
  1716.  
  1717. <div class="dt">
  1718. <a href="{ReblogURL}" title="reblog" target="_blank" class="details"><span class="lnr lnr-redo" style="font-size:7px; font-weight:bold;"></span></a>
  1719. </div>
  1720.  
  1721. </div>
  1722. {/block:Date}
  1723.  
  1724. {block:Text}
  1725. {block:Title}<h1>{Title}</h1>{/block:Title}
  1726. {Body}{/block:Text}
  1727.  
  1728. {block:Photo}
  1729. <div class="media"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/> </div> {block:Caption}{Caption}
  1730. {/block:Caption}
  1731. {/block:Photo}
  1732.  
  1733. {block:Photoset}<div class="media">{photoset}</div> <div class="caption">{Caption}</div>{/block:Photoset}
  1734.  
  1735. {block:Quote}<div class="quote">&#8220;{Quote}&#8221; </div><div class="source">— {block:Source}{Source}{/block:Source}</div> {/block:Quote}
  1736.  
  1737. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1738.  
  1739. {block:Chat}
  1740. {block:Title}
  1741. <h2>{Title}</h2>{/block:Title}<br>
  1742. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1743. {Line}</li>{/block:Lines}</ul>
  1744. {/block:Chat}
  1745.  
  1746. {block:Audio}<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}<ta>— &nbsp;{Artist}</ta>{/block:Artist}</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  1747.  
  1748. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1749.  
  1750. {block:Answer}<div id="question"><div class="asker"><a>━ {Asker} :</a></div>{Question}</div>
  1751. {Answer}{/block:Answer}
  1752.  
  1753. <div style="padding-top:2px;">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">━ <span class="lnr lnr-heart" style="font-size:5px; font-weight:bold;"></span> {Tag}</span> </a>{/block:Tags}</div>{/block:HasTags}</span></div>
  1754. </div>
  1755.  
  1756. {block:PermalinkPage}
  1757. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  1758. {/block:PermalinkPage}
  1759.  
  1760. {/block:Posts}
  1761.  
  1762. </div>
  1763.  
  1764.  
  1765. <!--
  1766.  
  1767. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  1768.  
  1769. <!-- < tabs content >
  1770. -->
  1771.  
  1772.  
  1773. <div id="TabzTwo" class="tabzcon alytut" style="display:none; background:{color:accent 3}; padding: 20px; padding-top: 10px; width: 270px; border-radius: 0px; height:385px; z-index:1; margin-left:355px; border:1px solid {color:borders};
  1774. animation: animationFrames ease-in-out 1s;
  1775. animation-iteration-count: 1;
  1776. transform-origin: 50% 50%;
  1777. -webkit-animation: animationFrames ease-in-out 1s;
  1778. -webkit-animation-iteration-count: 1;
  1779. -webkit-transform-origin: 50% 50%;
  1780. -moz-animation: animationFrames ease-in-out 1s;
  1781. -moz-animation-iteration-count: 1;
  1782. -moz-transform-origin: 50% 50%;
  1783. -o-animation: animationFrames ease-in-out 1s;
  1784. -o-animation-iteration-count: 1;
  1785. -o-transform-origin: 50% 50%;
  1786. -ms-animation: animationFrames ease-in-out 1s;
  1787. -ms-animation-iteration-count: 1;
  1788. -ms-transform-origin: 50% 50%;">
  1789.  
  1790. <div style="margin-top:-2px; position:fixed;">
  1791. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzOne');" style="margin-left:270px; box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;"><i class="fas fa-times" style="opacity:0.2;"></i></a>
  1792. </div>
  1793.  
  1794. <h1>faq.</h1>
  1795.  
  1796. <blockquote><strong style="font-size: 14px;">Q.</strong> can you replace [tab] with a link?</blockquote>
  1797.  
  1798. <p>please check <a href="http://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>
  1799.  
  1800. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;can you make [theme] 400/500px?</blockquote>
  1801.  
  1802. <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>
  1803.  
  1804. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;can i use [tab] on another theme?</blockquote>
  1805.  
  1806. <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>
  1807.  
  1808. <blockquote><strong style="font-size: 14px;">Q.</strong>&nbsp;what&rsquo;s the status of your requests?</blockquote>
  1809.  
  1810. <p>dash icons:&nbsp;<strong>open </strong>(check&nbsp;<a href="http://mintrps.tumblr.com/styles.">styles</a>) /&nbsp;gif icons:&nbsp;<strong>closed </strong>but taking suggestions.</p>
  1811.  
  1812. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" width="280" style="background-color: transparent; overflow:visible; height:auto;"> </iframe></div>
  1813.  
  1814.  
  1815. </div>
  1816.  
  1817.  
  1818. </div>
  1819.  
  1820.  
  1821.  
  1822.  
  1823. <div id="TabzThree" class="tabzcon alytut" style="display:none; background:{color:accent 3}; padding: 20px; padding-top: 10px; width: 270px; border-radius: 0px; height:385px; z-index:1; margin-left:355px; border:1px solid {color:borders};
  1824. animation: animationFrames ease-in-out 1s;
  1825. animation-iteration-count: 1;
  1826. transform-origin: 50% 50%;
  1827. -webkit-animation: animationFrames ease-in-out 1s;
  1828. -webkit-animation-iteration-count: 1;
  1829. -webkit-transform-origin: 50% 50%;
  1830. -moz-animation: animationFrames ease-in-out 1s;
  1831. -moz-animation-iteration-count: 1;
  1832. -moz-transform-origin: 50% 50%;
  1833. -o-animation: animationFrames ease-in-out 1s;
  1834. -o-animation-iteration-count: 1;
  1835. -o-transform-origin: 50% 50%;
  1836. -ms-animation: animationFrames ease-in-out 1s;
  1837. -ms-animation-iteration-count: 1;
  1838. -ms-transform-origin: 50% 50%; height:350px;">
  1839.  
  1840.  
  1841. <div class="boxn" style="position:fixed; width:250px; height:200px; position:fixed; margin-top:20px; margin-left:10px; background:{color:accent 3}; background-image:url('https://i.postimg.cc/13m5sTpR/minte.png'); border-radius:0px; z-index:1000000000000000;"></div>
  1842.  
  1843. <div style="position:absolute; width:200px; height:150px; text-align:center; box-align:center; z-index:1000000000000000000; margin-top:10px;"><img src="https://placehold.it/200x150" style="width:200px; height:150px;"></div>
  1844.  
  1845. <div class="tabn" style="width:160px; text-align:center; position:absolute; z-index:1000000000000000; margin-top:120px; margin-left:90px; background:{color:container background}; border:1px solid {color:borders}; padding:10px; line-height:30px;">
  1846. <a href="{text:tab link 1 url}">{text:tab link 1 title}</a>
  1847. <a href="{text:tab link 2 url}">{text:tab link 2 title}</a><br>
  1848. <a href="{text:tab link 3 url}">{text:tab link 3 title}</a>
  1849. <a href="{text:tab link 4 url}">{text:tab link 4 title}</a><br>
  1850. <a href="{text:tab link 5 url}">{text:tab link 5 title}</a>
  1851. <a href="{text:tab link 6 url}">{text:tab link 6 title}</a>
  1852. </div>
  1853.  
  1854.  
  1855. <div class="navtitle" style="position:absolute; z-index:100000000000000000000000000000000000;">
  1856. <a>name<br>& age<br>& etc.</a>
  1857. </div>
  1858.  
  1859. <div class="navtext">
  1860. {text:nav tab text}
  1861. </div>
  1862.  
  1863. </div>
  1864.  
  1865. <!--
  1866.  
  1867. < *TABS END >
  1868.  
  1869. -->
  1870.  
  1871. </div>
  1872.  
  1873. <div id="entries">
  1874.  
  1875. <div id="boxy">
  1876.  
  1877. <div class="w" style="position:fixed; margin-top:27px; margin-left:25px; width:250px; height:200px; position:fixed; margin-top:27px; margin-left:23px; background:{color:container}; background-image:url('pop'); border-radius:0px; z-index:1000000000000000;"></div>
  1878.  
  1879. </div>
  1880.  
  1881. <div id="sideimg"><img src="{image:sidebar}"></div>
  1882.  
  1883. <div class="sidetitle" style="z-index:100000000000000000000000000000000000;">
  1884. <a>{text:side title one}</a>
  1885. <div class="subt">{text:side title two}</div>
  1886. </div>
  1887.  
  1888. <div class="desc">
  1889. <div class="txt">{text:desc}</div>
  1890. </div>
  1891.  
  1892. <div class="tabz">
  1893. </div>
  1894.  
  1895. <div class="sidenav1" style="margin-left:70px;">
  1896. <div class="btext"></div>
  1897. <div class="btext2">
  1898. {block:NextPage}
  1899. <a href="{NextPage}">next </a>
  1900. {/block:NextPage}
  1901. {block:PreviousPage}
  1902. <a href="{PreviousPage}">/ back</a>
  1903. {/block:PreviousPage}
  1904. </div>
  1905. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');" title="index">01</a> <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');" title="{text:tab 1 title}">02</a> <a href="/iii." title="{text:link 1 title}">03</a> </div>
  1906.  
  1907. <div class="sidenav2">
  1908. <a href="{text:link 1 url}" title="{text:link 4 title}">04</a> <a href="{text:link 2 url}" title="{text:link 2 title}">05</a> <a href="{text:link 3 url}" title="{text:link 3 title}">06</a> </div>
  1909.  
  1910. <div class="sidenav">
  1911. <a href="/" class="tablink tabzact">03</a>
  1912. <a href="/" class="tablink tabzact">04</a>
  1913. <a href="/" class="tablink tabzact">05</a>
  1914. </div>
  1915.  
  1916. <div class="pagination">
  1917. {block:PreviousPage}
  1918. <a href="{PreviousPage}">back</a>
  1919. {/block:PreviousPage} / {block:NextPage}
  1920. <a href="{NextPage}">next</a>
  1921. {/block:NextPage}
  1922. </div>
  1923.  
  1924. <div class="sidetxt">
  1925. 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;<span style="font-weight:bold; text-decoration:underline;">error</span>&nbsp;&nbsp;/&nbsp;&nbsp;cannot access
  1926. </div>
  1927.  
  1928. </div>
  1929. </div></div>
  1930.  
  1931. <div id="container">
  1932.  
  1933. {/block:Posts}
  1934.  
  1935.  
  1936. </div></div></div>
  1937. </div>
  1938.  
  1939. </div>
  1940.  
  1941. </ul>
  1942. </div></div>
  1943.  
  1944. <div class="mint">
  1945. <a href="https://mintrps.tumblr.com/" title="theme by mint.">
  1946. <span class="sf sf-code-o"></span>
  1947. </a>
  1948. </div>
  1949.  
  1950. <!-- copy up to here to add more muses -->
  1951. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!