mintrps

big boy ; ♡ ━

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