API tools faq
paste
Advertisement
diamoo

im sORRY MELODY

diamoo
Jul 23rd, 2018
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. theme by jenesis aka vielenes - made from a base code by neonbikethemes.
  8.  
  9. -->
  10.  
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14. <meta charset="utf-8">
  15. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  16. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20.  
  21.  
  22. <meta name="color:Background" content="#ffffff" />
  23. <meta name="color:Selection" content="#000000" />
  24. <meta name="color:Scrollbar" content="#947979" />
  25. <meta name="color:Text" content="#555" />
  26. <meta name="color:Bold" content="#947979" />
  27. <meta name="color:Italic" content="#947979" />
  28. <meta name="color:Header" content="#947979" />
  29. <meta name="color:Blockquote" content="#555" />
  30. <meta name="color:PostInfoText" content="#555" />
  31. <meta name="color:Tags" content="#555" />
  32. <meta name="color:Navigation Link" conteont="#947979" />
  33.  
  34.  
  35. <meta name="image:sidepic" content=""/>
  36.  
  37.  
  38. <!-- FONT SCRIPTS -->
  39.  
  40. <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47. <!-- IMPORTANT SCRIPTS - DO NOT REMOVE -->
  48.  
  49. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  50.  
  51. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  52.  
  53. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  54.  
  55. <script>
  56.  
  57. $(document).ready(function(){
  58. $("ul#tabs li").click(function(e){
  59. if (!$(this).hasClass("active")) {
  60. var tabNum = $(this).index();
  61. var nthChild = tabNum+1;
  62. $("ul#tabs li.active").removeClass("active");
  63. $(this).addClass("active");
  64. $("ul#tab li.active").removeClass("active");
  65. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  66. }
  67. });
  68. });
  69. </script>
  70.  
  71. <!-- TOOLTIP SCRIPT -->
  72.  
  73. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  74. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  75. <script>
  76. (function($){
  77. $(document).ready(function(){
  78. $("a[title]").style_my_tooltips({
  79. tip_follows_cursor:true,
  80. tip_delay_time:90,
  81. tip_fade_speed:600,
  82. attribute:"title"
  83. });
  84. });
  85. })(jQuery);
  86. </script>
  87.  
  88.  
  89.  
  90. <style type="text/css">
  91. #heart {
  92. position:fixed;
  93. left:251px;
  94. top:190px;
  95. z-index:9997;
  96. }
  97.  
  98.  
  99. #heart img {
  100. height:auto;
  101. }
  102.  
  103. /* -------- SELECTION COLOR ------- */
  104.  
  105. ::-moz-selection {
  106. background: {color:selection};
  107. color: #ffffff;
  108. }
  109.  
  110. ::selection {
  111. background: {color:selection};
  112. color: #ffffff;
  113. }
  114.  
  115. /* -------- SCROLLBAR ------- */
  116.  
  117. ::-webkit-scrollbar {
  118. width: 4px;
  119. }
  120.  
  121. /* Track */
  122. ::-webkit-scrollbar-track {
  123. background:transparent;
  124. }
  125.  
  126. /* Handle */
  127. ::-webkit-scrollbar-thumb {
  128. background:{color:Scrollbar};
  129. }
  130. ::-webkit-scrollbar-thumb:window-inactive {
  131. background: transparent;
  132. }
  133.  
  134. /* ------- TOOLTIP ------ */
  135.  
  136. #s-m-t-tooltip {
  137. max-width:300px;
  138. margin:22px 20px 0px 10px;
  139. background:url('https://i.imgur.com/uBUkSVF.png');
  140. background-repeat:repeat;
  141. background-attachment:fixed;
  142. border:1px solid #ffffff;
  143. border-radius:10px;
  144. padding:5px;
  145. font-family: 'Playfair Display', serif;
  146. font-size: 10px;
  147. letter-spacing: 1px;
  148. text-transform: uppercase;
  149. color:#ffffff;
  150. font-weight:bold;
  151. text-shadow: 1px 1px 1px #000000;
  152. text-shadow: -1px -1px -1px #000000;
  153. z-index:999999999999999999999999999999999999;
  154. }
  155.  
  156.  
  157. /* -------- BODY STYLING ------- */
  158.  
  159. body {
  160. color:{color:text};
  161. background-color:{color:background};
  162. font-style:normal;
  163. font-family:'arial';
  164. font-size:9px;
  165. letter-spacing:1px;
  166. text-decoration:none;
  167. line-height:18px;
  168. text-align:justify;
  169.  
  170. }
  171.  
  172. /* -------- BOLD, ITALIC, LINK, H1, H2 STYLING ------- */
  173.  
  174. b,bold,strong {
  175. font-family: 'Playfair Display', serif;
  176. font-size: 10px;
  177. letter-spacing: 1px;
  178. text-transform: uppercase;
  179. color:{color:bold};
  180. font-weight:bold;
  181. text-shadow: 1px 1px 1px #ddd;
  182. text-shadow: -1px -1px -1px #ddd;
  183. }
  184.  
  185. i,italic,em {
  186. color:{color:italic};
  187. font-family: 'Playfair Display', serif;
  188. font-size: 10px;
  189. letter-spacing: 1px;
  190. text-transform: uppercase;
  191. font-weight:bold;
  192. text-shadow: 1px 1px 1px #ddd;
  193. text-shadow: -1px -1px -1px #ddd;
  194. }
  195.  
  196. a {
  197. color: #555;
  198. text-decoration: none;
  199. -moz-transition-duration:.6s;
  200. -webkit-transition-duration:.6s;
  201. -o-transition-duration:.6s;
  202. -webkit-filter: blur(0px);
  203.  
  204. }
  205.  
  206. a:hover{
  207. color:none;
  208. -moz-transition-duration:.6s;
  209. -webkit-transition-duration:.6s;
  210. -o-transition-duration:.6s;
  211. -webkit-filter: blur(1px);
  212.  
  213.  
  214. }
  215.  
  216. small,s,sup{
  217. font-size:9px;
  218. }
  219.  
  220. blockquote {
  221. border-left:1px solid {color:blockquote};
  222. padding-left:10px;
  223. padding-right:25px;
  224. margin:5px 5px 5px 10px;
  225. line-height:auto;
  226.  
  227. }
  228.  
  229. iframe, img, embed, object, video {
  230. max-width: 100%;
  231. }
  232.  
  233. p{
  234. margin-bottom:10px;
  235. }
  236.  
  237. img {
  238. height: auto;
  239. width:auto;
  240. max-width:100%;
  241. }
  242.  
  243. h1{
  244. font-family: 'Playfair Display', serif;
  245. font-size: 10px;
  246. letter-spacing: 1px;
  247. text-transform: uppercase;
  248. color:{color:header};
  249. font-weight:bold;
  250. text-shadow: 1px 1px 1px #ddd;
  251. text-shadow: -1px -1px -1px #ddd;
  252. }
  253.  
  254. h2{
  255. font-family: 'Playfair Display', serif;
  256. font-size: 10px;
  257. letter-spacing: 1px;
  258. text-transform: uppercase;
  259. color:{color:header};
  260. font-weight:bold;
  261. text-shadow: 1px 1px 1px #ddd;
  262. text-shadow: -1px -1px -1px #ddd;
  263. }
  264.  
  265. ul{
  266. list-style-type:square;
  267. }
  268.  
  269. ol{
  270. list-style-type:;
  271. }
  272.  
  273. #bigcon{
  274. width:520px;
  275. margin-left:auto;
  276. margin-right:auto;
  277. }
  278.  
  279. /* -------- TABBED CONTENT ------- */
  280.  
  281. .tabcontent {
  282. position:static;
  283. margin-left:auto;
  284. margin-right:auto;
  285. margin-left:-25px;
  286. width: 300px;
  287. padding-top:20px;
  288. text-align:justify;
  289. margin-bottom:50px;
  290. }
  291.  
  292. /* -------- POSTS CONTAINER ------- */
  293.  
  294. #postcontainer {
  295. position:static;
  296. margin-right:auto;
  297. width: 320px;
  298. overflow:hidden;
  299. margin-top:40px;
  300. margin-left:-25px;
  301. margin-bottom:50px;
  302. }
  303.  
  304.  
  305. /* -------- TOP IMAGE - 200px wide ------- */
  306.  
  307. #sidepic img {
  308. position:fixed;
  309. width:200px;
  310. margin-left:336px;
  311. margin-top:250px;
  312.  
  313.  
  314. }
  315.  
  316. /* -------- DESCRIPTION - keep the same length as icons for aesthetic!! ------- */
  317.  
  318. #description{
  319. position:fixed;
  320. width:195px;
  321. line-height:16px;
  322. text-align:justify;
  323. margin-left:340px;
  324. margin-top:360px;
  325. }
  326.  
  327. /* -------- LINKS STYLING ( icons ) ------- */
  328.  
  329. #navbar{
  330. position:fixed;
  331. margin-left:340px;
  332. margin-top:660px;
  333. text-transform:uppercase;
  334. border-top:1px solid #ededed;
  335. width:200px;
  336. padding:1px;
  337. font-size:8px;
  338. letter-spacing:1px;
  339. text-align:center;
  340. font-weight:bold;
  341.  
  342. }
  343.  
  344.  
  345.  
  346. /* -------- HEADER STYLING ------- */
  347.  
  348. #header{
  349. background:url('https://i.imgur.com/uBUkSVF.png');
  350. background-repeat:repeat;
  351. background-attachment:fixed;
  352. border-radius:10px;
  353. text-align:center;
  354. padding:8px;
  355. font-family: 'Playfair Display', serif;
  356. font-size: 10px;
  357. letter-spacing: 1px;
  358. text-transform: uppercase;
  359. font-weight:bold;
  360. color:#ffffff;
  361. text-shadow: 1px 1px 1px #000000;
  362. text-shadow: -1px -1px -1px #000000;
  363. }
  364.  
  365. /* -------- TAB STYLING ( do not touch unless you're confident, it gets sticky ) ------- */
  366.  
  367. .tabs {
  368.  
  369. width:100%;
  370. margin-left:0px;
  371. display:inline-block;
  372. }
  373.  
  374. /* -------- TAB LINKS ------- */
  375.  
  376. /* Clearfix */
  377. .tab-links:after {
  378. display:block;
  379. clear:both;
  380. content:'';
  381. }
  382.  
  383. .tab-links li {
  384.  
  385. margin-right:0px;
  386. display:inline-block;
  387. list-style:none;
  388. text-transform:uppercase;
  389. }
  390.  
  391. .tab-links a {
  392. font-family:'Playfair Display';
  393. font-weight:bold;
  394. font-size:8px;
  395. display:inline-block;
  396. padding:2px 0px 2px 4px;
  397. transition:all linear 0.15s;
  398. }
  399.  
  400. /* -------- TAB LINKS HOVER STYLING ------- */
  401.  
  402. .tab-links a:hover {
  403. text-decoration:none;
  404. }
  405.  
  406. li.active a, li.active a:hover {
  407. background:transparent;
  408. color:#000000;
  409. background:transparent;
  410. -webkit-transition: all .3s;
  411. -moz-transition: all .3s;
  412. -o-transition: all .3s;
  413. -ms-transition: all .3s;
  414. transition: all .3s;
  415. }
  416.  
  417. /* -------- TAB CONTENT ( do not touch ) ------- */
  418.  
  419. .tab-content {
  420. }
  421.  
  422. .tab {
  423. display:none;
  424. }
  425.  
  426. .tab.active {
  427. display:block;
  428. }
  429.  
  430. /* -------- POST STYLING ( article contains your individual post styling ) ------- */
  431.  
  432. article {
  433. float:left;
  434. background:transparent;
  435. padding: 20px;
  436. width: 300px;
  437. text-align:justify;
  438. margin-bottom:80px;
  439.  
  440. }
  441.  
  442.  
  443. #borders {
  444. width:300px;
  445. border-top:1px solid #ededed;
  446. margin-top:0px;
  447. margin-left:0px;
  448. margin-bottom:-9px;
  449. }
  450.  
  451. /* -------- POST INFO STYLING ------- */
  452.  
  453. .postinfo{
  454. background-color:transparent;
  455. width:280px;
  456. padding:5px;
  457. margin-top:10px;
  458. text-align:center;
  459. font-family: 'Playfair Display', serif;
  460. font-size: 8px;
  461. letter-spacing: 1px;
  462. text-transform: uppercase;
  463. font-weight:bold;
  464. text-shadow: 1px 1px 1px #ddd;
  465. text-shadow: -1px -1px -1px #ddd;
  466. }
  467.  
  468. .postinfo a{
  469. color:{color:PostInfoText};
  470. }
  471.  
  472. /* -------- TAGS ------- */
  473.  
  474. .tags {
  475. margin-top:5px;
  476. font-weight:normal;
  477. }
  478.  
  479. .tags a{
  480. color:{color:tags};
  481. }
  482.  
  483. /* -------- POST NOTES ------- */
  484.  
  485. ol.notes {
  486. display:block;
  487. text-align:left;
  488. list-style-type:none;
  489. margin-left:-40px;
  490. }
  491.  
  492. ol.notes li.note{
  493. margin-bottom:5px;
  494. }
  495.  
  496. .pagenotes {
  497. text-align:left;
  498. margin-top:15px;
  499. }
  500.  
  501. .pagenotes img{
  502. padding-right:5px;
  503. padding-top:5px;
  504. margin-bottom:-5px;
  505. }
  506.  
  507.  
  508. /* -------- CHAT POST ------- */
  509.  
  510. ul.chat{
  511. list-style:none;
  512. margin-left:-40px;
  513. }
  514.  
  515. .chat span {
  516. float: left;
  517. }
  518.  
  519. /* -------- QUOTE POST ------- */
  520.  
  521. .quote{
  522. font-family:'Playfair Display', serif;
  523. font-size:12px;
  524. line-height:150%;
  525. }
  526.  
  527. .quotesource{
  528. text-align:right;
  529. margin-bottom:10px;
  530. }
  531.  
  532. /* -------- ASK POST ------- */
  533.  
  534. .question{
  535. margin-bottom:15px;
  536. padding:15px;
  537. border-bottom:1px solid #ededed;
  538. }
  539.  
  540. .answer {
  541. font-size:11px;
  542. }
  543.  
  544.  
  545.  
  546. /* -------- AUDIO POST ------- */
  547.  
  548. .songart{
  549. float:left;
  550. margin-right:10px;
  551. }
  552.  
  553. .songart img{
  554. width:80px;
  555. height:80px;
  556. }
  557.  
  558. .songtitle{
  559. margin-bottom:10px;
  560. margin-left:90px;
  561. }
  562.  
  563. .songauthor{
  564. margin-bottom:10px;
  565. font-size:8px;
  566. margin-left:90px;
  567. }
  568.  
  569. .tumblr_audio_player {
  570. height: 50px;
  571. }
  572.  
  573. /* -------- PAGINATION ------- */
  574.  
  575. #pagination{
  576. position:static;
  577. margin-top:30px;
  578. text-align:center;
  579. }
  580.  
  581. .pagibutton{
  582. font-family:'Playfair Display', serif;
  583. font-weight:bold;
  584. position:relative;
  585. display:inline-block;
  586. background:transparent;
  587. padding:15px;
  588. }
  589.  
  590. /* -------- JUMP CODE ( coding for the click and jump feature in verses / bio ) ------- */
  591.  
  592. .jump {
  593. display:inline-block;
  594. background-color:#b7b6b5;
  595. width:132px;
  596. text-align:center;
  597. padding:8px;
  598. font-family: 'Playfair Display', serif;
  599. font-size: 10px;
  600. letter-spacing: 1px;
  601. text-transform: uppercase;
  602. color:#ffffff;
  603. font-weight:bold;
  604. text-shadow: 1px 1px 1px #000000;
  605. text-shadow: -1px -1px -1px #000000;
  606.  
  607. }
  608.  
  609. #headerbar {
  610. left:50%;
  611. top:50%;
  612. margin-left:….PX; /*– FOR PLACING –*/
  613. margin-top:…PX; /*– FOR PLACING –*/
  614. width:…PX; /*– SETS WIDTH OF YOUR TEXT –*/
  615. overflow:scroll;
  616. text-align:justify;
  617. color:#555;
  618. font-size:10px;
  619. }
  620.  
  621. #tabbar {
  622. left:50%;
  623. top:50%;
  624. margin-left:….PX; /*– FOR PLACING –*/
  625. margin-top:…PX; /*– FOR PLACING –*/
  626.  
  627. }
  628.  
  629.  
  630. ul#tabs {text-align: center;}
  631. ul#tabs li { /*– your inactive / not viewed tabs –*/
  632.  
  633. background:url('https://i.imgur.com/uBUkSVF.png');
  634. background-repeat:repeat;
  635. background-attachment:fixed;
  636. border-radius:10px;
  637. display:inline-block;
  638. padding:10px;
  639. cursor:pointer;
  640. font-family: 'Playfair Display', serif;
  641. font-size: 10px;
  642. letter-spacing: 1px;
  643. text-transform: uppercase;
  644. color:#ffffff;
  645. font-weight:bold;
  646. text-shadow: 1px 1px 1px #000000;
  647. text-shadow: -1px -1px -1px #000000;
  648.  
  649. }
  650.  
  651. ul#tabs li.active { /*– your active tab –*/
  652. background-color:#222;
  653. color:#ffffff;
  654. padding:10px;
  655. border:double 3px #ffffff;
  656.  
  657. }
  658.  
  659. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  660. ul#tab li.active {display: block;}
  661. ul#tab li {display: none;}
  662.  
  663.  
  664. .navigationlink {
  665. color:#ffffff;
  666. display:inline-block;
  667. background-color:{color:navigation link};
  668. width:132px;
  669. text-align:center;
  670. padding:8px;
  671. font-family: 'Playfair Display', serif;
  672. font-size: 10px;
  673. letter-spacing: 1px;
  674. text-transform: uppercase;
  675. font-weight:bold;
  676. text-shadow: 1px 1px 1px #000000;
  677. text-shadow: -1px -1px -1px #000000;
  678.  
  679. }
  680.  
  681. .navigationlink2 {
  682. display:inline-block;
  683. background-color:{color:navigation link};
  684. width:284px;
  685. text-align:center;
  686. padding:8px;
  687. font-family: 'Playfair Display', serif;
  688. font-size: 10px;
  689. letter-spacing: 1px;
  690. text-transform: uppercase;
  691. color:#ffffff;
  692. font-weight:bold;
  693. text-shadow: 1px 1px 1px #000000;
  694. text-shadow: -1px -1px -1px #000000;
  695.  
  696. }
  697.  
  698.  
  699. /* -------- CREDIT ( do NOT touch otherwise I will send fire-breathing worms after you ) ------- */
  700.  
  701. .credit {
  702. font-family:'Playfair Display', serif;
  703. font-size:15px;
  704. position:fixed;
  705. right:15px;
  706. bottom:15px;
  707. opacity:1;
  708.  
  709. }
  710.  
  711.  
  712.  
  713. /* --------------------------- Custom CSS -------------------------- */
  714. {CustomCSS}
  715. </style>
  716. </head>
  717. <body>
  718.  
  719.  
  720.  
  721. <!--TOPBAR-->
  722.  
  723.  
  724.  
  725. <div id="sidepic">
  726. <a href="/" title="refresh"> <img src="{image:sidepic}"> </a>
  727. </div>
  728.  
  729.  
  730.  
  731. <div id="description">
  732.  
  733. <p><b>"My heart is racing faster when I look at Elizabeth 3rd."
  734. <br>
  735. <p><blockquote>
  736.  
  737. <i>INDEPENDENT / HIGHLY SELECTIVE / PRIVATE / OC FRIENDLY</i> <b>(JUMIN HAN )</b>, a roleplay blog from <b>Mystic Messenger</b>, written by <i>ki</i>
  738.  
  739. </blockquote>
  740.  
  741.  
  742.  
  743. </div>
  744.  
  745.  
  746.  
  747.  
  748.  
  749. <div id="navbar">
  750. <div class="tabs">
  751. <ul class="tab-links">
  752. <li class="active" style="margin-left:-40px">
  753. <a href="#tab1" title="index">one</a></li>
  754. <li><a href="#tab2" title="contact">two</a></li>
  755. <li><a href="#tab3" title="rules">three</li>
  756. <li><a href="#tab4" title="biography">four</a></li>
  757. <li><a href="#tab5" title="navigation">five</a></li>
  758. </ul>
  759. </div>
  760. </div>
  761.  
  762.  
  763. <div class="credit">
  764. <a href="http://vielenes.tumblr.com/" title="theme made by jenesis!">J</a>
  765. </div>
  766.  
  767.  
  768. <!-- --------------------------- TABS -------------------------- -->
  769.  
  770.  
  771. <div class="tabs">
  772.  
  773.  
  774. <!-- --------------------------- TAB 1 -------------------------- -->
  775.  
  776. <div class="tab-content">
  777. <div id="tab1" class="tab active">
  778.  
  779. <div id="postcontainer">
  780.  
  781. {block:Posts}
  782. <article>
  783.  
  784. <!--TEXT POST-->
  785. {block:Text}
  786. {block:Title}
  787. <h1 class="title">
  788. <a href="{Permalink}">{Title}</a></h1>
  789. {/block:Title}
  790. {Body}
  791. {/block:Text}
  792.  
  793.  
  794. <!--PHOTO POST-->
  795. {block:Photo}
  796. {block:IndexPage}
  797. {LinkOpenTag}
  798. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  799. {LinkCloseTag}
  800. {/block:IndexPage}
  801. {block:PermalinkPage}
  802. {LinkOpenTag}
  803. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  804. {LinkCloseTag}{/block:PermalinkPage}
  805. <div class="text">{Caption}</div>{/block:Caption}
  806. {/block:Photo}
  807.  
  808.  
  809. <!--PHOTOSET POST-->
  810. {block:Photoset}
  811. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  812. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  813. <div class="text">{Caption}</div>{/block:Caption}
  814. {/block:Photoset}
  815.  
  816.  
  817.  
  818. <!--QUOTE POST-->
  819. {block:Quote}
  820. <div class="quote">❝ {Quote} ❞</div>
  821. {block:Source}
  822. <div class="quotesource">{Source}</div>
  823. {/block:Source}
  824. {/block:Quote}
  825.  
  826.  
  827. <!--LINK POST-->
  828. {block:Link}
  829. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  830. {block:Description}{Description}{/block:Description}
  831. {/block:Link}
  832.  
  833.  
  834. <!--CHAT POST-->
  835. {block:Chat}
  836. <ul class="chat">
  837. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  838. </ul>
  839. {/block:Chat}
  840.  
  841.  
  842. <!--AUDIO POST-->
  843. {block:Audio}
  844. {block:AlbumArt}
  845. <div class="songart">
  846. <img src="{AlbumArtURL}">
  847. </div>
  848. {/block:AlbumArt}
  849. <div class="songtitle">
  850. {block:TrackName}
  851. {TrackName}
  852. {/block:TrackName}
  853. </div>
  854. <div class="songauthor">
  855. By
  856. {block:Artist}
  857. {Artist}
  858. {/block:Artist}
  859. </div>
  860. {AudioPlayerWhite}
  861. <div class="text">{Caption}</div>{/block:Caption}
  862. {/block:Audio}
  863.  
  864.  
  865. <!--VIDEO POST-->
  866. {block:Video}
  867. <div class="video">
  868. <div class="video-player">{Video-500}</div>
  869. <div class="text">{Caption}</div>{/block:Caption}
  870. {/block:Video}
  871.  
  872.  
  873. <!--ANSWER POST-->
  874. {block:Answer}
  875.  
  876. <center><b>{Asker} asked:</b>
  877. <div class="question">{Question}</div></center>
  878. <br>
  879. <p><div class="answer">{Answer}</div>
  880. {/block:Answer}
  881.  
  882.  
  883.  
  884. <!--POST INFORMATION-->
  885.  
  886. <div id="borders"></div>
  887. <div class="postinfo">
  888.  
  889. <!--PERMALINK-->
  890. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}">
  891. {block:Date}
  892. 🕒 {ShortMonth} {DayOfMonth}
  893. {/block:Date}
  894. </a>
  895.  
  896.  
  897. <!--NOTES-->
  898. {block:NoteCount}
  899. &nbsp; <a href="{Permalink}" title="{NoteCount} notes">❤ {NoteCount} notes </a>
  900. {/block:NoteCount}
  901.  
  902.  
  903. &nbsp;
  904.  
  905.  
  906. <a href="{ReblogURL}"target="_blank" title="reblog">↻ reblog</a>
  907.  
  908.  
  909.  
  910.  
  911. </div>
  912.  
  913. <!--TAGS-->
  914. {block:HasTags}
  915. <div class="tags">
  916. {block:Tags}
  917. <a href="{TagURL}">#{Tag},</a>
  918. {/block:Tags}
  919. </div>
  920. {/block:HasTags}
  921.  
  922. <!--POST NOTES-->
  923. {block:PostNotes}
  924. <div class="pagenotes">{PostNotes-16}</div>
  925. {/block:PostNotes}
  926.  
  927.  
  928. </article>
  929. {/block:Posts}
  930. <!--Close of article-->
  931.  
  932.  
  933. <!--PAGINATION-->
  934. {block:Pagination}
  935. <div class="pagination">
  936. {block:PreviousPage}
  937. <a href="{PreviousPage}">
  938. <div class="pagibutton" style="float:left">PREVIOUS</div></a>
  939. {/block:PreviousPage}
  940. {block:NextPage}
  941. <a href="{NextPage}">
  942. <div class="pagibutton" style="float:right">NEXT</div></a>
  943. {/block:NextPage}
  944. </div>
  945. {/block:Pagination}
  946.  
  947. </div>
  948.  
  949. </div>
  950.  
  951. <!-- -------------------------- TAB 2 -------------------------- -->
  952.  
  953. <div id="tab2" class="tab">
  954. <div class="tabcontent">
  955.  
  956. <div id="header">
  957. ask
  958. </div>
  959.  
  960. <center>
  961. <p><iframe frameborder="0" border="0" scrolling="no" width="290" height="300" allowtransparency="true" src="http://www.tumblr.com/ask_form/goyangieomeoni.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  962. </center>
  963.  
  964. <div id="header">
  965. submit
  966. </div>
  967.  
  968. <center>
  969. <p><iframe frameborder="0" border="0" scrolling="no" width="290" height="400" allowtransparency="true" src="http://www.tumblr.com/submit_form/goyangieomeoni.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  970. </center>
  971.  
  972. </div>
  973. </div>
  974.  
  975.  
  976. <!-- -------------------------- TAB 3 -------------------------- -->
  977.  
  978. <div id="tab3" class="tab">
  979. <div class="tabcontent">
  980.  
  981. <div id="header">
  982. rules
  983. </div>
  984.  
  985. <p>
  986.  
  987. FIRST AND FOREMOST! THERE WILL BE NO DISCOURSE OR DRAMA OF ANY KIND! I’M ESPECIALLY NOT HERE FOR THINGS LIKE THAT AND I HOPE YOU AREN’T EITHER.I DON'T TOLERATE ANON HATE OR CALL OUT POSTS, LETS GROW UP A LIL, AIGHT? I WILL BLOCK IF I SEE CONSTANT NEGATIVITY,&nbsp; THAT SHIT AIN’T HEALTHY.<br><br>I’M OPEN TO THREADING WITH ORIGINAL CHARACTERS, MULTIFANDOM, PANDFANDOM, AND MM CAST. WONT BE FOLLOWING DOUBLES THIS TIME..SORRY!<br><br>SHIPPING IS FINE! BUT PLEASE DONT FORCE IT ON ME OR I'LL BECOME UNCOMFORTABLE. I ENJOY SINGLE SHIPS WITH CHARACTERS SO CHEMISTRY IS !!!!!!!!!!!!!!!!!!!!!!!!!!!! JUMIN / MC IS BLESSED CONTENT.<br><br>IS OF AGE! WHAT DOES THIS MEAN? SIMPLE! I WONT BE DOING ANY SEXUAL THEMES OR ACTS WITH THOSE UNDER EIGHTEEN. IF YOU LIE ABOUT YOUR AGE, I WILL HAVE TO BLOCK. LETS JUST BE UPFRONT AND HONEST! I'M 100% COMFORTABLE WITH SEXUAL CONTENT, THOUGH I DO GET SHY POSTING IT ON THE DASH BOARD AT TIMES. LBH..JUMIN IS 50 SHADES OF KINK.......<br><br>I'LL TAG APPROPRIATELY FOR ANYTHING THAT MAY MAKE YOU UNCOMFORTABLE! PLEASE LET ME KNOW SO I CAN TAG IT. I PERSONALLY DON'T HAVE ANYTHING THAT NEEDS TO BE!
  988.  
  989. <br></p>
  990.  
  991. </div>
  992. </div>
  993.  
  994.  
  995. <!-- -------------------------- TAB 4 -------------------------- -->
  996.  
  997. <div id="tab4" class="tab">
  998. <div class="tabcontent">
  999.  
  1000. <div id="header">
  1001. biography
  1002. </div>
  1003. <p><a href="#generalstats" class="jump">general stats</a>
  1004. <a href="#appearance" class="jump">appearance</a>
  1005. <p><a href="#family" class="jump">family</a>
  1006. <a href="#psychologicalevaluation" class="jump">psychological</a>
  1007. <p><a href="#skills" class="jump">skills</a>
  1008. <a href="#overview" class="jump">overview</a>
  1009.  
  1010. <a name="generalstats" style="color:#ffffff"><div id="header">general stats</div></a>
  1011.  
  1012. <p>general stats here!
  1013.  
  1014. <p><a name="appearance" style="color:#ffffff"><div id="header">appearance</div></a>
  1015.  
  1016. <p>appearance here!
  1017.  
  1018. <p><a name="family" style="color:#ffffff"><div id="header">family</div></a>
  1019.  
  1020. <p>family here!
  1021.  
  1022. <p><a name="psychologicalevaluation" style="color:#ffffff"><div id="header">psychological evalulation</div></a>
  1023.  
  1024. <p>psych stats here!
  1025.  
  1026. <a name="skills" style="color:#ffffff"><div id="header">skills</div></a>
  1027.  
  1028. <p>skills here!
  1029.  
  1030. <p><a name="overview" style="color:#ffffff"><div id="header">overview</div></a>
  1031.  
  1032. <p>full bio here!
  1033.  
  1034. <br>
  1035. <br>
  1036. <br>
  1037. <br>
  1038. <br>
  1039.  
  1040.  
  1041. </div>
  1042. </div>
  1043.  
  1044.  
  1045. <!-- -------------------------- TAB 5 -------------------------- -->
  1046.  
  1047. <div id="tab5" class="tab">
  1048. <div class="tabcontent">
  1049.  
  1050. <div id="headerbar">
  1051. <ul id="tabs">
  1052. <li class="active">verses.</li>
  1053. &nbsp;
  1054. <li>mains</li>
  1055. &nbsp;
  1056. <li>links</li>
  1057. </ul>
  1058. </div>
  1059.  
  1060.  
  1061. <div id="tabbar">
  1062. <ul id="tab">
  1063.  
  1064. <li class="active">
  1065.  
  1066.  
  1067. <div id="header">
  1068. verses
  1069. </div>
  1070.  
  1071.  
  1072. <p><a href="#verse1" class="jump" style="background-color:#b7b6b5;color:#ffffff">verse 1</a>
  1073. <a href="#verse2" class="jump" style="background-color:#b7b6b5;color:#ffffff">verse 2</a>
  1074.  
  1075. <p><a href="#verse3" class="jump" style="background-color:#b7b6b5;color:#ffffff">verse 3</a>
  1076. <a href="#verse4" class="jump" style="background-color:#b7b6b5;color:#ffffff">verse 4</a>
  1077.  
  1078.  
  1079.  
  1080. <p><center><a name="verse1"><h2><a href="/tagged/">verse 1</a></h2></center></a>
  1081.  
  1082.  
  1083. <p>verse 1 info here
  1084.  
  1085.  
  1086.  
  1087. <p><center><a name="verse2"><h2><a href="/tagged/">verse 2</a></h2></center></a>
  1088.  
  1089.  
  1090. <p>verse 2 info here
  1091.  
  1092.  
  1093.  
  1094. <p><center><a name="verse3"><h2><a href="/tagged/">verse 3</a></h2></center></a>
  1095.  
  1096.  
  1097. <p>verse 3 info here
  1098.  
  1099.  
  1100. <p><center><a name="verse4"><h2><a href="/tagged/">verse 4</a></h2></center></a>
  1101.  
  1102.  
  1103. <p>verse 4 info here
  1104.  
  1105.  
  1106.  
  1107.  
  1108. </li>
  1109.  
  1110. <li>
  1111.  
  1112. <div id="header">
  1113. mains
  1114. </div>
  1115.  
  1116. <center>
  1117.  
  1118.  
  1119. add mains here!
  1120.  
  1121. </center>
  1122.  
  1123.  
  1124. </li>
  1125.  
  1126. <li>
  1127.  
  1128. <div id="header">
  1129. navigation
  1130. </div>
  1131.  
  1132.  
  1133. <p><a href="/tagged/" class="navigationlink" style="background-color:#b7b6b5">link 1</a>
  1134. <a href="/tagged/" class="navigationlink" style="background-color:#b7b6b5">link 2</a>
  1135.  
  1136.  
  1137.  
  1138. </li>
  1139.  
  1140.  
  1141. </ul>
  1142. </div>
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149. </div>
  1150. </div>
  1151.  
  1152.  
  1153.  
  1154.  
  1155.  
  1156. <!-- END OF TABS -->
  1157.  
  1158. </div>
  1159. </div>
  1160. </div>
  1161. </div>
  1162. </div>
  1163.  
  1164.  
  1165. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  1166.  
  1167. <script>
  1168. $(document).ready(function() {
  1169. $('.tabs .tab-links a').on('click', function(e) {
  1170. var currentAttrValue = $(this).attr('href');
  1171.  
  1172. // Show/Hide Tabs
  1173. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  1174.  
  1175. // Change/remove current tab to active
  1176. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1177.  
  1178. e.preventDefault();
  1179. });
  1180. });
  1181. </script>
  1182.  
  1183. <script>
  1184. $(document).ready(function() {
  1185. $('#filterOptions li a').click(function() {
  1186. // fetch the class of the clicked item
  1187. var ourClass = $(this).attr('class');
  1188.  
  1189. // reset the active class on all the buttons
  1190. $('#filterOptions li').removeClass('active');
  1191. // update the active state on our clicked button
  1192. $(this).parent().addClass('active');
  1193.  
  1194. if(ourClass == 'all') {
  1195. // show all our items
  1196. $('#ourHolder').children('div.item').show();
  1197. }
  1198. else {
  1199. // hide all elements that don't share ourClass
  1200. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1201. // show all elements that do share ourClass
  1202. $('#ourHolder').children('div.' + ourClass).show();
  1203. }
  1204. return false;
  1205. });
  1206. });
  1207. </script>
  1208.  
  1209.  
  1210.  
  1211.  
  1212. </body>
  1213. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!