API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 24th, 2018
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.71 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="#ffffff" />
  29. <meta name="color:Blockquote" content="#555" />
  30. <meta name="color:Post Info Text" content="#ffffff" />
  31. <meta name="color:Tags" content="#555" />
  32. <meta name="color:Navigation Link" conteont="#947979" />
  33.  
  34.  
  35. <meta name="image:sidepic" content=""/>
  36. <meta name="image:Link1" content=""/>
  37. <meta name="image:Link2" content=""/>
  38. <meta name="image:Link3" content=""/>
  39. <meta name="image:Link4" content=""/>
  40. <meta name="image:Link5" content=""/>
  41.  
  42.  
  43. <!-- FONT SCRIPTS -->
  44.  
  45. <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52. <!-- IMPORTANT SCRIPTS - DO NOT REMOVE -->
  53.  
  54. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  55.  
  56. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  57.  
  58. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  59.  
  60. <script>
  61.  
  62. $(document).ready(function(){
  63. $("ul#tabs li").click(function(e){
  64. if (!$(this).hasClass("active")) {
  65. var tabNum = $(this).index();
  66. var nthChild = tabNum+1;
  67. $("ul#tabs li.active").removeClass("active");
  68. $(this).addClass("active");
  69. $("ul#tab li.active").removeClass("active");
  70. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  71. }
  72. });
  73. });
  74. </script>
  75.  
  76. <!-- TOOLTIP SCRIPT -->
  77.  
  78. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  79. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("a[title]").style_my_tooltips({
  84. tip_follows_cursor:true,
  85. tip_delay_time:90,
  86. tip_fade_speed:600,
  87. attribute:"title"
  88. });
  89. });
  90. })(jQuery);
  91. </script>
  92.  
  93.  
  94.  
  95. <style type="text/css">
  96.  
  97.  
  98. /* -------- SELECTION COLOR ------- */
  99.  
  100. ::-moz-selection {
  101. background: #947979;
  102. color: #ffffff;
  103. }
  104.  
  105. ::selection {
  106. background: #947979;
  107. color: #ffffff;
  108. }
  109.  
  110. /* -------- SCROLLBAR ------- */
  111.  
  112. ::-webkit-scrollbar {
  113. width: 4px;
  114. }
  115.  
  116. /* Track */
  117. ::-webkit-scrollbar-track {
  118. background:transparent;
  119. }
  120.  
  121. /* Handle */
  122. ::-webkit-scrollbar-thumb {
  123. background:{color:Scrollbar};
  124. }
  125. ::-webkit-scrollbar-thumb:window-inactive {
  126. background: transparent;
  127. }
  128.  
  129. /* ------- TOOLTIP ------ */
  130.  
  131. #s-m-t-tooltip {
  132. max-width:300px;
  133. margin:22px 20px 0px 10px;
  134. background:url('https://78.media.tumblr.com/0ac690523471aa9720a0c808ea12eafb/tumblr_p4hmitfYbQ1wxh9vyo1_400.gif');
  135. background-repeat:repeat;
  136. background-attachment:fixed;
  137. border:1px solid #ffffff;
  138. border-radius:10px;
  139. padding:5px;
  140. font-family: 'Playfair Display', serif;
  141. font-size: 10px;
  142. letter-spacing: 1px;
  143. text-transform: uppercase;
  144. color:#ffffff;
  145. font-weight:bold;
  146. text-shadow: 1px 1px 1px #ddd;
  147. text-shadow: -1px -1px -1px #ddd;
  148. z-index:999999999999999999999999999999999999;
  149. }
  150.  
  151.  
  152. /* -------- BODY STYLING ------- */
  153.  
  154. body {
  155. background:{color:Background};
  156. font-family:'arial';
  157. font-size:9px;
  158. color:{color:Text};
  159. text-decoration:none;
  160. line-height:18px;
  161. }
  162.  
  163. /* -------- BOLD, ITALIC, LINK, H1, H2 STYLING ------- */
  164.  
  165. b,bold,strong {
  166. font-family: 'Playfair Display', serif;
  167. font-size: 10px;
  168. letter-spacing: 1px;
  169. text-transform: uppercase;
  170. color:{color:Bold};
  171. font-weight:bold;
  172. text-shadow: 1px 1px 1px #ddd;
  173. text-shadow: -1px -1px -1px #ddd;
  174. }
  175.  
  176. i,italic,em {
  177. color:{color:Italic};
  178. font-family: 'Playfair Display', serif;
  179. font-size: 10px;
  180. letter-spacing: 1px;
  181. text-transform: uppercase;
  182. font-weight:bold;
  183. text-shadow: 1px 1px 1px #ddd;
  184. text-shadow: -1px -1px -1px #ddd;
  185. }
  186.  
  187. a {
  188. color: #dbdbdb;
  189. text-decoration: none;
  190. -moz-transition-duration:.6s;
  191. -webkit-transition-duration:.6s;
  192. -o-transition-duration:.6s;
  193. -webkit-filter: blur(0px);
  194.  
  195. }
  196.  
  197. a:hover{
  198. color:none;
  199. -moz-transition-duration:.6s;
  200. -webkit-transition-duration:.6s;
  201. -o-transition-duration:.6s;
  202. -webkit-filter: blur(1px);
  203.  
  204.  
  205. }
  206.  
  207. small,s,sup{
  208. font-size:9px;
  209. }
  210.  
  211. blockquote {
  212. border-left:1px solid {color:Blockquote};
  213. padding-left:10px;
  214. padding-right:25px;
  215. margin:5px 5px 5px 10px;
  216. line-height:auto;
  217.  
  218. }
  219.  
  220. iframe, img, embed, object, video {
  221. max-width: 100%;
  222. }
  223.  
  224. p{
  225. margin-bottom:10px;
  226. }
  227.  
  228. img {
  229. height: auto;
  230. width:auto;
  231. max-width:100%;
  232. }
  233.  
  234. h1{
  235. font-family: 'Playfair Display', serif;
  236. font-size: 10px;
  237. letter-spacing: 1px;
  238. text-transform: uppercase;
  239. color:{color:Header};
  240. font-weight:bold;
  241. text-shadow: 1px 1px 1px #ddd;
  242. text-shadow: -1px -1px -1px #ddd;
  243. }
  244.  
  245. h2{
  246. font-family: 'Playfair Display', serif;
  247. font-size: 10px;
  248. letter-spacing: 1px;
  249. text-transform: uppercase;
  250. color:{color:Header};
  251. font-weight:bold;
  252. text-shadow: 1px 1px 1px #ddd;
  253. text-shadow: -1px -1px -1px #ddd;
  254. }
  255.  
  256. ul{
  257. list-style-type:square;
  258. }
  259.  
  260. ol{
  261. list-style-type:;
  262. }
  263.  
  264. #bigcon{
  265. width:520px;
  266. margin-left:auto;
  267. margin-right:auto;
  268. }
  269.  
  270. /* -------- TABBED CONTENT ------- */
  271.  
  272. .tabcontent {
  273. position:static;
  274. margin-left:auto;
  275. margin-right:auto;
  276. width: 340px;
  277. padding-top:20px;
  278. text-align:justify;
  279. margin-bottom:200px;
  280. }
  281.  
  282. /* -------- POSTS CONTAINER ------- */
  283.  
  284. #postcontainer {
  285. position:static;
  286. margin-left:auto;
  287. margin-right:auto;
  288. width: 400px;
  289. overflow:hidden;
  290. margin-top:40px;
  291. margin-bottom:50px;
  292. }
  293.  
  294.  
  295. /* -------- TOP IMAGE - 200px wide ------- */
  296.  
  297. #sidepic img {
  298. position:fixed;
  299. width:200px;
  300. margin-left:-168px;
  301. margin-top:70px;
  302.  
  303.  
  304. }
  305.  
  306. /* -------- DESCRIPTION - keep the same length as icons for aesthetic!! ------- */
  307.  
  308. #description{
  309. position:fixed;
  310. width:100px;
  311. line-height:16px;
  312. text-align:justify;
  313. margin-left:-70px;
  314. margin-top:180px;
  315. }
  316.  
  317. /* -------- LINKS STYLING ( icons ) ------- */
  318.  
  319. #navbar{
  320. position:fixed;
  321. margin-top:180px;
  322. margin-left:-210px;
  323. display:inline-block;
  324. text-align:center;
  325. }
  326.  
  327. /* -------- HEADER STYLING ------- */
  328.  
  329. #header{
  330. background:url('https://78.media.tumblr.com/0ac690523471aa9720a0c808ea12eafb/tumblr_p4hmitfYbQ1wxh9vyo1_400.gif');
  331. background-repeat:repeat;
  332. background-attachment:fixed;
  333. border-radius:10px;
  334. text-align:center;
  335. padding:8px;
  336. font-family: 'Playfair Display', serif;
  337. font-size: 10px;
  338. letter-spacing: 1px;
  339. text-transform: uppercase;
  340. font-weight:bold;
  341. text-shadow: 1px 1px 1px #ddd;
  342. text-shadow: -1px -1px -1px #ddd;
  343. }
  344.  
  345. /* -------- TAB STYLING ( do not touch unless you're confident, it gets sticky ) ------- */
  346.  
  347. .tabs {
  348. width:100%;
  349. margin-left:0px;
  350. display:inline-block;
  351. }
  352.  
  353. /* -------- TAB LINKS ------- */
  354.  
  355. /* Clearfix */
  356. .tab-links:after {
  357. display:block;
  358. clear:both;
  359. content:'';
  360. }
  361.  
  362. .tab-links li {
  363. margin-right:0px;
  364. display:inline-block;
  365. list-style:none;
  366. text-transform:uppercase;
  367. }
  368.  
  369. .tab-links a {
  370. display:inline-block;
  371. padding:2px 0px 2px 4px;
  372. transition:all linear 0.15s;
  373. }
  374.  
  375. /* -------- TAB LINKS HOVER STYLING ------- */
  376.  
  377. .tab-links a:hover {
  378. text-decoration:none;
  379. }
  380.  
  381. li.active a, li.active a:hover {
  382. background:transparent;
  383. color:#000000;
  384. background:transparent;
  385. -webkit-transition: all .3s;
  386. -moz-transition: all .3s;
  387. -o-transition: all .3s;
  388. -ms-transition: all .3s;
  389. transition: all .3s;
  390. }
  391.  
  392. /* -------- TAB CONTENT ( do not touch ) ------- */
  393.  
  394. .tab-content {
  395. }
  396.  
  397. .tab {
  398. display:none;
  399. }
  400.  
  401. .tab.active {
  402. display:block;
  403. }
  404.  
  405. /* -------- POST STYLING ( article contains your individual post styling ) ------- */
  406.  
  407. article {
  408. float:left;
  409. background:transparent;
  410. padding: 20px;
  411. width: 340px;
  412. text-align:justify;
  413. margin-bottom:80px;
  414.  
  415. }
  416.  
  417. /* -------- POST INFO STYLING ------- */
  418.  
  419. .postinfo{
  420. background:url('https://78.media.tumblr.com/0ac690523471aa9720a0c808ea12eafb/tumblr_p4hmitfYbQ1wxh9vyo1_400.gif');
  421. background-repeat:repeat;
  422. background-attachment:fixed;
  423. border-radius:10px;
  424. width:320px;
  425. padding:10px;
  426. margin-top:10px;
  427. text-align:center;
  428. font-family: 'Playfair Display', serif;
  429. font-size: 10px;
  430. letter-spacing: 1px;
  431. text-transform: uppercase;
  432. color:#ffffff;
  433. font-weight:bold;
  434. text-shadow: 1px 1px 1px #ddd;
  435. text-shadow: -1px -1px -1px #ddd;
  436. }
  437.  
  438. .postinfo a{
  439. color:{color:Post Info Text};
  440. }
  441.  
  442. /* -------- TAGS ------- */
  443.  
  444. .tags {
  445. margin-top:5px;
  446. font-weight:normal;
  447. }
  448.  
  449. .tags a{
  450. color:{color:Tags};
  451. }
  452.  
  453. /* -------- POST NOTES ------- */
  454.  
  455. ol.notes {
  456. display:block;
  457. text-align:left;
  458. list-style-type:none;
  459. margin-left:-40px;
  460. }
  461.  
  462. ol.notes li.note{
  463. margin-bottom:5px;
  464. }
  465.  
  466. .pagenotes {
  467. text-align:left;
  468. margin-top:15px;
  469. }
  470.  
  471. .pagenotes img{
  472. padding-right:5px;
  473. padding-top:5px;
  474. margin-bottom:-5px;
  475. }
  476.  
  477.  
  478. /* -------- CHAT POST ------- */
  479.  
  480. ul.chat{
  481. list-style:none;
  482. margin-left:-40px;
  483. }
  484.  
  485. .chat span {
  486. float: left;
  487. }
  488.  
  489. /* -------- QUOTE POST ------- */
  490.  
  491. .quote{
  492. font-family:'Playfair Display', serif;
  493. font-size:12px;
  494. line-height:150%;
  495. }
  496.  
  497. .quotesource{
  498. text-align:right;
  499. margin-bottom:10px;
  500. }
  501.  
  502. /* -------- ASK POST ------- */
  503.  
  504. .question{
  505. margin-bottom:15px;
  506. padding:15px;
  507. border-bottom:1px solid #555;
  508. }
  509.  
  510. .answer {
  511. font-size:11px;
  512. }
  513.  
  514.  
  515.  
  516. /* -------- AUDIO POST ------- */
  517.  
  518. .songart{
  519. float:left;
  520. margin-right:10px;
  521. }
  522.  
  523. .songart img{
  524. width:80px;
  525. height:80px;
  526. }
  527.  
  528. .songtitle{
  529. margin-bottom:10px;
  530. margin-left:90px;
  531. }
  532.  
  533. .songauthor{
  534. margin-bottom:10px;
  535. font-size:8px;
  536. margin-left:90px;
  537. }
  538.  
  539. .tumblr_audio_player {
  540. height: 50px;
  541. }
  542.  
  543. /* -------- PAGINATION ------- */
  544.  
  545. #pagination{
  546. position:static;
  547. margin-top:30px;
  548. text-align:center;
  549. }
  550.  
  551. .pagibutton{
  552. font-family:'Playfair Display', serif;
  553. font-weight:bold;
  554. position:relative;
  555. display:inline-block;
  556. background:transparent;
  557. padding:15px;
  558. }
  559.  
  560. /* -------- JUMP CODE ( coding for the click and jump feature in verses / bio ) ------- */
  561.  
  562. .jump {
  563. display:inline-block;
  564. background-color:#b7b6b5;
  565. width:152px;
  566. text-align:center;
  567. padding:8px;
  568. font-family: 'Playfair Display', serif;
  569. font-size: 10px;
  570. letter-spacing: 1px;
  571. text-transform: uppercase;
  572. color:#000000;
  573. font-weight:bold;
  574. text-shadow: 1px 1px 1px #ddd;
  575. text-shadow: -1px -1px -1px #ddd;
  576.  
  577. }
  578.  
  579. #headerbar {
  580. left:50%;
  581. top:50%;
  582. margin-left:….PX; /*– FOR PLACING –*/
  583. margin-top:…PX; /*– FOR PLACING –*/
  584. width:…PX; /*– SETS WIDTH OF YOUR TEXT –*/
  585. overflow:scroll;
  586. text-align:justify;
  587. color:#555;
  588. font-size:10px;
  589. }
  590.  
  591. #tabbar {
  592. left:50%;
  593. top:50%;
  594. margin-left:….PX; /*– FOR PLACING –*/
  595. margin-top:…PX; /*– FOR PLACING –*/
  596.  
  597. }
  598.  
  599.  
  600. ul#tabs {text-align: center;}
  601. ul#tabs li { /*– your inactive / not viewed tabs –*/
  602.  
  603. background:url('https://78.media.tumblr.com/0ac690523471aa9720a0c808ea12eafb/tumblr_p4hmitfYbQ1wxh9vyo1_400.gif');
  604. background-repeat:repeat;
  605. background-attachment:fixed;
  606. border-radius:10px;
  607. display:inline-block;
  608. padding:10px;
  609. cursor:pointer;
  610. font-family: 'Playfair Display', serif;
  611. font-size: 10px;
  612. letter-spacing: 1px;
  613. text-transform: uppercase;
  614. color:#000000;
  615. font-weight:bold;
  616. text-shadow: 1px 1px 1px #ddd;
  617. text-shadow: -1px -1px -1px #ddd;
  618.  
  619. }
  620.  
  621. ul#tabs li.active { /*– your active tab –*/
  622. background-color:#222;
  623. color:#ffffff;
  624. padding:10px;
  625. border:double 3px #ffffff;
  626.  
  627. }
  628.  
  629. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  630. ul#tab li.active {display: block;}
  631. ul#tab li {display: none;}
  632.  
  633.  
  634. .navigationlink {
  635. display:inline-block;
  636. background-color:#9c9b9b;
  637. width:152px;
  638. text-align:center;
  639. padding:8px;
  640. font-family: 'Playfair Display', serif;
  641. font-size: 10px;
  642. letter-spacing: 1px;
  643. text-transform: uppercase;
  644. color:{color:Navigation Link};
  645. font-weight:bold;
  646. text-shadow: 1px 1px 1px #ddd;
  647. text-shadow: -1px -1px -1px #ddd;
  648.  
  649. }
  650.  
  651. .navigationlink2 {
  652. display:inline-block;
  653. background-color:#9c9b9b;
  654. width:322px;
  655. text-align:center;
  656. padding:8px;
  657. font-family: 'Playfair Display', serif;
  658. font-size: 10px;
  659. letter-spacing: 1px;
  660. text-transform: uppercase;
  661. color:{color:Navigation Link};
  662. font-weight:bold;
  663. text-shadow: 1px 1px 1px #ddd;
  664. text-shadow: -1px -1px -1px #ddd;
  665.  
  666. }
  667.  
  668.  
  669.  
  670. /* -------- CREDIT ( do NOT touch otherwise I will send fire-breathing worms after you ) ------- */
  671.  
  672. .credit {
  673. font-family:'Playfair Display', serif;
  674. font-size:15px;
  675. position:fixed;
  676. right:15px;
  677. bottom:15px;
  678. opacity:1;
  679.  
  680. }
  681.  
  682.  
  683.  
  684. /* --------------------------- Custom CSS -------------------------- */
  685. {CustomCSS}
  686. </style>
  687. </head>
  688. <body>
  689. <!-- SCM Music Player http://scmplayer.co -->
  690. <script type="text/javascript" src="http://scmplayer.co/script.js"
  691. data-config="{'skin':'http://static.tumblr.com/d41lcii/7Ysmre077/simplegray.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'','url':'https://www.youtube.com/watch?v=a5Y8TIUbrF0'},{'title':'','url':'https://www.youtube.com/watch?v=nuxYbsnNhfM'},{'title':'','url':''},{'title':'','url':''}]}" ></script>
  692. <!-- SCM Music Player script end -->
  693.  
  694.  
  695. <div id="bigcon">
  696.  
  697.  
  698. <!--TOPBAR-->
  699.  
  700.  
  701.  
  702. <div id="sidepic">
  703. <a href="/" title="refresh"> <img src="{image:sidepic}"></a>
  704. </div>
  705.  
  706.  
  707.  
  708. <div id="description">
  709.  
  710. <p>indie roleplay side-blog for <b>mune</b> from <u>mune: guardian of the moon</u>.</p>
  711. <hr>
  712. <p><b>follows from: @chosenwars.</b></p>
  713. <hr>
  714.  
  715. <p>A MILLION DREAMS IS ALL IT'S GONNA TAKE.</p>
  716. <hr>
  717.  
  718. <p>written by <i>mizzy.</i></p>
  719.  
  720.  
  721. </div>
  722.  
  723.  
  724.  
  725.  
  726.  
  727. <div id="navbar">
  728. <div class="tabs">
  729. <ul class="tab-links">
  730. <li class="active">
  731. <a href="#tab1" title="index"><img src="{image:Link1}"></a></li>
  732. <br><br> <li><a href="#tab2" title="contact"><img src="{image:Link2}"></a></li>
  733. <br><br> <li><a href="#tab3" title="rules"><img src="{image:Link3}"></a></li>
  734. <br><br> <li><a href="#tab4" title="about"><img src="{image:Link4}"></a></li>
  735. <br><br> <li><a href="#tab5" title="navigation"><img src="{image:Link5}"></a></li>
  736. </ul>
  737. </div>
  738. </div>
  739.  
  740.  
  741. <div class="credit">
  742. <a href="http://vielenes.tumblr.com/" title="theme made by jenesis!">J</a>
  743. </div>
  744.  
  745.  
  746. <!-- --------------------------- TABS -------------------------- -->
  747.  
  748.  
  749. <div class="tabs">
  750.  
  751.  
  752. <!-- --------------------------- TAB 1 -------------------------- -->
  753.  
  754. <div class="tab-content">
  755. <div id="tab1" class="tab active">
  756.  
  757. <div id="postcontainer">
  758.  
  759. {block:Posts}
  760. <article>
  761.  
  762. <!--TEXT POST-->
  763. {block:Text}
  764. {block:Title}
  765. <h1 class="title">
  766. <a href="{Permalink}">{Title}</a></h1>
  767. {/block:Title}
  768. {Body}
  769. {/block:Text}
  770.  
  771.  
  772. <!--PHOTO POST-->
  773. {block:Photo}
  774. {block:IndexPage}
  775. {LinkOpenTag}
  776. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  777. {LinkCloseTag}
  778. {/block:IndexPage}
  779. {block:PermalinkPage}
  780. {LinkOpenTag}
  781. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  782. {LinkCloseTag}{/block:PermalinkPage}
  783. {block:Caption}
  784. <div class="text">{Caption}</div>{/block:Caption}
  785.  
  786. {/block:Photo}
  787.  
  788.  
  789. <!--PHOTOSET POST-->
  790. {block:Photoset}
  791. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  792. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  793. {block:Caption}
  794. <div class="text">{Caption}</div>{/block:Caption}
  795.  
  796. {/block:Photoset}
  797.  
  798.  
  799.  
  800. <!--QUOTE POST-->
  801. {block:Quote}
  802. <div class="quote">❝ {Quote} ❞</div>
  803. {block:Source}
  804. <div class="quotesource">{Source}</div>
  805. {/block:Source}
  806. {/block:Quote}
  807.  
  808.  
  809. <!--LINK POST-->
  810. {block:Link}
  811. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  812. {block:Description}{Description}{/block:Description}
  813. {/block:Link}
  814.  
  815.  
  816. <!--CHAT POST-->
  817. {block:Chat}
  818. <ul class="chat">
  819. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  820. </ul>
  821. {/block:Chat}
  822.  
  823.  
  824. <!--AUDIO POST-->
  825. {block:Audio}
  826. {block:AlbumArt}
  827. <div class="songart">
  828. <img src="{AlbumArtURL}">
  829. </div>
  830. {/block:AlbumArt}
  831. <div class="songtitle">
  832. {block:TrackName}
  833. {TrackName}
  834. {/block:TrackName}
  835. </div>
  836. <div class="songauthor">
  837. By
  838. {block:Artist}
  839. {Artist}
  840. {/block:Artist}
  841. </div>
  842. {AudioPlayerWhite}
  843. {block:Caption}
  844. <div class="text">{Caption}</div>{/block:Caption}
  845.  
  846. {/block:Audio}
  847.  
  848.  
  849. <!--VIDEO POST-->
  850. {block:Video}
  851. <div class="video">
  852. <div class="video-player">{Video-500}</div>
  853. {block:Caption}
  854. <div class="text">{Caption}</div>{/block:Caption}
  855. {/block:Photo}
  856.  
  857. {/block:Video}
  858.  
  859.  
  860. <!--ANSWER POST-->
  861. {block:Answer}
  862.  
  863. <center><b>{Asker} asked:</b>
  864. <div class="question">{Question}</div></center>
  865. <br>
  866. <p><div class="answer">{Answer}</div>
  867. {/block:Answer}
  868.  
  869.  
  870.  
  871. <!--POST INFORMATION-->
  872. <div class="postinfo">
  873.  
  874. <!--PERMALINK-->
  875. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}">
  876. {block:Date}
  877. 🕒 {ShortMonth} {DayOfMonth}
  878. {/block:Date}
  879. </a>
  880.  
  881.  
  882. <!--NOTES-->
  883. {block:NoteCount}
  884. &nbsp; <a href="{Permalink}" title="{NoteCount} notes">❤ {NoteCount} notes </a>
  885. {/block:NoteCount}
  886.  
  887.  
  888. &nbsp;
  889.  
  890.  
  891. <a href="{ReblogURL}"target="_blank" title="reblog">↻ reblog</a>
  892.  
  893.  
  894.  
  895.  
  896. </div>
  897.  
  898. <!--TAGS-->
  899. {block:HasTags}
  900. <div class="tags">
  901. {block:Tags}
  902. <a href="{TagURL}">#{Tag},</a>
  903. {/block:Tags}
  904. </div>
  905. {/block:HasTags}
  906.  
  907. <!--POST NOTES-->
  908. {block:PostNotes}
  909. <div class="pagenotes">{PostNotes-16}</div>
  910. {/block:PostNotes}
  911.  
  912.  
  913. </article>
  914. {/block:Posts}
  915. <!--Close of article-->
  916.  
  917.  
  918. <!--PAGINATION-->
  919. {block:Pagination}
  920. <div class="pagination">
  921. {block:PreviousPage}
  922. <a href="{PreviousPage}">
  923. <div class="pagibutton">PREVIOUS</div></a>
  924. {/block:PreviousPage}
  925. {block:NextPage}
  926. <a href="{NextPage}">
  927. <div class="pagibutton">NEXT</div></a>
  928. {/block:NextPage}
  929. </div>
  930. {/block:Pagination}
  931.  
  932. </div>
  933.  
  934. </div>
  935.  
  936. <!-- -------------------------- TAB 2 -------------------------- -->
  937.  
  938. <div id="tab2" class="tab">
  939. <div class="tabcontent">
  940.  
  941. <div id="header">
  942. ASK.
  943. </div>
  944.  
  945. <center>
  946. <p><iframe frameborder="0" border="0" scrolling="no" width="290" height="300" allowtransparency="true" src="http://www.tumblr.com/ask_form/munedreamer.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  947. </center>
  948.  
  949. <div id="header">
  950. SUBMIT.
  951. </div>
  952.  
  953. <center>
  954. <p><iframe frameborder="0" border="0" scrolling="no" width="290" height="400" allowtransparency="true" src="http://www.tumblr.com/submit_form/munedreamer.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  955. </center>
  956.  
  957. </div>
  958. </div>
  959.  
  960.  
  961. <!-- -------------------------- TAB 3 -------------------------- -->
  962.  
  963. <div id="tab3" class="tab">
  964. <div class="tabcontent">
  965.  
  966. <div id="header">
  967. RULES.
  968. </div>
  969.  
  970. <p><strong>THIS BLOG IS A SIDE-BLOG TO <a href="http://chosenwars.tumblr.com">@CHOSENWARS</a>, SO ALL OF MY FOLLOWS, LIKES, COMMENTS, ETC. WILL BE MADE THROUGH THAT BLOG.</strong></p>
  971. <p>&nbsp; &nbsp; &nbsp;Hello, and welcome to my blog! &nbsp;I&rsquo;m very easy-going, so don&rsquo;t let my rules frighten you.&nbsp; I do expect them to be read completely before any interaction, both IC and OOC.&nbsp; Please ask me if you have any questions regarding any of this information! <strong>&nbsp;You will be blocked with or without warning if any of my rules are broken.</strong></p>
  972. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  973. <h2>ABOUT THE MUN.</h2>
  974. <blockquote>
  975. <p><strong>My name is Mizzy.&nbsp; She/Her pronouns.&nbsp; 22 years of age.&nbsp;</strong>&nbsp;I suffer from many chronic illnesses,&nbsp;mostly mental but also physical.&nbsp; My roleplay blogs are for means of an escape.&nbsp;&nbsp;<strong>Please have patience with me.</strong>&nbsp; I may be too ill or upset to write some days, or talk to people OOC.&nbsp; I can reply right away, or I can take days or even weeks.&nbsp; I may drop muses or threads at a constant because I misjudged what I can handle.&nbsp; Whatever happens on this blog is literally because of <em>me</em> &mdash; not because you may have done something wrong, or that I dislike you.&nbsp; I&rsquo;m pretty friendly and open-minded and super chill.&nbsp; I just want to say that&nbsp;<strong>anything I may do should NOT be taken personally.</strong>&nbsp;</p>
  976. </blockquote>
  977. <h2><strong style="font-size: 14px;"><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></h2>
  978. <h2>DISCLAIMER.</h2>
  979. <blockquote>
  980. <p>I am <strong>not</strong> affiliated with the creators of<em> Mune: Guardian of the Moon</em>, nor do I represent any of the creator&rsquo;s opinions, views, or beliefs. &nbsp;This is nothing more but a roleplay blog where I explore every aspect of Mune's character.&nbsp; All of my headcanons written here that are not confirmed canon shall <strong>not</strong> be redistributed whatsoever without permission, for that would be considered <strong><a href="https://www.merriam-webster.com/dictionary/plagiarize">plagiarization</a></strong>.&nbsp;&nbsp;This goes for my plot ideas and my verses, too.&nbsp; My graphics and&nbsp;icons were made by me. &nbsp;<strong>Do not steal them!</strong>&nbsp;</p>
  981. </blockquote>
  982. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  983. <h2>FOLLOWING // UNFOLLOWING.</h2>
  984. <blockquote>
  985. <p>This blog is <strong>extremely selective // private,</strong> which means I will only roleplay with mutuals &nbsp;<em><strong>(</strong></em> where you follow me, and I follow you <em><strong>)</strong></em>.&nbsp; I only follow mutuals and those I&rsquo;m interested in interacting with in the future.&nbsp; I read everyone&rsquo;s rules before following, and generally do a re-read before interaction.&nbsp; If there is ever a time I forget a rule of yours, please let me know.&nbsp; I have a horrible memory at times and the last thing I want to do is upset a fellow roleplayer!&nbsp;<strong>&nbsp;Personal blogs will be blocked without warning upon one following me,</strong> with rare exceptions.</p>
  986. </blockquote>
  987. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  988. <h2>BASIC RULES.</h2>
  989. <blockquote>
  990. <p><strong>★</strong>&nbsp;No god-modding or info-modding without plotting.<br /><strong>★</strong>&nbsp;Icons are a <em>must</em> in replies.<br /><strong>★</strong>&nbsp;Do not reblog <em>any</em> of my OOC posts.<br /><strong>★</strong>&nbsp;Don&rsquo;t reblog <em>any</em> threads you are <em>not</em> a part of.<br /><strong>★</strong>&nbsp;Don&rsquo;t clog my activity.<br /><strong>★</strong>&nbsp;Do not guilt trip me for interaction.<br /><strong>★</strong>&nbsp;Do not force ships on me, romantic or otherwise.<br /><strong>★</strong>&nbsp;No anon hate.<strong><br /></strong></p>
  991. </blockquote>
  992. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  993. <h2>INBOX // MEMES.</h2>
  994. <blockquote>
  995. <p><strong>★</strong>&nbsp;IC memes are for mutuals only.<br /><strong>★</strong>&nbsp;Any OOC memes or questions is for anyone.<br /><strong>★</strong>&nbsp;Ask me <em>before</em> continuing a meme as a thread.<br /><strong>★</strong>&nbsp;If you <em>do</em> continue a meme, move it to a new post.<br /><strong>★</strong>&nbsp;I don&rsquo;t practice roleplay karma, but will by request.&nbsp;<br /><strong>★</strong>&nbsp;Questions are extremely welcomed, and encouraged<em><strong>!</strong></em></p>
  996. </blockquote>
  997. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  998. <h2>THREADING.</h2>
  999. <blockquote>
  1000. <p><strong>★ </strong>I may drop a thread at anytime with or without notice.<br /><strong>★&nbsp;</strong>I format my posts, but you do not need to whatsoever.<br /><strong>★&nbsp;</strong>I&rsquo;ll write any given length, however fair, in my replies.<br /><strong>★&nbsp;</strong>I prefer plotting over memes and just &ldquo;winging it&rdquo;.<br /><strong>★&nbsp;</strong>I queue most of my replies and posts for my sanity.<br /><strong>★&nbsp;</strong>This is a slow-activity blog, and not my priority.<br /><strong>★&nbsp;</strong>I clean out my OOC posts every day.<br /><strong>★&nbsp;</strong>I try to clean out my likes very often, if I&rsquo;m available.</p>
  1001. </blockquote>
  1002. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  1003. <h2>NSFW THEMES.</h2>
  1004. <blockquote>
  1005. <p><strong>NSFW themes of all sort will be featured quite frequently on here.</strong>&nbsp;&nbsp;This is including, but not limited to: violence, gore, mental abuse, physical abuse, torture, rape, suicidal themes, suggestive themes, alcoholism, etc.&nbsp; All triggers will be tagged. &nbsp;<strong>Smutting will only be done responsibly with muns // muses of age</strong>&nbsp;<em><strong>&nbsp;(</strong>&nbsp;</em><strong>18+</strong>&nbsp;<em><strong>)</strong></em>. &nbsp;I am very wary on who I smut with due to my anxiety&nbsp;<strong>//</strong>&nbsp;asexuality, so please don&rsquo;t push me.&nbsp;&nbsp;<strong>I do not condone anything that may be written here in a negative matter.</strong></p>
  1006. </blockquote>
  1007. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  1008. <h2>SHIPPING.</h2>
  1009. <blockquote>
  1010. <p>I love to explore ships of all kinds, and <strong>Mune is always open to make new friends, enemies, romances, etc.</strong> &nbsp;The only key here is that we need chemistry.&nbsp; I&rsquo;m a renowned ship whore and I ship many things inside and outside of my own fandom.&nbsp;&nbsp;Before approaching me for a <em>romantic</em> ship, <a href="http://munedreamer.tumblr.com/ships">please check my relationships page first</a>&nbsp;due to the fact I at times <strong>practice shipping exclusivity</strong> and I may not be open to ship with more than one type of muse. <strong>&nbsp;Respect my ships on here, because each one is very special to me!</strong></p>
  1011. </blockquote>
  1012. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  1013. <h2>TRIGGERS.</h2>
  1014. <blockquote>
  1015. <p>Please tag: <strong>leg trauma, mpreg, and polygamous ships.</strong> &nbsp;I most likely won&rsquo;t interact with you if you interact with tumblr users&nbsp;&nbsp;<strong>dcsertborn /&nbsp;</strong><strong>chaosmcde&nbsp;&nbsp;</strong>and&nbsp;&nbsp;<strong>fallenlombax</strong>, and I request said users to be tagged by URL if we&rsquo;re mutuals. &nbsp;This is only to keep myself safe, for seeing these usernames on its own can bring me into a panic attack due to past experiences.&nbsp;&nbsp;Failure to tag these things may result in an unfollow.</p>
  1016. </blockquote>
  1017. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  1018. <h2>FRIENDLY TO.</h2>
  1019. <blockquote>
  1020. <p><strong>I WILL interact with:</strong><br /><strong>★</strong>&nbsp;Original characters &nbsp;<em><strong>(</strong></em>&nbsp;must have an about page&nbsp;<em><strong>)</strong></em>.<strong><br />★</strong>&nbsp;Youtubers &nbsp;<em><strong>(</strong></em>&nbsp;I will tag any posts // roleplays with them&nbsp;<em><strong>)</strong></em>.<br /><strong>★</strong>&nbsp;FNAF muses &nbsp;<em><strong>(</strong></em>&nbsp;I will tag any posts // roleplays with them&nbsp;<em><strong>)</strong></em>.<br /><strong>★</strong>&nbsp;Multi-muse and hub blogs.<br /><strong>★</strong>&nbsp;Side blogs &nbsp;<em><strong>(</strong></em>&nbsp;tell me upon following&nbsp;<em><strong>)</strong></em>.<strong><br /></strong></p>
  1021. </blockquote>
  1022. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  1023. <h2>OFF LIMITS.</h2>
  1024. <blockquote>
  1025. <p><strong>I will NOT interact with muses who are:</strong><strong><br />★</strong>&nbsp;Genderbent.<br /><strong>★</strong>&nbsp;Self insert.</p>
  1026. </blockquote>
  1027. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  1028. <h2>OTHER BLOGS.</h2>
  1029. <blockquote>
  1030. <p><strong>If I&rsquo;m not here, you can find me on the following blogs:</strong><br /><strong>★</strong>&nbsp;<a href="http://intercosmiic.tumblr.com/">intercosmiic</a>&nbsp; &mdash; &nbsp;my Ratchet roleplay blog.<br /><strong>★</strong>&nbsp;<a href="http://dramaticallyfree.tumblr.com/">dramaticallyfree</a>&nbsp;&nbsp;&mdash; &nbsp;my personal blog.</p>
  1031. </blockquote>
  1032. <p><strong><img src="https://78.media.tumblr.com/b5b2014b2734972ea383f13a95f01ae5/tumblr_inline_p2rkgo0anf1v9b7nd_500.png" /></strong></p>
  1033. <p>&nbsp; &nbsp; &nbsp;If you made it to the end of this long page, then I must thank you!&nbsp;I greatly appreciate the time you took to read this to make our future roleplay experience all the more comfortable and enjoyable!&nbsp;There&rsquo;s no password or anything alike <em>required</em> to send to interact in the future, thanks again, and have a wonderful day!</p>
  1034.  
  1035. </div>
  1036. </div>
  1037.  
  1038.  
  1039. <!-- -------------------------- TAB 4 -------------------------- -->
  1040.  
  1041. <div id="tab4" class="tab">
  1042. <div class="tabcontent">
  1043.  
  1044. <div id="header">
  1045. ABOUT.
  1046. </div>
  1047.  
  1048. <p><img src="https://78.media.tumblr.com/b8f73d189eb972f015285e9e08652d80/tumblr_nyi20xTBvT1r5zttro7_r1_500.gif" /></p>
  1049. <blockquote><strong>name:</strong>&nbsp;mune<br /><strong>age:</strong>&nbsp;varies by verse<br /><strong>gender:</strong>&nbsp;male<br /><strong>species:</strong>&nbsp;faun&nbsp;&nbsp;<strong><em>(</em></strong> night creature <strong><em>)</em></strong><br /><strong>appearance:</strong>&nbsp;blue fur <em>&amp;</em> blue eyes<strong><br />S/O:</strong>&nbsp;bi-curious&nbsp; <strong><em>(</em></strong> leans towards females <strong><em>)</em></strong><br /><strong>voiceclaim:</strong>&nbsp;joshua ballard</blockquote>
  1050. <hr />
  1051. <p>&nbsp; &nbsp; &nbsp;Mune is a blue colored Faun with a short tail.&nbsp; He has deer-like ears that often tell his emotions.&nbsp; He also has very long limbs.&nbsp; His forearm and lower legs are covered in darker colored fur.&nbsp; Unlike most members of his kind, he is shown to have a lighter tone of blue for his fur.</p>
  1052. <p>&nbsp; &nbsp; &nbsp;Mune is portrayed as a very mischievous creature.&nbsp; Because of his clumsy state, he ruins or breaks something in the process which leads to a big mess of things.&nbsp; But Mune has courage and is able to make up for the things that he has done wrong.&nbsp; He is also quite caring!</p>
  1053. <p>&nbsp; &nbsp; &nbsp;Not much is known about Mune's early life, but before becoming a guardian, he was shown to be very playful but also irresponsible, with no desire to become a guardian.&nbsp; But this could have been a fake, considering that when before he fails to succeed protecting the moon without causing trouble on his first day being a guardian, he happily shouts that he is guardian of the moon.</p>
  1054. <p>&nbsp; &nbsp; &nbsp;As a Faun, a creature of night, as well as being the guardian of the moon, Mune has <em>many</em> amazing powers:</p>
  1055. <ul>
  1056. <li><strong>Enhanced Jumps:</strong>&nbsp; able to jump high and at a very long distance.</li>
  1057. <li><strong>"Singing":</strong>&nbsp; able to control and speak to other creatures of the night such as fireflies and flowers with a whistling tune.</li>
  1058. <li><strong>Master of Dreams:</strong>&nbsp; able to enter the World of Dreams and also is capable of controlling said world at will.</li>
  1059. <li><strong>Sandman:</strong>&nbsp; able to banish or change nightmares to pleasant dreams.&nbsp; This ability can also change the actions or behavior of other characters, such as falling asleep, or calming people that have gone out-of-control.</li>
  1060. </ul>
  1061. <hr />
  1062. <p></p>
  1063.  
  1064.  
  1065. </div>
  1066. </div>
  1067.  
  1068.  
  1069. <!-- -------------------------- TAB 5 -------------------------- -->
  1070.  
  1071. <div id="tab5" class="tab">
  1072. <div class="tabcontent">
  1073.  
  1074. <div id="header">
  1075. NAVIGATION.
  1076. </div>
  1077.  
  1078. <blockquote>
  1079. <p><a href="http://munedreamer.tumblr.com/about" style="font-size: 1.5em;">ABOUT.</a></p>
  1080. <p><a href="http://munedreamer.tumblr.com/rules" style="font-size: 1.5em;">RULES.</a></p>
  1081. <p><a href="http://munedreamer.tumblr.com/verses" style="font-size: 1.5em;">VERSES.</a></p>
  1082. <p><a href="http://munedreamer.tumblr.com/ships" style="font-size: 1.5em;">SHIPS.</a></p>
  1083. <p><a href="http://munedreamer.tumblr.com/tagged/%E3%80%8C-wishlist-%F0%9F%8C%99%E2%94%8A%E1%B6%A4-%E1%B5%97%CA%B0%E1%B6%A4%E1%B6%B0%E1%B5%8F-%E1%B6%A4-%CA%B0%E1%B5%83%E1%B5%9B%E1%B5%89-%E1%B5%83%E1%B6%B0-%E1%B6%A4%E1%B5%88%E1%B5%89%E1%B5%83-%CB%91%CB%91%CB%91-%E3%80%8D" style="font-size: 1.5em;">WISHLIST.</a></p>
  1084. <p><a href="http://munedreamer.tumblr.com/tagged/%E3%80%8C-isms-%F0%9F%8C%99%E2%94%8A%E1%B5%97%CA%B0%E1%B5%89-%CB%A2%E1%B5%97%E1%B5%83%CA%B3%CB%A2-%E1%B5%83%CB%A1%CB%A1-%CB%A1%E1%B5%92%E1%B5%92%E1%B5%8F-%E1%B5%97%CA%B0%E1%B5%89-%CB%A2%E1%B5%83%E1%B5%90%E1%B5%89-%E1%B5%97%E1%B5%92-%E1%B5%90%E1%B5%89-%E3%80%8D"><span style="font-size: 1.5em;">ISMS.</span></a></p>
  1085. <p><a href="http://munedreamer.tumblr.com/tagged/%E3%80%8C-interests-%F0%9F%8C%99%E2%94%8A%E1%B5%89%E1%B5%9B%E1%B5%89%CA%B3%CA%B8%E1%B5%97%CA%B0%E1%B6%A4%E1%B6%B0%E1%B5%8D-%E1%B5%97%E1%B5%92-%E1%B5%88%E1%B5%92-%CA%B7%E1%B6%A4%E1%B5%97%CA%B0-%E1%B5%97%CA%B0%E1%B5%89-%E1%B4%BA%E1%B4%B5%E1%B4%B3%E1%B4%B4%E1%B5%80-%E3%80%8D" style="font-size: 1.5em;">INTERESTS.</a></p>
  1086. <p><a href="http://munedreamer.tumblr.com/tagged/%E3%80%8C-headcanons-%F0%9F%8C%99%E2%94%8A%E1%B5%90%E1%B5%83%CA%B8%E1%B5%87%E1%B5%89-%E1%B5%97%CA%B0%E1%B5%89-%E1%B5%90%E1%B5%92%E1%B5%92%E1%B6%B0-%CA%B7%E1%B5%83%CB%A2-%CA%B3%E1%B6%A4%E1%B5%8D%CA%B0%E1%B5%97-%E1%B5%83%E1%B6%A0%E1%B5%97%E1%B5%89%CA%B3-%E1%B5%83%CB%A1%CB%A1-%E3%80%8D" style="font-size: 1.5em;">HEADCANONS.</a></p>
  1087. <p><a href="http://munedreamer.tumblr.com/tagged/%E3%80%8C-visage-%F0%9F%8C%99%E2%94%8A%E1%B6%A4%27%E1%B5%90-%E1%B5%97%CA%B0%E1%B5%89-%E1%B5%8D%E1%B5%98%E1%B5%83%CA%B3%E1%B5%88%E1%B6%A4%E1%B5%83%E1%B6%B0-%E1%B5%92%E1%B6%A0-%E1%B5%97%CA%B0%E1%B5%89-%E1%B4%B9%E1%B4%BC%E1%B4%BC%E1%B4%BA%E1%B5%8E-%E3%80%8D" style="font-size: 1.5em;">IMAGES.</a></p>
  1088. </blockquote>
  1089.  
  1090.  
  1091. </div>
  1092. </div>
  1093.  
  1094.  
  1095.  
  1096.  
  1097.  
  1098. <!-- END OF TABS -->
  1099.  
  1100. </div>
  1101. </div>
  1102. </div>
  1103. </div>
  1104. </div>
  1105.  
  1106.  
  1107. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  1108.  
  1109. <script>
  1110. $(document).ready(function() {
  1111. $('.tabs .tab-links a').on('click', function(e) {
  1112. var currentAttrValue = $(this).attr('href');
  1113.  
  1114. // Show/Hide Tabs
  1115. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  1116.  
  1117. // Change/remove current tab to active
  1118. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1119.  
  1120. e.preventDefault();
  1121. });
  1122. });
  1123. </script>
  1124.  
  1125. <script>
  1126. $(document).ready(function() {
  1127. $('#filterOptions li a').click(function() {
  1128. // fetch the class of the clicked item
  1129. var ourClass = $(this).attr('class');
  1130.  
  1131. // reset the active class on all the buttons
  1132. $('#filterOptions li').removeClass('active');
  1133. // update the active state on our clicked button
  1134. $(this).parent().addClass('active');
  1135.  
  1136. if(ourClass == 'all') {
  1137. // show all our items
  1138. $('#ourHolder').children('div.item').show();
  1139. }
  1140. else {
  1141. // hide all elements that don't share ourClass
  1142. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1143. // show all elements that do share ourClass
  1144. $('#ourHolder').children('div.' + ourClass).show();
  1145. }
  1146. return false;
  1147. });
  1148. });
  1149. </script>
  1150.  
  1151.  
  1152.  
  1153.  
  1154. </body>
  1155. </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!