API tools faq
paste
mintrps

light years ; 400px ♡ ━

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