API tools faq
paste
mintrps

01. sunsets ; ♡ ━

mintrps
May 27th, 2018 (edited)
5,301
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  7. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <meta name="color:background" content="#000000"/>
  14. <meta name="color:text" content="#7b7b7b"/>
  15. <meta name="color:bold" content="#7b7b7b"/>
  16. <meta name="color:italic" content="#7b7b7b"/>
  17. <meta name="color:borders" content="#111"/>
  18. <meta name="color:links" content="#868686"/>
  19. <meta name="color:sidebar background" content="#040404"/>
  20. <meta name="color:description Background" content="#040404"/>
  21. <meta name="color:post background" content="#040404"/>
  22. <meta name="color:title color" content="#aaa"/>
  23. <meta name="color:nav title background" content="#070707"/>
  24. <meta name="color:top links color" content="#7b7b7b"/>
  25. <meta name="color:container background" content="#0a0a0a"/>
  26. <meta name="image:container bg" content=""/>
  27. <meta name="image:outer bg" content=""/>
  28. <meta name="image:icon" content=""/>
  29. <meta name="image:tab image" content=""/>
  30. <meta name="if:grayscale" content="1">
  31. <meta name="text:desc subtitle" content="muse name & age."/>
  32. <meta name="text:nav tab title" content="this is a tab!!"/>
  33. <meta name="text:muse tab title" content="meet the kids!"/>
  34. <meta name="text:url link1" content="/">
  35. <meta name="text:url link2" content="/">
  36. <meta name="text:url link3" content="/">
  37. <meta name="text:url link4" content="/">
  38. <meta name="text:link1" content="refresh">
  39. <meta name="text:link2" content="inquire">
  40. <meta name="text:link3" content="navigation">
  41. <meta name="text:link4" content="muses">
  42. <meta name="text:desc" content="text here">
  43. <meta name="text:sidebar title" content="softness">
  44. <meta name="text:subtitle" content= "무죄 란 무엇인가?">
  45. <meta name="text:ask title" content="ask me anything">
  46. <meta name="text:nav title" content="navigation">
  47. <meta name="text:nav subtitle" content="subtitle text goes right here">
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
  50. <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  51.  
  52. <script>
  53. function openAlytut(evt, alytutName) {
  54. var i, x, tablinks;
  55. x = document.getElementsByClassName("alytut");
  56. for (i = 0; i < x.length; i++) {
  57. x[i].style.display = "none";
  58. }
  59. tablinks = document.getElementsByClassName("tablink");
  60. for (i = 0; i < x.length; i++) {
  61. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  62. }
  63. document.getElementById(alytutName).style.display = "block";
  64. evt.currentTarget.className += " tabzact";
  65. }
  66. </script>
  67.  
  68. <script type="text/javascript"
  69. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  70. <script>
  71. $(document).ready(function() {
  72. //
  73. $('a.poplight[href^=#]').click(function() {
  74. var popID = $(this).attr('rel'); //Get Popup Name
  75. var popURL = $(this).attr('href'); //Get Popup href to define size
  76. var query= popURL.split('?');
  77. var dim= query[1].split('&');
  78. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  79. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  80. var popMargTop = ($('#' + popID).height() + 80) / 2;
  81. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  82. //Apply Margin to Popup
  83. $('#' + popID).css({
  84. 'margin-top' : -popMargTop,
  85. 'margin-left' : -popMargLeft
  86. });
  87. $('body').append('<div id="fade"></div>');
  88. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  89. return false;
  90. });
  91. $('a.close, #fade').live('click', function() {
  92. $('#fade , .popup_block').fadeOut(function() {
  93. $('#fade, a.close').remove(); //fade them both out
  94. });
  95. return false;
  96. });
  97. });
  98. </script>
  99.  
  100. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  101.  
  102. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  103. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  104. <script>
  105. (function($){
  106. $(document).ready(function(){
  107. $("[title]").style_my_tooltips();
  108. });
  109. })(jQuery);
  110. </script>
  111.  
  112. <style type="text/css">
  113.  
  114.  
  115. /* TABS STYLING--
  116. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  117. */
  118.  
  119. .tabz {
  120. margin-top:-9px;
  121. margin-left:-5px;
  122. padding:10px;
  123. }
  124.  
  125. .joo a{
  126. color:{color:top links color};
  127. background-color:transparent;
  128. display:inline;
  129. padding-right:3px;
  130. margin-left:0px;
  131. }
  132.  
  133. .tabz a {
  134. padding:5px;
  135. padding-top:0px;
  136. margin-right:-5px;
  137. width:50px;
  138. text-align:center;
  139. font-family:arial black;
  140. color:{color:top links color};
  141. font-size:12px;
  142. display:inline-block;
  143. margin-left:0px;
  144. transition:.2s;
  145. -webkit-transition:.2s;
  146. -moz-transition:.2s;
  147. }
  148.  
  149. .tabz a:hover {/* tablinks hover color */
  150. transition:.2s;
  151. -webkit-transition:.2s;
  152. -moz-transition:.2s;
  153. }
  154.  
  155. .tabz a:focus, .active {
  156. background-color: #c6a29a; /* tablinks clicked bg color */
  157. color:#dddcdc; /* tablinks clicked color */
  158. }
  159.  
  160. .tabzcon { /* tablinks content aka the box under the tablinks */
  161. margin-top:-10px;
  162. height:340px;
  163. margin-left:11px;
  164. padding:10px;
  165. padding-top:5px;
  166. position:absolute;
  167. background:#000;
  168. z-index:999999999999999999999999;
  169. width:300px;
  170. border-radius:10px;
  171. border:1px solid {color:borders};
  172. position:fixed;
  173. overflow:none;
  174. }
  175.  
  176. #base { /* the box when no tabs are selected */
  177. margin-top:45px;
  178. margin-left:0px;
  179. position:fixed;
  180. padding:10px;
  181. width:205px;
  182. height:260px;
  183. background-color:#e1c9bf;
  184. }
  185.  
  186. .tabzclose { /* the close button, u prob dont need to touch this */
  187. text-transform:uppercase;
  188. font-weight:bold;
  189. font-size:8px;
  190. padding:3px;
  191. color:inherit;
  192. margin-top:-5px;
  193. margin-right:-7px;
  194. float:right;
  195. }
  196.  
  197. .tabzclose:hover {
  198. cursor:pointer;
  199. }
  200.  
  201.  
  202. ::-webkit-scrollbar-thumb {
  203. height:auto;
  204. background-color:{color:Scrollbar};
  205. margin-left:1px;
  206. display:none;
  207. }
  208.  
  209. ::-webkit-scrollbar {
  210. height:9px;
  211. width:1px;
  212. background-color:transparent;
  213. }
  214.  
  215.  
  216. body {
  217. background:{color:background};
  218. margin-top:-20px;
  219. margin-left:-70px;
  220. color:{color:text};
  221. font-family:'arial';
  222. line-height:150%;
  223. font-size:9px;
  224. text-align:justify;
  225. background-image:url('{image:outer bg}');
  226. }
  227.  
  228. sup, sub {
  229. font-size:9px;
  230. }
  231.  
  232. a {
  233. text-decoration:none;
  234. outline:none;
  235. -moz-outline-style:none;
  236. color:{color:links};
  237. }
  238.  
  239. img {
  240. border:none;
  241. }
  242.  
  243. small{
  244. font-size:9px;
  245. }
  246.  
  247. .tumblr_blog {
  248. text-transform:uppercase;
  249. letter-spacing:2px;
  250. padding-left:5px;
  251. font-family:arial;
  252. font-size:6.5px;
  253. border-bottom:0px solid #222;
  254. color:{color:text};
  255. }
  256.  
  257. h1 {
  258. margin-bottom:0px;
  259. padding:10px;
  260. font-size:7px;
  261. letter-spacing:2px;
  262. border-bottom:0px solid #222;
  263. font-weight:600;
  264. text-transform:uppercase;
  265. text-align:center;
  266. line-height:120%;
  267. color:{color:Text};
  268. background:{color:container background};
  269. border-radius:7px;
  270. }
  271.  
  272. h2 {
  273. margin-bottom:0px;
  274. padding:10px;
  275. font-size:7px;
  276. letter-spacing:2px;
  277. border-bottom:0px solid #222;
  278. font-weight:600;
  279. text-transform:uppercase;
  280. text-align:center;
  281. line-height:120%;
  282. color:{color:Text};
  283. background:{color:container background};
  284. border-radius:7px;
  285. }
  286.  
  287. blockquote {
  288. border-left:1px solid {color:borders};
  289. padding-left:10px;
  290. margin-left:5px;
  291. width:93%;
  292. }
  293.  
  294. /*CONTAINER*/
  295.  
  296. #container {
  297. margin-top:0px;
  298. margin-left:192px;
  299. margin-right:auto;
  300. width:340px;
  301. max-height:345px;
  302. overflow:auto;
  303. text-align:left;
  304. position:fixed;
  305. background:{color:container background};
  306. padding-left:7px;
  307. padding-top:10px;
  308. background-image:url('{image:container bg}');
  309. background:transparent;
  310. }
  311.  
  312. /*ENTRIES*/
  313.  
  314. #entries {
  315. position:fixed;
  316. height:385px;
  317. border:1px solid {color:borders};
  318. width:551px;
  319. margin-left:480px;
  320. margin-top:177px;
  321. background:{color:container background};
  322. box-shadow:0px 0px 0px #222;
  323. background-image:url('{image:container bg}');
  324. padding-top:0px;
  325. border-bottom-left-radius:10px;
  326. border-bottom-right-radius:10px;
  327. padding-top:20px;
  328. }
  329.  
  330. #post {
  331. width:300px;
  332. margin-left:11px;
  333. margin-top:-10px;
  334. height: auto;
  335. background-color:{color:post background};
  336. border: 1px solid {color:borders};
  337. padding:10px;
  338. margin-bottom:43px;
  339. color: {color:text};
  340. letter-spacing:0px;
  341. line-height:160%;
  342. text-align:justify;
  343. text-transform:lowercase;
  344. overflow-x:hidden;
  345. border-radius:10px;
  346. }
  347.  
  348. #post img {
  349. border-radius:10px;
  350. opacity:0.4;
  351. max-width:300px;
  352. height:auto;
  353. }
  354.  
  355. #post img:hover {
  356. -webkit-filter: grayscale(0%);
  357. {block:ifGrayscale}
  358. -webkit-filter: grayscale(25%);
  359. {/block:ifGrayscale}
  360. -webkit-transition: all 0.6s ease-in-out;
  361. -moz-transition: all 0.6s ease-in-out;
  362. -o-transition: all 0.6s ease-in-out;
  363. -ms-transition: all 0.6s ease-in-out;
  364. transition: all 0.6s ease-in-out;
  365. }
  366.  
  367. iframe {
  368. border-radius:10px;
  369. }
  370.  
  371. .media img, .media iframe {
  372. width:300px;
  373. display:block;
  374. border-radius:10px;
  375. {block:ifGrayscale}
  376. -webkit-filter: grayscale(100%);
  377. {/block:ifGrayscale}
  378. -webkit-transition: all 0.6s ease-in-out;
  379. -moz-transition: all 0.6s ease-in-out;
  380. -o-transition: all 0.6s ease-in-out;
  381. -ms-transition: all 0.6s ease-in-out;
  382. transition: all 0.6s ease-in-out;
  383. opacity:0.4;
  384. }
  385.  
  386. .media img:hover, .media iframe:hover {
  387. width:300px;
  388. display:block;
  389. border-radius:10px;
  390. -webkit-filter: grayscale(0%);
  391. -webkit-transition: all 0.6s ease-in-out;
  392. -moz-transition: all 0.6s ease-in-out;
  393. -o-transition: all 0.6s ease-in-out;
  394. -ms-transition: all 0.6s ease-in-out;
  395. transition: all 0.6s ease-in-out;
  396. opacity:0.4;
  397. }
  398.  
  399. #post sup{
  400. line-height:200%;
  401. font-size:9px;
  402. }
  403.  
  404. #post img {
  405. {block:ifGrayscale}
  406. -webkit-filter: grayscale(100%);
  407. {/block:ifGrayscale}
  408. -webkit-transition: all 0.6s ease-in-out;
  409. -moz-transition: all 0.6s ease-in-out;
  410. -o-transition: all 0.6s ease-in-out;
  411. -ms-transition: all 0.6s ease-in-out;
  412. transition: all 0.6s ease-in-out;
  413. }
  414.  
  415. #post img:hover{
  416. -webkit-filter: grayscale(0%);
  417. -webkit-transition: all 0.6s ease-in-out;
  418. -moz-transition: all 0.6s ease-in-out;
  419. -o-transition: all 0.6s ease-in-out;
  420. -ms-transition: all 0.6s ease-in-out;
  421. transition: all 0.6s ease-in-out;
  422. }
  423.  
  424. .html_photoset {
  425. {block:ifGrayscale}
  426. -webkit-filter: grayscale(100%);
  427. {/block:ifGrayscale}
  428. -webkit-transition: all 0.6s ease-in-out;
  429. -moz-transition: all 0.6s ease-in-out;
  430. -o-transition: all 0.6s ease-in-out;
  431. -ms-transition: all 0.6s ease-in-out;
  432. transition: all 0.6s ease-in-out;
  433. }
  434. .html_photoset:hover {
  435. {block:ifGrayscale}
  436. -webkit-filter: grayscale(90%);
  437. {/block:ifGrayscale}
  438. -webkit-transition: all 0.6s ease-in-out;
  439. -moz-transition: all 0.6s ease-in-out;
  440. -o-transition: all 0.6s ease-in-out;
  441. -ms-transition: all 0.6s ease-in-out;
  442. transition: all 0.6s ease-in-out;
  443. }
  444.  
  445. .answer img {
  446. max-width:300px;
  447. height:auto;
  448. }
  449.  
  450. .answer span,.convo li{
  451. margin:0 0 10px;
  452. border-radius:10px;
  453. padding:.5em 10px;
  454. max-width:75%;
  455. clear:both;
  456. position:relative
  457.  
  458. }
  459.  
  460. .label {
  461. font-family:calibri;
  462. font-size:8px;
  463. text-transform:uppercase;
  464. letter-spacing:1px;
  465. margin-right:2px;
  466. }
  467.  
  468. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  469. float:left;background:{color:borders};
  470. color:{color:text}left:3px;
  471. }
  472.  
  473. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
  474. content:"";
  475. position:absolute;
  476. left:-.5em;
  477. bottom:0;
  478. width:.5em;
  479. height:1em;
  480. }
  481.  
  482. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  483. right:3px;
  484. float:right;
  485. background-color:{color:container background};
  486. color:{color:text};
  487. }
  488.  
  489. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{
  490. content:"";
  491. position:absolute;
  492. right:-.5em;
  493. bottom:0;
  494. width:.5em;
  495. height:1em;
  496. }
  497.  
  498. .me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  499. .asked p {
  500. text-align: left;
  501. margin: 0 0px 10px 0px;
  502. padding: 0;
  503. color: #111;
  504. font-size: 12px;
  505. line-height: 0px;
  506. }
  507. .footerright .viasrc {
  508. float: left;
  509. }
  510. .asked a {
  511. margin:0;padding:0;
  512. }
  513.  
  514. .user_4{
  515. background-color:#0a0a0a;
  516. color:#fff;
  517. padding:10px;
  518. }
  519.  
  520. .user_4::after{
  521. border-color:#0a0a0a;
  522. padding:10px;
  523. }
  524.  
  525. .user_3{
  526. background-color:#111;
  527. padding:10px;
  528. color:#fff;
  529. }
  530.  
  531. .user_3::after{
  532. border-color:#0a0a0a;
  533. padding:10px;
  534. }
  535.  
  536. .convo {
  537. overflow: hidden;
  538. list-style-type: none;
  539. padding: 0;
  540. margin: 0;
  541. }
  542.  
  543. .quote {
  544. letter-spacing:2px;
  545. padding:10px;
  546. font-size:7px;
  547. background:{color:container background};
  548. border:0px solid #222;
  549. line-height:240%;
  550. text-align:center;
  551. text-transform:uppercase;
  552. color:{color:text};
  553. border-radius:10px;
  554. }
  555.  
  556. .source {
  557. margin-top:20px;
  558. line-height:100%;
  559. text-transform:uppercase;
  560. font-family:courier;
  561. letter-spacing:1px;
  562. font-size:10px;
  563. opacity:0.2;
  564. margin-bottom:20px;
  565. text-align:center;
  566. color:#fff;
  567. display:none;
  568. }
  569.  
  570. .source a{
  571. font-family:courier;
  572. color:#fff;
  573. }
  574.  
  575. /*BLOG TITLE*/
  576.  
  577. .title{
  578. position:fixed;
  579. color:{color:text};
  580. padding:5px;
  581. width:432px;
  582. margin-top:150px;
  583. margin-left:480px;
  584. letter-spacing:1px;
  585. font-family:'consolas';
  586. text-align:center;
  587. text-transform:uppercase;
  588. border:1px solid {color:borders};
  589. background-color:{color:container background};
  590. }
  591.  
  592. /*SIDEBAR*/
  593.  
  594. #description {
  595. background-color:{color:Description background};
  596. border-left:0px solid {color:borders};
  597. padding-right:10px;
  598. padding-bottom:13px;
  599. padding-top:0px;
  600. padding-left:11px;
  601. font-family:{text:descfont};
  602. position:fixed;
  603. width:140px;
  604. max-height:152px;
  605. overflow-y:scroll;
  606. font-size:9px;
  607. margin-top:5px;
  608. line-height:21px;
  609. letter-spacing:0px;
  610. color:{color:text};
  611. opacity:1;
  612. text-align:justify;
  613. background:transparent;
  614. }
  615.  
  616. #gay {
  617. font-size:8px;
  618. letter-spacing:3px;
  619. padding-bottom:8px;
  620. border-bottom:1px solid {color:borders};
  621. color:#fff;
  622. text-align:center;
  623. text-transform:uppercase;
  624. margin-top:13px;
  625. }
  626.  
  627. #description b{
  628. font-size:11px;
  629. font-style:italic;
  630. font-weight:600;
  631. }
  632.  
  633. #description small{
  634. font-size:8px;
  635. }
  636.  
  637. #q{
  638. font-size:47px;
  639. margin-left:-27px;
  640. padding-top:15px;
  641. z-index:1;
  642. position:fixed;
  643. border-right:0px solid #222;
  644. height:52px;
  645. padding-right:-5px;
  646. background:transparent;
  647. }
  648.  
  649. @font-face{ font-family:mint; src:url('http://static.tumblr.com/y3tw76x/82Joyt2hm/taken_by_vultures_alternates_demo.ttf');}
  650.  
  651. .tits {
  652. font-size:60px;
  653. text-transform:normal;
  654. width:100px;
  655. position:absolute;
  656. line-height:40%;
  657. margin-left:64px;
  658. margin-top:-45px;
  659. font-weight:normal;
  660. font-family:mint;
  661. text-align:center;
  662. opacity:0.7;
  663. line-height:15%;
  664. z-index:999999999999999999;
  665. color:{color:title color};
  666. }
  667.  
  668. .tits span {
  669. font-family:calibri;
  670. font-size:8px;
  671. text-transform:uppercase;
  672. letter-spacing:2px;
  673. margin-bottom:-10px;
  674. margin-left:-13px;
  675. background:#111;
  676. padding:2px;
  677. position:relative;
  678. z-index:-1;
  679. }
  680.  
  681. #bx {
  682. width:30px;
  683. margin-left:-7px;
  684. position:fixed;
  685. padding-top:0px;
  686. padding-bottom:5px;
  687. padding-right:5px;
  688. background:transparent;
  689. border-right:none;
  690. margin-top:45px;
  691. border-right:0px solid #222;
  692. line-height:38.5px;
  693. }
  694.  
  695. #bx a{
  696. padding-left:17px;
  697. }
  698.  
  699. #bx span{
  700. margin-top:20px;
  701. margin-bottom:19px;
  702. color:#aaa;
  703. z-index:1;
  704. }
  705.  
  706. #box{
  707. padding:10px;
  708. z-index:-9999;
  709. position:fixed;
  710. margin-top:197px;
  711. background:{color:sidebar background};
  712. font-size:10px;
  713. margin-left:498px;
  714. width:160px;
  715. height:336px;
  716. border:1px solid {color:borders};
  717. color:{color:text};
  718. border-radius:10px;
  719. font-family:'arial';
  720. color:{color:background};
  721. opacity:1;
  722. z-index:1;
  723. }
  724.  
  725. #box img {
  726. margin-left:4px;
  727. margin-top:11px;
  728. width:80px;
  729. height:80px;
  730. border:solid 0px {color:borders};
  731. border-radius:10%;
  732. {block:ifGrayscale}
  733. -webkit-filter: grayscale(100%);
  734. {/block:ifGrayscale}
  735. -webkit-transition: all 0.6s ease-in-out;
  736. -moz-transition: all 0.6s ease-in-out;
  737. -o-transition: all 0.6s ease-in-out;
  738. -ms-transition: all 0.6s ease-in-out;
  739. transition: all 0.6s ease-in-out;
  740. padding:0px;
  741. }
  742.  
  743. #box img:hover{
  744. -webkit-filter: grayscale(60%);
  745. -webkit-transition: all 0.6s ease-in-out;
  746. -moz-transition: all 0.6s ease-in-out;
  747. -o-transition: all 0.6s ease-in-out;
  748. -ms-transition: all 0.6s ease-in-out;
  749. transition: all 0.6s ease-in-out;
  750. }
  751.  
  752. /*POST INFO*/
  753.  
  754. #info {
  755. width:280px;
  756. margin-top:10px;
  757. padding:10px;
  758. padding-bottom:0px;
  759. border-top:1px solid #111;
  760. text-align:left;
  761. text-transform:uppercase;
  762. font-size:7px;
  763. letter-spacing:2px;
  764. color:{color:text};
  765. font-weight:normal;
  766. }
  767.  
  768. #info a{
  769. color:{color:text};
  770. }
  771.  
  772. #info a:hover {
  773. color:{color:text};
  774. }
  775.  
  776. .tags {
  777. text-align:center;
  778. letter-spacing:0px;
  779. font-size:8px;
  780. font-style:normal;
  781. letter-spacing:2px;
  782. display:inline;
  783. text-transform:none;
  784. }
  785.  
  786. .tags a {
  787. margin:0px 10px 0px 0px;
  788. font-weight:normal;
  789. font:consolas;
  790. }
  791.  
  792. .tags a:hover {
  793. font-style:normal;
  794. cursor:help;
  795. }
  796.  
  797. /*AUDIO*/
  798.  
  799. .audio {
  800. height:60px;
  801. padding:5px;
  802. margin-bottom:0px;
  803. }
  804. .audio-album {
  805. position:absolute;
  806. width:60px;
  807. }
  808. .player {
  809. opacity:0.6;
  810. opacity:60%;
  811. border:10px solid {color:borders};
  812. width:25px;
  813. height:25px;
  814. overflow:hidden;
  815. position:absolute;
  816. z-index:2;
  817. margin-left:7px;
  818. margin-top:7px;
  819. background:#fff;
  820. }
  821.  
  822. .audio-info {
  823. margin-top:-0px;
  824. position:relative;
  825. margin-left:70px;
  826. padding:8px;
  827. }
  828.  
  829. /*QUESTION*/
  830.  
  831. #ask {
  832. padding:10px;
  833. padding-top:15px;
  834. padding-bottom:15px;
  835. background:{color:container background};
  836. text-align:center;
  837. border-radius:10px;
  838. line-height:200%;
  839. border-bottom:1px solid {color:borders};
  840. }
  841.  
  842. b, strong {
  843. color:{color:bold};
  844. font-weight:600;
  845. font-size:calc({select:font size} + 1px);
  846. }
  847.  
  848. em, i {
  849. color:{color:italic};
  850. }
  851.  
  852. #ask b,strong {
  853. font-size:6.5px;
  854. letter-spacing:2px;
  855. text-transform:uppercase;
  856. font-family:'Quicksand', sans-serif;
  857. padding:5px;
  858. border-radius:3px;
  859. background:transparent;
  860. margin-right:3px;
  861. background:rgba(255,255,255,0.04);
  862. }
  863.  
  864. #ask img {
  865. max-width:300px;
  866. height:auto;
  867. }
  868.  
  869. /*PAGINATION*/
  870.  
  871. #pagination2{
  872. position:fixed;
  873. width:531px;
  874. background-color:#000;
  875. color:{color:links};
  876. border:1px solid {color:borders};
  877. margin-top:130px;
  878. margin-left:480px;
  879. font-weight:bold;
  880. font-family:calibri;
  881. padding:4px;
  882. padding-top:16px;
  883. padding-bottom:14px;
  884. padding-right:10px;
  885. font-size:10px;
  886. text-align:left;
  887. padding-left:10px;
  888. text-transform:uppercase;
  889. letter-spacing:2px;
  890. box-shadow:0px 0px 0px #222;
  891. border-top-left-radius:10px;
  892. border-top-right-radius:10px;
  893. }
  894.  
  895. #pagination2 img {
  896. position:fixed;
  897. margin-left:-47px;
  898. margin-top:-9px;
  899. border:1px solid {color:borders};
  900. border-radius:100%;
  901. {block:ifGrayscale}
  902. -webkit-filter: grayscale(100%);
  903. {/block:ifGrayscale}
  904. -webkit-transition: all 0.6s ease-in-out;
  905. -moz-transition: all 0.6s ease-in-out;
  906. -o-transition: all 0.6s ease-in-out;
  907. -ms-transition: all 0.6s ease-in-out;
  908. transition: all 0.6s ease-in-out;
  909. }
  910.  
  911. #pagination2 img:hover {
  912. -webkit-filter: grayscale(0%);
  913. -webkit-transition: all 0.6s ease-in-out;
  914. -moz-transition: all 0.6s ease-in-out;
  915. -o-transition: all 0.6s ease-in-out;
  916. -ms-transition: all 0.6s ease-in-out;
  917. transition: all 0.6s ease-in-out;
  918. }
  919.  
  920. #pagination2 a{
  921. color:{color:top links color};
  922. background-color:transparent;
  923. display:inline;
  924. padding-right:3px;
  925. margin-left:8px;
  926. }
  927.  
  928. .mint {
  929. position:fixed;
  930. text-transform:uppercase;
  931. width:20px;
  932. height:20px;
  933. padding-left:6px;
  934. padding-right:4px;
  935. padding-top:10px;
  936. padding-bottom:0px;
  937. font-size:13px;
  938. text-align:center;
  939. bottom:10px;
  940. right:10px;
  941. color:{color:links};
  942. background-color:{color:background};
  943. letter-spacing:1px;
  944. background:{color:container background};
  945. border:1px solid {color:borders};
  946. border-radius:100%;
  947. }
  948.  
  949. .tabnav {
  950. display:inline-block;
  951. position:fixed;
  952. width:20px;
  953. height:200px;
  954. line-height:200%;
  955. margin-right:4px;
  956. margin-top:-141px;
  957. margin-left:126.5px;
  958. }
  959.  
  960. .tabnav a {
  961. width:16px;
  962. height:17px;
  963. padding:3px;
  964. box-align:center;
  965. text-align:center;
  966. margin-bottom:9px;
  967. border-radius:5px;
  968. display:inline-block;
  969. background:{color:container background};
  970. border:1px solid {color:borders};
  971. transition:.7s;
  972. -webkit-transition:.7s;
  973. -moz-transition:.7s;
  974. }
  975.  
  976. .tabnav a:hover {
  977. background:{color:post background};
  978. border:1px solid {color:borders};
  979. background: rgba(0,0,0,0);
  980. color: {color:text};
  981. box-shadow: inset 0 0 0 3px {color:borders};
  982. transition:.7s;
  983. -webkit-transition:.7s;
  984. -moz-transition:.7s;
  985. }
  986.  
  987. .tabtext span {
  988. background:{color:container background};
  989. padding:3px;
  990. border-radius:3px;
  991. text-transform:uppercase;
  992. font-size:7px;
  993. letter-spacing:1px;
  994. }
  995.  
  996. .tabimg img {
  997. opacity:0.6;
  998. transition:.7s;
  999. -webkit-transition:.7s;
  1000. -moz-transition:.7s;
  1001. {block:ifGrayscale}
  1002. filter:grayscale(100%);
  1003. {/block:ifGrayscale}
  1004. }
  1005.  
  1006. .tabimg img:hover {
  1007. opacity:0.7;
  1008. {block:ifGrayscale}
  1009. filter:grayscale(25%);
  1010. {/block:ifGrayscale}
  1011. transition:.7s;
  1012. -webkit-transition:.7s;
  1013. -moz-transition:.7s;
  1014. }
  1015.  
  1016. @font-face { font-family: "stylish"; src: url('https://dl.dropboxusercontent.com/s/ugml618dslxkx0w/selimamint.ttf'); ;}
  1017.  
  1018. .tabtitle {
  1019. text-align:center;
  1020. padding:30px;
  1021. padding-top:45px;
  1022. font-family:stylish;
  1023. margin-top:15px;
  1024. font-size:60px;
  1025. border-top:1px solid {color:borders};
  1026. border-bottom:1px solid {color:borders};
  1027. background:{color:nav title background};
  1028. border-radius:10px;
  1029. line-height:10%;
  1030. position:relative;
  1031. z-index:-1;
  1032. height:35px;
  1033. transition:.7s;
  1034. -webkit-transition:.7s;
  1035. -moz-transition:.7s;
  1036. }
  1037.  
  1038. .tabtitle:hover {
  1039. letter-spacing:1px;
  1040. transition:.7s;
  1041. -webkit-transition:.7s;
  1042. -moz-transition:.7s;
  1043. }
  1044.  
  1045. .tabtitle span {
  1046. font-family:arial;
  1047. font-size:7px;
  1048. text-transform:uppercase;
  1049. letter-spacing:2px;
  1050. background:{color:container background};
  1051. padding:3px;
  1052. border-radius:3px;
  1053. position:relative;
  1054. z-index:-1;
  1055. transition:.7s;
  1056. -webkit-transition:.7s;
  1057. -moz-transition:.7s;
  1058. opacity:0.1;
  1059. filter: invert(100%);
  1060. color:#fff;
  1061. transition:.7s;
  1062. -webkit-transition:.7s;
  1063. -moz-transition:.7s;
  1064. }
  1065.  
  1066. .tabtitle:hover span {
  1067. letter-spacing:2px;
  1068. opacity:0.1;
  1069. filter: invert(100%);
  1070. color:#fff;
  1071. transition:.7s;
  1072. -webkit-transition:.7s;
  1073. -moz-transition:.7s;
  1074. }
  1075.  
  1076. .askq {
  1077. width:300px;
  1078. margin-top:10px;
  1079. text-align:left;
  1080. line-height:300%;
  1081. }
  1082.  
  1083. .askq cute {
  1084. text-transform:uppercase;
  1085. font-size:7px;
  1086. letter-spacing:1px;
  1087. padding:5px;
  1088. width:290px;
  1089. background:{color:container background};
  1090. margin-right:5px;
  1091. border-radius:2px;
  1092. }
  1093.  
  1094. .askq span {
  1095. font-size:11px;
  1096. margin-right:5px;
  1097. }
  1098.  
  1099. #muses {
  1100. width:400px;
  1101. margin-top:0px;
  1102. margin-left:3px;
  1103. padding-top:15px;
  1104. max-height:295px;
  1105. overflow-y:auto;
  1106. }
  1107.  
  1108. #muses img {
  1109. width:80px;
  1110. height:80px;
  1111. {block:ifGrayscale}
  1112. -webkit-filter: grayscale(100%);
  1113. {/block:ifGrayscale}
  1114. -webkit-transition: all 0.6s ease-in-out;
  1115. -moz-transition: all 0.6s ease-in-out;
  1116. -o-transition: all 0.6s ease-in-out;
  1117. -ms-transition: all 0.6s ease-in-out;
  1118. transition: all 0.6s ease-in-out;
  1119. }
  1120.  
  1121. #muses img:hover {
  1122. -webkit-filter: grayscale(60%);
  1123. -webkit-transition: all 0.6s ease-in-out;
  1124. -moz-transition: all 0.6s ease-in-out;
  1125. -o-transition: all 0.6s ease-in-out;
  1126. -ms-transition: all 0.6s ease-in-out;
  1127. transition: all 0.6s ease-in-out;
  1128. }
  1129.  
  1130. .musebox { margin:4px; float:left; text-align:center; display:block; padding-right:0px; margin-bottom:15px; margin-top:3.5px; background:#090909; padding:8px; border-radius:10px; margin-right:10px;margin-left:10px;}
  1131. .musename {text-align:left;margin-top:-20px;position:absolute;font-family:kino; font-size:35px; color:#ccc; width:110px; text-align:center; opacity:1;text-transform:normal;color:#aaa; text-shadow:2px 2px 0px #493c3a; z-index:9999999999;}
  1132. .musename:after { content:'.'; font-family:calibri; }
  1133. .musebox img { z-index:9999;position:relative;margin-top:15px;opacity:1; margin-right:-10px; margin-left:-10px; }
  1134. .musebox a{ margin-bottom:0px; padding:1px; }
  1135. .musebox:hover .mname { opacity:1; transition:0.5s; }
  1136. .musebox i { color:#555; border:1px solid #050505; padding:4px; width:10px; border-radius:5px; background:#050505;
  1137. -webkit-transition: all 0.7s linear;
  1138. -moz-transition: all 0.7s linear;
  1139. transition: all 0.7s linear; }
  1140. .musebox a:hover i {
  1141. background:{color:title}; color:#aaa;
  1142. -webkit-transition: all 0.7s linear;
  1143. -moz-transition: all 0.7s linear;
  1144. transition: all 0.7s linear;
  1145. }
  1146.  
  1147. .mbg {
  1148. padding:3px;
  1149. border-top-left-radius:5px;
  1150. border-top-right-radius:5px;
  1151. background:{color:text};
  1152. opacity:0.5;
  1153. color:#000;
  1154. letter-spacing:2px;
  1155. text-transform:uppercase;
  1156. font-size:7px;
  1157. text-shadow:0px 0px 0px #111;
  1158. position:relative;
  1159. z-index:9;
  1160. padding-left:5px;
  1161. padding-right:5px;
  1162. font-family:arial;
  1163. font-weight:normal;
  1164. }
  1165.  
  1166. .mdesc {
  1167. margin-top:-12px;
  1168. border-bottom-left-radius:10px;
  1169. border-bottom-right-radius: 10px;
  1170. width:88px;
  1171. padding:5px;
  1172. border:1px solid #050505;
  1173. margin-left:5px;
  1174. background:#050505;
  1175. }
  1176.  
  1177. @font-face { font-family: honeyguide; src: url('https://dl.dropboxusercontent.com/s/p6nd92eex9b1mej/dkhoneyguidemint.otf') ;}
  1178.  
  1179. .mname1 {
  1180. margin-left:0px;
  1181. margin-top:-30px;
  1182. font-family:honeyguide;
  1183. font-weight:600;
  1184. text-transform:uppercase;
  1185. width:110px;
  1186. padding-top:10px;
  1187. padding-bottom:5px;
  1188. border-radius:10px;
  1189. line-height:100%;
  1190. color:{color:title};
  1191. font-size:22px;
  1192. text-align:center;
  1193. text-shadow:2px 2px 0px {color:background};
  1194. }
  1195.  
  1196. ul li {
  1197. width:95%;
  1198. }
  1199.  
  1200. #s-m-t-tooltip {
  1201. z-index: 9999;
  1202. background: #000;
  1203. font-size: 12px;
  1204. line-height: 13px;
  1205. font-family:'Quicksand', sans-serif;
  1206. letter-spacing: 2px;
  1207. text-transform:uppercase;
  1208. font-size:6.5px;
  1209. border:solid 1px #111;
  1210. border-radius:3px;
  1211. -o-transition: all 0.3s ease-out;
  1212. -webkit-transition: all 0.3s ease-out;
  1213. -moz-transition: all 0.3s ease-out;
  1214. text-transform: normal;
  1215. color: {color:text};
  1216. max-width: 150px;
  1217. word-wrap: break-word;
  1218. padding: 2px 5px 2px 6px;
  1219. display: block;
  1220. margin: 24px 14px 7px 12px
  1221. }
  1222.  
  1223. {CustomCSS}
  1224.  
  1225. </style></head><body>
  1226.  
  1227. <div id="pagination2">
  1228. <div id="joo">
  1229. <div class="tabz">
  1230. <a href="/" title="{text:link1}"><span class="lnr lnr-redo"></span></a>
  1231. <a href="javascript:void(0)" class="tablink tabzact" onclick="openAlytut(event, 'TabzOne');"style="font-family:'Consolas';"style="font-family:'Consolas';" title="{text:link2}"><span class="lnr lnr-bubble"></span></a>
  1232. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzTwo');"style="font-family:'Consolas';" title="{text:link3}"><span class="lnr lnr-user"></span></a>
  1233. <a href="javascript:void(0)" class="tablink" onclick="openAlytut(event, 'TabzThree');"style="font-family:'Consolas';" title="{text:link4}"><span class="lnr lnr-heart"></span></a>
  1234. </div>
  1235. </div>
  1236. </div>
  1237. </div>
  1238.  
  1239. <div id="box"><img src="{image:icon}"><div class="tits">{text:sidebar title}<br><span>{text:subtitle}</span></div>
  1240. <div id="description">
  1241.  
  1242. {text:desc}
  1243.  
  1244.  
  1245. </div>
  1246. <div style="padding:10px;text-transform:uppercase;font-size:7px; font-family:georgia; letter-spacing:2px; background:{color:container background}; color:#aaa; text-align:center; margin-top:190px; width:130px; margin-left:5px; border-radius:7px;">
  1247.  
  1248. {block:Pagination}
  1249. {block:PreviousPage}
  1250. <a href="{PreviousPage}" style="font-size:9px;">‹</a>
  1251. {/block:PreviousPage}
  1252. {/block:Pagination}
  1253.  
  1254. {text:desc subtitle}
  1255.  
  1256. {block:Pagination}
  1257. {block:NextPage}
  1258. <a href="{NextPage}" style="font-size:8px;">›</a>
  1259. {/block:NextPage}
  1260. {/block:Pagination}
  1261.  
  1262. </div>
  1263. </div>
  1264. </div></div>
  1265. <div id="entries">
  1266. <div id="container">
  1267.  
  1268. <!--
  1269.  
  1270. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  1271.  
  1272. < tabs links >
  1273.  
  1274. -->
  1275. <!--
  1276.  
  1277.  
  1278. < tabs links >
  1279.  
  1280. -->
  1281.  
  1282. <!-- < tabs content >
  1283. -->
  1284.  
  1285. <div id="TabzOne" class="tabzcon alytut" style="display:none">
  1286. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  1287. <span class="lnr lnr-cross"></span>
  1288. </span>
  1289. <h2>{text:ask title}</h2>
  1290. <blockquote>
  1291.  
  1292. <div class="askq">
  1293.  
  1294. <span class="lnr lnr-envelope"></span>
  1295. <cute>how do you feel about the moon?</cute> wowie.<br>
  1296.  
  1297. <span class="lnr lnr-envelope"></span>
  1298. <cute>sweet! can i add another q?</cute> yeah son.<br>
  1299.  
  1300. <span class="lnr lnr-envelope"></span>
  1301. <cute>question or rule</cute> mmmm nomnomnom.
  1302.  
  1303. </div></blockquote>
  1304. <div style="margin-top:10px">
  1305. <iframe frameborder="0" border="0" scrolling="no" width="300" height="250" allowtransparency="true" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe></div>
  1306. </div>
  1307.  
  1308. <div id="TabzTwo" class="tabzcon alytut" style="display:none">
  1309. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  1310. <span class="lnr lnr-cross"></span>
  1311. </span>
  1312. <h2>{text:nav tab title}</h2>
  1313.  
  1314. <div class="tabimg" style="margin-top:15px; margin-left:10px;">
  1315. <img src="https://i.imgur.com/MSbNhM7.png" style="position:fixed; width:60px; margin-top:-15px; margin-left:-13px; opacity:0.6; pointer-events:none;">
  1316. <img src="{image:tab image}" style="border-radius:10px;width:100x;height:150px;">
  1317. </div>
  1318.  
  1319. <div class="tabnav">
  1320. <a href="/"><span class="lnr lnr-tag"></span></a>
  1321. <a href="/"><span class="lnr lnr-lock"></span></a>
  1322. <a href="/"><span class="lnr lnr-star"></span></a>
  1323. <a href="/"><span class="lnr lnr-heart"></span></a>
  1324. </div>
  1325.  
  1326. <div class="tabtext" style="width:103px;position:fixed;margin-left:167px; padding:10px; border-radius:10px; border:1px solid {color:borders}; margin-top:-153px; height:130px; overflow-y:scroll; text-align:justify; line-height:16px; padding-top:7px;">
  1327. <span>one:</span> Lorem ipsum text.<br>
  1328. <span>two:</span> Dolor sit amet consectetur adipiscing.<br>
  1329. <span>three:</span> Sed dolor eiusmod tempor labore <br>
  1330. <span>four:</span> more text goes here, this will scroll.
  1331. <span>mm/dd:</span> update or stat
  1332. </div>
  1333.  
  1334. <div class="tabtitle">
  1335. {text:nav title}<br>
  1336. <span>{text:nav subtitle}</span>
  1337. </div>
  1338.  
  1339. </div>
  1340.  
  1341. <div id="TabzThree" class="tabzcon alytut" style="display:none">
  1342. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  1343. <span class="lnr lnr-cross"></span>
  1344. </span>
  1345. <h2>{text:muse tab title}</h2>
  1346.  
  1347. <div id="muses">
  1348.  
  1349. <!-- to add a new muse copy from here -->
  1350. <div class="musebox male">
  1351. <a href="#?w=250" rel="04" class="poplight">
  1352. <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
  1353. <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
  1354. <div style="margin-top:-41px;">
  1355. </div>
  1356. <div style="margin-top:30px;"></div>
  1357. <span class="mbg">muse muse muse</span>
  1358. </div>
  1359. <div class="mdesc">xxv. kim seokjin.</div>
  1360.  
  1361. <div style="margin-top:5px;"></div>
  1362.  
  1363. <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
  1364.  
  1365. <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
  1366.  
  1367. <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
  1368. </div>
  1369. <!-- to here -->
  1370.  
  1371. <!-- to add a new muse copy from here -->
  1372. <div class="musebox male">
  1373. <a href="#?w=250" rel="04" class="poplight">
  1374. <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
  1375. <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
  1376. <div style="margin-top:-41px;">
  1377. </div>
  1378. <div style="margin-top:30px;"></div>
  1379. <span class="mbg">muse muse muse</span>
  1380. </div>
  1381. <div class="mdesc">xxv. kim seokjin.</div>
  1382.  
  1383. <div style="margin-top:5px;"></div>
  1384.  
  1385. <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
  1386.  
  1387. <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
  1388.  
  1389. <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
  1390. </div>
  1391. <!-- to here -->
  1392.  
  1393. <!-- to add a new muse copy from here -->
  1394. <div class="musebox male">
  1395. <a href="#?w=250" rel="04" class="poplight">
  1396. <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
  1397. <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
  1398. <div style="margin-top:-41px;">
  1399. </div>
  1400. <div style="margin-top:30px;"></div>
  1401. <span class="mbg">muse muse muse</span>
  1402. </div>
  1403. <div class="mdesc">xxv. kim seokjin.</div>
  1404.  
  1405. <div style="margin-top:5px;"></div>
  1406.  
  1407. <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
  1408.  
  1409. <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
  1410.  
  1411. <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
  1412. </div>
  1413. <!-- to here -->
  1414.  
  1415. <!-- to add a new muse copy from here -->
  1416. <div class="musebox male">
  1417. <a href="#?w=250" rel="04" class="poplight">
  1418. <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
  1419. <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
  1420. <div style="margin-top:-41px;">
  1421. </div>
  1422. <div style="margin-top:30px;"></div>
  1423. <span class="mbg">muse muse muse</span>
  1424. </div>
  1425. <div class="mdesc">xxv. kim seokjin.</div>
  1426.  
  1427. <div style="margin-top:5px;"></div>
  1428.  
  1429. <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
  1430.  
  1431. <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
  1432.  
  1433. <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
  1434. </div>
  1435. <!-- to here -->
  1436.  
  1437. <!-- to add a new muse copy from here -->
  1438. <div class="musebox male">
  1439. <a href="#?w=250" rel="04" class="poplight">
  1440. <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
  1441. <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
  1442. <div style="margin-top:-41px;">
  1443. </div>
  1444. <div style="margin-top:30px;"></div>
  1445. <span class="mbg">muse muse muse</span>
  1446. </div>
  1447. <div class="mdesc">xxv. kim seokjin.</div>
  1448.  
  1449. <div style="margin-top:5px;"></div>
  1450.  
  1451. <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
  1452.  
  1453. <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
  1454.  
  1455. <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
  1456. </div>
  1457. <!-- to here -->
  1458.  
  1459. <!-- to add a new muse copy from here -->
  1460. <div class="musebox male">
  1461. <a href="#?w=250" rel="04" class="poplight">
  1462. <img src="https://i.imgur.com/WYxj3gE.png" style="margin-top:-20px; position:relative; z-index:1;"></a>
  1463. <div class="mname1"><span style="position:relative;z-index:99999; text-align:center; width:110px;">muse name</span><br>
  1464. <div style="margin-top:-41px;">
  1465. </div>
  1466. <div style="margin-top:30px;"></div>
  1467. <span class="mbg">muse muse muse</span>
  1468. </div>
  1469. <div class="mdesc">xxv. kim seokjin.</div>
  1470.  
  1471. <div style="margin-top:5px;"></div>
  1472.  
  1473. <a href="/" title="muse tag"><i class="fa fa-quote-left" aria-hidden="true"></i></a>
  1474.  
  1475. <a href="/" title="status"><i class="fa fa-plus" aria-hidden="true"></i></a>
  1476.  
  1477. <a href="/" title="ship tag"><i class="fa fa-heart" aria-hidden="true"></i></a>
  1478. </div>
  1479. <!-- to here -->
  1480.  
  1481. </div>
  1482. </div>
  1483.  
  1484.  
  1485. <!--
  1486.  
  1487. < *TABS END >
  1488.  
  1489. -->
  1490.  
  1491. {block:Posts}
  1492.  
  1493. <!-- {block:NoRebloggedFrom}
  1494. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1495. {/block:NoRebloggedFrom} -->
  1496. {block:ContentSource}<!-- {SourceURL}
  1497. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1498. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1499. {/block:ContentSource}
  1500.  
  1501. <div id="post">
  1502.  
  1503. {block:Text}
  1504. {block:Title}<h1>{Title}</h1>{/block:Title}
  1505. {Body}{/block:Text}
  1506.  
  1507. {block:Photo}
  1508. <div class="media"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a> </div> {block:Caption}{Caption}
  1509. {/block:Caption}
  1510. {/block:Photo}
  1511.  
  1512. {block:Photoset}<div class="media">{photoset}</div> {block:Caption}{Caption}
  1513. {/block:Caption}{/block:Photoset}
  1514.  
  1515. {block:Quote}<div class="quote">&#8220;{Quote}&#8221; </div><div class="source">— {block:Source}{Source}{/block:Source}</div> {/block:Quote}
  1516.  
  1517. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1518.  
  1519. {block:Chat}
  1520. {block:Title}
  1521. <h2>{Title}</h2>{/block:Title}<br>
  1522. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1523. {Line}</li>{/block:Lines}</ul>
  1524. {/block:Chat}
  1525.  
  1526. {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}{block:Album}<b>Album:</b> {Album}<BR>{/block:Album}</div></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  1527.  
  1528. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1529.  
  1530. {block:Answer}
  1531. <div id="ask"><b>{asker}</b>{Question}</div>
  1532. {Answer}
  1533. {/block:Answer}
  1534.  
  1535. {block:Date}
  1536. <div id="info">
  1537. <a href="{Permalink}" title="{TimeAgo}">{TimeAgo}</a>{/block:Date}{block:NoteCount}
  1538.  
  1539. <span style="float:right;"><a href="{Permalink}"><i class="fa fa-heart-o" aria-hidden="true"></i> {NoteCount}</a>&nbsp; {/block:NoteCount}<span style="float:right;"> | <a href="{ReblogURL}" target="_blank" class="details"><span class="lnr lnr-redo"></span></a></span></span>
  1540.  
  1541. <br><div style="padding-top:2px;">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</span></div>
  1542. </div></div>
  1543.  
  1544. {block:PermalinkPage}
  1545. <div class="notes">{block:PostNotes}<a name="notes">{PostNotes}</a>{/block:PostNotes}</div>
  1546. {/block:PermalinkPage}
  1547.  
  1548. {/block:Posts}{/block:Posts}</div></div></div>
  1549.  
  1550.  
  1551. </div>
  1552.  
  1553. </ul>
  1554. </div></div>
  1555.  
  1556.  
  1557. <div class="mint">
  1558. <a href="http://mintrps.tumblr.com/" title="theme by mintrps."><span class="lnr lnr-leaf"></span></a>
  1559. </div>
  1560.  
  1561.  
  1562. </div>
  1563.  
  1564. </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!