API tools faq
paste
mintrps

light years ; link ver. ♡ ━

mintrps
Nov 26th, 2019 (edited)
202
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 81.04 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/icon?family=Material+Icons" rel="stylesheet">
  32. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  33. <link href="https://fonts.googleapis.com/css?family=Lato:400,4#00i,700,700i" rel="stylesheet">
  34. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  35. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  36. <link href="https://fonts.googleapis.com/css?family=Karla&display=swap" rel="stylesheet">
  37. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i&display=swap" rel="stylesheet">
  38. <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">
  39. <link href="https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i&display=swap" rel="stylesheet">
  40. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
  41. <title>{Title}</title>
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45.  
  46. <meta name="color:background" content="#f0f0f0"/>
  47. <meta name="color:text" content="#000"/>
  48. <meta name="color:borders" content="#ddd"/>
  49. <meta name="color:info bg" content="#eaeaea"/>
  50. <meta name="color:info text" content="#f3f3f3"/>
  51. <meta name="color:bold" content="#000"/>
  52. <meta name="color:accent" content="#000"/>
  53. <meta name="color:accent 2" content="#000"/>
  54. <meta name="color:accent 3" content="#e7d9d9"/>
  55. <meta name="color:side text" content="#000"/>
  56. <meta name="color:title color" content="#f8f8f8"/>
  57. <meta name="color:container background" content="#f8f8f8"/>
  58. <meta name="color:post background" content="#fdfdfd"/>
  59. <meta name="image:page bg" content=""/>
  60. <meta name="image:navi bg" content=""/>
  61. <meta name="image:info bg" content=""/>
  62. <meta name="image:icon" content=""/>
  63. <meta name="if:post background" content="1"/>
  64. <meta name="if:grayscale" content="1"/>
  65. <meta name="select:bullet type" content="\f004" title="heart" />
  66. <meta name="select:bullet type" content="\f111" title="circle" />
  67. <meta name="select:bullet type" content="\f00d" title="x" />
  68. <meta name="select:bullet type" content="\f054" title="chevron" />
  69. <meta name="text:sidebar title" content="light years.">
  70. <meta name="text:desc" content="i was always ten feet behind you from the start. 2 lines.">
  71. <meta name="text:tab 2 title" content="navigation">
  72. <meta name="text:side link url" content="/url.">
  73. <meta name="text:side link title" content="link">
  74. <meta name="text:tab link 1 title" content="tab link one">
  75. <meta name="text:tab link 1 url" content="/url">
  76. <meta name="text:tab link 2 title" content="tab link two">
  77. <meta name="text:tab link 2 url" content="/url">
  78. <meta name="text:tab link 3 title" content="tab link three">
  79. <meta name="text:tab link 3 url" content="/url">
  80. <meta name="text:tab link 4 title" content="tab link four">
  81. <meta name="text:tab link 4 url" content="/url">
  82. <meta name="text:tab link 5 title" content="tab link five">
  83. <meta name="text:tab link 5 url" content="/url">
  84. <meta name="text:tab link 6 title" content="tab link six">
  85. <meta name="text:tab link 6 url" content="/url">
  86. <meta name="text:tab link 7 title" content="tab link seven">
  87. <meta name="text:tab link 7 url" content="/url">
  88. <meta name="text:tab link 8 title" content="tab link eight">
  89. <meta name="text:tab link 8 url" content="/url">
  90. <meta name="text:tab link 9 title" content="tab link nine">
  91. <meta name="text:tab link 9 url" content="/url">
  92.  
  93. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
  94. <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  95. <link href='https://fonts.googleapis.com/css?family=Libre+Franklin:200,200italic,400,400italic,600,600italic' rel='stylesheet' type='text/css'>
  96.  
  97. <script src="https://kit.fontawesome.com/1614dc65f2.js" crossorigin="anonymous"></script>
  98.  
  99. <script>
  100. function openAlytut(evt, alytutName) {
  101. var i, x, tablinks;
  102. x = document.getElementsByClassName("alytut");
  103. for (i = 0; i < x.length; i++) {
  104. x[i].style.display = "none";
  105. }
  106. tablinks = document.getElementsByClassName("tablink");
  107. for (i = 0; i < x.length; i++) {
  108. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  109. }
  110. document.getElementById(alytutName).style.display = "block";
  111. evt.currentTarget.className += " tabzact";
  112. }
  113. </script>
  114.  
  115. <script>
  116. $(document).ready(function() {
  117. //
  118. $('a.poplight[href^=#]').click(function() {
  119. var popID = $(this).attr('rel'); //Get Popup Name
  120. var popURL = $(this).attr('href'); //Get Popup href to define size
  121. var query= popURL.split('?');
  122. var dim= query[1].split('&');
  123. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  124. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  125. var popMargTop = ($('#' + popID).height() + 80) / 2;
  126. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  127. //Apply Margin to Popup
  128. $('#' + popID).css({
  129. 'margin-top' : -popMargTop,
  130. 'margin-left' : -popMargLeft
  131. });
  132. $('body').append('<div id="fade"></div>');
  133. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  134. return false;
  135. });
  136. $('a.close, #fade').live('click', function() {
  137. $('#fade , .popup_block').fadeOut(function() {
  138. $('#fade, a.close').remove(); //fade them both out
  139. });
  140. return false;
  141. });
  142. });
  143. </script>
  144.  
  145. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  146.  
  147. <script type="text/javascript" src="https://static.tumblr.com/8pnyeus/10hors8sn/themekid-popup.min.js"></script>
  148. <script type="text/javascript">
  149. $(document).ready(function(){
  150. popUp(true);
  151. });
  152. </script>
  153.  
  154. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  155. <script>
  156. (function($){
  157. $(document).ready(function(){
  158. $("[title],a[title],img[title]").style_my_tooltips({
  159. tip_follows_cursor:true });
  160. });
  161. })(jQuery);
  162. </script>
  163.  
  164. <style type="text/css">
  165.  
  166.  
  167.  
  168.  
  169.  
  170. /* TABS STYLING--
  171. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  172. */
  173.  
  174. .tabz {
  175. margin-top:-10px;
  176. margin-left:180px;
  177. padding:13px;
  178. padding-right:0px;
  179. padding-bottom:0px;
  180. margin-right:0px;
  181. position:fixed;
  182. z-index:9999999999999999;
  183. z-index:99999999999999999999999;
  184.  
  185. }
  186.  
  187. .tabz a {
  188. padding:3px;
  189. text-align:center;
  190. font-family:arial black;
  191. fill:{color:top links color};
  192. font-size:15px;
  193. display:inline-block;
  194. margin-left:0px;
  195. margin-top:0px;
  196. transition:.2s;
  197. margin-right:-2px;
  198. padding-top:5px;
  199. padding-left:5px;
  200. margin-bottom:2px;
  201. -webkit-transition:.2s;
  202. -moz-transition:.2s;
  203. font-family: 'Abril Fatface', cursive;
  204. }
  205.  
  206. .tabz svg {
  207. padding:2px;
  208. margin-right:2px;
  209. width:12px;
  210. text-align:center;
  211. font-family:arial black;
  212. color:{color:top links color};
  213. font-size:14px;
  214. display:inline-block;
  215. margin-top:0px;
  216. transition:.2s;
  217. border-radius:0px;
  218. border-bottom:2px solid transparent;
  219. -webkit-transition:.2s;
  220. -moz-transition:.2s;
  221. }
  222.  
  223. .tabz a:hover {/* tablinks hover color */
  224. transition:.2s;
  225. -webkit-transition:.2s;
  226. -moz-transition:.2s;
  227. opacity:0.7;
  228. }
  229.  
  230. .tabzcon { /* tablinks content aka the box under the tablinks */
  231. margin-top:0px;
  232. margin-left:15px;
  233. padding:10px;
  234. padding-top:5px;
  235. position:absolute;
  236. width:300px; {block:if400px} width:400px; {/block:if400px}
  237. padding-left:10px;
  238. border-radius:0px;
  239. position:fixed;
  240. overflow:auto;
  241. overflow-y:hidden;
  242. overflow:auto;
  243. padding-top:0px;
  244. padding-right:20px;
  245. padding-left:20px;
  246. margin-left:332px;
  247. margin-top:100px;
  248. z-index:10;
  249. background:transparent;
  250. height:365px;
  251. {block:Pages}
  252. background:{color:post background};
  253. {/block:Pages}
  254. -webkit-transition: all 0.6s ease-in-out;
  255. -moz-transition: all 0.6s ease-in-out;
  256. -o-transition: all 0.6s ease-in-out;
  257. -ms-transition: all 0.6s ease-in-out;
  258. transition: all 0.6s ease-in-out;
  259. }
  260.  
  261. @keyframes animationFrames{
  262. 0% {
  263. opacity:0;
  264. }
  265. 100% {
  266. opacity:1;
  267. }
  268. }
  269.  
  270. @-moz-keyframes animationFrames{
  271. 0% {
  272. opacity:0;
  273. }
  274. 100% {
  275. opacity:1;
  276. }
  277. }
  278.  
  279. @-webkit-keyframes animationFrames {
  280. 0% {
  281. opacity:0;
  282. }
  283. 100% {
  284. opacity:1;
  285. }
  286. }
  287.  
  288. @-o-keyframes animationFrames {
  289. 0% {
  290. opacity:0;
  291. }
  292. 100% {
  293. opacity:1;
  294. }
  295. }
  296.  
  297. @-ms-keyframes animationFrames {
  298. 0% {
  299. opacity:0;
  300. }
  301. 100% {
  302. opacity:1;
  303. }
  304. }
  305.  
  306. #base { /* the box when no tabs are selected */
  307. margin-top:45px;
  308. margin-left:0px;
  309. position:fixed;
  310. padding:10px;
  311. width:205px;
  312. height:260px;
  313. background-color:#e1c9bf;
  314. }
  315.  
  316. .tabzclose { /* the close button, u prob dont need to touch this */
  317. text-transform:uppercase;
  318. font-weight:bold;
  319. font-size:calc({select:font size} - 1px);
  320. padding:3px;
  321. color:inherit;
  322. margin-top:-15px;
  323. margin-right:-7px;
  324. float:right;
  325. }
  326.  
  327. .tabzclose:hover {
  328. cursor:pointer;
  329. }
  330.  
  331. ::-webkit-scrollbar-thumb {
  332. height:auto;
  333. background-color:{color:Scrollbar};
  334. margin-left:1px;
  335. display:none;
  336. }
  337.  
  338. ::-webkit-scrollbar {
  339. height:9px;
  340. width:1px;
  341. background-color:transparent;
  342. }
  343.  
  344. ::-webkit-scrollbar-thumb {
  345. background:transparent;
  346. }
  347.  
  348. ::-webkit-scrollbar-corner {
  349. background:transparent;
  350. }
  351.  
  352. body {
  353. background:{color:background};
  354. margin-top:-20px;
  355. margin-left:0px;
  356. color:{color:text};
  357. font-family: 'Space Mono', monospace;
  358. line-height:200%;
  359. font-size:9px;
  360. letter-spacing:1px;
  361. text-align:justify;
  362. background-image:url('{image:page bg}');
  363. width:701px;
  364. {block:if400px}
  365. width:801px;
  366. {/block:if400px}
  367. height:385px;
  368. margin:auto;
  369. }
  370.  
  371. sup, sub {
  372. font-size:10px;
  373. }
  374.  
  375. a {
  376. text-decoration:none;
  377. outline:none;
  378. -moz-outline-style:none;
  379. color:{color:accent};
  380. border-bottom:0px solid {color:borders};
  381. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 1) inset;
  382. }
  383.  
  384. img {
  385. border:none;
  386. }
  387.  
  388.  
  389. h2 small {
  390. font-size:23px;
  391. }
  392.  
  393. h2 a {
  394. font-size:23px;
  395. }
  396.  
  397. h2 small a {
  398. font-size:23px;
  399. }
  400.  
  401. b, strong {
  402. color:{color:bold};
  403. }
  404.  
  405. .tumblr_blog {
  406. text-transform:lowercase;
  407. letter-spacing:1.5px;
  408. font-family: 'Space Mono', monospace;
  409. font-size:9px;
  410. border-bottom:0px solid #222;
  411. color:{color:text};
  412. }
  413.  
  414. sup {
  415. font-size:9px;
  416. }
  417.  
  418. sub {
  419. font-size:9px;
  420. }
  421.  
  422. small {
  423. font-size:9px;
  424. }
  425.  
  426. h1, h2, h3 {
  427. 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:accent 2}; font-family: 'Space Mono', monospace; font-family:montserrat; font-size:23px; font-weight:700;
  428. }
  429.  
  430. h1, h2, h3 a {
  431. color:{color:accent 2};
  432. }
  433.  
  434. h1 small {
  435. font-size:23px;
  436. }
  437.  
  438. h1 sup {
  439. font-size:23px;
  440. }
  441.  
  442. h1 sub {
  443. font-size:23px;
  444. }
  445.  
  446. h2 small {
  447. font-size:23px;
  448. }
  449.  
  450. h2 sup {
  451. font-size:23px;
  452. }
  453.  
  454. h2 sub {
  455. font-size:23px;
  456. }
  457.  
  458. h4 {
  459. font-size:14px;
  460. }
  461.  
  462. blockquote {
  463. border-left:1px solid {color:borders};
  464. padding-left:10px;
  465. margin-left:5px;
  466. width:93%;
  467. }
  468.  
  469. #post blockquote img {
  470. max-width:275px;
  471. height:auto;
  472. }
  473.  
  474. /*CONTAINER*/
  475.  
  476. #container {
  477. margin-top:4px;
  478. margin-left:352px;
  479. margin-right:auto;
  480. width:350px;
  481. max-height:346px;
  482. text-align:left;
  483. position:fixed;
  484. padding-left:0px;
  485. padding-top:0px;
  486. }
  487.  
  488. /*ENTRIES*/
  489.  
  490. .sfm input {
  491. width:100px;
  492. border: 0px;
  493. text-transform: uppercase;
  494. background:transparent;
  495. margin-top: -7px;
  496. opacity:1;
  497. font-family:roboto;
  498. letter-spacing:2px;
  499. font-size:7px;
  500. padding: 4px 3px;
  501. border-bottom:0px solid #0c0c0c;
  502. font-weight:600;
  503. }
  504.  
  505. #sb {
  506. height:10px;
  507. width:10px;
  508. margin-left:-2px;
  509. margin-top:-1px;
  510. vertical-align: top;
  511. opacity:1;
  512. }
  513.  
  514.  
  515. .rightb {
  516. position:fixed;
  517. margin-left:620px;
  518. width:80px;
  519. height:458px;
  520. margin-top:105px;
  521. background-image:url('{image:right border}');
  522. background-size:650px;
  523. display:none;
  524. }
  525.  
  526. #entries {
  527. position:fixed;
  528. height:425px;
  529. width:345px;
  530. {block:if400px}
  531. width:77px;
  532. {/block:if400px}
  533. margin-left:0px;
  534. margin-top:85px;
  535. {block:ifborders}
  536. {/block:ifborders}
  537. box-shadow:0px 0px 0px #222;
  538. padding-top:0px;
  539. padding-top:55px;
  540. background:rgba( {RGBcolor:container background}, 1 );
  541. border:0px solid {color:borders};
  542. border-bottom:0px solid {color:accent};
  543. background-image:url('{image:container bg}');
  544. margin-left:20px;
  545. z-index:0;
  546. border-radius:7px;
  547. }
  548.  
  549. #entries2 {
  550. position:fixed;
  551. height:480px;
  552. margin-top:-55px;
  553. width:313px;
  554. margin-left:340px;
  555. background:rgba( {RGBcolor:container background}, 1 );
  556. border-radius:7px;
  557. }
  558.  
  559. #post {
  560. width:300px; {block:if400px} width:400px; {/block:if400px}
  561. margin-left:-15px;
  562. margin-top:0px;
  563. height: auto;
  564. {block:ifborders}
  565. {/block:ifborders}
  566. padding:10px;
  567. margin-bottom:30px;
  568. color: {color:text};
  569. letter-spacing:0px;
  570. line-height:200%;
  571. text-align:justify;
  572. text-transform:none;
  573. border-radius:0px;
  574. letter-spacing:1px;
  575. background:transparent;
  576. text-transform:none;
  577. background:transparent;
  578. border-radius:7px;
  579. {block:ifPostBackground}
  580. background:rgba({RGBcolor:post background}, 1);
  581. {/block:ifPostBackground}
  582. z-index:100000000000000000000000000000000000000000000;
  583. }
  584.  
  585. #post b {
  586. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 1) inset;
  587. }
  588.  
  589. #post img {
  590. border-radius:0px;
  591. {block:ifImageOpacity}
  592. opacity:0.4;
  593. {/block:ifImageOpacity}
  594. max-width:300px; {block:if400px} max-width:400px; {/block:if400px}
  595. height:auto;
  596. }
  597.  
  598. #post img:hover {
  599. -webkit-filter: grayscale(0%);
  600. {block:ifGrayscale}
  601. -webkit-filter: grayscale(100%);
  602. {/block:ifGrayscale}
  603. -webkit-transition: all 0.6s ease-in-out;
  604. -moz-transition: all 0.6s ease-in-out;
  605. -o-transition: all 0.6s ease-in-out;
  606. -ms-transition: all 0.6s ease-in-out;
  607. transition: all 0.6s ease-in-out;
  608. }
  609.  
  610. iframe {
  611. border-radius:0px;
  612. max-width:300px; {block:if400px} max-width:400px; {/block:if400px}
  613. }
  614. .media img, .media iframe {
  615. display:block;
  616. border-radius:0px;
  617. margin-top:5px;
  618. {block:ifGrayscale}
  619. -webkit-filter: grayscale(100%);
  620. {/block:ifGrayscale}
  621. -webkit-transition: all 0.6s ease-in-out;
  622. -moz-transition: all 0.6s ease-in-out;
  623. -o-transition: all 0.6s ease-in-out;
  624. -ms-transition: all 0.6s ease-in-out;
  625. transition: all 0.6s ease-in-out;
  626. {block:ifImageOpacity}
  627. opacity:0.4;
  628. {/block:ifImageOpacity}
  629. }
  630.  
  631. .media img:hover, .media iframe:hover {
  632. display:block;
  633. border-radius:0px;
  634. {block:ifGrayscale}
  635. -webkit-filter: grayscale(100%);
  636. {/block:ifGrayscale}
  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. {block:ifImageOpacity}
  643. opacity:0.4;
  644. {/block:ifImageOpacity}
  645. }
  646.  
  647. h2 small {
  648. font-size:23px;
  649. }
  650.  
  651. #post img {
  652. {block:ifGrayscale}
  653. -webkit-filter: grayscale(100%);
  654. {/block:ifGrayscale}
  655. -webkit-transition: all 0.6s ease-in-out;
  656. -moz-transition: all 0.6s ease-in-out;
  657. -o-transition: all 0.6s ease-in-out;
  658. -ms-transition: all 0.6s ease-in-out;
  659. transition: all 0.6s ease-in-out;
  660. }
  661.  
  662. #post img:hover{
  663. -webkit-filter: grayscale(0%);
  664. -webkit-transition: all 0.6s ease-in-out;
  665. -moz-transition: all 0.6s ease-in-out;
  666. -o-transition: all 0.6s ease-in-out;
  667. -ms-transition: all 0.6s ease-in-out;
  668. transition: all 0.6s ease-in-out;
  669. }
  670.  
  671. .html_photoset {
  672. {block:ifGrayscale}
  673. -webkit-filter: grayscale(100%);
  674. {/block:ifGrayscale}
  675. -webkit-transition: all 0.6s ease-in-out;
  676. -moz-transition: all 0.6s ease-in-out;
  677. -o-transition: all 0.6s ease-in-out;
  678. -ms-transition: all 0.6s ease-in-out;
  679. transition: all 0.6s ease-in-out;
  680. }
  681. .html_photoset:hover {
  682. -webkit-filter: grayscale(0%);
  683. {block:ifGrayscale}
  684. -webkit-filter: grayscale(100%);
  685. {/block:ifGrayscale}
  686. -webkit-transition: all 0.6s ease-in-out;
  687. -moz-transition: all 0.6s ease-in-out;
  688. -o-transition: all 0.6s ease-in-out;
  689. -ms-transition: all 0.6s ease-in-out;
  690. transition: all 0.6s ease-in-out;
  691. }
  692.  
  693. .answer span,.convo li{
  694. margin:0 0 5px;
  695. border-radius:0px;
  696. padding:5px;
  697. padding-left:0px;
  698. padding-right:0px;
  699. max-width:100%;
  700. clear:both;
  701. position:relative;
  702. line-height:200%;
  703. }
  704.  
  705. .convo strong {
  706. color:{color:accent};
  707. }
  708.  
  709. .convo b {
  710. color:{color:accent};
  711. }
  712.  
  713. .convo li:before {
  714. content:'';
  715. }
  716.  
  717. .label {
  718. font-family: 'Space Mono', monospace;
  719. letter-spacing:1.5px;
  720. font-size:10px;
  721. text-transform:uppercase;
  722. letter-spacing:1px;
  723. color:{color:accent};
  724. margin-right:2px;
  725. padding:0px;;
  726. margin-left:-5px;
  727. }
  728.  
  729. .footerright .viasrc {
  730. float: left;
  731. }
  732. .asked a {
  733. margin:0;padding:0;
  734. }
  735.  
  736. .user_4{
  737. background:{color:accent};
  738. color:{color:accent};
  739. padding:10px;
  740. line-height:100%;
  741. }
  742.  
  743. .user_4::after{
  744. border-color:{color:borders};
  745. padding:10px;
  746. }
  747.  
  748. .user_3{
  749. background:{color:accent};
  750. padding:10px;
  751. color:{color:accent};
  752. line-height:100%;
  753. }
  754.  
  755. .user_3::after{
  756. border-color:{color:borders};
  757. padding:10px;
  758. }
  759.  
  760. .convo {
  761. overflow: hidden;
  762. list-style-type: none;
  763. padding: 0;
  764. margin: 0;
  765. line-height:100%;
  766. }
  767.  
  768. .quote {
  769. padding:10px;
  770. font-size:calc({select:font size} - 1px);
  771. border:0px solid #222;
  772. line-height:270%;
  773. text-align:center;
  774. text-transform:none;
  775. font-size:22px;
  776. line-height:100%;
  777. letter-spacing:0px;
  778. font-family: 'Abril Fatface', cursive;
  779. margin-top:15px;
  780. margin-bottom:15px;
  781. color:{color:bold};
  782. border-radius:0px;
  783. }
  784.  
  785. .source {
  786. margin-top:-10px;
  787. letter-spacing:1px;
  788. opacity:1;
  789. margin-bottom:10px;
  790. text-align:center;
  791. }
  792.  
  793. /*BLOG TITLE*/
  794.  
  795. .title {
  796. font-size:20px;
  797. margin-bottom:20px;
  798. font-weight:bold;
  799. letter-spacing:-1px;
  800. color:{color:title color};
  801. }
  802.  
  803. /*SIDEBAR*/
  804.  
  805. #description {
  806. border-left:0px solid {color:borders};
  807. padding:11px;
  808. font-family:{text:descfont};
  809. position:fixed;
  810. width:170px;
  811. height:484px;
  812. overflow-y:scroll;
  813. font-size:6.5px;
  814. margin-top:-55px;
  815. line-height:22px;
  816. padding-top:5px;
  817. letter-spacing:0px;
  818. color:{color:text};
  819. opacity:1;
  820. border-radius:0px;
  821. margin-left:85px;
  822. text-transform:uppercase;
  823. text-align:justify;
  824. background:transparent;
  825. font-family: 'Space Mono', monospace;
  826. letter-spacing:1.5px;
  827. opacity:1;
  828. max-height:400px;
  829. background:rgba(255,2552,255,0);
  830. display:none;
  831. }
  832.  
  833. #dimg {
  834. width:130px;
  835. height:170px;
  836. background-image:url('{image:small sidebar}');
  837. background-position:center;
  838. }
  839.  
  840. .meow {
  841. text-align:center;
  842. z-index:99999999999999999;
  843. color:{color:text};
  844. font-family:quicksand;
  845. letter-spacing:2px;
  846. margin-top:-20px;
  847. margin-bottom:20px;
  848. text-transform:uppercase;
  849. font-size:7px;
  850. }
  851.  
  852. .meow a {
  853. font-size:7px;
  854. padding:3px;
  855. border-radius:3px;
  856. }
  857.  
  858. #gay {
  859. font-size:10px;
  860. letter-spacing:3px;
  861. padding-bottom:8px;
  862. border-bottom:1px solid {color:borders};
  863. color:#fff;
  864. text-align:center;
  865. text-transform:uppercase;
  866. margin-top:13px;
  867. }
  868.  
  869. #description big{
  870. font-size:calc({select:font size} + 1px);
  871. }
  872.  
  873. #q{
  874. font-size:47px;
  875. margin-left:-27px;
  876. padding-top:15px;
  877. z-index:1;
  878. position:fixed;
  879. border-right:0px solid #222;
  880. height:52px;
  881. padding-right:-5px;
  882. background:transparent;
  883. }
  884.  
  885. .tits {
  886. font-size:7px;
  887. text-transform:uppercase;
  888. width:150px;
  889. position:absolute;
  890. line-height:40%;
  891. margin-left:12px;
  892. margin-top:20px;
  893. font-weight:600;
  894. font-family:mint;
  895. font-family: 'Karla', sans-serif;
  896. text-align:center;
  897. box-align:center;
  898. opacity:0.7;
  899. line-height:200%;
  900. z-index:999999999999999999;
  901. letter-spacing:2px;
  902. display:none;
  903. color:{color:title color};
  904. }
  905.  
  906. .tits span {
  907. font-family:calibri;
  908. font-size:10px;
  909. text-transform:uppercase;
  910. letter-spacing:2px;
  911. margin-bottom:-10px;
  912. margin-left:0px;
  913. background:#111;
  914. font-weight:normal;
  915. padding:2px;
  916. padding-left:10px;
  917. padding-right:10px;
  918. position:relative;
  919. z-index:-1;
  920. word-spacing:0px;
  921. }
  922.  
  923. #bx {
  924. width:30px;
  925. margin-left:-7px;
  926. position:fixed;
  927. padding-top:0px;
  928. padding-bottom:5px;
  929. padding-right:5px;
  930. background:transparent;
  931. border-right:none;
  932. margin-top:45px;
  933. border-right:0px solid #222;
  934. line-height:38.5px;
  935. }
  936.  
  937. #bx a{
  938. padding-left:17px;
  939. }
  940.  
  941. #bx span{
  942. margin-top:20px;
  943. margin-bottom:19px;
  944. color:#aaa;
  945. z-index:1;
  946. }
  947.  
  948. #tt {
  949. position:absolute;
  950. text-transform:uppercase;
  951. text-align:right;
  952. word-spacing:-0px;
  953. margin-top:30px;
  954. letter-spacing:3px;
  955. left:10px;
  956. padding-right:20px;
  957. line-height:40%;
  958. z-index:999999999999;
  959. background:transparent;
  960. font-style:normal;
  961. font-weight:600;
  962. margin-left:-289px;
  963. width:250px;
  964. margin-top:137px;
  965. letter-spacing:0px;
  966. z-index:1000000000000000000000000000000000000000000000000000000000;
  967. font-family:montserrat;
  968. font-size:7px;
  969. font-weight:700;
  970. letter-spacing:2px;
  971. display:inline;
  972. word-spacing:5px;
  973. transform:rotate(-90deg);
  974. background:transparent;
  975. color:{color:side links};
  976. padding:20px;
  977. width:440px;
  978. z-index:10000000000000000000000000000000000000000000;
  979. }
  980.  
  981. #tt a {
  982. color:{color:side links};
  983. border-radius:0%;
  984. margin-right:4px;
  985. margin-left:4px;
  986. display:inline;
  987. width:300px;
  988. border-bottom:0px solid {color:borders};
  989. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  990. }
  991.  
  992. #header {
  993. margin-top:-50px;
  994. margin-bottom:20px;
  995. position:fixed;
  996. background:{color:container background};
  997. padding-top:60px;
  998. padding-bottom:0px;
  999. padding-left:10px;
  1000. margin-left:-10px;
  1001. z-index:999999999999999999999999999999999999999999999999999;
  1002. }
  1003.  
  1004. #header img {
  1005. width:72px;
  1006. height:72px;
  1007. border-radius:100%;
  1008. -webkit-filter: grayscale(100%);
  1009. filter: grayscale(100%);
  1010. }
  1011.  
  1012. .ynkk {
  1013. position:fixed;
  1014. margin-left:330px;
  1015. margin-top:195px;
  1016. z-index:9999999999999999999999999999999;
  1017. display:none;
  1018. }
  1019.  
  1020. .ynkk img {
  1021. width:60px;
  1022. height:60px;
  1023. border-radius:100%;
  1024. }
  1025.  
  1026. #test {
  1027. position:fixed;
  1028. z-index:100000;
  1029. margin-left:370px;
  1030. margin-top:175px;
  1031. color:#fff;
  1032. }
  1033.  
  1034. #box{
  1035. padding:10px;
  1036. padding-right:150px;
  1037. z-index:-9999;
  1038. position:fixed;
  1039. margin-top:175px;
  1040. background:transparent;
  1041. font-size:10px;
  1042. margin-left:30px;
  1043. width:540px;
  1044. {block:if400px}
  1045. width:640px;
  1046. {/block:if400px}
  1047. height:2px;
  1048. border:0px solid {color:borders};
  1049. color:{color:text};
  1050. border-radius:0px;
  1051. font-family:'arial';
  1052. color:{color:background};
  1053. opacity:1;
  1054. z-index:1;
  1055. }
  1056.  
  1057. .oi {
  1058. font-size:28px;
  1059. padding-top:10px;
  1060. float:left;
  1061. padding:15px;
  1062. width:25px;
  1063. margin-top:-50px;
  1064. margin-left:15px;
  1065. height:25px;
  1066. padding-top:13px;
  1067. padding-bottom:17px;
  1068. padding-left:13.5px;
  1069. padding-right:16.5px;
  1070. margin-right:10px;
  1071. border-radius:500%;
  1072. color:{color:accent 2};
  1073. background:{color:accent};
  1074. display:none;
  1075. }
  1076.  
  1077. .lorem3 {
  1078. position:fixed;
  1079. width:480px;
  1080. text-align:center;
  1081. line-height:100%;
  1082. color:{color:side text};
  1083. font-family:roboto;
  1084. font-family: 'Space Mono', monospace;
  1085. text-transform:lowercase;
  1086. font-size:5px;
  1087. letter-spacing:2px;
  1088. margin-top:136px;
  1089. margin-left:-241px;
  1090. transform:rotate(-90deg);
  1091. pointer-events:none;
  1092. }
  1093.  
  1094. .liner {
  1095. position:fixed;
  1096. background:{color:side text};
  1097. height:80px;
  1098. width:30px;
  1099. margin-left:-5px;
  1100. margin-top:180px;
  1101. mix-blend-mode:overlay;
  1102. }
  1103.  
  1104. .liner2 {
  1105. position:fixed;
  1106. background:{color:side text};
  1107. height:80px;
  1108. width:30px;
  1109. margin-left:265px;
  1110. margin-top:170px;
  1111. mix-blend-mode:overlay;
  1112. z-index:1000000000000000000000000000;
  1113. }
  1114.  
  1115. .bleach2 {
  1116. position:fixed;
  1117. color:{color:side text};
  1118. text-transform:uppercase;
  1119. font-size:7px;
  1120. text-align:left;
  1121. width:250px;
  1122. letter-spacing:2px;
  1123. margin-top:290px;
  1124. margin-left:39px;
  1125. z-index:999999999999999999999;
  1126. font-weight:600;
  1127. }
  1128.  
  1129. .bleach2 a {
  1130. color:{color:side text};
  1131. -webkit-transition: all 0.2s ease-in-out;
  1132. -moz-transition: all 0.2s ease-in-out;
  1133. -o-transition: all 0.2s ease-in-out;
  1134. -ms-transition: all 0.2s ease-in-out;
  1135. transition: all 0.2s ease-in-out;
  1136. border-bottom:0px;
  1137. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1138. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0.6) inset;
  1139. }
  1140.  
  1141. .bleach2 a:hover {
  1142. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 1) inset;
  1143. -webkit-transition: all 0.2s ease-in-out;
  1144. -moz-transition: all 0.2s ease-in-out;
  1145. -o-transition: all 0.2s ease-in-out;
  1146. -ms-transition: all 0.2s ease-in-out;
  1147. transition: all 0.2s ease-in-out;
  1148. }
  1149.  
  1150. @font-face{ font-family:mint; src:url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
  1151. @font-face { font-family: "october"; src: url('https://dl.dropboxusercontent.com/s/mbyg0g1cianbljw/Shopping%20Script%20Demo.ttf'); format("truetype");}
  1152. @font-face{ font-family:"didoni"; src: url('https://dl.dropboxusercontent.com/s/v2faujqdedjca02/K22%20Didoni.otf’)'); }
  1153. @font-face{ font-family:jitzu; src:url('https://dl.dropboxusercontent.com/s/xevtke3dlevbvi0/JITZU-SWASH-MEDIUM.OTF');}
  1154. @font-face{ font-family:mint; src:url('https://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
  1155. @font-face { font-family: "october"; src: url('https://dl.dropboxusercontent.com/s/mbyg0g1cianbljw/Shopping%20Script%20Demo.ttf'); format("truetype");}
  1156. @font-face{ font-family:sydney; src:url('https://dl.dropboxusercontent.com/s/4q92ilil9dqhhlq/Sydney-Regular.ttf');}
  1157. @font-face{ font-family:sydneysans; src:url('https://dl.dropboxusercontent.com/s/9tku01xi249l64o/SydneySansSerif-Regular.ttf');}
  1158. @font-face{ font-family:amstonia; src:url('https://dl.dropboxusercontent.com/s/4gfkiswm34dq3uj/Amstonia%20Signature.ttf');}
  1159. @font-face{ font-family:batters; src:url('https://dl.dropboxusercontent.com/s/lkzosjv2o5pufx5/Batters%20Alt.ttf');}
  1160. @font-face{ font-family:troye; src:url('https://dl.dropboxusercontent.com/s/eg15nkm7vtjkn52/Troye%20Serif.otf');}
  1161. @font-face{ font-family:troyesans; src:url('https://dl.dropboxusercontent.com/s/yzyziayzmuzx88s/Troye%20Sans.otf');}
  1162. @font-face{ font-family:troyescript; src:url('https://dl.dropboxusercontent.com/s/djc9z33qzix1fdi/Troye%20Script.otf');}
  1163. @font-face{ font-family:tamoro; src:url('https://dl.dropboxusercontent.com/s/4qaiyzii4jztyx2/TamoroScript_PersonalUseOnly.ttf');}
  1164. @font-face{ font-family:eloquentreg; src:url('https://dl.dropboxusercontent.com/s/53znphyyr7pdfyz/EloquentJFRegularPro.ttf');}
  1165. @font-face{ font-family:eloquentital; src:url('https://dl.dropboxusercontent.com/s/tsjp9neexkm2h4b/EloquentJFItalicPro.ttf');}
  1166. @font-face{ font-family:fern; src:url('https://dl.dropboxusercontent.com/s/3oa7xcclotoxmjx/Fern%20Whisper.otf');}
  1167. @font-face{ font-family:hermes; src:url('https://dl.dropboxusercontent.com/s/zpfs62xqpy43joz/Herrmes.ttf');}
  1168. @font-face { font-family: "coco"; src: url('https://dl.dropboxusercontent.com/s/h4xmli8klp2dub5/CerebriSans-Bold.ttf') ;}
  1169.  
  1170. .ging {
  1171. font-family:roboto;
  1172. font-family: 'Space Mono', monospace;
  1173. font-size:8px;
  1174. position:absolute;
  1175. z-index:99999999999999999999999;
  1176. margin-left:35px;
  1177. line-height:175%;
  1178. text-transform:lowercase;
  1179. color:{color:side text};
  1180. letter-spacing:2px;
  1181. margin-top:210px;
  1182. width:200px;
  1183. text-align:justify;
  1184. font-style:normal;
  1185. font-weight:600;
  1186. -webkit-filter: grayscale(0%);
  1187. filter: grayscale(0%);
  1188. transform:rotate(0deg);
  1189. {block:ifTitleShadow}
  1190. text-shadow:2px 2px 0px rgba(0,0,0,0.3);
  1191. {/block:ifTitleShadow}
  1192. z-index:99999999999999999999999;
  1193. max-height:75px;
  1194. border-radius:7px;
  1195. overflow:scroll;
  1196. padding:5px;
  1197. background:rgba({RGBcolor:post background}, 0);
  1198. }
  1199. .boy {
  1200. position:fixed;
  1201. width:70px;
  1202. text-align:center;
  1203. line-height:100%;
  1204. color:{color:side text};
  1205. font-family:roboto;
  1206. text-transform:uppercase;
  1207. font-size:5px;
  1208. padding:5px;
  1209. border:1px solid {color:side text};
  1210. letter-spacing:2px;
  1211. margin-top:95px;
  1212. margin-left:210px;
  1213. -webkit-transition: all 0.2s ease-in-out;
  1214. -moz-transition: all 0.2s ease-in-out;
  1215. -o-transition: all 0.2s ease-in-out;
  1216. -ms-transition: all 0.2s ease-in-out;
  1217. transition: all 0.2s ease-in-out;
  1218. display:none;
  1219. }
  1220.  
  1221. .boy:hover {
  1222. -webkit-transition: all 0.2s ease-in-out;
  1223. -moz-transition: all 0.2s ease-in-out;
  1224. -o-transition: all 0.2s ease-in-out;
  1225. -ms-transition: all 0.2s ease-in-out;
  1226. transition: all 0.2s ease-in-out;
  1227. }
  1228.  
  1229. .boy2 {
  1230. position:fixed;
  1231. width:70px;
  1232. text-align:center;
  1233. line-height:100%;
  1234. color:{color:side text};
  1235. font-family:montserrat;
  1236. text-transform:uppercase;
  1237. font-size:6px;
  1238. padding:5px;
  1239. border:1px solid {color:side text};
  1240. letter-spacing:2px;
  1241. margin-top:320px;
  1242. margin-left:39px;
  1243. z-index:9999999999999999999999999999999999999999;
  1244. font-weight:600;
  1245. }
  1246.  
  1247. .boy2:hover {
  1248. -webkit-transition: all 0.2s ease-in-out;
  1249. -moz-transition: all 0.2s ease-in-out;
  1250. -o-transition: all 0.2s ease-in-out;
  1251. -ms-transition: all 0.2s ease-in-out;
  1252. transition: all 0.2s ease-in-out;
  1253. }
  1254.  
  1255. .boy2 a {
  1256. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1257. }
  1258.  
  1259. .barc {
  1260. width:35px;
  1261. height:auto;
  1262. position:fixed;
  1263. transform:rotate(0deg);
  1264. margin-left:265px;
  1265. margin-top:-85px;
  1266. opacity:0.7;
  1267. pointer-events: none;
  1268. }
  1269.  
  1270. .barc img {
  1271. width:35px;
  1272. height:69px;
  1273. }
  1274.  
  1275. #boxy {
  1276. position:fixed;
  1277. margin-left:20px;
  1278. margin-top:-100px;
  1279. border:solid 0px {color:borders};
  1280. {block:ifGrayscale}
  1281. -webkit-filter: grayscale(100%);
  1282. {/block:ifGrayscale}
  1283. -webkit-transition: all 0.6s ease-in-out;
  1284. -moz-transition: all 0.6s ease-in-out;
  1285. -o-transition: all 0.6s ease-in-out;
  1286. -ms-transition: all 0.6s ease-in-out;
  1287. transition: all 0.6s ease-in-out;
  1288. background:{color:post background};
  1289. background-position:center;
  1290. padding:0px;
  1291. width:260px;
  1292. height:480px;
  1293. opacity:1;
  1294. border:0px solid {color:accent};
  1295. z-index:1;
  1296. }
  1297.  
  1298. #bex {
  1299. position:fixed;
  1300. margin-top:-100px;
  1301. z-index:-1;
  1302. height:260px;
  1303. width:260px;
  1304. margin-left:20px;
  1305. background:{color:accent 3};
  1306. z-index:99999999999999999999999999999999999999;
  1307. pointer-events:none;
  1308. }
  1309.  
  1310. #hun {
  1311. position:fixed;
  1312. z-index:99999999999999999999999999999999999999999999999999999;
  1313. margin-top:135px;
  1314. margin-left:39px;
  1315. }
  1316.  
  1317. #hun img {
  1318. width:50px;
  1319. height:50px;
  1320. position:fixed;
  1321. border-radius:100%;
  1322. border:0px solid {color:borders};
  1323. z-index:99999999999999999999;
  1324. {block:ifGrayscale}
  1325. filter:grayscale(100%);
  1326. {/block:ifGrayscale}
  1327. z-index:1000000000000000000000000000000000000000000;
  1328. }
  1329.  
  1330.  
  1331. .boxb {
  1332. height:480px;
  1333. width:370px;
  1334. position:fixed;
  1335. margin-left:-53px;
  1336. background:{color:sidebar background};
  1337. background-image:url('{image:side bg}');
  1338. margin-top:-100px;
  1339. z-index:-99999999999999999;
  1340. }
  1341.  
  1342. .sideb {
  1343. position:fixed;
  1344. width:370px;
  1345. height:482px;
  1346. background:
  1347. margin-left:-30px;
  1348. margin-top:-80px;
  1349. z-index:-99999999999999999999999999999999;
  1350. background-image:url('{image:side bg}');
  1351. display:none;
  1352. }
  1353.  
  1354. /*POST INFO*/
  1355.  
  1356. #info {
  1357. width:283px;
  1358. {block:if400px}
  1359. width:380px;
  1360. {/block:if400px}
  1361. margin-top:0px;
  1362. padding:0px;
  1363. padding-bottom:0px;
  1364. text-align:left;
  1365. text-transform:uppercase;
  1366. font-size:calc({select:font size} - 1px);
  1367. font-size:8px;
  1368. letter-spacing:2px;
  1369. color:{color:info text};
  1370. font-weight:normal;
  1371. font-family: 'Space Mono', monospace;
  1372. padding:0px;
  1373. background-image:url('{image:info bg}');
  1374. border-bottom:0px solid {color:borders};
  1375. margin-top:0px;
  1376. padding:10px;
  1377. padding-top:5px;
  1378. }
  1379.  
  1380. #info a{
  1381. border-bottom:0px solid {color:borders};
  1382. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1383. }
  1384.  
  1385. #info a:hover {
  1386. color:{color:text};
  1387. }
  1388.  
  1389. .dt {
  1390. display:inline;
  1391. letter-spacing:2px;
  1392. color:{color:text};
  1393. margin-top:0px;
  1394. float:right;
  1395. }
  1396.  
  1397. .dt a {
  1398. color:{color:text};
  1399. font-size:7px;
  1400. }
  1401.  
  1402. #info2 {
  1403. width:280px;
  1404. {block:if400px}
  1405. width:380px;
  1406. {/block:if400px}
  1407. margin-top:10px;
  1408. padding:10px;
  1409. padding-bottom:0px;
  1410. border-top:1px solid rgba(255,255,255,0.04);
  1411. text-align:left;
  1412. text-transform:uppercase;
  1413. font-size:7px;
  1414. letter-spacing:2px;
  1415. color:{color:text};
  1416. font-weight:normal;
  1417. }
  1418.  
  1419. #info2 a{
  1420. color:{color:text};
  1421. }
  1422.  
  1423. #info2 a:hover {
  1424. color:{color:text};
  1425. }
  1426.  
  1427. .tags {
  1428. text-align:center;
  1429. letter-spacing:0px;
  1430. font-size:9px;
  1431. font-style:normal;
  1432. letter-spacing:1px;
  1433. line-height:250%;
  1434. display:inline;
  1435. text-transform:none;
  1436. }
  1437.  
  1438. .tags a {
  1439. margin:0px 0px 0px 0px;
  1440. font-weight:normal;
  1441. margin-right:4px;
  1442. border-top:1px solid {color:borders};
  1443. padding-top:3px;
  1444. color:{color:text};
  1445. border-bottom:0px solid {color:borders};
  1446. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  1447. font-size:9px;
  1448. }
  1449.  
  1450. .tags a:hover {
  1451. font-style:normal;
  1452. }
  1453.  
  1454. /*AUDIO*/
  1455.  
  1456. .audio {
  1457. height:60px;
  1458. padding:5px;
  1459. margin-bottom:10px;
  1460. margin-top:10px;
  1461. border-left:0px solid {color:accent};
  1462. border-bottom:0px solid {color:borders};
  1463. border-radius:0px;
  1464. padding-top:7px;
  1465. background:{color:accent 3};
  1466. }
  1467. .audio-album {
  1468. position:absolute;
  1469. width:60px;
  1470. }
  1471.  
  1472. .player {
  1473. opacity:1;
  1474. opacity:100%;
  1475. border:10px solid {color:post background};
  1476. border-radius:4px;
  1477. width:25px;
  1478. height:24px;
  1479. overflow:hidden;
  1480. padding-right:7px;
  1481. padding-bottom:3px;
  1482. position:absolute;
  1483. z-index:2;
  1484. margin-left:10px;
  1485. margin-top:6px;
  1486. }
  1487.  
  1488. .audio-info {
  1489. margin-top:2px;
  1490. position:relative;
  1491. margin-left:70px;
  1492. padding:12px;
  1493. padding-top:14px;
  1494. text-transform:lowercase;
  1495. text-align:right;
  1496. line-height:150%;
  1497. color:{color:post background};
  1498. font-family:montserrat;
  1499. font-size:9px;
  1500. }
  1501.  
  1502. .audio-info b {
  1503. color:{color:post background};
  1504. }
  1505.  
  1506. .audio-info tn {
  1507. font-weight:800;
  1508. font-size:13px;
  1509. letter-spacing:0px;
  1510. }
  1511.  
  1512. .audio-info ta {
  1513. text-transform:lowercase;
  1514. font-size:10px;
  1515. letter-spacing:1px;
  1516. font-weight:300;
  1517. color:{color:post background};
  1518. font-family:montserrat;
  1519. font-style:italic;
  1520. }
  1521.  
  1522. /*QUESTION*/
  1523.  
  1524. #faq {
  1525. font-size:10px;
  1526. letter-spacing:1px;
  1527. color:{color:text};
  1528. text-align:left;
  1529. column-count: 3;
  1530. column-fill: auto;
  1531. }
  1532.  
  1533. .faqq {
  1534. }
  1535.  
  1536. .faqa {
  1537. padding:10px;
  1538. margin-top:10px;
  1539. border-left:1px solid {color:borders};
  1540. }
  1541.  
  1542. /*PAGINATION*/
  1543.  
  1544. #pagination2{
  1545. position:fixed;
  1546. width:531px;
  1547. background-color:#000;
  1548. color:{color:text};
  1549. border:1px solid {color:borders};
  1550. margin-top:130px;
  1551. margin-left:480px;
  1552. font-weight:bold;
  1553. font-family:calibri;
  1554. padding:4px;
  1555. padding-top:16px;
  1556. padding-bottom:14px;
  1557. padding-right:10px;
  1558. font-size:10px;
  1559. text-align:left;
  1560. padding-left:10px;
  1561. text-transform:uppercase;
  1562. letter-spacing:2px;
  1563. box-shadow:0px 0px 0px #222;
  1564. border-top-left-radius:0px;
  1565. border-top-right-radius:0px;
  1566. }
  1567.  
  1568. #pagination2 img {
  1569. position:fixed;
  1570. margin-left:-47px;
  1571. margin-top:-9px;
  1572. border:1px solid {color:borders};
  1573. border-radius:100%;
  1574. -webkit-filter: grayscale(100%);
  1575. -webkit-transition: all 0.6s ease-in-out;
  1576. -moz-transition: all 0.6s ease-in-out;
  1577. -o-transition: all 0.6s ease-in-out;
  1578. -ms-transition: all 0.6s ease-in-out;
  1579. transition: all 0.6s ease-in-out;
  1580. }
  1581.  
  1582. #pagination2 img:hover {
  1583. -webkit-filter: grayscale(0%);
  1584. -webkit-transition: all 0.6s ease-in-out;
  1585. -moz-transition: all 0.6s ease-in-out;
  1586. -o-transition: all 0.6s ease-in-out;
  1587. -ms-transition: all 0.6s ease-in-out;
  1588. transition: all 0.6s ease-in-out;
  1589. }
  1590.  
  1591. #pagination2 a{
  1592. color:{color:top links color};
  1593. background-color:transparent;
  1594. display:inline;
  1595. padding-right:3px;
  1596. margin-left:8px;
  1597. }
  1598.  
  1599. .mint {
  1600. position:fixed;
  1601. text-transform:uppercase;
  1602. width:120px;
  1603. height:50px;
  1604. padding-left:6px;
  1605. padding-right:4px;
  1606. padding-top:5px;
  1607. padding-bottom:0px;
  1608. font-size:18px;
  1609. text-align:center;
  1610. bottom:-20px;
  1611. right:5px;
  1612. text-align:right;
  1613. color:{color:text};
  1614. letter-spacing:1px;
  1615. border-radius:100%;
  1616. border-bottom:0px solid {color:borders};
  1617. border-radius:0px;
  1618. -webkit-transition: all 0.6s ease-in-out;
  1619. -moz-transition: all 0.6s ease-in-out;
  1620. -o-transition: all 0.6s ease-in-out;
  1621. -ms-transition: all 0.6s ease-in-out;
  1622. transition: all 0.6s ease-in-out;
  1623. }
  1624.  
  1625. .mint a {
  1626. padding-top:0px;
  1627. padding-left:3px;
  1628. padding-right:3px;
  1629. }
  1630.  
  1631. .tabnav {
  1632. display:inline-block;
  1633. position:fixed;
  1634. width:20px;
  1635. height:200px;
  1636. line-height:200%;
  1637. margin-right:4px;
  1638. margin-top:-141px;
  1639. margin-left:126.5px;
  1640. }
  1641.  
  1642. .tabnav a {
  1643. width:16px;
  1644. height:17px;
  1645. padding:3px;
  1646. padding-top:5px;
  1647. padding-bottom:0px;
  1648. box-align:center;
  1649. text-align:center;
  1650. font-size:12px;
  1651. margin-bottom:12px;
  1652. border-radius:0px;
  1653. display:inline-block;
  1654. transition:.7s;
  1655. -webkit-transition:.7s;
  1656. -moz-transition:.7s;
  1657. }
  1658.  
  1659. .tabnav a:hover {
  1660. color: {color:text};
  1661. transition:.7s;
  1662. -webkit-transition:.7s;
  1663. -moz-transition:.7s;
  1664. }
  1665.  
  1666. .tabtext span {
  1667. background:{color:container background};
  1668. padding:3px;
  1669. border-radius:3px;
  1670. text-transform:uppercase;
  1671. font-size:7px;
  1672. letter-spacing:1px;
  1673. }
  1674.  
  1675. .tabimg img {
  1676. {block:ifImageOpacity}
  1677. opacity:0.6;
  1678. {/block:ifImageOpacity}
  1679. transition:.7s;
  1680. -webkit-transition:.7s;
  1681. -moz-transition:.7s;
  1682. {block:ifGrayscale}
  1683. filter:grayscale(100%);
  1684. {/block:ifGrayscale}
  1685. }
  1686.  
  1687. .tabimg img:hover {
  1688. {block:ifImageOpacity}
  1689. opacity:0.7;
  1690. {/block:ifImageOpacity}
  1691. filter:grayscale(0%);
  1692. {block:ifGrayscale}
  1693. filter:grayscale(25%);
  1694. {/block:ifGrayscale}
  1695. transition:.7s;
  1696. -webkit-transition:.7s;
  1697. -moz-transition:.7s;
  1698. }
  1699.  
  1700. .tabtitle {
  1701. text-align:center;
  1702. padding:30px;
  1703. padding-top:45px;
  1704. font-family:stylish;
  1705. margin-top:15px;
  1706. font-size:60px;
  1707. border-top:1px solid {color:borders};
  1708. border-bottom:1px solid {color:borders};
  1709. background:{color:nav title background};
  1710. border-radius:0px;
  1711. line-height:10%;
  1712. position:relative;
  1713. z-index:-1;
  1714. height:35px;
  1715. transition:.7s;
  1716. -webkit-transition:.7s;
  1717. -moz-transition:.7s;
  1718. }
  1719.  
  1720. .tabtitle:hover {
  1721. letter-spacing:1px;
  1722. transition:.7s;
  1723. -webkit-transition:.7s;
  1724. -moz-transition:.7s;
  1725. }
  1726.  
  1727. .tabtitle span {
  1728. font-family: 'Karla', sans-serif;
  1729. font-size:7px;
  1730. text-transform:uppercase;
  1731. letter-spacing:2px;
  1732. background:{color:container background};
  1733. padding:3px;
  1734. border-radius:3px;
  1735. position:relative;
  1736. z-index:-1;
  1737. transition:.7s;
  1738. -webkit-transition:.7s;
  1739. -moz-transition:.7s;
  1740. opacity:0.1;
  1741. filter: invert(100%);
  1742. color:#fff;
  1743. transition:.7s;
  1744. -webkit-transition:.7s;
  1745. -moz-transition:.7s;
  1746. }
  1747.  
  1748. .tabtitle:hover span {
  1749. letter-spacing:2px;
  1750. opacity:0.1;
  1751. filter: invert(100%);
  1752. color:#fff;
  1753. transition:.7s;
  1754. -webkit-transition:.7s;
  1755. -moz-transition:.7s;
  1756. }
  1757.  
  1758. .askq {
  1759. width:270px;
  1760. margin-top:10px;
  1761. text-align:justify;
  1762. line-height:300%;
  1763. }
  1764.  
  1765. .askq cute {
  1766. text-transform:uppercase;
  1767. font-size:7px;
  1768. letter-spacing:1px;
  1769. padding:5px;
  1770. width:290px;
  1771. background:rgba(255,255,255,0.03);
  1772. margin-right:5px;
  1773. border-radius:2px;
  1774. }
  1775.  
  1776. .askq span {
  1777. font-size:11px;
  1778. margin-right:5px;
  1779. }
  1780.  
  1781. .mtit {
  1782. font-family: 'Abril Fatface', cursive;
  1783. transform:rotate(0deg);
  1784. text-align:center;
  1785. font-size:25px;
  1786. font-weight:900;
  1787. margin-top:10px;
  1788. margin-bottom:15px;
  1789. color:{color:accent};
  1790. }
  1791.  
  1792. .mtitcute {
  1793. margin-top:10px;
  1794. background:rgba({RGBcolor:paddings}, 0.025);
  1795. padding:3px;
  1796. border-radius:4px;
  1797. font-family:'Quicksand', sans-serif;
  1798. font-size:7px;
  1799. letter-spacing:3px;
  1800. text-transform:uppercase;
  1801. text-align:center;
  1802. color:{color:text};
  1803. width:80%;
  1804. transform:rotate(0deg);
  1805. margin:0 auto;
  1806. }
  1807.  
  1808. .mtitcute2 {
  1809. margin-top:5px;
  1810. background:rgba({RGBcolor:paddings}, 0.025);
  1811. padding:3px;
  1812. border-radius:4px;
  1813. font-family:'Quicksand', sans-serif;
  1814. font-size:7px;
  1815. letter-spacing:3px;
  1816. text-transform:uppercase;
  1817. text-align:center;
  1818. color:{color:text};
  1819. transform:rotate(-2deg);
  1820. margin:0 auto;
  1821. width:125px;
  1822. margin-bottom:20px;
  1823. margin-left:0px;
  1824. }
  1825.  
  1826. #muses {
  1827. box-align:center;
  1828. width:280px;
  1829. {block:if400px}
  1830. width:400px;
  1831. {/block:if400px}
  1832. margin-top:10px;
  1833. margin-left:8px;
  1834. padding-top:15px;
  1835. max-height:322px;
  1836. overflow-y:auto;
  1837. }
  1838.  
  1839. .mbox {
  1840. width:130px;
  1841. height:100px;
  1842. display:inline-block;
  1843. margin-bottom:0px;
  1844. }
  1845.  
  1846. #muses img {
  1847. width:130px;
  1848. height:58px;
  1849. opacity:0.9;
  1850. border-radius:0px;
  1851. margin-right:3px;
  1852. margin-bottom:8px;
  1853. {block:if400px}
  1854. margin-right:7px;
  1855. {/block:if400px}
  1856. {block:ifGrayscale}
  1857. -webkit-filter: grayscale(100%);
  1858. {/block:ifGrayscale}
  1859. -webkit-transition: all 0.3s ease-in-out;
  1860. -moz-transition: all 0.3s ease-in-out;
  1861. -o-transition: all 0.3s ease-in-out;
  1862. -ms-transition: all 0.3s ease-in-out;
  1863. transition: all 0.3s ease-in-out;
  1864. }
  1865.  
  1866. #muses img:hover {
  1867. -webkit-filter: grayscale(0%);
  1868. {block:ifGrayscale}
  1869. -webkit-filter: grayscale(100%);
  1870. {/block:ifGrayscale}
  1871. transform:scale(0.98) rotate(0deg);
  1872. -webkit-transition: all 0.3s ease-in-out;
  1873. -moz-transition: all 0.3s ease-in-out;
  1874. -o-transition: all 0.3s ease-in-out;
  1875. -ms-transition: all 0.3s ease-in-out;
  1876. transition: all 0.3s ease-in-out;
  1877. }
  1878.  
  1879. .musebox { margin:4px; float:left; text-align:center; display:block; padding-right:0px; margin-bottom:15px; margin-top:3.5px; border-radius:10px; margin-right:0px;margin-left:0px;}
  1880. .musebox img { z-index:9999;position:relative;margin-top:15px;opacity:1; margin-right:-10px; margin-left:-10px; }
  1881. .musebox a{ margin-bottom:0px; padding:1px; }
  1882. .musebox:hover .mname { opacity:1; transition:0.5s; }
  1883. .musebox i { color:#555; border:1px solid #050505; padding:4px; width:10px; border-radius:5px; background:#050505;
  1884. -webkit-transition: all 0.7s linear;
  1885. -moz-transition: all 0.7s linear;
  1886. transition: all 0.7s linear; }
  1887. .musebox a:hover i {
  1888. background:{color:title}; color:#aaa;
  1889. -webkit-transition: all 0.7s linear;
  1890. -moz-transition: all 0.7s linear;
  1891. transition: all 0.7s linear;
  1892. }
  1893.  
  1894. .musename {
  1895. font-family: 'Abril Fatface', cursive;
  1896. transform:rotate(0deg);
  1897. text-align:center;
  1898. font-size:35px;
  1899. margin-top:15px;
  1900. margin-bottom:10px;
  1901. color:{color:accent};
  1902. }
  1903.  
  1904. .musesubtitle {
  1905. margin-top:10px;
  1906. background:rgba({RGBcolor:paddings}, 0.015);
  1907. padding:3px;
  1908. border-radius:0px;
  1909. font-family:'Quicksand', sans-serif;
  1910. font-size:7px;
  1911. letter-spacing:3px;
  1912. text-transform:uppercase;
  1913. text-align:center;
  1914. color:{color:text};
  1915. transform:rotate(0deg);
  1916. margin-left:0px;
  1917. }
  1918.  
  1919. .spot1 {
  1920. width:115px;
  1921. margin-top:30px;
  1922. line-height:200%;
  1923. padding-right:13px;
  1924. margin-left:3px;
  1925. border-right:0px solid {color:borders};
  1926. }
  1927.  
  1928. .songtit {
  1929. font-family:'Abril Fatface', cursive;
  1930. font-size:12px;
  1931. letter-spacing:0px;
  1932. }
  1933.  
  1934. .songart {
  1935. text-transform:uppercase;
  1936. font-size:7px;
  1937. }
  1938.  
  1939. .museq {
  1940. position:absolute;
  1941. font-size:95px;
  1942. opacity:0.3;
  1943. font-family:georgia;
  1944. margin-left:215px;
  1945. margin-top:10px;
  1946. }
  1947.  
  1948. .musequote {
  1949. position:absolute;
  1950. width:130px;
  1951. text-align:right;
  1952. margin-top:-65px;
  1953. margin-left:127px;
  1954. height:60px;
  1955. overflow-y:scroll;
  1956. text-transform:uppercase;
  1957. font-size:7px;
  1958. }
  1959.  
  1960. .musestats {
  1961. margin-top:10px;
  1962. font-size:7px;
  1963. text-transform:uppercase;
  1964. width:125px;
  1965. border-top:0px solid {color:borders};
  1966. padding:10px;
  1967. padding-left:0px;
  1968. padding-top:15px;
  1969. text-align:left;
  1970. line-height:270%;
  1971. margin-left:3px;
  1972. }
  1973.  
  1974. .musestats cute {
  1975. padding:2px;
  1976. border-radius:3px;
  1977. background:{color:accent};
  1978. color:#000;
  1979. margin-right:5px;
  1980. }
  1981.  
  1982. .muselinks {
  1983. position:absolute;
  1984. margin-left:155px;
  1985. margin-top:-78px;
  1986. line-height:405%;
  1987. }
  1988.  
  1989. .muselinks .sf {
  1990. color:{color:background};
  1991. background:{color:accent};
  1992. padding:7px;
  1993. padding-bottom:4px;
  1994. padding-top:8px;
  1995. font-size:13px;
  1996. margin-right:3px;
  1997. }
  1998.  
  1999.  
  2000. .mbg {
  2001. padding:3px;
  2002. border-top-left-radius:5px;
  2003. border-top-right-radius:5px;
  2004. background:{color:text};
  2005. opacity:0.5;
  2006. color:#000;
  2007. letter-spacing:2px;
  2008. text-transform:uppercase;
  2009. font-size:7px;
  2010. text-shadow:0px 0px 0px #111;
  2011. position:relative;
  2012. z-index:9;
  2013. padding-left:6px;
  2014. padding-right:6px;
  2015. font-family: 'Quicksand', sans-serif;
  2016. font-weight:normal;
  2017. }
  2018.  
  2019. .mdesc {
  2020. margin-top:-2px;
  2021. border-bottom-left-radius:10px;
  2022. border-bottom-right-radius: 10px;
  2023. width:88px;
  2024. padding:5px;
  2025. border:1px solid #111;
  2026. margin-left:5px;
  2027. }
  2028.  
  2029. .mname1 {
  2030. margin-left:0px;
  2031. margin-top:-30px;
  2032. font-family:kino;
  2033. font-weight:00;
  2034. text-transform:lowercase;
  2035. width:110px;
  2036. padding-top:10px;
  2037. padding-bottom:5px;
  2038. border-radius:10px;
  2039. line-height:120%;
  2040. color:{color:title};
  2041. font-size:22px;
  2042. text-align:center;
  2043. text-shadow:2px 2px 0px #151515;
  2044. }
  2045.  
  2046. ul {
  2047. margin-left:-20px;
  2048. text-align:left;
  2049. }
  2050.  
  2051. li {
  2052. padding-left: 0px;
  2053. list-style: none;
  2054. }
  2055.  
  2056. li:before {
  2057. margin-left: -10px;
  2058. width: 16px;
  2059. color: {color:accent};
  2060. content: "{select:bullet type}";
  2061. font-family: FontAwesome;
  2062. font-size:6px;
  2063. font-weight:300;
  2064. color:{color:accent 3};
  2065. display: inline-block;
  2066. }
  2067.  
  2068. ul li {
  2069. width:95%;
  2070. text-align:justify;
  2071. list-style-type: none;
  2072. }
  2073.  
  2074. #question { margin:0px; padding:12px; padding-left:5px; padding-right:5px; text-align:right; border-radius:0px; border-bottom:1px solid {color:borders}; border-top:1px solid {color:borders}; background:rgba({RGBcolor:container background}, 0); margin-top:5px; }
  2075. .asker a { font-size:16px; color:{color:link}; padding-right:0px; letter-spacing:0px; border-radius:0px; font-weight:700; }
  2076. .asker { font-size:16px; color:{color:link}; padding-right:0px; letter-spacing:0px; border-radius:0px; margin-bottom:5px; font-weight:700; text-transform:lowercase; }
  2077.  
  2078. #audioplayer { width:27px; height:27px; background:#000; border-radius:60px; overflow:hidden; position:absolute; padding:0px; margin-top:9px; margin-left:237px; opacity:0.7; -webkit-transition:0.5s; }
  2079. #audioplayer:hover { opacity:1; -webkit-transition:0.5s; }
  2080. #audioart { float:left; margin-top:-9px; margin-left:0px; padding-right:10px; }
  2081. #audioart img { border:6px solid {color:borders}; width:50px; border-radius:0px; }
  2082. #audioinfo { background:{color:container};height:57px; margin-left:0px; text-transform:uppercase; font-size:7px; text-align:left; padding-left:10px; top:0px; padding-top:17px; letter-spacing:1px; margin-bottom:5px; padding-bottom:5px; }
  2083. .notes { text-align:left; margin-top:0px; }
  2084. .notes img { margin-right:2px; width:10px; border-radius:100px; }
  2085. ol.notes, .notes li { width:300px; {block:if400px} width:400px; {/block:if400px} list-style:none; margin:3px; margin-left:8px; padding:0px; }
  2086. .notes li a { font-weight:bold; color:{color:link}; text-transform:uppercase; font-size:7px; letter-spacing:1px; }
  2087. .notes li {
  2088. margin-left:-15px;
  2089. }
  2090. .notes li:before { content:''; }
  2091.  
  2092. #tags {text-align:left; font-size:10px; padding-left:0px; padding-top:7px; line-height:10px; font-family: 'Karla', sans-serif; border-right:0px solid #d3d3d3; margin-left:5px; margin-bottom:-5px; margin-top:-7px; word-spacing:0px;}
  2093. #tags a { padding:0px; border-bottom:none; color:{color:text}; text-shadow:none; text-transform:uppercase; letter-spacing:1px; font-size:10px;}
  2094. #tags i { color:{color:bold}; }
  2095.  
  2096. .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; }
  2097.  
  2098.  
  2099. .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%;}
  2100. .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%; }
  2101.  
  2102. .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}; }
  2103. .convo { overflow:hidden; list-style-type:none; padding:0px; margin-top:-13px; list-style-type:none; margin-bottom:0px; line-height:100%; }
  2104.  
  2105. .musebox img { {block:ifGrayscale} -webkit-filter:grayscale(100%); {/block:ifGrayscale}
  2106. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  2107.  
  2108. .musebox img:hover { {block:ifGrayscale}
  2109. -webkit-filter:grayscale(100%);
  2110. {/block:ifGrayscale}
  2111. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  2112.  
  2113. #sec img { -webkit-filter:grayscale({select:greyscale});
  2114. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  2115.  
  2116. #sec img:hover { -webkit-filter:grayscale(0%); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
  2117.  
  2118. #posts img { -webkit-filter:grayscale({select:greyscale});
  2119. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; {block:ifImageOpacity}
  2120. opacity:0.4;
  2121. {/block:ifImageOpacity} border-radius:0px; }
  2122.  
  2123. iframe { {block:ifImageOpacity}
  2124. opacity:0.4;
  2125. {/block:ifImageOpacity} border-radius:0px; }
  2126.  
  2127. #posts img:hover { -webkit-filter:grayscale(0%); -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; {block:ifImageOpacity}
  2128. opacity:0.7;
  2129. {/block:ifImageOpacity} }
  2130.  
  2131. .linkos {
  2132. display:block;
  2133. margin-top:70px;
  2134. }
  2135.  
  2136. .linkos a {
  2137. display:block;
  2138. width:80px;
  2139. }
  2140.  
  2141. #admins { position:absolute; height:127px; width:182px; padding:10px;padding-top:3px;padding-bottom:13px;border-radius:0px; line-height:100%; text-align:center; text-transform:uppercase; font-size:6.5px; letter-spacing:2px;
  2142.  
  2143. margin-left:-20px; margin-top:70px; border:0px solid {color:bold}; border-radius:0px; width:400px; height:127px; background:{color:title color};
  2144. {block:ifGrayscale}
  2145. filter:grayscale(100%);
  2146. {/block:ifGrayscale}
  2147. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  2148. border-top-right-radius:0px;
  2149. border-bottom-right-radius:0px;
  2150.  
  2151. background:url('{image:tab image}'); height:291px; width:130px; background-position:bottom; }
  2152.  
  2153. #admins:hover {
  2154. filter:grayscale(100%);
  2155. {block:ifGrayscale}
  2156. filter:grayscale(100%);
  2157. {/block:ifGrayscale}
  2158. }
  2159.  
  2160. #admins img:hover {
  2161. filter:grayscale(100%);
  2162. {block:ifGrayscale}
  2163. filter:grayscale(100%);
  2164. {/block:ifGrayscale}
  2165. -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;
  2166. }
  2167. #admins cute {
  2168. padding:5px;
  2169. {block:ifDark} background:rgba(10, 10, 10, 0.7); {/block:ifDark}
  2170. {block:ifLight} background:rgba(255, 255, 255, 0.7); {/block:ifLight}
  2171. text-align:center;
  2172. padding-left:17px;
  2173. padding-right:17px;
  2174. }
  2175.  
  2176. #admins cute2 {
  2177. padding:5px;
  2178. {block:ifDark} background:rgba(10, 10, 10, 0.7); {/block:ifDark}
  2179. {block:ifLight} background:rgba(255, 255, 255, 0.7); {/block:ifLight}
  2180. text-align:center;
  2181. padding-left:17px;
  2182. padding-right:17px;
  2183. margin-left:50px;
  2184. }
  2185.  
  2186. #admins .sf {
  2187. position:absolute;
  2188. font-size:13px;
  2189. margin-top:7px;
  2190. margin-left:10px;
  2191. }
  2192.  
  2193. #admins svg {
  2194. position:absolute;
  2195. font-size:13px;
  2196. margin-top:-62px;
  2197. margin-left:10px;
  2198. fill:white;
  2199. width:13px;
  2200. }
  2201.  
  2202. #admins cuter {
  2203. position:absolute;
  2204. margin-left:15px;
  2205. margin-top:0px;
  2206. width:60px;
  2207. height:60px;
  2208. }
  2209.  
  2210. .nicon {
  2211. position:fixed;
  2212. width:60px;
  2213. height:60px;
  2214. margin-top:150px;
  2215. margin-left:270px;
  2216. padding:7px;
  2217. border:0px solid {color:borders};
  2218. display:none;
  2219. }
  2220.  
  2221. .nicon img {
  2222. {block:ifGrayscale}
  2223. filter:grayscale(100%);
  2224. {/block:ifGrayscale}
  2225. width:60px;
  2226. height:60px;
  2227. border-bottom:5px solid rgba( {RGBcolor:accent}, 0.8 );
  2228. padding-bottom:10px;
  2229. display:none;
  2230. }
  2231.  
  2232. .niconborder {
  2233. width:60px;
  2234. height:70px;
  2235. background:rgba({RGBcolor:paddings}, 0.025);
  2236. position:fixed;
  2237. margin-top:160px;
  2238. margin-left:260px;
  2239. z-index:-1;
  2240. display:none;
  2241. }
  2242.  
  2243. .ego {
  2244. position:absolute;
  2245. font-family:troye;
  2246. font-size:55px;
  2247. line-height:35px;
  2248. right:20px;
  2249. color:{color:bold};
  2250. background:{color:container background};
  2251. z-index:999999999999999999999999999999;
  2252. background:transparent;
  2253. text-align:right;
  2254. margin-top:125px;
  2255. background:{color:post background};
  2256. line-height:50%;
  2257. padding:15px;
  2258. max-width:250px;
  2259. padding-bottom:20px;
  2260. border-bottom:10px solid {color:bold};
  2261. text-align:center;
  2262. }
  2263.  
  2264. .olivia {
  2265. opacity:0.8;
  2266. text-transform:uppercase;
  2267. font-family:'Quicksand';
  2268. font-size:6.5px;
  2269. letter-spacing:1px;
  2270. margin-left:135px;
  2271. width:105px;
  2272. height:107px;
  2273. }
  2274.  
  2275. .loona {
  2276. text-align:left;
  2277. border-radius:0px;
  2278. text-transform:lowercase;
  2279. font-size:10px;
  2280. position:fixed;
  2281. margin-top:-20px;
  2282. text-align:left;
  2283. color:{color:text};
  2284. margin-left:10px;
  2285. display:none;
  2286. }
  2287.  
  2288. .loona2 {
  2289. position:fixed;
  2290. width:180px;
  2291. margin-top:205px;
  2292. margin-left:140px;
  2293. max-height:140px;
  2294. overflow-y:scroll;
  2295. text-transform:uppercase;
  2296. font-size:10px;
  2297. letter-spacing:0.5px;
  2298. opacity:1;
  2299. z-index:10000000000000000000000000000000;
  2300. line-height:21px;
  2301. font-family: 'ABeeZee', sans-serif;
  2302. letter-spacing:1.5px;
  2303. opacity:0.8;
  2304. font-size:6.5px;
  2305. }
  2306.  
  2307. .loona big {
  2308. font-size:16px;
  2309. letter-spacing:0px;
  2310. margin-right:4px;
  2311. }
  2312.  
  2313. .bq { padding-left:10px;margin-left:-80px; width:100px;}
  2314. .bee { margin-top:60px; width:160px; margin-left:100px; padding-left:5px; padding-right:5px; padding-bottom:5px; border-radius:0px; display:inline-block; }
  2315.  
  2316. .bee .sf { padding:0px;color:{color:bold}; text-align:left; font-size:14px; background:transparent; color:#555;margin-top:-6px; float:left; margin-left:-30px; border-top-left-radius:3px;border-bottom-left-radius:3px;height:7px; border-radius:10%; border-top-right-radius:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; border-top-left-radius:0px; -webkit-transition: all 0.4s linear; background:transparent; color:{color:nav links};
  2317. -moz-transition: all 0.4s linear;
  2318. transition: all 0.4s linear;
  2319. border-radius:100px;
  2320. height:20px;
  2321. padding:10px;
  2322. padding-right:8.5px;
  2323. padding-left:11.5px;
  2324. padding-bottom:8.5px;
  2325. padding-top:11.5px;
  2326. width:20px;
  2327. margin-bottom:25px;
  2328. line-height:5px;
  2329. border-radius:0%;}
  2330.  
  2331. .nyoong {
  2332. transform: rotate(-90deg);
  2333. position:absolute;
  2334. height:255px;
  2335. text-align:center;
  2336. width:260px;
  2337. margin-left:0px;
  2338. letter-spacing:2px;
  2339. margin-top:15px;
  2340. }
  2341.  
  2342. .olivia {
  2343. opacity:0.4;
  2344. text-transform:uppercase;
  2345. font-family:'Quicksand';
  2346. font-size:6.5px;
  2347. letter-spacing:1px;
  2348. margin-left:135px;
  2349. margin-top:20px;
  2350. width:195px;
  2351. height:87px;
  2352. }
  2353.  
  2354. .bq { padding-left:10px;margin-left:-80px; width:100px;}
  2355.  
  2356. #bo { margin-left:-210px; padding:10px; height:52px; width:195px; overflow:auto; padding:10px;padding-top:3px;padding-bottom:13px;background:#0a0a0a; border-radius:0px; line-height:170%; margin-top:5px;}
  2357. #bb { font-family:kino; font-size:60px; position:fixed;margin-left:-87px;margin-top:45px; -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); color:#ccc; text-shadow:1px 1px 0px #000;}
  2358. #updates { position:absolute; top:15px; right:14px; width:78px; height:160px; background:#ebebeb; font-family:'work sans'; line-height:12px; overflow:auto; }
  2359. .uptitle { text-align:center; text-transform:lowercase; font-family:kino; font-size:30px; padding-bottom:3px; }
  2360. #updates h3 { background:{color:bold}; padding:4px; text-align:center; text-transform:uppercase; font-family: 'Karla', sans-serif; font-size:10px; letter-spacing:1px; color:#fff;font-weight:normal; }
  2361. h3 { background:{color:bold}; padding:4px; text-align:center; text-transform:uppercase; font-family: 'Karla', sans-serif; font-size:10px; letter-spacing:1px; color:#fff;font-weight:normal; }
  2362.  
  2363. #boy span {
  2364. border:1px solid #111;
  2365. background:#aaa;
  2366. color:#000;
  2367. border-radius:100%;
  2368. height:18px;
  2369. padding:10px;
  2370. width:18px;
  2371. margin-bottom:15px;
  2372. line-height:10px;
  2373. display:block;
  2374. }
  2375.  
  2376. #s-m-t-tooltip {
  2377. z-index: 9999;
  2378. background:rgba({RGBcolor:accent}, 1);
  2379. font-size: 9px;
  2380. line-height: 13px;
  2381. letter-spacing: 1.5px;
  2382. text-transform:uppercase;
  2383. font-size:7px;
  2384. border:solid 0px {color:borders};
  2385. border-radius:0px;
  2386. -o-transition: all 0.3s ease-out;
  2387. -webkit-transition: all 0.3s ease-out;
  2388. -moz-transition: all 0.3s ease-out;
  2389. text-transform: normal;
  2390. max-width:110px;
  2391. color:{color:post background};
  2392. word-wrap: break-word;
  2393. padding: 1px 4px 1px 4px;
  2394. display: block;
  2395. margin: 0px 15px;
  2396. text-transform:lowercase;
  2397. text-align:left;
  2398. border-bottom:3px solid {color:accent 3};
  2399. font-size:7px;
  2400. letter-spacing:2px;
  2401. text-align:center;
  2402. max-width:90px;
  2403. z-index:9999999999999999999999999999999999999;
  2404. }
  2405.  
  2406. ::selection {
  2407. background: {color:accent 3}; /* WebKit/Blink Browsers */
  2408. }
  2409. ::-moz-selection {
  2410. background: {color:accent 3}; /* Gecko Browsers */
  2411. }
  2412.  
  2413. .popup_block {
  2414. background:rgba({RGBcolor:post background},1);
  2415. border-radius:0px;
  2416. border:0px solid {color:borders};
  2417. /*don’t change anything below here*/
  2418. display: none;
  2419. position: fixed;
  2420. top: 57%; left:38%;
  2421. z-index: 99999999;
  2422. max-height:70vh;
  2423. overflow:auto;
  2424. -webkit-animation: zoom 0.5s;
  2425. -moz-animation: zoom 0.5s;
  2426. -ms-animation: zoom 0.5s;
  2427. -o-animation: zoom 0.5s;
  2428. animation: zoom 0.5s;
  2429. z-index:9999999999999999999999999999999999999;
  2430. padding:20px;
  2431. height:275px;
  2432. }
  2433. *html .popup_block {
  2434. position: absolute;
  2435. z-index:9999999999999999999999999999999999999;
  2436. }
  2437.  
  2438. #navt {
  2439. position:absolute;
  2440. font-size:60px;
  2441. text-align:center;
  2442. word-spacing:-0px;
  2443. letter-spacing:1px;
  2444. width:300px;
  2445. text-transform:lowercase;
  2446. font-family:sydney;
  2447. word-spacing:-25px;
  2448. padding-left:0px;
  2449. margin-top:250px;
  2450. line-height:20%;
  2451. z-index:1000000000000000000000000000000000000000000000000000000;
  2452. color:{color:title color};
  2453. transform:rotate(0deg);
  2454. text-shadow:2px 2px 0px rgba(0,0,0,0);
  2455. }
  2456.  
  2457.  
  2458. #navt2 {
  2459. font-family:sydneysans;
  2460. font-size:16px;
  2461. text-transform:uppercase;
  2462. letter-spacing:3px;
  2463. word-spacing:0px;
  2464. text-align:center;
  2465. width:260px;
  2466. margin-left:5px;
  2467. margin-top:17px;
  2468. padding:0px;
  2469. background:transparent;
  2470. position:relative;
  2471. padding-left:15px;
  2472. padding-right:15px;
  2473. z-index:-10000;
  2474. color:{color:subtitle color};
  2475. }
  2476.  
  2477. #hao {
  2478. margin-top:20px;
  2479. }
  2480.  
  2481. #hao img {
  2482. width:150px;
  2483. height:200px;
  2484. }
  2485.  
  2486. #san {
  2487. text-align:left;
  2488. margin-top:385px;
  2489. position:absolute;
  2490. z-index:1;
  2491. }
  2492.  
  2493. #san .sf {
  2494. font-size:16px;
  2495. color:{color:nav links};
  2496. background:rgba({RGBcolor:nav links bg}, 0.3);
  2497. padding:12px;
  2498. padding-top:13px;
  2499. padding-bottom:9px;
  2500. border-radius:7px;
  2501. transition:.6s;
  2502. -webkit-transition:.6s;
  2503. -moz-transition:.6s;
  2504. }
  2505.  
  2506. #san a {
  2507. width:47px;
  2508. display:inline-block;
  2509. color:{color:nav links};
  2510. border-bottom:0px solid {color:borders};
  2511. box-shadow: 0 -5px rgba(0,0,0, 0.00) inset;
  2512. }
  2513.  
  2514. #san .sf:hover {
  2515. color:{color:nav links hover};
  2516. background:{color:nav links hover bg};
  2517. transition:.6s;
  2518. -webkit-transition:.6s;
  2519. -moz-transition:.6s;
  2520. }
  2521.  
  2522. #wooyoung {
  2523. word-spacing:-10px;
  2524. width:280px;
  2525. position:fixed;
  2526. font-family:tamoro;
  2527. color:{color:nav title color};
  2528. font-size:50px;
  2529. text-align:left;
  2530. line-height:37px;
  2531. z-index:1;
  2532. margin-top:242px;
  2533. transform:rotate(-5deg);
  2534. }
  2535.  
  2536. #joongie {
  2537. margin-top:201px;
  2538. padding:0px;
  2539. background:rgba({RGBcolor:nav stats bg}, 0.3);
  2540. border-bottom:1px solid {color:borders};
  2541. font-family:roboto;
  2542. font-size:10px;
  2543. font-style:italic;
  2544. text-align:center;
  2545. position:fixed;
  2546. letter-spacing:2px;
  2547. width:140px;
  2548. }
  2549.  
  2550. #juyeon {
  2551. font-family: 'Abril Fatface', cursive;
  2552. font-family:'montserrat';
  2553. font-size:80px;
  2554. position:absolute;
  2555. z-index:99999999999999999999999;
  2556. line-height:60%;
  2557. text-transform:lowercase;
  2558. color:{color:accent 3};
  2559. letter-spacing:-3px;
  2560. margin-top:147px;
  2561. width:600px;
  2562. height:120px;
  2563. padding-top:3px;
  2564. text-align:center;
  2565. font-style:normal;
  2566. word-spacing:-2px;
  2567. font-weight:900;
  2568. {block:ifTitleShadow}
  2569. text-shadow:2px 2px 0px rgba(0,0,0,0.3);
  2570. {/block:ifTitleShadow}
  2571. z-index:9999999999999;
  2572. display:inline;
  2573. margin-left:-245px;
  2574. transform:rotate(-90deg);
  2575. opacity:1;
  2576. mix-blend-mode:normal;
  2577. }
  2578.  
  2579. #chanhee {
  2580. margin-top:-15px;
  2581. width:600px;
  2582. overflow:hidden;
  2583. text-align:center;
  2584. }
  2585.  
  2586. #chanhee a {
  2587. color:{color:side text};
  2588. font-family:tamoro;
  2589. font-size:70px;
  2590. font-weight:300;
  2591. word-spacing:0px;
  2592. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  2593. }
  2594.  
  2595. #kev {
  2596. text-align:left; text-transform:lowercase; letter-spacing:-1px; border-radius:0px; margin-top:20px; margin-bottom:10px; word-spacing:-5px; color:{color:accent 2}; font-family: 'Space Mono', monospace; font-size:23px; font-weight:700; display:none;
  2597. }
  2598.  
  2599. #kev cute {
  2600. box-shadow: 0 -10px rgba({RGBcolor:accent 3}, 1) inset;
  2601. }
  2602.  
  2603. .hwall {
  2604. display:none;
  2605. }
  2606.  
  2607. #cob {
  2608. text-align:left; text-transform:lowercase; letter-spacing:-1px; border-radius:0px; margin-top:10px; margin-bottom:10px; word-spacing:-5px; color:{color:accent 2}; font-family: 'Space Mono', monospace; font-size:23px; font-weight:700;
  2609. }
  2610.  
  2611. #cob cute {
  2612. box-shadow: 0 -10px rgba({RGBcolor:accent 3}, 1) inset;
  2613. }
  2614.  
  2615. #hwall {
  2616. max-height: 135px;
  2617. overflow-y:scroll;
  2618. display:none;
  2619. }
  2620.  
  2621. #kyu {
  2622. max-height: 165px;
  2623. overflow-y:scroll;
  2624. }
  2625.  
  2626. #hak {
  2627. text-align:left;
  2628. margin-top:10px;
  2629. }
  2630.  
  2631. #hak a {
  2632. font-weight:700;
  2633. -webkit-transition: all 0.2s ease-in-out;
  2634. -moz-transition: all 0.2s ease-in-out;
  2635. -o-transition: all 0.2s ease-in-out;
  2636. -ms-transition: all 0.2s ease-in-out;
  2637. transition: all 0.2s ease-in-out;
  2638. }
  2639.  
  2640. #hak a:hover {
  2641. box-shadow: 0 -5px rgba({RGBcolor:accent}, 0) inset;
  2642. -webkit-transition: all 0.2s ease-in-out;
  2643. -moz-transition: all 0.2s ease-in-out;
  2644. -o-transition: all 0.2s ease-in-out;
  2645. -ms-transition: all 0.2s ease-in-out;
  2646. transition: all 0.2s ease-in-out;
  2647. }
  2648.  
  2649. #sangyeon {
  2650. font-family: 'Abril Fatface', cursive;
  2651. font-family:'montserrat';
  2652. font-size:80px;
  2653. position:absolute;
  2654. z-index:99999999999999999999999;
  2655. line-height:60%;
  2656. text-transform:lowercase;
  2657. color:{color:accent 3};
  2658. letter-spacing:-3px;
  2659. margin-top:147px;
  2660. width:600px;
  2661. height:120px;
  2662. padding-top:3px;
  2663. text-align:center;
  2664. font-style:normal;
  2665. word-spacing:-2px;
  2666. font-weight:900;
  2667. {block:ifTitleShadow}
  2668. text-shadow:2px 2px 0px rgba(0,0,0,0.3);
  2669. {/block:ifTitleShadow}
  2670. z-index:9999999999999;
  2671. display:inline;
  2672. margin-left:-242px;
  2673. transform:rotate(-90deg);
  2674. opacity:1;
  2675. mix-blend-mode:normal;
  2676. }
  2677.  
  2678. #eric {
  2679. margin-top:-15px;
  2680. width:600px;
  2681. overflow:hidden;
  2682. text-align:center;
  2683. }
  2684.  
  2685. #eric a {
  2686. color:{color:side text};
  2687. font-family:tamoro;
  2688. font-size:70px;
  2689. font-weight:300;
  2690. word-spacing:0px;
  2691. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  2692. }
  2693.  
  2694. #hoonie {
  2695. position:fixed;
  2696. text-align:center;
  2697. margin-top:50px;
  2698. }
  2699.  
  2700. #hoonie a {
  2701. color:{color:post background};
  2702. font-size:23px;
  2703. padding:7px;
  2704. display:inline-block;
  2705. }
  2706.  
  2707. #hyunjae {
  2708. margin-left:20px;
  2709. margin-top:7px;
  2710. }
  2711.  
  2712. #hyunjae a {
  2713. display:inline-block;
  2714. width:80px;
  2715. padding:20px;
  2716. border-radius:4px;
  2717. text-align:center;
  2718. font-family:montserrat;
  2719. margin-bottom:14px;
  2720. font-size:9px;
  2721. margin-right:12px;
  2722. background:{color:accent 3};
  2723. color:{color:post background};
  2724. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 1) inset;
  2725. }
  2726.  
  2727. #hyunjae a:hover {
  2728. -webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  2729. animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  2730. }
  2731.  
  2732.  
  2733. /* ----------------------------------------------
  2734. * Generated by Animista on 2019-10-18 3:56:51
  2735. * Licensed under FreeBSD License.
  2736. * See http://animista.net/license for more info.
  2737. * w: http://animista.net, t: @cssanimista
  2738. * ---------------------------------------------- */
  2739.  
  2740. /**
  2741. * ----------------------------------------
  2742. * animation scale-down-center
  2743. * ----------------------------------------
  2744. */
  2745. @-webkit-keyframes scale-down-center {
  2746. 0% {
  2747. -webkit-transform: scale(1);
  2748. transform: scale(1);
  2749. }
  2750. 100% {
  2751. -webkit-transform: scale(0.9);
  2752. transform: scale(0.9);
  2753. }
  2754. }
  2755. @keyframes scale-down-center {
  2756. 0% {
  2757. -webkit-transform: scale(1);
  2758. transform: scale(1);
  2759. }
  2760. 100% {
  2761. -webkit-transform: scale(0.9);
  2762. transform: scale(0.9);
  2763. }
  2764. }
  2765.  
  2766. #sunwoo {
  2767. margin-left:20px;
  2768. width:357px;
  2769. height:170px;
  2770. border-radius:7px;
  2771. margin-top:3px;
  2772. background:{color:post background};
  2773. padding:20px;
  2774. overflow-y:scroll;
  2775. }
  2776.  
  2777. .hwallie {
  2778. float:left;
  2779. border-radius:100%;
  2780. margin-right:15px;
  2781. margin-top:10px;
  2782. margin-bottom:5px;
  2783. background:{color:container background};
  2784. }
  2785.  
  2786. .hwallie img {
  2787. float:left;
  2788. width:50px;
  2789. height:50px;
  2790. border-radius:100%;
  2791. {block:ifGrayscale}
  2792. -webkit-filter: grayscale(100%);
  2793. {/block:ifGrayscale}
  2794. }
  2795.  
  2796. #hosh {
  2797. text-transform:lowercase;
  2798. padding:15px;
  2799. width:190px;
  2800. height:150px;
  2801. overflow:scroll;
  2802. padding-top:10px;
  2803. padding-bottom:25px;
  2804. overflow:scroll;
  2805. line-height:16px;
  2806. font-size:9px;
  2807. text-align:left;
  2808. letter-spacing:1.5px;
  2809. border-left:0px solid {color:borders};
  2810. border-right:0px;
  2811. border-top:0px;
  2812. border-bottom-left-radius:0px;
  2813. margin-left:-10px;
  2814. position:fixed;
  2815. margin-top:3px;
  2816. display:none;
  2817. }
  2818.  
  2819. #hosh acc {
  2820. margin-right:0px;
  2821. color:{color:bold};
  2822. font-weight:bold;
  2823. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 1) inset;
  2824. }
  2825.  
  2826. #hosh line {
  2827. background:rgba({RGBcolor:nav stats bg}, 0.3);
  2828. padding:0px;
  2829. display:inline-block;
  2830. width:180px;
  2831. padding-left:0px;
  2832. margin-bottom:2px;
  2833. border-radius:3px;
  2834. }
  2835.  
  2836. #hosh2 {
  2837. text-transform:lowercase;
  2838. padding:15px;
  2839. height:150px;
  2840. overflow:scroll;
  2841. padding-top:10px;
  2842. font-family:roboto;
  2843. padding-bottom:25px;
  2844. overflow:scroll;
  2845. line-height:18px;
  2846. font-size:9px;
  2847. letter-spacing:1px;
  2848. border-left:0px solid {color:borders};
  2849. border-right:0px;
  2850. border-top:0px;
  2851. border-bottom-left-radius:0px;
  2852. margin-left:140px;
  2853. position:fixed;
  2854. margin-top:20px;
  2855. }
  2856.  
  2857. #hosh2 acc {
  2858. padding:3px;
  2859. padding-left:7px;
  2860. padding-right:7px;
  2861. padding-bottom:4px;
  2862. font-style:italic;
  2863. margin-right:7px;
  2864. color:{color:bold};
  2865. font-weight:bold;
  2866. border-right:1px solid {color:container background};
  2867. background-image:url('{image:nav stats bg}');
  2868. }
  2869.  
  2870. #hosh2 line {
  2871. background:rgba({RGBcolor:nav stats bg}, 0.3);
  2872. padding:0px;
  2873. display:inline-block;
  2874. width:140px;
  2875. padding-left:0px;
  2876. margin-bottom:2px;
  2877. border-radius:3px;
  2878. }
  2879.  
  2880. #jun {
  2881. width:160px;
  2882. height:470px;
  2883. margin-top:-25px;
  2884. margin-left:165px;
  2885. border-top-left-radius:0px;
  2886. border-top-right-radius:0px;
  2887. background-image:url('{image:tab image}');
  2888. {block:ifGrayscale}
  2889. -webkit-filter: grayscale(100%);
  2890. {/block:ifGrayscale}
  2891. border-radius:0px;
  2892. position:fixed;
  2893. z-index:-1;
  2894. }
  2895.  
  2896. #jun img {
  2897. width:280px;
  2898. height:140px;
  2899. border-top-left-radius:10px;
  2900. border-top-right-radius:10px;
  2901. margin-left:0px;
  2902. {block:ifGrayscale}
  2903. -webkit-filter: grayscale(100%);
  2904. {/block:ifGrayscale}
  2905. }
  2906.  
  2907. #wonu {
  2908. position:fixed;
  2909. padding:10px;
  2910. width:110px;
  2911. text-align:center;
  2912. height:117px;
  2913. background:{color:accent 2};
  2914. border-bottom-right-radius:0px;
  2915. margin-left:160px;
  2916. margin-top:10px;
  2917. position:fixed;
  2918. z-index:9999999999999999;
  2919. background-image:url('{image:nav links bg}');
  2920. display:none;
  2921. }
  2922.  
  2923. .wonulinks1 {
  2924. width:40px;
  2925. font-size:35px;
  2926. line-height:120%;
  2927. font-family: 'Abril Fatface', cursive;
  2928. color:{color:nav links};
  2929. margin-left:-3px;
  2930. margin-top:-5px;
  2931. }
  2932. .wonulinks1 a{
  2933. display:block;
  2934. color:{color:nav links};
  2935. }
  2936. .wonulinks1 a:hover{
  2937. color:{color:nav links hover};
  2938. transition:.6s;
  2939. -webkit-transition:.6s;
  2940. -moz-transition:.6s;
  2941. }
  2942. .wonulinks2 {
  2943. width:40px;
  2944. font-size:35px;
  2945. line-height:120%;
  2946. font-family: 'Abril Fatface', cursive;
  2947. color:{color:nav links};
  2948. margin-left:37px;
  2949. margin-top:-126px;
  2950. }
  2951. .wonulinks2 a{
  2952. display:block;
  2953. color:{color:nav links};
  2954. }
  2955. .wonulinks2 a:hover{
  2956. color:{color:nav links hover};
  2957. transition:.6s;
  2958. -webkit-transition:.6s;
  2959. -moz-transition:.6s;
  2960. }
  2961.  
  2962. .wonulinks3 {
  2963. width:40px;
  2964. font-size:35px;
  2965. line-height:120%;
  2966. font-family: 'Abril Fatface', cursive;
  2967. color:{color:nav links};
  2968. margin-left:75px;
  2969. margin-top:-126px;
  2970. }
  2971. .wonulinks3 a{
  2972. display:block;
  2973. color:{color:nav links};
  2974. }
  2975. .wonulinks3 a:hover{
  2976. color:{color:nav links hover};
  2977. transition:.6s;
  2978. -webkit-transition:.6s;
  2979. -moz-transition:.6s;
  2980. }
  2981.  
  2982. #gyu {
  2983. font-size:7px;
  2984. letter-spacing:3px;
  2985. margin-top:15px;
  2986. font-style:italic;
  2987. text-align:center;
  2988. width:280px;
  2989. margin-left:12px;
  2990. }
  2991.  
  2992. .icon {
  2993. position:fixed;
  2994. text-align:center;
  2995. transform:rotate(-90deg);
  2996. margin-left:-10px;
  2997. }
  2998.  
  2999. .icon .sf {
  3000.  
  3001. margin-left:13px; color:{color:side links}; text-align:center; font-size:20px;
  3002. }
  3003.  
  3004. .mbox {
  3005. margin-bottom:-20px;
  3006. }
  3007.  
  3008. .mbox img {
  3009. width:100px;
  3010. height:75px;
  3011. border-top-left-radius:7px;
  3012. border-bottom-left-radius:7px;
  3013. {block:ifGrayscale}
  3014. -webkit-filter: grayscale(100%);
  3015. {/block:ifGrayscale}
  3016. }
  3017.  
  3018. .mtite {
  3019. text-align:center;
  3020. border-top-right-radius:7px;
  3021. border-bottom-right-radius:7px;
  3022. background:{color:accent 3};
  3023. height:69px;
  3024. }
  3025.  
  3026. .mtite i {
  3027. font-size:12px;
  3028. margin-top:15px;
  3029. color:{color:post background};
  3030. }
  3031.  
  3032. .mtite a {
  3033. box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset;
  3034. }
  3035.  
  3036. .mtite i:hover {
  3037. color:{color:side text};
  3038. }
  3039.  
  3040. {CustomCSS}
  3041.  
  3042. </style></head><body>
  3043.  
  3044. </div>
  3045.  
  3046. <div id="TabzOne" class="tabzcon alytut" style="display:block; height:455px; z-index:1;">
  3047.  
  3048. {block:Posts}
  3049.  
  3050. <!-- {block:NoRebloggedFrom}
  3051. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  3052. {/block:NoRebloggedFrom} -->
  3053. {block:ContentSource}<!-- {SourceURL}
  3054. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  3055. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  3056. {/block:ContentSource}
  3057.  
  3058. {block:Date}
  3059.  
  3060. <div id="post">
  3061.  
  3062. <div id="info">
  3063.  
  3064. <a href="{Permalink}"><span class="lnr lnr-heart" style="font-size:7px; font-weight:bold;"></span> {NoteCount}</a> <a href="{ReblogURL}" title="reblog" target="_blank" class="details"><span class="lnr lnr-redo" style="font-size:7px; font-weight:bold;"></span></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}
  3065.  
  3066. <div class="dt">
  3067. <a href="{Permalink}" title="{TimeAgo}"><i class="far fa-star" style="font-size:7px;"></i></a>
  3068. </div>
  3069.  
  3070. </div>
  3071. {/block:Date}
  3072.  
  3073. {block:Text}
  3074. {block:Title}<h1>{Title}</h1>{/block:Title}
  3075. {Body}{/block:Text}
  3076.  
  3077. {block:Photo}
  3078. <div class="media"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/> </div> {block:Caption}{Caption}
  3079. {/block:Caption}
  3080. {/block:Photo}
  3081.  
  3082. {block:Photoset}<div class="media">{photoset}</div> {block:Caption}{Caption}
  3083. {/block:Caption}{/block:Photoset}
  3084.  
  3085. {block:Quote}<div class="quote">&#8220;{Quote}&#8221; </div><div class="source">— {block:Source}{Source}{/block:Source}</div> {/block:Quote}
  3086.  
  3087. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  3088.  
  3089. {block:Chat}
  3090. {block:Title}
  3091. <h2>{Title}</h2>{/block:Title}<br>
  3092. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  3093. {Line}</li>{/block:Lines}</ul>
  3094. {/block:Chat}
  3095.  
  3096. {block:Audio}<div class="audio"><div class="audio-player">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</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}
  3097.  
  3098. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  3099.  
  3100. {block:Answer}<div id="question"><div class="asker">{Asker}</div>{Question}</div>
  3101. {Answer}{/block:Answer}
  3102.  
  3103. <div style="padding-top:2px;">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</span></div>
  3104. </div>
  3105.  
  3106. {block:PermalinkPage}
  3107. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  3108. {/block:PermalinkPage}
  3109.  
  3110. {/block:Posts}
  3111.  
  3112. </div>
  3113.  
  3114.  
  3115. <!--
  3116.  
  3117. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  3118.  
  3119. <!-- < tabs content >
  3120. -->
  3121.  
  3122. <div id="TabzFour" class="tabzcon alytut" style="display:none; overflow:visible; background:{color:post background}; background-image:url('{image:navi bg}'); background-repeat:no-repeat; width:572px; margin-left:60px; height:470px; margin-top:85px;
  3123. animation: animationFrames ease-in-out 1s;
  3124. animation-iteration-count: 1;
  3125. transform-origin: 50% 50%;
  3126. -webkit-animation: animationFrames ease-in-out 1s;
  3127. -webkit-animation-iteration-count: 1;
  3128. -webkit-transform-origin: 50% 50%;
  3129. -moz-animation: animationFrames ease-in-out 1s;
  3130. -moz-animation-iteration-count: 1;
  3131. -moz-transform-origin: 50% 50%;
  3132. -o-animation: animationFrames ease-in-out 1s;
  3133. -o-animation-iteration-count: 1;
  3134. -o-transform-origin: 50% 50%;
  3135. -ms-animation: animationFrames ease-in-out 1s;
  3136. -ms-animation-iteration-count: 1;
  3137. -ms-transform-origin: 50% 50%;">
  3138.  
  3139. <div style="position:fixed; margin-top:10px;">
  3140. </div>
  3141.  
  3142. <div id="museb" style="height:438px; overflow-y:scroll; background:{color:container background}; width:436px; padding:10px; margin-left:99px; padding-left:13px; margin-top:0px; padding-top:23px; padding-bottom:20px; border-left:35px solid rgba({RGBcolor:accent 3}, 0.2); border-top-right-radius:7px; border-bottom-right-radius: 7px; position:fixed;">
  3143.  
  3144. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzOne');" style="margin-left:-2px; margin-top:-17px; box-shadow: 0 -5px rgba({RGBcolor:accent 3}, 0) inset; position:fixed;"><i class="fas fa-times" style="opacity:0.2;"></i></a>
  3145.  
  3146. <div id="hyunjae">
  3147. <a href="{text:tab link 1 url}">{text:tab link 1 title}</a>
  3148. <a href="{text:tab link 2 url}">{text:tab link 2 title}</a>
  3149. <a href="{text:tab link 3 url}">{text:tab link 3 title}</a><br>
  3150. <a href="{text:tab link 4 url}">{text:tab link 4 title}</a>
  3151. <a href="{text:tab link 5 url}">{text:tab link 5 title}</a>
  3152. <a href="{text:tab link 6 url}">{text:tab link 6 title}</a><br>
  3153. <a href="{text:tab link 7 url}">{text:tab link 7 title}</a>
  3154. <a href="{text:tab link 8 url}">{text:tab link 8 title}</a>
  3155. <a href="{text:tab link 9 url}">{text:tab link 9 title}</a>
  3156. </div>
  3157.  
  3158. <div id="sunwoo">
  3159. &nbsp;&nbsp;&nbsp;&nbsp;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.<br><br>
  3160. &nbsp;&nbsp;&nbsp;&nbsp;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.
  3161. </div>
  3162.  
  3163. </div>
  3164.  
  3165.  
  3166. </div>
  3167.  
  3168.  
  3169. <!--
  3170.  
  3171. < *TABS END >
  3172.  
  3173. -->
  3174.  
  3175. </div>
  3176.  
  3177.  
  3178. <div id="box">
  3179.  
  3180. <div class="sideb"></div>
  3181.  
  3182. <div id="bex"></div>
  3183. <div id="boxy"></div>
  3184. <div id="hun"><img src="{image:icon}"></div>
  3185. <div class="tabz">
  3186. </div>
  3187.  
  3188. <div class="oi"><span class="sf sf-{text:icon id}"></span></div>
  3189.  
  3190.  
  3191. <div class="bleach2">
  3192. <a href="/" class="tablink tabzact">index</a> / <a href="/ask">ask</a> / <a href="/LINKURL">{text:tab 2 title}</a> / <a href="{text:side link url}">{text:side link title}</a></div>
  3193.  
  3194. <div class="boy">
  3195. {text:side box text}
  3196. </div>
  3197. <div class="boy2">
  3198. {block:PreviousPage}
  3199. <a href="{PreviousPage}">back</a>
  3200. {/block:PreviousPage} / {block:NextPage}
  3201. <a href="{NextPage}">next</a>
  3202. {/block:NextPage}
  3203. </div>
  3204.  
  3205. <div class="ging">
  3206.  
  3207. <div class="title"><a href="/">{text:sidebar title}</a></div>
  3208.  
  3209. {text:desc}
  3210. </div>
  3211.  
  3212. <div class="lorem3">
  3213. Lorem ipsum sit &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> file&nbsp;&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;Lorem ipsum amet</span>
  3214. </div>
  3215.  
  3216. </div>
  3217. </div></div>
  3218.  
  3219. <div class="rightb">
  3220. </div>
  3221.  
  3222. <div id="entries">
  3223. <div id="entries2"></div>
  3224. <div id="container">
  3225.  
  3226. {/block:Posts}
  3227.  
  3228.  
  3229. </div></div></div>
  3230. </div>
  3231.  
  3232. </div>
  3233.  
  3234. </ul>
  3235. </div></div>
  3236.  
  3237. <div class="mint">
  3238. <a href="https://mintrps.tumblr.com/" title="theme by mint.">
  3239. <span class="sf sf-code-o"></span>
  3240. </a>
  3241. </div>
  3242.  
  3243. <!-- copy up to here to add more muses -->
  3244. </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!