API tools faq
paste
mintrps

light years ; ♡ ━

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