API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 16th, 2018
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.50 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by http://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!--pop up tabs script-->
  45. <script>
  46. $(document).ready(function(){
  47. $("ul#tabs li").click(function(e){
  48. if (!$(this).hasClass("active")) {
  49. var tabNum = $(this).index();
  50. var nthChild = tabNum+1;
  51. $("ul#tabs li.active").removeClass("active");
  52. $(this).addClass("active");
  53. $("ul#tab li.active").removeClass("active");
  54. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  55. }
  56. });
  57. });
  58. </script>
  59. <!--script end-->
  60.  
  61. <!--tooltip script end-->
  62. <!--pop up script-->
  63. <script type="text/javascript"
  64. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94. <!--ask pop script end-->
  95. <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100.  
  101. /*cursor code, change image to change cursor*/
  102. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  103.  
  104. *, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto }
  105. a:hover { cursor:url("http://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  106.  
  107. /*these are the custom fonts, you can install more just by pasting the code here*/
  108.  
  109.  
  110.  
  111. @font-face{font-family:"bebas neue";src:url('http://static.tumblr.com/zx3ibzm/JgJovyuzq/bebasneue.otf');}
  112. @font-face{font-family:"nightingale";src:url('http://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  113. @font-face {font-family: "black jack";src: url('https://dl.dropboxusercontent.com/s/ryf3a4mag4hudp6/blackjar.ttf?dl=1'); format("truetype");}
  114.  
  115.  
  116.  
  117.  
  118. /*selection color*/
  119.  
  120. ::-moz-selection { /* Code for Firefox */
  121. color: #fff; /*text color of selected text*/
  122. background: #a4a4a4; /*color of selection bg*/
  123. }
  124.  
  125. ::selection {
  126. color: #fff; /*text color of selected text*/
  127. background: #a4a4a4; /*color of selection bg*/
  128. }
  129.  
  130. /*selection color end*/
  131.  
  132. ::-webkit-scrollbar-thumb {
  133. background-color:#7c7c7c; /*scrollbar's slider color*/
  134. background-image:url('URL HERE'); /*optional background image*/
  135. height:0px;
  136. }
  137.  
  138. ::-webkit-scrollbar {
  139. height:0px;
  140. width:3px; /*width of slider*/
  141. background-color:transparent; /*scrollbar's main color*/
  142. background-image:url('URL HERE'); /*optional background image*/
  143. }
  144.  
  145. /*the code here is to reduce the opacity of an image and make it more visible on hover, you can remove it if you want your image to always be at 100%*/
  146.  
  147. img, iframe {
  148.  
  149. opacity:1; /*this determines opacity of images*/
  150. -moz-transition-duration: 0.5s;
  151. -o-transition-duration: 0.5s;
  152. -webkit-transition-duration: 0.5s;
  153. transition-duration: 0.5s;
  154. padding:5px;
  155. }
  156.  
  157.  
  158.  
  159. img:hover,iframe:hover {
  160.  
  161. opacity:1;
  162. -webkit-filter:none;
  163. -moz-transition-duration: 0.5s;
  164. -o-transition-duration: 0.5s;
  165. -webkit-transition-duration: 0.5s;
  166. transition-duration: 0.5s;}
  167.  
  168. /*HOVER IMAGE CODE END*/
  169.  
  170.  
  171. body {
  172. background-color:#6c6c6c; /*set this the same color as your background image to avoid black areas on different resolutions*/
  173. background-image:url('https://i.imgur.com/TWpZJ8s.png'); /*bg image goes here*/
  174. background-attachment: fixed;
  175. background-repeat: no-repeat;
  176. background-position: left top;
  177. color:#020000; /*body font color*/
  178. text-shadow: 0px 0px 2px #b72aa5; /*shadow of body text*/
  179. font-weight:bold;
  180. font-family: 'overpass';
  181. text-align:justify;
  182. font-size: 12px;
  183. letter-spacing:3px;
  184.  
  185. }
  186.  
  187. .pagi {
  188. font-size:35px;
  189. font-family:'overpass';
  190. margin-top:580px; /*change to decide position of pagination*/
  191. margin-left:665px;
  192. color: #681266;
  193. position:fixed;
  194. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  195. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  196.  
  197. .pagi a {
  198. color: #681266; /*color of pagination*/
  199. text-shadow: 0px 0px 5px #ca0ac6; /*shadow | glow of pagination*/
  200. -webkit-filter: blur(1px);
  201. -moz-filter: blur(1px);
  202. -o-filter: blur(1px);
  203. -ms-filter: blur(1px);
  204. filter: blur(1px);
  205. }
  206.  
  207. .pagi a:hover {
  208. color: #5d265c; /*color of pagination on hover*/
  209. }
  210.  
  211. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  212. this script stylizes it*/
  213.  
  214. #s-m-t-tooltip{
  215. max-width:400px;
  216. margin:15px;
  217. padding:2px 8px;
  218. background-image: url(""); /*include image if you want a background for the tooltip text*/
  219. background: transparent;
  220. background-repeat:repeat;
  221. background-attachment:fixed;
  222. color:#fff; /*color of tooltip text*/
  223. /*the text shadow determines the outline of the text because there's no easy way to add an outline to it, you can change all the code to another color*/
  224. text-shadow:1px 1px #7c7c7c,
  225. 1px -1px #7c7c7c,
  226. 1px 0px #7c7c7c,
  227. 0px 1px #7c7c7c,
  228. 0px -1px #7c7c7c,
  229. -1px 1px #7c7c7c,
  230. -1px 0px #7c7c7c,
  231. -1px -1px #7c7c7c;
  232. z-index:99999999999999999999;
  233. font-size:15px;
  234. letter-spacing:2px;
  235. font-style:bold;
  236. letter-spacing:2px;
  237. font-family: 'nightingale';
  238. text-transform:lowercase;
  239. box-shadow:0px 0px 0px;}
  240.  
  241.  
  242. #s-m-tooltip:hover {
  243. -webkit-transition: all 0.6s ease-out;
  244. -moz-transition: all 0.6s ease-out;
  245. transition: all 0.6s ease-out;
  246. -o-transition:all 0.6s ease;
  247. -ms-transition: all 0.6s ease-in-out;}
  248.  
  249. /* TOOLTIP END */
  250.  
  251.  
  252. small,sub,sup {
  253. font-size:11px;
  254. }
  255.  
  256. b, bold, strong {
  257. font-size:16px;
  258. letter-spacing:1px;
  259. font-weight:normal;
  260. line-height: 120%;
  261. font-family: 'bebas neue';
  262. color: #6d6d6d; /*color of bold text*/
  263. text-shadow:0 0 3px #7c7c7c; /*shadow of bold text*/
  264. }
  265.  
  266.  
  267.  
  268. i, italic, em {
  269. font-size:20px;
  270. color: #fff;
  271. font-family: 'black jack';
  272. line-height:120%;
  273. text-shadow:0 0 3px #fff;
  274. font-weight:normal;
  275. letter-spacing:1px;
  276. text-transform:lowercase;
  277. }
  278.  
  279.  
  280. /* This styles the headers of the sidebar as well as the headers inside the popups */
  281. h3, h4 {
  282. background-image: url('https://78.media.tumblr.com/0cda36a9b103ba8aac5e1db7a2a58a00/tumblr_opt274UTc11uuj1vto1_540.gif');
  283. background-repeat:repeat;
  284. background-attachment:fixed;
  285. padding:2px;
  286. color:#fff; /*text color of sidebar titles*/
  287. text-shadow:1px 1px #191919,
  288. 1px -1px #191919,
  289. 1px 0px #191919,
  290. 0px 1px #191919,
  291. 0px -1px #191919,
  292. -1px 1px #191919,
  293. -1px 0px #191919,
  294. -1px -1px #191919;
  295. /*change all the hex of the text shadow to the same code
  296. to change the outline of the text*/
  297. font-size:8px;
  298. line-height:120%;
  299. font-family:'arial';
  300. text-transform:uppercase;
  301. border: double 3px #7c7c7c;
  302. text-align:center;}
  303.  
  304.  
  305. a,a:visited,a:active {
  306. color: #ae64a4; /*color of links*/
  307. text-decoration:none;
  308. text-shadow: 0px 0px 0px #000;
  309. -moz-transition-duration: 0.6s;
  310. -o-transition-duration: 0.6s;
  311. -webkit-transition-duration: 0.6s;
  312. transition-duration: 0.6s;
  313. -webkit-filter: blur(.5px);
  314. -moz-filter: blur(.5px);
  315. -o-filter: blur(.5px);
  316. -ms-filter: blur(.5px);
  317. filter: blur(.5px);
  318.  
  319. }
  320.  
  321. a:hover {
  322. color: #7c7c7c; /*color of links on hover*/
  323. text-shadow: 0px 0px 3px #7c7c7c;
  324. -webkit-transition: all 0.6s ease-out;
  325. -moz-transition: all 0.6s ease-out;
  326. transition: all 0.6s ease-out;
  327. -o-transition:all 0.6s ease;
  328. -ms-transition: all 0.6s ease-in-out;}
  329.  
  330. /*POST TITLE SETTINGS*/
  331.  
  332. .titulo {
  333.  
  334. font-family: 'bebas neue';
  335. font-weight:normal;
  336. font-size: 23px; /*size of title*/
  337. text-align: center;
  338. color: #7c7c7c; /*color of title*/
  339. text-shadow: 0px 0px 2px #7c7c7c;
  340.  
  341. }
  342.  
  343.  
  344. /*TITLE SETTINGS END*/
  345.  
  346. #container {
  347. position:absolute;
  348. left:110px; /*position of container from the left*/
  349. top:150px; /*position of container from top*/
  350. height:800px; /*determines height of container*/
  351. overflow-y:scroll;
  352. -webkit-mask-image: -webkit-gradient(
  353. linear, center 75%, center bottom,
  354. from(rgba(0,0,0,10)),
  355. to(rgba(10,0,0,0)));
  356. border:1px solid transparent;
  357. }
  358.  
  359. #entries {
  360. background-color:transparent;
  361.  
  362. }
  363.  
  364. #content {
  365. width:450px; /*determines size of posts*/
  366. margin-bottom:20px;
  367. padding:10px 7px 10px 10px;
  368. }
  369.  
  370.  
  371. #entries img {
  372. max-width: 100%;
  373. height: auto;
  374. opacity:0.7; /*change this to change visibility of post images, set it to 1 if you want it completely visible*/
  375. -moz-transition-duration: 0.5s;
  376. -o-transition-duration: 0.5s;
  377. -webkit-transition-duration: 0.5s;
  378. transition-duration: 0.5s;
  379. padding:5px;
  380.  
  381.  
  382. }
  383.  
  384. #entries img:hover {
  385. opacity: 1; /*image opacity of posts on hover*/
  386. -moz-transition-duration: 0.5s;
  387. -o-transition-duration: 0.5s;
  388. -webkit-transition-duration: 0.5s;
  389. transition-duration: 0.5s;
  390. padding:5px;
  391.  
  392. }
  393.  
  394.  
  395. blockquote {
  396. border-left: 5px solid #7c7c7c; /*color of blockquote*/
  397. border-radius:15px;
  398. padding: 2px 0px 2px 8px;
  399. margin: 3px 0 3px 8px;
  400. }
  401.  
  402. blockquote img {
  403. max-width:100%;
  404. height:auto;
  405. }
  406.  
  407. /*ASK*/
  408.  
  409. #asker {
  410. font-size:15px;
  411. letter-spacing:1px;
  412. margin-bottom:-13px;
  413. color: #7c7c7c; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  414. font-family: 'nightingale';
  415. text-shadow:0px 0px 5px #a4a4a4;
  416. text-align:center;
  417. text-decoration:none;
  418. -webkit-transition: all 0.6s ease-out;
  419. -moz-transition: all 0.6s ease-out;
  420. transition: all 0.6s ease-out;
  421. -o-transition:all 0.6s ease;
  422. -ms-transition: all 0.6s ease-in-out;
  423.  
  424. }
  425.  
  426. /*to change the part that says whispered, scroll down to the html*/
  427.  
  428. #asker a {
  429. color: #fff;
  430. }
  431.  
  432. #asker a:hover {
  433. -webkit-filter: blur(1px);
  434. -moz-filter: blur(1px);
  435. -o-filter: blur(1px);
  436. -ms-filter: blur(1px);
  437. filter: blur(1px);
  438. color: #7c7c7c;
  439. transition: all 0.6s ease-out;
  440. }
  441.  
  442. #ask {
  443. background: url("https://78.media.tumblr.com/0cda36a9b103ba8aac5e1db7a2a58a00/tumblr_opt274UTc11uuj1vto1_540.gif");/*image behind the question*/
  444. background-color:#7c7c7c; /*background color of question if no background image is selected*/
  445. background-repeat:repeat;
  446. font-size:8px;
  447. font-family:arial;
  448. line-height:120%;
  449. text-align:center;
  450. text-transform:uppercase;
  451. color: #ccc; /*color of question text*/
  452. border-top:double 3px #7c7c7c; /*border color of question*/
  453. border-bottom:double 3px #7c7c7c; /*border color of question*/
  454. border-right:solid 1px #7c7c7c;
  455. border-left:solid 1px #7c7c7c;
  456. border-radius:15px;
  457. padding: 10px 20px 10px 20px;
  458. text-shadow: 1px 1px #191919,
  459. 1px -1px #191919,
  460. 1px 0px #191919,
  461. 0px 1px #191919,
  462. 0px -1px #191919,
  463. -1px 1px #191919,
  464. -1px 0px #191919,
  465. -1px -1px #191919;
  466. /*change all the hex of the text shadow to the same code
  467. to change the outline of the text*/
  468. }
  469.  
  470.  
  471. #answer {
  472. padding-top:0px;
  473. }
  474. /*ASK ENDS HERE*/
  475.  
  476. /*CHAT POST BEGINS HERE*/
  477.  
  478. .convo {
  479. font-size: 10px;
  480. line-height:120%;
  481. text-align:left;
  482. padding:0px;
  483.  
  484. }
  485.  
  486. .convo li {
  487. list-style:none;
  488. }
  489.  
  490. .convo .label {
  491. text-transform: uppercase;
  492. font-weight:bold;
  493.  
  494. }
  495.  
  496. .line_odd .label {
  497. color: #fff; /* Color of odd person in the chat */
  498. background: none;
  499. }
  500.  
  501. .line_even .label {
  502. color: #7c7c7c; /* Color of even person in the chat */
  503. }
  504.  
  505. .line_even {
  506. margin:0px 10px;
  507. padding: 5px;
  508. text-align:left;
  509. font-weight:bold;
  510. color: #7c7c7c; /*color of even text*/
  511. text-shadow:none;
  512. padding: 10px 20px 10px 20px;
  513. border-bottom:solid 1px #7c7c7c; /*line seperating chats*/
  514. }
  515.  
  516. .line_odd {
  517. margin:0px 10px;
  518. padding: 5px;
  519. background-color:#a4a4a4; /*background color of odd text*/
  520. text-align:left; /*color of odd text*/
  521. color: #ccc; /*color of odd text*/
  522. text-shadow:none;
  523. border-bottom:solid 1px #7c7c7c; /*line seperating chats*/
  524. padding: 10px 20px 10px 20px;
  525. }
  526.  
  527.  
  528.  
  529.  
  530. /*CHAT POST ENDS HERE*/
  531.  
  532. /*QUOTE BEGINS HERE*/
  533.  
  534.  
  535. .quote {
  536. font-family: "black jack";
  537. font-size: 25px;
  538. font-weight:normal;
  539. line-height:100%;
  540. padding-bottom:30px;
  541. text-align: center;
  542. color: #fff; /*color of quote*/
  543. text-shadow: 0px 0px 2px #fff,
  544.  
  545. }
  546.  
  547. /*QUOTE ENDS HERE*/
  548.  
  549.  
  550. /*LINK POST BEGIN*/
  551.  
  552. #linku {
  553. text-transform:uppercase;
  554. text-align:center;
  555. letter-spacing:0px;
  556. font-weight:normal;
  557. font-family: 'bebas neue';
  558. font-size:14px;
  559. }
  560.  
  561. /*LINK POST END*/
  562.  
  563. /*SIDE BAR / DESCRIPTION BEGINS HERE*/
  564.  
  565. #boxy {
  566. position:fixed;
  567. top:100px; /*position of the box*/
  568. margin-left:150px;
  569. overflow:hidden; /*this keeps the text hidden without hover, change to scroll bar if you want it to scroll and show*/
  570. height:40px; /*determines height of the box - increase it if you have too much text and want to avoid scrollbar*/
  571. width:400px; /*determines width of description*/
  572. opacity:1;
  573. -webkit-transition: all 0.7s ease;
  574. -moz-transition: all 0.7s ease;
  575. -o-transition: all 0.7s ease;}
  576.  
  577. #boxy:hover {
  578. opacity:1;
  579. height:120px; /*height of box on hover*/
  580. top:45px; /*position of box on hover*/
  581. -webkit-transition: all 0.7s ease;
  582. -moz-transition: all 0.7s ease;
  583. -o-transition: all 0.7s ease;
  584. }
  585.  
  586. .anchor {
  587. font-family:'nightingale';
  588. font-size:13px;
  589. letter-spacing:0px;
  590. padding-top:5px;
  591. line-height:100%;
  592. color:#e6e6e6; /*color of top bar title, the one reading not all treasure.. */
  593. text-shadow:0px 0px 10px #7c7c7c,
  594. 0px 0px 3px #7c7c7c;
  595. z-index:99999999999;
  596. -webkit-transition: all 0.7s ease;
  597. -moz-transition: all 0.7s ease;
  598. -o-transition: all 0.7s ease;
  599. }
  600.  
  601. #boxy:hover .anchor {
  602. color: #7c7c7c; /*color of title on hover*/
  603. z-index:9999999999;
  604. -webkit-transition: all 0.7s ease;
  605. -moz-transition: all 0.7s ease;
  606. -o-transition: all 0.7s ease;
  607. }
  608.  
  609. .sail {
  610. width:345px; /*determines width of description — can't be more than width of the box*/
  611. margin-left:20px;
  612. margin-top:5px;
  613. background-color:#ccc; /*background color of description*/
  614. border:2px solid #fff; /*border color of description*/
  615. box-shadow:1px 1px #7c7c7c,
  616. 1px -1px #7c7c7c,
  617. 1px 0px #7c7c7c,
  618. 0px 1px #7c7c7c,
  619. 0px -1px #7c7c7c,
  620. -1px 1px #7c7c7c,
  621. -1px 0px #7c7c7c,
  622. -1px -1px #7c7c7c;
  623. border-radius:15px;
  624. padding:5px;
  625. opacity:0; /*keeps description hidden before hover*/
  626. -webkit-transition: all 0.7s ease;
  627. -moz-transition: all 0.7s ease;
  628. -o-transition: all 0.7s ease;
  629. }
  630.  
  631. #boxy:hover .sail {
  632. opacity:1;/*shows description hidden before hover*/
  633. -webkit-transition: all 0.7s ease;
  634. -moz-transition: all 0.7s ease;
  635. -o-transition: all 0.7s ease;
  636. }
  637.  
  638. #despacito {
  639. margin-top:10px;
  640. text-align:center;
  641.  
  642.  
  643. }
  644.  
  645. /*SIDE BAR / DESCRIPTION END*/
  646.  
  647. /*TAGS AND INFO BEGINS HERE*/
  648. .permalinks {
  649. background-image: url(''); /*you can insert image here for the permalinks bg*/
  650. background-color:transparent; /*color of post links' background*/
  651. color: #ccc; /*color of peramalinks' text*/
  652. border-bottom:solid 1px #a2a2a2; /*border of permalinks*/
  653. padding: 1px 5px 5px 1px;
  654. letter-spacing:5px;
  655. text-align:center;
  656. font-size:9px;
  657. text-transform:uppercase;
  658. margin-top:15px;
  659. -moz-transition-duration:.6s;
  660. -webkit-transition-duration:.6s;
  661. -o-transition-duration:.6s;
  662. -webkit-filter: blur(0px);
  663.  
  664.  
  665. }
  666.  
  667. .permalinks a {
  668. font-family:calibri;
  669. color:#7c7c7c; /*color of permalinks actual links*/
  670. font-weight:bold;
  671. text-shadow: 0px 0px 2px #7c7c7c;
  672. text-decoration:none;
  673. }
  674.  
  675.  
  676. .permalinks a:hover {
  677. color:#fff; /*color of links on hover*/
  678. text-shadow: 0px 0px 2px #000;
  679. -webkit-transition: all 0.5s ease-in-out;
  680. -moz-transition: all 0.5s ease-in-out;
  681. -o-transition: all 0.5s ease-in-out;
  682. -ms-transition: all 0.5s ease-in-out;
  683. transition: all 0.5s ease-in-out;
  684. }
  685.  
  686. .tags {
  687.  
  688. text-align:justify;
  689. padding-left:5px;
  690. padding-right:15px;
  691. margin-bottom:15px;
  692. color: #a4a4a4; /*this determines the color of the small symbol (by default a ' ; ' but you can change it) next to the tags*/
  693. font-size:10px;
  694. text-shadow:0px 0px 3px #fff
  695. }
  696.  
  697. .tags a {
  698. color:#a4a4a4; /*change this for the actual color of the tags*/
  699. font-size:8px;
  700. font-weight:bold;
  701. font-family:calibri;
  702. text-transform:uppercase;
  703. text-shadow:0px 0px 3px #576d8c
  704. letter-spacing:0px;
  705.  
  706. }
  707.  
  708.  
  709. .tags a:hover {
  710. color: #fff; /*tag color on hover*/
  711. -webkit-transition: all 0.5s ease-in-out;
  712. -moz-transition: all 0.5s ease-in-out;
  713. -o-transition: all 0.5s ease-in-out;
  714. -ms-transition: all 0.5s ease-in-out;
  715. transition: all 0.5s ease-in-out;
  716.  
  717. }
  718.  
  719.  
  720. /*POP UP CODES AND LINKS BEGIN*/
  721.  
  722.  
  723. #pops {
  724. position:fixed;
  725.  
  726. }
  727.  
  728.  
  729. #linku1 {
  730. position:fixed;
  731. font-size:18px;
  732. text-decoration:none;
  733. margin-left:800px;
  734. margin-top:200px;
  735. z-index:99999999999999999999;
  736. }
  737.  
  738.  
  739. #linku1 a {
  740. color: #b5b903; /*color of custom links*/
  741. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of custom links*/
  742. -webkit-filter: blur(1px);
  743. -moz-filter: blur(1px);
  744. -o-filter: blur(1px);
  745. -ms-filter: blur(1px);
  746. filter: blur(1px);
  747. }
  748.  
  749. #linku1 a:hover {
  750. color: #fff;
  751. }
  752.  
  753. #linku1:hover {
  754. -webkit-filter: blur(2px);
  755. -moz-filter: blur(2px);
  756. -o-filter: blur(2px);
  757. -ms-filter: blur(2px);
  758. filter: blur(2px);
  759. -webkit-transition: all 0.5s ease-in-out;
  760. -moz-transition: all 0.5s ease-in-out;
  761. -o-transition: all 0.5s ease-in-out;
  762. -ms-transition: all 0.5s ease-in-out;
  763. transition: all 0.5s ease-in-out;
  764. }
  765.  
  766. #linku2 {
  767. position:fixed;
  768. font-size:18px;
  769. text-decoration:none;
  770. margin-left:818px;
  771. margin-top:295px;
  772. }
  773.  
  774. #linku2:hover {
  775. -webkit-filter: blur(2px);
  776. -moz-filter: blur(2px);
  777. -o-filter: blur(2px);
  778. -ms-filter: blur(2px);
  779. filter: blur(2px);
  780. -webkit-transition: all 0.5s ease-in-out;
  781. -moz-transition: all 0.5s ease-in-out;
  782. -o-transition: all 0.5s ease-in-out;
  783. -ms-transition: all 0.5s ease-in-out;
  784. transition: all 0.5s ease-in-out;
  785. }
  786.  
  787.  
  788. #linku2 a {
  789. color: #b5b903; /*color of custom links*/
  790. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of custom links*/
  791. -webkit-filter: blur(1px);
  792. -moz-filter: blur(1px);
  793. -o-filter: blur(1px);
  794. -ms-filter: blur(1px);
  795. filter: blur(1px);
  796. }
  797.  
  798. #linku2 a:hover {
  799. color: #fff;
  800. }
  801.  
  802. #linku3 {
  803. position:fixed;
  804. font-size:18px;
  805. text-decoration:none;
  806. margin-left:865px;
  807. margin-top:380px;
  808. }
  809.  
  810. #linku3:hover {
  811. -webkit-filter: blur(2px);
  812. -moz-filter: blur(2px);
  813. -o-filter: blur(2px);
  814. -ms-filter: blur(2px);
  815. filter: blur(2px);
  816. -webkit-transition: all 0.5s ease-in-out;
  817. -moz-transition: all 0.5s ease-in-out;
  818. -o-transition: all 0.5s ease-in-out;
  819. -ms-transition: all 0.5s ease-in-out;
  820. transition: all 0.5s ease-in-out;
  821. }
  822.  
  823.  
  824. #linku3 a {
  825. color: #b5b903; /*color of custom links*/
  826. text-shadow: 0px 0px 5px #a4a4a4; /*shadow | glow of custom links*/
  827. -webkit-filter: blur(1px);
  828. -moz-filter: blur(1px);
  829. -o-filter: blur(1px);
  830. -ms-filter: blur(1px);
  831. filter: blur(1px);
  832. }
  833.  
  834. #linku3 a:hover {
  835. color: #fff;
  836. }
  837.  
  838. #linku4 {
  839. position:fixed;
  840. font-size:16px;
  841. text-decoration:none;
  842. margin-left:800px;
  843. margin-top:618px;
  844. }
  845.  
  846. #linku4:hover {
  847. -webkit-filter: blur(2px);
  848. -moz-filter: blur(2px);
  849. -o-filter: blur(2px);
  850. -ms-filter: blur(2px);
  851. filter: blur(2px);
  852. -webkit-transition: all 0.5s ease-in-out;
  853. -moz-transition: all 0.5s ease-in-out;
  854. -o-transition: all 0.5s ease-in-out;
  855. -ms-transition: all 0.5s ease-in-out;
  856. transition: all 0.5s ease-in-out;
  857. }
  858.  
  859. #linku5 {
  860. position:fixed;
  861. font-size:13px;
  862. text-decoration:none;
  863. width:70px;
  864. height:auto;
  865. margin-left:900px;
  866. margin-top:618px;
  867. }
  868.  
  869. #linku5:hover {
  870. -webkit-filter: blur(2px);
  871. -moz-filter: blur(2px);
  872. -o-filter: blur(2px);
  873. -ms-filter: blur(2px);
  874. filter: blur(2px);
  875. -webkit-transition: all 0.5s ease-in-out;
  876. -moz-transition: all 0.5s ease-in-out;
  877. -o-transition: all 0.5s ease-in-out;
  878. -ms-transition: all 0.5s ease-in-out;
  879. transition: all 0.5s ease-in-out;
  880. }
  881.  
  882. #linku6 {
  883. position:fixed;
  884. font-size:13px;
  885. width:70px;
  886. height:auto;
  887. text-decoration:none;
  888. margin-left:1000px;
  889. margin-top:618px;
  890.  
  891. }
  892.  
  893. #linku6:hover {
  894. -webkit-filter: blur(2px);
  895. -moz-filter: blur(2px);
  896. -o-filter: blur(2px);
  897. -ms-filter: blur(2px);
  898. filter: blur(2px);
  899. -webkit-transition: all 0.5s ease-in-out;
  900. -moz-transition: all 0.5s ease-in-out;
  901. -o-transition: all 0.5s ease-in-out;
  902. -ms-transition: all 0.5s ease-in-out;
  903. transition: all 0.5s ease-in-out;
  904. }
  905.  
  906.  
  907. #fade { /*--Transparent background layer--*/
  908. display: none; /*--hidden by default--*/
  909. background: #a4a4a4; /*color of pop up fade */
  910. background-image: url(''); /*if you want to add a background image to go behind your popup */
  911. position: fixed; left: 0; top: 0;
  912. width: 100%;
  913. height: 100%;
  914. opacity: 0.7;/* you can make it 0 if you don't want a surrounding color to the popup or set it to 1 to have the background posts and theme invisible and only the pop up showing */
  915. z-index: 9999;
  916. }
  917.  
  918. .popup_block {
  919. display:none;
  920. HEIGHT:auto;
  921. width:auto;
  922. background:transparent;
  923. padding:0px;
  924. float:left;
  925. position:fixed;
  926. margin:auto;
  927. z-index: 99999;
  928. }
  929.  
  930. .popup_boxy {
  931. background:#dadada; /*color of popup background*/
  932. background-image:url("https://i.imgur.com/QIp9vuH.png"); /*main image of popup*/
  933. border:solid 1px #7c7c7c; /*border color of main popup*/
  934. position:absolute;
  935. box-shadow: 0px 0px 2px #7c7c7c; /*shadow color of popup*/
  936. text-align:center;
  937. font-size: 10px; /*font size of the words inside the box */
  938. padding:20px;
  939. margin:auto;
  940. width: 575px; /*width of main pop up*/
  941. height:350px; /*height of main pop up*/
  942. overflow-y:none;
  943. top:235px; /*position of pop up*/
  944. left:450px;
  945. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  946. }
  947.  
  948. .popup_content {
  949. height:321px;
  950. width: 327px;
  951. padding: 10px;
  952. margin:5px;
  953. border: solid 1px #7c7c7c; /*border color of square that includes popup content*/
  954. overflow-y:scroll;
  955. background:#ccc; /*background color of pop up content, the square that has your text*/
  956. float:right;
  957. }
  958.  
  959. .tabheader {
  960. position:absolute;
  961. top:210px; /*make sure to keep this less than position of box so it floats above it always*/
  962. left:812px;
  963. text-align:center;
  964. width:300px;
  965. background:transparent;
  966. color:#e6e6e6; /* color of hanging pop up header */
  967. text-shadow:0px 0px 10px #7c7c7c,
  968. 0px 0px 3px #7c7c7c;
  969. overflow-y:scroll;
  970. font-family: 'nightingale';
  971. font-size:15px;
  972. font-weight:normal;
  973. letter-spacing:1px;
  974. text-transform:lowercase;
  975. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  976. }
  977.  
  978. /*tabbed popups begins*/
  979.  
  980. ul#tabs {
  981. list-style-type: none;
  982. padding: 0;
  983. text-align: center;
  984. }
  985.  
  986. ul#tabs li:hover { /*appearance when you hover on titles*/
  987. }
  988.  
  989. ul#tabs li.active { /*your active tab title*/
  990.  
  991. text-align:justify;
  992. width: 100px; /*width of your title*/
  993. box-shadow: 0px 0px 5px #a4a4a4;
  994. background-image: url('https://78.media.tumblr.com/0cda36a9b103ba8aac5e1db7a2a58a00/tumblr_opt274UTc11uuj1vto1_540.gif');
  995. background-repeat:repeat;
  996. background-attachment:fixed;
  997. border: double 3px #7c7c7c; /*color of border of the titles of the sidebar*/
  998. padding:5px;
  999. margin:10px;
  1000. color:#fff; /*text color of tab titles*/
  1001. text-shadow:1px 1px #191919,
  1002. 1px -1px #191919,
  1003. 1px 0px #191919,
  1004. 0px 1px #191919,
  1005. 0px -1px #191919,
  1006. -1px 1px #191919,
  1007. -1px 0px #191919,
  1008. -1px -1px #191919;
  1009. /*change all the hex of the text shadow to the same code
  1010. to change the outline of the text*/
  1011. font-size:11px;
  1012. font-family:calibri;
  1013. text-transform:uppercase;
  1014. letter-spacing:1px;
  1015. text-align:center;
  1016. -webkit-transition:
  1017. all 0.5s ease-out;
  1018. -moz-transition: all 0.5s ease-out;
  1019. transition: all 0.5s ease-out;
  1020. }
  1021.  
  1022.  
  1023. ul#tabs li { /*the rest of the titles / inactive one*/
  1024. display:block;
  1025. width: 100px;
  1026. padding: 5px;
  1027. margin:10px;
  1028. font-size:11px;
  1029. background-image: url('');
  1030. background:#ccc;
  1031. background-repeat:repeat;
  1032. background-attachment:fixed;
  1033. border: double 3px #7c7c7c;
  1034. box-shadow: 0px 0px 5px #a4a4a4;
  1035. color:#7c7c7c;
  1036. font-family:calibri;
  1037. text-transform:uppercase;
  1038. cursor:pointer;
  1039. }
  1040.  
  1041.  
  1042. ul#tab {
  1043. list-style-type: none;
  1044. margin: 0;
  1045. padding: 0;
  1046. }
  1047. ul#tab li {
  1048. display: none;
  1049. }
  1050. ul#tab li.active {
  1051. display: block;
  1052. }
  1053.  
  1054. #tabid { /*this is the navigation of your tabbed pop ups*/
  1055. position:absolute;
  1056. top: 355px; /*position of tab navigation*/
  1057. left: 1065px; /*position of tab navigation*/
  1058. text-align:center;
  1059. border:none;
  1060. width:auto;
  1061. background:transparent; /*background color of pop up side navigation*/
  1062. height:auto;
  1063. overflow:scroll;
  1064. text-align:justify;
  1065. padding:5px;
  1066. font-size:9px;
  1067. font-family:calibri;
  1068. text-transform:uppercase;
  1069. letter-spacing:1px;
  1070. text-align:center;
  1071. z-index: 999999;
  1072. }
  1073.  
  1074. /*end*/
  1075.  
  1076. img.btn_close {
  1077. float: right;
  1078. margin: -5px -5px 0 0;
  1079. }
  1080. /*--Making IE6 Understand Fixed Positioning--*/
  1081. *html #fade {
  1082. position: absolute;
  1083. }
  1084. *html .popup_block {
  1085. position: absolute;
  1086. }
  1087.  
  1088.  
  1089. /*The header of each part of the navigation*/
  1090. .navi_linksu h3 {
  1091. font-size:22px;
  1092. margin-bottom:-5px;
  1093. border:none;
  1094. color: #a4a4a4; /*color of header*/
  1095. font-family: 'selima';
  1096. font-weight:normal;
  1097. letter-spacing:1px;
  1098. text-transform:lowercase;
  1099. background:transparent;
  1100. }
  1101.  
  1102. .navi_linksu {
  1103. text-align:center;
  1104. }
  1105.  
  1106. .navi_linksu a {
  1107. display: inline-block;
  1108. width: 120px;
  1109. padding: 5px;
  1110. margin:5px;
  1111. font-size:11px;
  1112. background-image: url('');
  1113. background:#ccc; /*color of navigation links background*/
  1114. background-repeat:repeat;
  1115. background-attachment:fixed;
  1116. border: solid 1px #7c7c7c;
  1117. color:#7c7c7c;
  1118. font-family:calibri;
  1119. text-transform:uppercase;
  1120.  
  1121.  
  1122. }
  1123.  
  1124. .navi_linksu a:hover {
  1125. -webkit-transition: all .5s ease-in-out;
  1126. -moz-transition: all .5s ease-in-out;
  1127. -ms-transition: all .5s ease-in-out;
  1128. -o-transition: all .5s ease-in-out;
  1129. transition: all .5s ease-in-out;
  1130. background:#7c7c7c; /*background color of navi links on hover*/
  1131. border: solid 1px #ccc;
  1132. color:#ccc; /*color of links on hover*/
  1133. }
  1134.  
  1135. .versu {
  1136. width:80px;
  1137. height:auto;
  1138. float:left;
  1139. padding:20px;
  1140. }
  1141.  
  1142.  
  1143. .vee {
  1144. text-align:center;
  1145. padding:10px;
  1146. margin-bottom:20px;
  1147. }
  1148.  
  1149. /*POP UP END*/
  1150.  
  1151.  
  1152. /* DO NOT REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */
  1153. .credit {
  1154. font-weight:bold;
  1155. border-top:dashed 1px #7c7c7c;
  1156. border-right:dashed 1px #7c7c7c;
  1157. border-left:dashed 1px #7c7c7c;
  1158. background:#ccc;
  1159. color:#7c7c7c;
  1160. padding:10px;
  1161. font-size:15px;
  1162. bottom:0px;
  1163. right:20px;
  1164. position:fixed;
  1165. font-family:'sail';
  1166. -webkit-filter: blur(.5px);
  1167. -moz-filter: blur(.5px);
  1168. -o-filter: blur(.5px);
  1169. -ms-filter: blur(.5px);
  1170. filter: blur(.5px);
  1171.  
  1172. }
  1173.  
  1174. .credit a {
  1175. color:#7c7c7c;
  1176. }
  1177.  
  1178. .credit a:hover {
  1179. color: #fff;
  1180. }
  1181. /*CREDIT END*/
  1182.  
  1183. </style>
  1184.  
  1185. <body>
  1186. <!--sidebar begins here-->
  1187. <div id="boxy">
  1188. <div id="despacito">
  1189. <div class="anchor">and i'll fly further than them all</div>
  1190. <div class="sail">an <b>INDEPENDENT & SELECTIVE</b> inojin yamanaka from the boruto series. penned by Wes. </div>
  1191. </div>
  1192. </div>
  1193.  
  1194. <!--sidebar end-->
  1195.  
  1196. <!--this is where you edit the size and titles of the scattered links, you can edit their content way below though. The #?w= determines the width of the pop up, make sure to give your popups different box numbers-->
  1197. <div id="pops">
  1198. <div id="linku1"> <a href="/" title="HOME.">✖</a></div>
  1199. <div id="linku2"> <a href="#?w=500" rel="box1" class="poplight" title="ASK.">✖</a></div>
  1200. <div id="linku3"> <a href="#?w=500" rel="box2" class="poplight" title="NAVIGATION.">✖</a></div>
  1201. <div id="linku4"> <a href="#?w=320" rel="box3" class="poplight" title="RULES."><img src="http://static.tumblr.com/zx3ibzm/Os8orgk19/icons.png"></a></div> <!--change image source to change the squares labelled icon-->
  1202. <div id="linku5"> <a href="#?w=320" rel="verses" class="poplight" title="VERSES."><img src="http://static.tumblr.com/zx3ibzm/Os8orgk19/icons.png"></a></div> <!--change image source to change the squares labelled icon-->
  1203. <div id="linku6"> <a href="#?w=320" rel="box5" class="poplight" title="ABOUT."><img src="http://static.tumblr.com/zx3ibzm/Os8orgk19/icons.png"></a></div> <!--change image source to change the squares labelled icon-->
  1204. </div>
  1205. </div>
  1206. </div>
  1207.  
  1208. <!--/* DO /NOT/ REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */-->
  1209. <div class="credit"><a href="http://ddkinzart.tumblr.com" title="code by ddkinzart">D.</a></div>
  1210.  
  1211. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1212.  
  1213. {block:Pagination}
  1214. <div class="pagi">
  1215. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1216. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1217. </div>
  1218. {/block:Pagination}
  1219. <div id="container">
  1220. <div id="entries">
  1221.  
  1222. {block:Posts}
  1223.  
  1224. <div id="content">
  1225. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1226. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1227. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1228.  
  1229. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1230. {/block:Photoset}
  1231.  
  1232. {block:Quote}<div class="quote">❝{Quote}❞</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1233. {block:Link}
  1234. {block:Thumbnail}
  1235. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1236. {/block:Thumbnail}
  1237. <div id="linku">
  1238. <span style="font-size:20px">❝ </span> <a href="{URL}" class="link" {Target}>{Name}</a><span style="font-size:20px"> ❞</span>
  1239. </div>
  1240. {/block:Link}
  1241.  
  1242. {block:Chat}
  1243. {block:Title}
  1244. <div class="titulo">{Title}</div>{/block:Title}<br>
  1245. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1246. {Line}</li>{/block:Lines}</ul>
  1247. {/block:Chat}
  1248.  
  1249. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1250. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1251. {block:Answer}
  1252. <div id="asker">{Asker}<span style="font-size:13px; font-family:bebas neue;"> whispered: </span></div><div id="ask">{Question}</div>
  1253. <div id="answer">
  1254. {Answer}</div>
  1255. {/block:Answer}
  1256. <div class="permalinks">
  1257. {block:RebloggedFrom}
  1258. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" >✖</a>
  1259. {/block:RebloggedFrom}
  1260. <a href="{Permalink}" title="{timeago}">✖</a>{block:NoteCount}
  1261. <a href="{Permalink}" title="{NoteCount} hits.">✖</a>{/block:NoteCount}
  1262. {block:ContentSource}
  1263. <a href="{SourceURL}" title="source: {SourceTitle}">✖</a>
  1264. {/block:ContentSource}
  1265. <a href="{ReblogURL}" title="reblog" target="_blank">✖</a>
  1266. {/block:RebloggedFrom}
  1267. </div>
  1268. <div class="tags">
  1269. {block:HasTags}
  1270. {block:Tags}
  1271. <!--you can change symbol before tags to something else-->; <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1272. {/block:Tags}
  1273. {/block:HasTags}
  1274. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1275.  
  1276. </div></div>
  1277. {/block:Posts}
  1278. </div>
  1279. </div>
  1280. </body>
  1281.  
  1282.  
  1283. <!--This is where the pop up begins, you can edit beyond this point-->
  1284.  
  1285. <div id="box1" class="popup_block" style="top:50%;left:50%">
  1286. <i style="text-align:center;">{AskLabel}</i>
  1287. <br>
  1288. <div class="queque">
  1289. {block:ShowHeaderImage}<img src="{HeaderImage}" width="100%">{/block:ShowHeaderImage} <!-- this will automatically display your mobile header image, but you can substitute with the url of another image, try to choose image which's width matches your pop up-->
  1290. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1291. </div></div>
  1292. </div>
  1293. <div id="box2" class="popup_block">
  1294. <div class="tabheader">Navigation.</div><div class="popup_boxy">
  1295. <div class="popup_content">
  1296. <h3>navigation</h3>
  1297. <div class="navi_linksu">
  1298. <h3>Main</h3>
  1299.  
  1300. <a href="/tagged/">TAG</a>
  1301. <a href="/tagged/">TAG</a>
  1302. <a href="/tagged/">TAG</a>
  1303. <a href="/tagged/">TAG</a>
  1304. <a href="/tagged/">TAG</a>
  1305. <a href="/tagged/">TAG</a>
  1306. <a href="/tagged/">TAG</a>
  1307. <a href="/tagged/">TAG</a>
  1308. <a href="/tagged/">TAG</a>
  1309. <h3>other</h3>
  1310. <a href="/tagged/">TAG</a>
  1311. <a href="/tagged/">TAG</a>
  1312. <a href="/tagged/">TAG</a>
  1313. <a href="/tagged/">TAG</a>
  1314. <a href="/tagged/">TAG</a>
  1315. <a href="/tagged/">TAG</a>
  1316. <a href="/tagged/">TAG</a>
  1317. <a href="/tagged/">TAG</a>
  1318. <a href="/tagged/">TAG</a>
  1319. </div>
  1320. </div>
  1321. </div>
  1322. </div>
  1323.  
  1324. <div id="box3" class="popup_block"><div class="tabheader">Rules.</div><div class="popup_boxy">
  1325. <div class="popup_content">
  1326.  
  1327.  
  1328. <h3>**Not adhering to my rules will result in me talking to you first and if continually broken, termination of all interactions**</h3>
  1329.  
  1330. Exclusivity and Mains are possible, come IM me if you’re interested and we’ve rped consistently and I may be able to make it happen.<p>
  1331. No GODMODDING. I will control Inojin, you will control your muse and that will be that.<p>
  1332. I am both Selective and Private meaning if we aren’t mutuals I won’t rp with you. If you follow me I’ll most likely follow you back, I’m not too terribly picky with following others. As long as you don’t post wildly ooc stuff constantly or have ridiculously long posts I will probably follow you.<p>
  1333. If you’d like to turn a meme into a thread, I’d be more than happy to continue it if it makes sense to do so. Don’t try to continue something that has a definitive end. Please please PLEASE put it in a separate text post and tag me in it. Don’t just reblog the ask, it clutters dashes and is just a general mess. If you’re on mobile or for some other reason can’t make a new post, just IM me and I’ll be more than happy to put my ask in a text post to be easily reblogged.<p>
  1334. Much of what I write will have to be headcanoned as we don’t know his future and I still want to write it. So, don’t take anything I have here as a future telling of the Boruto manga, this is just what I like and what I want. <p>
  1335. Verbal Abuse or any other forms of cyber bullying will not be tolerated. If you dislike me that is fine, but keep it to yourself and don’t air your dirty laundry all over tumblr. I will delete all hate and I will block anyone trying to start drama with me.<p>
  1336. I am very picky about OCs, if we’ve interacted on another one of my blogs it’s most likely I won’t say no, but if you don’t have an about page or are from out of the fandom I won’t rp with you. Fandomless OCs are likely to be ignored. I don’t like them very much and I’m not stretching my character to fit yours. <p>
  1337. If I don’t respond right away, please be patient with me. I have a personal life that takes presidence and many other rp blogs (at the time of writing this there are 7 other ones). <p>
  1338. It is alright to remind me if you think I may have forgotten about a thread, but give me about a week or two first. If you constantly bug me about it I will drop it without notice and likely block you.<p>
  1339. I reserve the right to drop anything I like, with notice or without. If you’re making me uncomfortable chances are I won’t say anything right away as I have Social Anxiety but if it goes too far I may speak up. If it continues I won’t hesitate to block people<p>
  1340. IM chats for ooc and whatever else is alright. I also have a Skype available to mutuals. <p>
  1341. With ships, I’m open to most things but my favourite ships are InoSara (or SaraJin, whichever you prefer to say) and InoHima. If you’re a different muse I’m most likely open to a ship, just hop by my IM and ask.<p>
  1342. I don’t care if you have a pretty blog with the best theme and nice icons, putting everything in the nice font and edited nicely. I care if you write well and our styles match. If your blog makes it too hard to read something or I can’t understand what you’re saying I won’t interact with you though, plain and simple. <p>
  1343. For formatting, small text with icons is my preference. I will format every one of my posts, I will place your icon either ahead of your whole text or ahead of your dialogue, but never at the bottom, it clashes with my formatting. I will also make your text smaller to match mine if you don’t already. I don’t do it to make fun of your format or say it’s inferior in any way, it’s just what I like and how I want my blog to look.<p>
  1344. I don’t have any triggers and can be oblivious when tagging them. If you have a trigger you want tagged, come tell me. I may forget though, so be warned.
  1345. My ask box is open to everyone, but chances are if you’re not a mutual I may be choosy about sending you an ic response. If we’re not mutuals and you like a starter call, I won’t send you one unless I really like your blog and just missed looking it over.<p>
  1346. I will accept NSFW rps, but both mun and muse need to be 18+. I am over 18 and will make my muse older as well. I WILL NOT write smut with minors.
  1347. I will interact with duplicates of characters but I may be choosy about shipping with duplicates. You may ask if you want to ship and see I’m shipping with another, I may say yes or no. <p>
  1348. </div></div></div></div>
  1349.  
  1350. <div id="verses" class="popup_block"><div class="tabheader">Verses.</div>
  1351. <div id="tabid">
  1352. <ul id="tabs">
  1353. <li class="active">main.</li>
  1354. <li>AU.</li>
  1355. <li>OTHER.</li>
  1356. </ul></div>
  1357.  
  1358. <div class="popup_boxy"><div class="popup_content">
  1359.  
  1360. <ul id="tab">
  1361.  
  1362. <li class="active">
  1363.  
  1364. <h3>MAIN</h3>
  1365.  
  1366. <!--start copying from here if you want more verse blocks-->
  1367.  
  1368. <div class="vee">
  1369.  
  1370. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1371.  
  1372. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1373. <br><br><b>AGE</b>
  1374. <br><b>TIMELINE</b>
  1375. <br><b>POSITION</b>
  1376.  
  1377. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1378.  
  1379. </div>
  1380.  
  1381. <!--paste here-->
  1382. <!--start copying from here if you want more verse blocks-->
  1383.  
  1384. <div class="vee">
  1385.  
  1386. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1387.  
  1388. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1389. <br><br><b>AGE</b>
  1390. <br><b>TIMELINE</b>
  1391. <br><b>POSITION</b>
  1392.  
  1393. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1394.  
  1395. </div>
  1396.  
  1397. <!--paste here-->
  1398.  
  1399.  
  1400.  
  1401. </li>
  1402.  
  1403. <li>
  1404.  
  1405. <h3>AU</h3>
  1406.  
  1407. <!--start copying from here if you want more verse blocks-->
  1408.  
  1409. <div class="vee">
  1410.  
  1411. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1412.  
  1413. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1414. <br><br><b>AGE</b>
  1415. <br><b>TIMELINE</b>
  1416. <br><b>POSITION</b>
  1417.  
  1418. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1419.  
  1420. </div>
  1421.  
  1422. <!--paste here-->
  1423. <!--start copying from here if you want more verse blocks-->
  1424.  
  1425. <div class="vee">
  1426.  
  1427. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1428.  
  1429. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1430. <br><br><b>AGE</b>
  1431. <br><b>TIMELINE</b>
  1432. <br><b>POSITION</b>
  1433.  
  1434. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1435.  
  1436. </div>
  1437.  
  1438. <!--paste here-->
  1439.  
  1440. </li>
  1441.  
  1442. <li>
  1443.  
  1444. <h3>OTHER</h3>
  1445.  
  1446. <!--start copying from here if you want more verse blocks-->
  1447.  
  1448. <div class="vee">
  1449.  
  1450. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1451.  
  1452. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1453. <br><br><b>AGE</b>
  1454. <br><b>TIMELINE</b>
  1455. <br><b>POSITION</b>
  1456.  
  1457. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1458.  
  1459. </div>
  1460.  
  1461. <!--paste here-->
  1462.  
  1463. <!--start copying from here if you want more verse blocks-->
  1464.  
  1465. <div class="vee">
  1466.  
  1467. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1468.  
  1469. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1470. <br><br><b>AGE</b>
  1471. <br><b>TIMELINE</b>
  1472. <br><b>POSITION</b>
  1473.  
  1474. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1475.  
  1476. </div>
  1477.  
  1478. <!--paste here-->
  1479.  
  1480.  
  1481. </li>
  1482.  
  1483. </ul> <!--important don't delete-->
  1484. </div></div></div></div></div></div></div></div></div></div></div></div></div>
  1485.  
  1486. </div>
  1487. </div></div>
  1488.  
  1489. <div id="box5" class="popup_block"><div class="tabheader">About.</div>
  1490. <div id="tabid">
  1491. <ul id="tabs">
  1492. <li class="active">main.</li>
  1493. <li>appearance.</li>
  1494. <li>interests.</li>
  1495. <li>personality</li>
  1496. <li>abilities.</li>
  1497. <li>biography.</li>
  1498. </ul></div>
  1499. <div class="popup_boxy">
  1500. <div class="popup_content">
  1501. ❝ you can put a <b>Quote</b> here
  1502. or <i>anything</i> else you like or just remove it, whatever really❞
  1503.  
  1504. <ul id="tab">
  1505. <li class="active">
  1506.  
  1507. <h3>General Information</h3>
  1508.  
  1509. </li>
  1510.  
  1511. <li>
  1512.  
  1513. <h3>Appearance</h3>
  1514.  
  1515. </li>
  1516.  
  1517. <li>
  1518.  
  1519. <h3>Interests</h3>
  1520.  
  1521. </li>
  1522.  
  1523. <li>
  1524.  
  1525. <h3>Personality</h3>
  1526.  
  1527. </li>
  1528.  
  1529. <li>
  1530.  
  1531. <h3>Abilities</h3>
  1532.  
  1533. </li>
  1534.  
  1535. <li>
  1536.  
  1537. <h3>Biography</h3>
  1538.  
  1539. </li>
  1540.  
  1541. </ul> <!--important don't delete-->
  1542. </div></div></div></div></div></div></div></div></div></div></div></div>
  1543. </div>
  1544.  
  1545. </div></div>
  1546.  
  1547. </div></div></div></div></div></div></div></div></div></div></div>
  1548.  
  1549. </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!