API tools faq
paste
Advertisement
Guest User

maskdkyuubi

a guest
Jan 20th, 2019
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.78 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="https://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="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  74. <script src="https://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.  
  92.  
  93. /* -------- SELECTION COLOR ------- */
  94.  
  95. ::-moz-selection {
  96. background: {color:selection};
  97. color: #ffffff;
  98. }
  99.  
  100. ::selection {
  101. background: {color:selection};
  102. color: #ffffff;
  103. }
  104.  
  105. /* -------- SCROLLBAR ------- */
  106.  
  107. ::-webkit-scrollbar {
  108. width: 4px;
  109. }
  110.  
  111. /* Track */
  112. ::-webkit-scrollbar-track {
  113. background:transparent;
  114. }
  115.  
  116. /* Handle */
  117. ::-webkit-scrollbar-thumb {
  118. background:{color:Scrollbar};
  119. }
  120. ::-webkit-scrollbar-thumb:window-inactive {
  121. background: transparent;
  122. }
  123.  
  124. /* ------- TOOLTIP ------ */
  125.  
  126. #s-m-t-tooltip {
  127. max-width:300px;
  128. margin:22px 20px 0px 10px;
  129. background:url('https://i.imgur.com/uBUkSVF.png');
  130. background-repeat:repeat;
  131. background-attachment:fixed;
  132. border:1px solid #ffffff;
  133. border-radius:10px;
  134. padding:5px;
  135. font-family: 'Playfair Display', serif;
  136. font-size: 10px;
  137. letter-spacing: 1px;
  138. text-transform: uppercase;
  139. color:#ffffff;
  140. font-weight:bold;
  141. text-shadow: 1px 1px 1px #000000;
  142. text-shadow: -1px -1px -1px #000000;
  143. z-index:999999999999999999999999999999999999;
  144. }
  145.  
  146.  
  147. /* -------- BODY STYLING ------- */
  148.  
  149. body {
  150. color:{color:text};
  151. background-color:{color:background};
  152. font-style:normal;
  153. font-family:'arial';
  154. font-size:9px;
  155. letter-spacing:1px;
  156. text-decoration:none;
  157. line-height:18px;
  158. text-align:justify;
  159.  
  160. }
  161.  
  162. /* -------- BOLD, ITALIC, LINK, H1, H2 STYLING ------- */
  163.  
  164. b,bold,strong {
  165. font-family: 'Playfair Display', serif;
  166. font-size: 10px;
  167. letter-spacing: 1px;
  168. text-transform: uppercase;
  169. color:{color:bold};
  170. font-weight:bold;
  171. text-shadow: 1px 1px 1px #ddd;
  172. text-shadow: -1px -1px -1px #ddd;
  173. }
  174.  
  175. i,italic,em {
  176. color:{color:italic};
  177. font-family: 'Playfair Display', serif;
  178. font-size: 10px;
  179. letter-spacing: 1px;
  180. text-transform: uppercase;
  181. font-weight:bold;
  182. text-shadow: 1px 1px 1px #ddd;
  183. text-shadow: -1px -1px -1px #ddd;
  184. }
  185.  
  186. a {
  187. color: #555;
  188. text-decoration: none;
  189. -moz-transition-duration:.6s;
  190. -webkit-transition-duration:.6s;
  191. -o-transition-duration:.6s;
  192. -webkit-filter: blur(0px);
  193.  
  194. }
  195.  
  196. a:hover{
  197. color:none;
  198. -moz-transition-duration:.6s;
  199. -webkit-transition-duration:.6s;
  200. -o-transition-duration:.6s;
  201. -webkit-filter: blur(1px);
  202.  
  203.  
  204. }
  205.  
  206. small,s,sup{
  207. font-size:9px;
  208. }
  209.  
  210. blockquote {
  211. border-left:1px solid {color:blockquote};
  212. padding-left:10px;
  213. padding-right:25px;
  214. margin:5px 5px 5px 10px;
  215. line-height:auto;
  216.  
  217. }
  218.  
  219. iframe, img, embed, object, video {
  220. max-width: 100%;
  221. }
  222.  
  223. p{
  224. margin-bottom:10px;
  225. }
  226.  
  227. img {
  228. height: auto;
  229. width:auto;
  230. max-width:100%;
  231. }
  232.  
  233. h1{
  234. font-family: 'Playfair Display', serif;
  235. font-size: 10px;
  236. letter-spacing: 1px;
  237. text-transform: uppercase;
  238. color:{color:header};
  239. font-weight:bold;
  240. text-shadow: 1px 1px 1px #ddd;
  241. text-shadow: -1px -1px -1px #ddd;
  242. }
  243.  
  244. h2{
  245. font-family: 'Playfair Display', serif;
  246. font-size: 10px;
  247. letter-spacing: 1px;
  248. text-transform: uppercase;
  249. color:{color:header};
  250. font-weight:bold;
  251. text-shadow: 1px 1px 1px #ddd;
  252. text-shadow: -1px -1px -1px #ddd;
  253. }
  254.  
  255. h4 {
  256. background-image: url('https://78.media.tumblr.com/0c98c7008cec2ccdc218aec78e8c3a07/tumblr_inline_p43ajoB0H21rp518g_540.gif');
  257. background-repeat:repeat;
  258. background-attachment:fixed;
  259. border-left: double 3px #000;
  260. border-top: double 3px #000;
  261. border-right: double 3px #000;
  262. border-bottom: double 3px #000;
  263. padding:2px;
  264. color:#e6e6e6;
  265. text-shadow:1px 1px 0px #000,
  266. 1px -1px 0px #000,
  267. -1px -1px 0px #000,
  268. -1px 1px 0px #000,
  269. 0px 1px 0px #000,
  270. 0px -1px 0px #000,
  271. 1px 0px 0px #000,
  272. -1px 0px 0px #000;
  273. font-size:9px;
  274. font-family:calibri;
  275. text-transform:uppercase;
  276. letter-spacing:1px;
  277. text-align:center;}
  278.  
  279. ul{
  280. list-style-type:square;
  281. }
  282.  
  283. ol{
  284. list-style-type:;
  285. }
  286.  
  287. #bigcon{
  288. width:520px;
  289. margin-left:auto;
  290. margin-right:auto;
  291. }
  292.  
  293. /* -------- TABBED CONTENT ------- */
  294.  
  295. .tabcontent {
  296. position:static;
  297. margin-left:auto;
  298. margin-right:auto;
  299. margin-left:-25px;
  300. width: 300px;
  301. padding-top:20px;
  302. text-align:justify;
  303. margin-bottom:50px;
  304. }
  305.  
  306. /* -------- POSTS CONTAINER ------- */
  307.  
  308. #postcontainer {
  309. position:static;
  310. margin-right:auto;
  311. width: 320px;
  312. overflow:hidden;
  313. margin-top:40px;
  314. margin-left:-25px;
  315. margin-bottom:50px;
  316. }
  317.  
  318.  
  319. /* -------- TOP IMAGE - 200px wide ------- */
  320.  
  321. #sidepic img {
  322. position:fixed;
  323. width:200px;
  324. margin-left:336px;
  325. margin-top:250px;
  326.  
  327.  
  328. }
  329.  
  330. /* -------- DESCRIPTION - keep the same length as icons for aesthetic!! ------- */
  331.  
  332. #description{
  333. position:fixed;
  334. width:195px;
  335. line-height:16px;
  336. text-align:justify;
  337. margin-left:340px;
  338. margin-top:360px;
  339. }
  340.  
  341. /* -------- LINKS STYLING ( icons ) ------- */
  342.  
  343. #navbar{
  344. position:fixed;
  345. margin-left:340px;
  346. margin-top:499px;
  347. text-transform:uppercase;
  348. border-top:1px solid #ededed;
  349. width:200px;
  350. padding:1px;
  351. font-size:8px;
  352. letter-spacing:1px;
  353. text-align:center;
  354. font-weight:bold;
  355.  
  356. }
  357.  
  358.  
  359.  
  360. /* -------- HEADER STYLING ------- */
  361.  
  362. #header{
  363. background:url('https://78.media.tumblr.com/ee66ed7e53027875f81c366199840ec1/tumblr_p5umi3oOhP1x5ymzto2_1280.png');
  364. background-repeat:repeat;
  365. background-attachment:fixed;
  366. border-radius:10px;
  367. text-align:center;
  368. padding:8px;
  369. font-family: 'Playfair Display', serif;
  370. font-size: 10px;
  371. letter-spacing: 1px;
  372. text-transform: uppercase;
  373. font-weight:bold;
  374. color:#ffffff;
  375. text-shadow: 1px 1px 1px #000000;
  376. text-shadow: -1px -1px -1px #000000;
  377. }
  378.  
  379. /* -------- TAB STYLING ( do not touch unless you're confident, it gets sticky ) ------- */
  380.  
  381. .tabs {
  382.  
  383. width:100%;
  384. margin-left:0px;
  385. display:inline-block;
  386. }
  387.  
  388. /* -------- TAB LINKS ------- */
  389.  
  390. /* Clearfix */
  391. .tab-links:after {
  392. display:block;
  393. clear:both;
  394. content:'';
  395. }
  396.  
  397. .tab-links li {
  398.  
  399. margin-right:0px;
  400. display:inline-block;
  401. list-style:none;
  402. text-transform:uppercase;
  403. }
  404.  
  405. .tab-links a {
  406. font-family:'Playfair Display';
  407. font-weight:bold;
  408. font-size:8px;
  409. display:inline-block;
  410. padding:2px 0px 2px 4px;
  411. transition:all linear 0.15s;
  412. }
  413.  
  414. /* -------- TAB LINKS HOVER STYLING ------- */
  415.  
  416. .tab-links a:hover {
  417. text-decoration:none;
  418. }
  419.  
  420. li.active a, li.active a:hover {
  421. background:transparent;
  422. color:#000000;
  423. background:transparent;
  424. -webkit-transition: all .3s;
  425. -moz-transition: all .3s;
  426. -o-transition: all .3s;
  427. -ms-transition: all .3s;
  428. transition: all .3s;
  429. }
  430.  
  431. /* -------- TAB CONTENT ( do not touch ) ------- */
  432.  
  433. .tab-content {
  434. }
  435.  
  436. .tab {
  437. display:none;
  438. }
  439.  
  440. .tab.active {
  441. display:block;
  442. }
  443.  
  444. /* -------- POST STYLING ( article contains your individual post styling ) ------- */
  445.  
  446. article {
  447. float:left;
  448. background:transparent;
  449. padding: 20px;
  450. width: 300px;
  451. text-align:justify;
  452. margin-bottom:80px;
  453.  
  454. }
  455.  
  456.  
  457. #borders {
  458. width:300px;
  459. border-top:1px solid #ededed;
  460. margin-top:0px;
  461. margin-left:0px;
  462. margin-bottom:-9px;
  463. }
  464.  
  465. /* -------- POST INFO STYLING ------- */
  466.  
  467. .postinfo{
  468. background-color:transparent;
  469. width:280px;
  470. padding:5px;
  471. margin-top:10px;
  472. text-align:center;
  473. font-family: 'Playfair Display', serif;
  474. font-size: 8px;
  475. letter-spacing: 1px;
  476. text-transform: uppercase;
  477. font-weight:bold;
  478. text-shadow: 1px 1px 1px #ddd;
  479. text-shadow: -1px -1px -1px #ddd;
  480. }
  481.  
  482. .postinfo a{
  483. color:{color:PostInfoText};
  484. }
  485.  
  486. /* -------- TAGS ------- */
  487.  
  488. .tags {
  489. margin-top:5px;
  490. font-weight:normal;
  491. }
  492.  
  493. .tags a{
  494. color:{color:tags};
  495. }
  496.  
  497. /* -------- POST NOTES ------- */
  498.  
  499. ol.notes {
  500. display:block;
  501. text-align:left;
  502. list-style-type:none;
  503. margin-left:-40px;
  504. }
  505.  
  506. ol.notes li.note{
  507. margin-bottom:5px;
  508. }
  509.  
  510. .pagenotes {
  511. text-align:left;
  512. margin-top:15px;
  513. }
  514.  
  515. .pagenotes img{
  516. padding-right:5px;
  517. padding-top:5px;
  518. margin-bottom:-5px;
  519. }
  520.  
  521.  
  522. /* -------- CHAT POST ------- */
  523.  
  524. ul.chat{
  525. list-style:none;
  526. margin-left:-40px;
  527. }
  528.  
  529. .chat span {
  530. float: left;
  531. }
  532.  
  533. /* -------- QUOTE POST ------- */
  534.  
  535. .quote{
  536. font-family:'Playfair Display', serif;
  537. font-size:12px;
  538. line-height:150%;
  539. }
  540.  
  541. .quotesource{
  542. text-align:right;
  543. margin-bottom:10px;
  544. }
  545.  
  546. /* -------- ASK POST ------- */
  547.  
  548. .question{
  549. margin-bottom:15px;
  550. padding:15px;
  551. border-bottom:1px solid #ededed;
  552. }
  553.  
  554. .answer {
  555. font-size:11px;
  556. }
  557.  
  558.  
  559.  
  560. /* -------- AUDIO POST ------- */
  561.  
  562. .songart{
  563. float:left;
  564. margin-right:10px;
  565. }
  566.  
  567. .songart img{
  568. width:80px;
  569. height:80px;
  570. }
  571.  
  572. .songtitle{
  573. margin-bottom:10px;
  574. margin-left:90px;
  575. }
  576.  
  577. .songauthor{
  578. margin-bottom:10px;
  579. font-size:8px;
  580. margin-left:90px;
  581. }
  582.  
  583. .tumblr_audio_player {
  584. height: 50px;
  585. }
  586.  
  587. /* -------- PAGINATION ------- */
  588.  
  589. #pagination{
  590. position:static;
  591. margin-top:30px;
  592. text-align:center;
  593. }
  594.  
  595. .pagibutton{
  596. font-family:'Playfair Display', serif;
  597. font-weight:bold;
  598. position:relative;
  599. display:inline-block;
  600. background:transparent;
  601. padding:15px;
  602. }
  603.  
  604. /* -------- JUMP CODE ( coding for the click and jump feature in verses / bio ) ------- */
  605.  
  606. .jump {
  607. display:inline-block;
  608. background-color:#b7b6b5;
  609. width:132px;
  610. text-align:center;
  611. padding:8px;
  612. font-family: 'Playfair Display', serif;
  613. font-size: 10px;
  614. letter-spacing: 1px;
  615. text-transform: uppercase;
  616. color:#ffffff;
  617. font-weight:bold;
  618. text-shadow: 1px 1px 1px #000000;
  619. text-shadow: -1px -1px -1px #000000;
  620.  
  621. }
  622.  
  623. #headerbar {
  624. left:50%;
  625. top:50%;
  626. margin-left:….PX; /*– FOR PLACING –*/
  627. margin-top:…PX; /*– FOR PLACING –*/
  628. width:…PX; /*– SETS WIDTH OF YOUR TEXT –*/
  629. overflow:scroll;
  630. text-align:justify;
  631. color:#555;
  632. font-size:10px;
  633. }
  634.  
  635. #tabbar {
  636. left:50%;
  637. top:50%;
  638. margin-left:….PX; /*– FOR PLACING –*/
  639. margin-top:…PX; /*– FOR PLACING –*/
  640.  
  641. }
  642.  
  643.  
  644. ul#tabs {text-align: center;}
  645. ul#tabs li { /*– your inactive / not viewed tabs –*/
  646.  
  647. background:url('https://78.media.tumblr.com/ee66ed7e53027875f81c366199840ec1/tumblr_p5umi3oOhP1x5ymzto2_1280.png');
  648. background-repeat:repeat;
  649. background-attachment:fixed;
  650. border-radius:10px;
  651. display:inline-block;
  652. padding:10px;
  653. cursor:pointer;
  654. font-family: 'Playfair Display', serif;
  655. font-size: 10px;
  656. letter-spacing: 1px;
  657. text-transform: uppercase;
  658. color:#ffffff;
  659. font-weight:bold;
  660. text-shadow: 1px 1px 1px #000000;
  661. text-shadow: -1px -1px -1px #000000;
  662.  
  663. }
  664.  
  665. ul#tabs li.active { /*– your active tab –*/
  666. background-color:#222;
  667. color:#ffffff;
  668. padding:10px;
  669. border:double 3px #ffffff;
  670.  
  671. }
  672.  
  673. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  674. ul#tab li.active {display: block;}
  675. ul#tab li {display: none;}
  676.  
  677.  
  678. .navigationlink {
  679. color:#ffffff;
  680. display:inline-block;
  681. background-color:{color:navigation link};
  682. width:132px;
  683. text-align:center;
  684. padding:8px;
  685. font-family: 'Playfair Display', serif;
  686. font-size: 10px;
  687. letter-spacing: 1px;
  688. text-transform: uppercase;
  689. font-weight:bold;
  690. text-shadow: 1px 1px 1px #000000;
  691. text-shadow: -1px -1px -1px #000000;
  692.  
  693. }
  694.  
  695. .navigationlink2 {
  696. display:inline-block;
  697. background-color:{color:navigation link};
  698. width:284px;
  699. text-align:center;
  700. padding:8px;
  701. font-family: 'Playfair Display', serif;
  702. font-size: 10px;
  703. letter-spacing: 1px;
  704. text-transform: uppercase;
  705. color:#ffffff;
  706. font-weight:bold;
  707. text-shadow: 1px 1px 1px #000000;
  708. text-shadow: -1px -1px -1px #000000;
  709.  
  710. }
  711.  
  712.  
  713. /* -------- CREDIT ( do NOT touch otherwise I will send fire-breathing worms after you ) ------- */
  714.  
  715. .credit {
  716. font-family:'Playfair Display', serif;
  717. font-size:15px;
  718. position:fixed;
  719. right:15px;
  720. bottom:15px;
  721. opacity:1;
  722.  
  723. }
  724.  
  725.  
  726.  
  727. /* --------------------------- Custom CSS -------------------------- */
  728. {CustomCSS}
  729. </style>
  730. </head>
  731. <body>
  732.  
  733.  
  734.  
  735. <div id="bigcon">
  736.  
  737.  
  738. <!--TOPBAR-->
  739.  
  740.  
  741.  
  742. <div id="sidepic">
  743. <a href="https://maskdkyuubi.tumblr.com" title="refresh"></a> <img src="https://78.media.tumblr.com/508c54e4de5459e6aeb6dc7327509def/tumblr_inline_p5sncd59I51vahsh7_540.png">
  744. </div>
  745.  
  746.  
  747.  
  748. <div id="description">
  749.  
  750. <p><center>the heart of <b>DARKNESS</b> shrouds itself within</center>
  751.  
  752. <p><blockquote>
  753.  
  754. IND <i>&</i> PRIV <b>Uzumaki Menma,</b>
  755. as told by ariel. mostly head canon based.
  756. <b><i>est. feb 10. '18</b></i>
  757.  
  758.  
  759. </blockquote>
  760.  
  761.  
  762.  
  763. </div>
  764.  
  765.  
  766.  
  767.  
  768.  
  769. <div id="navbar">
  770. <div class="tabs">
  771. <ul class="tab-links">
  772. <li class="active" style="margin-left:-40px">
  773. <a href="#tab1" title="index">one</a></li>
  774. <li><a href="#tab2" title="contact">two</a></li>
  775. <li><a href="#tab3" title="rules">three</li>
  776. <li><a href="#tab4" title="biography">four</a></li>
  777. <li><a href="#tab5" title="navigation">five</a></li>
  778. </ul>
  779. </div>
  780. </div>
  781.  
  782.  
  783. <div class="credit">
  784. <a href="https://vielenes.tumblr.com/" title="theme made by jenesis!">J</a>
  785. </div>
  786.  
  787.  
  788. <!-- --------------------------- TABS -------------------------- -->
  789.  
  790.  
  791. <div class="tabs">
  792.  
  793.  
  794. <!-- --------------------------- TAB 1 -------------------------- -->
  795.  
  796. <div class="tab-content">
  797. <div id="#tab1" class="tab active">
  798.  
  799. <div id="postcontainer">
  800.  
  801. {block:Posts}
  802. <article>
  803.  
  804. <!--TEXT POST-->
  805. {block:Text}
  806. {block:Title}
  807. <h1 class="title">
  808. <a href="{Permalink}">{Title}</a></h1>
  809. {/block:Title}
  810. {Body}
  811. {/block:Text}
  812.  
  813.  
  814. <!--PHOTO POST-->
  815. {block:Photo}
  816. {block:IndexPage}
  817. {LinkOpenTag}
  818. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  819. {LinkCloseTag}
  820. {/block:IndexPage}
  821. {block:PermalinkPage}
  822. {LinkOpenTag}
  823. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  824. {LinkCloseTag}{/block:PermalinkPage}
  825. <div class="text">{Caption}</div>{/block:Caption}
  826. {/block:Photo}
  827.  
  828.  
  829. <!--PHOTOSET POST-->
  830. {block:Photoset}
  831. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  832. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  833. <div class="text">{Caption}</div>{/block:Caption}
  834. {/block:Photoset}
  835.  
  836.  
  837.  
  838. <!--QUOTE POST-->
  839. {block:Quote}
  840. <div class="quote">❝ {Quote} ❞</div>
  841. {block:Source}
  842. <div class="quotesource">{Source}</div>
  843. {/block:Source}
  844. {/block:Quote}
  845.  
  846.  
  847. <!--LINK POST-->
  848. {block:Link}
  849. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  850. {block:Description}{Description}{/block:Description}
  851. {/block:Link}
  852.  
  853.  
  854. <!--CHAT POST-->
  855. {block:Chat}
  856. <ul class="chat">
  857. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  858. </ul>
  859. {/block:Chat}
  860.  
  861.  
  862. <!--AUDIO POST-->
  863. {block:Audio}
  864. {block:AlbumArt}
  865. <div class="songart">
  866. <img src="{AlbumArtURL}">
  867. </div>
  868. {/block:AlbumArt}
  869. <div class="songtitle">
  870. {block:TrackName}
  871. {TrackName}
  872. {/block:TrackName}
  873. </div>
  874. <div class="songauthor">
  875. By
  876. {block:Artist}
  877. {Artist}
  878. {/block:Artist}
  879. </div>
  880. {AudioPlayerWhite}
  881. <div class="text">{Caption}</div>{/block:Caption}
  882. {/block:Audio}
  883.  
  884.  
  885. <!--VIDEO POST-->
  886. {block:Video}
  887. <div class="video">
  888. <div class="video-player">{Video-500}</div>
  889. <div class="text">{Caption}</div>{/block:Caption}
  890. {/block:Video}
  891.  
  892.  
  893. <!--ANSWER POST-->
  894. {block:Answer}
  895.  
  896. <center><b>{Asker} approached:</b>
  897. <div class="question">{Question}</div></center>
  898. <br>
  899. <p><div class="answer">{Answer}</div>
  900. {/block:Answer}
  901.  
  902.  
  903.  
  904. <!--POST INFORMATION-->
  905.  
  906. <div id="borders"></div>
  907. <div class="postinfo">
  908.  
  909. <!--PERMALINK-->
  910. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}">
  911. {block:Date}
  912. 🕒 {ShortMonth} {DayOfMonth}
  913. {/block:Date}
  914. </a>
  915.  
  916.  
  917. <!--NOTES-->
  918. {block:NoteCount}
  919. &nbsp; <a href="{Permalink}" title="{NoteCount} notes">❤ {NoteCount} notes </a>
  920. {/block:NoteCount}
  921.  
  922.  
  923. &nbsp;
  924.  
  925.  
  926. <a href="{ReblogURL}"target="_blank" title="reblog">↻ reblog</a>
  927.  
  928.  
  929.  
  930.  
  931. </div>
  932.  
  933. <!--TAGS-->
  934. {block:HasTags}
  935. <div class="tags">
  936. {block:Tags}
  937. <a href="{TagURL}">#{Tag},</a>
  938. {/block:Tags}
  939. </div>
  940. {/block:HasTags}
  941.  
  942. <!--POST NOTES-->
  943. {block:PostNotes}
  944. <div class="pagenotes">{PostNotes-16}</div>
  945. {/block:PostNotes}
  946.  
  947.  
  948. </article>
  949. {/block:Posts}
  950. <!--Close of article-->
  951.  
  952.  
  953. <!--PAGINATION-->
  954. {block:Pagination}
  955. <div class="pagination">
  956. {block:PreviousPage}
  957. <a href="{PreviousPage}">
  958. <div class="pagibutton" style="float:left">FALL</div></a>
  959. {/block:PreviousPage}
  960. {block:NextPage}
  961. <a href="{NextPage}">
  962. <div class="pagibutton" style="float:right">RISE</div></a>
  963. {/block:NextPage}
  964. </div>
  965. {/block:Pagination}
  966.  
  967. </div>
  968.  
  969. </div>
  970.  
  971. <!-- -------------------------- TAB 2 -------------------------- -->
  972.  
  973. <div id="tab2" class="tab">
  974. <div class="tabcontent">
  975.  
  976. <div id="header">
  977. ask
  978. </div>
  979.  
  980. <center>
  981. <p><iframe frameborder="0" border="0" scrolling="no" width="290" height="300" allowtransparency="true" src="https://www.tumblr.com/ask_form/maskdkyuubi.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  982. </center>
  983.  
  984. <div id="header">
  985. submit
  986. </div>
  987.  
  988. <center>
  989. <p><iframe frameborder="0" border="0" scrolling="no" width="290" height="400" allowtransparency="true" src="https://www.tumblr.com/submit_form/maskdkyuubi.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  990. </center>
  991.  
  992. </div>
  993. </div>
  994.  
  995.  
  996. <!-- -------------------------- TAB 3 -------------------------- -->
  997.  
  998. <div id="tab3" class="tab">
  999. <div class="tabcontent">
  1000.  
  1001. <div id="header">
  1002. rules
  1003. </div>
  1004.  
  1005. <br><center><big><big><big><b><a href="https://maskdkyuubi.tumblr.com/faq"> F.A.Q !</a></big></big></big></b></center>
  1006. <br>this is a private and low activity blog. Everything is mutuals only, due to life commitments and other blogs. Reality will always come first so there may be times I go silent for a few days / weeks / months, it’s just how it is. Think of my blog as being on a permanent <b>SEMI HIATUS.</b> ( If this bothers you, then this isn't the blog for you. )
  1007. ___________________________________________________
  1008.  
  1009. <ul>
  1010. <li>RTN canon.</li>
  1011. <p><li>as long as our characters mesh and I know the basics, throw all the canon’s / OC’s / mumu’s / AU’s and plots my way !</li>
  1012. <p><li>This blog is mainly plot based centric. So you will not see any starter calls, however I may still throw the occasional open / interaction call out there. Memes are also great ice-breakers which can be continued on as a thread. I am happy to message through IM's to plot or ask me for my discord if it’s easier.</li>
  1013. <p><li>don't take anything off of my page. writing, head canons, icons & graphics are mine. ( credit to original base PSD to fossaed. )</li>
  1014. <p><li>follows general roleplay etiquette; cut posts, tag nsfw, don’t god-mod / meta-game, no hate / drama. I tend to unfollow if you’ve been inactive for a month without a hiatus note, however should you return, message me and I will instantly re-follow.</li>
  1015. <p><li>there will be nsfw present on this blog. be it whatever, but everything will be tagged accordingly. mun is 21+</li>
  1016. <p><li>smut is restricted to 18+ roleplayers & only if I know you ooc</li>
  1017. <p><li>will write against duplicates / other menma's.</li>
  1018. <p><li>i’m a slow & impulsive roleplayer.</li>
  1019. <p><li>I don’t care if you take a day or a year to reply to things, this is a chill zone. We’re all here to have fun right. Just give me ALL the writings! ^-^</li>
  1020. <p><li>by all means turn memes into threads, even if we have a million things going on, just understand that sometimes I can be slow with catching up.</li></ul>
  1021. ___________________________________________________
  1022.  
  1023. <b>disclaimer;</b> ( i am in no way affiliated with menma, neither am i with anything related to the 'naruto' franchise. no copyright infringement is intended, all rights go to Masashi Kishimoto. this is merely a none-profit roleplay blog that i like to use as a hobby in my spare time. )
  1024. </br>
  1025.  
  1026. </div>
  1027. </div>
  1028.  
  1029.  
  1030. <!-- -------------------------- TAB 4 -------------------------- -->
  1031.  
  1032. <div id="tab4" class="tab">
  1033. <div class="tabcontent">
  1034.  
  1035. <div id="header">
  1036.  
  1037. <a name="introduction" style="color:#ffffff">introduction</div></a>
  1038. <p>uzumaki menma ( うずまきメンマ ) is a descendant of the alternate universe konohagakure's uzumaki clan and a member of team kakashi. he is the counterpart to naruto uzumaki and he is also the jinchūriki of kurama's counterpart the black nine-tails.
  1039. <p><a name="generalstats" style="color:#ffffff"><div id="header">general </div></a>
  1040.  
  1041. <br><b>name:</b> uzumaki menma
  1042. <br><b>age:</b> 15 - 32 ; verse dependent
  1043. <br><b>birthdate:</b> october 10
  1044. <br><b>zodiac:</b> libra
  1045. <br><b>gender:</b> male
  1046. <br><b>sexuality:</b> heterosexual
  1047. <br><b>blood type:</b> B
  1048. <br><b>nature type:</b> all
  1049.  
  1050. <p><a name="appearance" style="color:#ffffff"><div id="header">appearance</div></a>
  1051.  
  1052. <br><b>hair:</b> black
  1053. <br><b>eyes:</b> blue
  1054. <br><b>skin:</b> tan
  1055. <br><b>height:</b> 6'3"
  1056. <br><b>weight:</b> 50.9kg
  1057.  
  1058. <p><a name="family" style="color:#ffffff"><div id="header">family</div></a>
  1059.  
  1060. <br><b>father:</b> namikaze minato
  1061. <br><b>mother:</b> uzumaki kushina
  1062. <br><b>brother:</b> uzumaki naruto ( next gen au )
  1063.  
  1064. <p><a name="psychologicalevaluation" style="color:#ffffff"><div id="header">statistics</div></a>
  1065.  
  1066. <br><b>positive:</b> charismatic, leader, loyal, hard-working
  1067. <br><b>negative:</b> impassive, power driven, manipulative
  1068. <br><b>rank:</b> chūnin
  1069. <br><b>classification:</b> jinchūriki, missing-nin, sensor type, S-rank ; verse dependent
  1070. <br><b>affliation:</b> konohagakure
  1071.  
  1072. <a name="skills" style="color:#ffffff"><div id="header">skills</div></a>
  1073.  
  1074. <br>great spiralling ring
  1075. <br>negative emotions sensing
  1076. <br>nine masked beasts
  1077. <br>repulsion technique
  1078.  
  1079. <p><a name="overview" style="color:#ffffff"><div id="header">overview</div></a>
  1080.  
  1081. <p>menma had a happy childhood with both of his parents, growing up he had plenty of friends. his mature manner and quick wit made him quickly popular with all those he met. however as menma grew older, it was evident the black nine-tails' power was becoming too much of a strain on kushina's body, minato needed to seal him away into another descendant of the uzumaki clan, menma agreed to become the new jinchūriki to save his mother's life.
  1082. however, unlike his mother; menma fully embraced the black nine-tails and his power. this is turn did allow the darkness and hatred to take him over completely.</br>
  1083. <br><b>❛</b> you don't <i>learn</i> that kind of <b>darkness</b>, it's innate. you had it in you before we ever met.
  1084.  
  1085. <br>
  1086. <br>
  1087. <br>
  1088. <br>
  1089. <br>
  1090.  
  1091.  
  1092. </div>
  1093. </div>
  1094.  
  1095.  
  1096. <!-- -------------------------- TAB 5 -------------------------- -->
  1097.  
  1098. <div id="tab5" class="tab">
  1099. <div class="tabcontent">
  1100.  
  1101. <div id="headerbar">
  1102. <ul id="tabs">
  1103. <li class="active">verses.</li>
  1104. &nbsp;
  1105. <li>mains</li>
  1106. &nbsp;
  1107. <li>links</li>
  1108. </ul>
  1109. </div>
  1110.  
  1111.  
  1112. <div id="tabbar">
  1113. <ul id="tab">
  1114.  
  1115. <li class="active">
  1116.  
  1117.  
  1118. <div id="header">
  1119.  
  1120. </div>
  1121.  
  1122.  
  1123.  
  1124.  
  1125.  
  1126.  
  1127. <br><blockquote><b><i>I. MASKED HATRED. ( RTN VERSE )</blockquote></b></i>
  1128.  
  1129. RTN canon. a missing nin and s ranked criminal, uzumaki menma targets the jinchūriki of his world while gathering shinobi with unique abilities, taking them for his own. cold and calculating, he is someone to watch out for.</br>
  1130.  
  1131.  
  1132. <br><blockquote><b><i>II. THE BLACK JINCHŪRIKI. ( TWIN / BORUTO AU )</blockquote></b></i>
  1133.  
  1134. in this verse menma is the older twin brother to naruto and has a more cocky and sarcastic tone. when the ninetails attacked the village, his power was so strong that the only thing to do was split it’s soul and seal it inside both brothers. menma’s hair turned black as his half held more darkness, as he grew older, he found himself relishing in the power. </br><br>and even though he has proven to be a good uncle to boruto and himawari, he is always teetering between the light and dark.</br>
  1135.  
  1136. <br><blockquote><b><i>III. BLOOD CRAZED. ( VAMPIRE VERSE )</blockquote></b></i>
  1137.  
  1138. son to the vampire king and heir to the throne, menma uzumaki is a pure blood vampire who has no interest in becoming king, instead he prefers to merely partake in the more baser instincts of his nature. sadistic and cruel, he is happy to toy with his prey while slowly draining them of their blood. </br>
  1139.  
  1140. <br><blockquote><b><i>IV. INNOCENCE BORN. ( CHILD VERSE )</blockquote></b></i>
  1141.  
  1142. just a young boy born into a happy family. while menma has his stubborn and rebellious moments, he loves and admires his parents wanting to grow up to be as strong as them. <i>by request only</i></br>
  1143.  
  1144. <br><blockquote><b><i>V. OUTCAST. ( MODERN VERSE )</blockquote></b></i>
  1145.  
  1146. the elusive older brother to naruto uzumaki, menma had seemingly gone off the radar and that's how he wanted to keep it. a troubled and rebellious son with no interest to the family's multi million empire. almost coming to blows with his father one night, the eighteen year old was kicked out. </br><br>now he earns his money by being paid to fight in a seedy bar in the slums of downtown, so far he's undefeated and he holds his reputation with pride. edgy living but something menma thrives on, it helps keep people from getting too close.</br>
  1147.  
  1148. <br><blockquote><b><i>VI. INKED RIDER. ( BIKER VERSE )</blockquote></b></i>
  1149.  
  1150. after his father’s death menma had to take over and run the motorcyle club. dropping out of college was expected of him, since he was now the leader and had to overlook everything that happened within the club. violence, gun smuggling and even sometimes murder was a necessity to make sure things ran smoothly. during the day he works at the local tattoo parlour as his cover. while the uzumaki enjoys the job, he knows he has a loyalty to the club that has to come first. new to this life, menma tries to run things honourably but day by day he can feel himself sinking deeper into the ruthless existence of an outlaw.</br>
  1151.  
  1152. <br><blockquote><b><i>VII. LONER REBEL. ( HIGHSCHOOL VERSE )</blockquote></b></i>
  1153.  
  1154. bouncing from foster home to foster home became second nature to the young uzumaki’s. menma, naruto and karin have been together from the very beginning and he vows to always look out for his siblings. school is mandatory, but that doesn’t stop menma from skipping classes often. the rare moments he actually attends he has made himself a reputation as someone to avoid; someone dangerous. ( w. <a href="https://biteheir.tumblr.com"><b>biteheir</b></a> and <a href="https://sageheir.tumblr.com"><b>sageheir</b></a></br>
  1155.  
  1156. <br><blockquote><b><i>VIII. CRUEL INTENTIONS. ( SOCIALITE VERSE )</blockquote></b></i>
  1157.  
  1158. born to privilege, menma uzumaki attends st senju’s school for boys with his best friend sasuke uchiha, coming from powerful families and excelling through classes make them popular among their peers. understanding the importance of success but more so what it entails, there’s usually a party every night and you can guarantee that they are there. seen as golden boys though anything but, schemes and manipulation are just part of the upper east lifestyle. ( w. <a href="https://cursedteme.tumblr.com"><b>cursedteme</b></a></br>
  1159.  
  1160. <br><a href="https://maskdkyuubi.tumblr.com/tagged/modern-fc"><b>Live action face claim available</b></a></br>
  1161.  
  1162.  
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168. </li>
  1169.  
  1170. <li>
  1171.  
  1172. <div id="header">
  1173. </div>
  1174.  
  1175.  
  1176.  
  1177. <p>
  1178. <b>exclusives</b>
  1179. <br><a href="https://bitecured.tumblr.com/"><img src="https://66.media.tumblr.com/f7c18b141ffd2f355004bade12229440/tumblr_inline_pig3c8r50e1vahsh7_540.png"></a>
  1180. <p>
  1181. <b>mains</b>
  1182. <br><a href="https://cursedteme.tumblr.com/"><img src="https://66.media.tumblr.com/10993928ee3e95d0293b80d649c523bd/tumblr_inline_pig3c9QO6l1vahsh7_1280.png"></a> <a href="https://cinderspewed.tumblr.com/"><img src="https://66.media.tumblr.com/fc9d96000b9388c8824df99bcd8797ac/tumblr_inline_pig3zyGBXH1vahsh7_1280.png"></a>
  1183.  
  1184.  
  1185.  
  1186.  
  1187.  
  1188.  
  1189. <li>
  1190.  
  1191. <div id="header">
  1192. navigation
  1193. </div>
  1194.  
  1195.  
  1196. <p><a href="https://maskdkyuubi.tumblr.com/mu." class="navigationlink" style="background-color:#b7b6b5">menma</a>
  1197. <a href="https://maskdkyuubi.tumblr.com/i." class="navigationlink" style="background-color:#b7b6b5">interact</a>
  1198. <p><a href="https://maskdkyuubi.tumblr.com/u." class="navigationlink" style="background-color:#b7b6b5">uzukaze clan</a>
  1199. <a href="https://maskdkyuubi.tumblr.com/p." class="navigationlink" style="background-color:#b7b6b5">shinobi</a>
  1200. <p><a href="https://maskdkyuubi.tumblr.com/s." class="navigationlink" style="background-color:#b7b6b5">ships</a>
  1201. <a href="https://maskdkyuubi.tumblr.com/m." class="navigationlink" style="background-color:#b7b6b5">mun corner</a>
  1202.  
  1203.  
  1204.  
  1205.  
  1206. </li>
  1207.  
  1208.  
  1209. </ul>
  1210. </div>
  1211.  
  1212.  
  1213.  
  1214.  
  1215.  
  1216.  
  1217. </div>
  1218. </div>
  1219.  
  1220.  
  1221.  
  1222.  
  1223.  
  1224. <!-- END OF TABS -->
  1225.  
  1226. </div>
  1227. </div>
  1228. </div>
  1229. </div>
  1230. </div>
  1231.  
  1232.  
  1233. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  1234.  
  1235. <script>
  1236. $(document).ready(function() {
  1237. $('.tabs .tab-links a').on('click', function(e) {
  1238. var currentAttrValue = $(this).attr('href');
  1239.  
  1240. // Show/Hide Tabs
  1241. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  1242.  
  1243. // Change/remove current tab to active
  1244. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1245.  
  1246. e.preventDefault();
  1247. });
  1248. });
  1249. </script>
  1250.  
  1251. <script>
  1252. $(document).ready(function() {
  1253. $('#filterOptions li a').click(function() {
  1254. // fetch the class of the clicked item
  1255. var ourClass = $(this).attr('class');
  1256.  
  1257. // reset the active class on all the buttons
  1258. $('#filterOptions li').removeClass('active');
  1259. // update the active state on our clicked button
  1260. $(this).parent().addClass('active');
  1261.  
  1262. if(ourClass == 'all') {
  1263. // show all our items
  1264. $('#ourHolder').children('div.item').show();
  1265. }
  1266. else {
  1267. // hide all elements that don't share ourClass
  1268. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1269. // show all elements that do share ourClass
  1270. $('#ourHolder').children('div.' + ourClass).show();
  1271. }
  1272. return false;
  1273. });
  1274. });
  1275. </script>
  1276.  
  1277.  
  1278.  
  1279.  
  1280. </body>
  1281. </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!