API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 23rd, 2019
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 67.88 KB | None | 0 0
raw download clone embed print report
  1. <!----------
  2. ＴＨＥＭＥ ＢＹ
  3. 𝐃𝐄𝐒𝐂𝐀𝐑𝐑𝐈𝐀𝐃𝐎
  4.  
  5. Please, be kind.
  6.  
  7. -Don't remove the credit.
  8. -Don't claim as yours.
  9. -Don't take bits of my code for others themes.
  10. -If you use the source viewer to see my code, please, think about how would you feel if this is your code and someone steal form you.
  11. -Edit as much as you please.
  12. -This MY FIRST RELEASED THEME. IF YOU WANT TO COMMISSION A THEME FROM ME YOU CAN GO TO MY PAGE, THANK YOU.
  13.  
  14.  
  15. ＰＬＥＡＳＥ ＤＯ ＮＯＴ ＲＥＭＯＶＥ ＴＨＥ ＣＲＥＤＩＴ
  16. --------->
  17. <html> <head>
  18.  
  19. <title>{title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26.  
  27. <!-- COLORS -->
  28. <meta name="color:background" content="#151515"/>
  29. <meta name="color:text" content="#d1d1d0"/>
  30. <meta name="color:links" content="#ede6e5"/>
  31. <meta name="color:bold" content="#3cbad5"/>
  32. <meta name="color:bold shadow" content="#000000"/>
  33. <meta name="color:big" content="#afd9da"/>
  34. <meta name="color:big shadow" content="#afd9da"/>
  35. <meta name="color:italic" content="#ffffff"/>
  36. <meta name="color:italic shadow" content="#ffffff"/>
  37. <meta name="color:strike" content="#568f9d"/>
  38. <meta name="color:underline" content="#568f9d"/>
  39. <meta name="color:code" content="#859da3"/>
  40. <meta name="color:h1" content="#006683"/>
  41. <meta name="color:h1x" content="#00ceff"/>
  42. <meta name="color:h1xx" content="#060606"/>
  43. <meta name="color:h2" content="#2a9fc1"/>
  44. <meta name="color:h2 shadow" content="#000000"/>
  45. <meta name="color:h3" content="#2a9fc1"/>
  46. <meta name="color:qb" content="#121212"/>
  47. <meta name="color:text pre" content="#d4d4d4"/>
  48. <meta name="color:tags text" content="#2c2c2c"/>
  49. <meta name="color:tags hover" content="#4aadcd"/>
  50. <meta name="color:info text" content="#e0e0e0"/>
  51. <meta name="color:info shadow" content="#000000"/>
  52. <meta name="color:info hover" content="#46deff"/>
  53. <meta name="color:select background" content="#1c1c1c"/>
  54. <meta name="color:select text" content="#42b4d2"/>
  55. <meta name="color:borders" content="#252525"/>
  56. <meta name="color:shadow2" content="#000000"/>
  57. <meta name="color:hover borders" content="#191919"/>
  58. <meta name="color:chatone" content="#668085"/>
  59. <meta name="color:chattwo" content="#232728"/>
  60. <!-- COLORS -->
  61. <link href="https://fonts.googleapis.com/css?family=Hind" rel="stylesheet">
  62.  
  63. <!-------------------------------------------------------------------->
  64.  
  65. <!-- jquery -->
  66. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  67. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  68. <script src="https://secure.static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  69. <!-- TOOLTIPS -->
  70. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  71. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72. <script>
  73. (function($){
  74. $(document).ready(function(){
  75. $("a[title]").style_my_tooltips({
  76. tip_follows_cursor:true,
  77. tip_delay_time:50,
  78. tip_fade_speed:200,
  79. attribute:"title"
  80. });
  81. });
  82. })(jQuery);
  83. </script>
  84. <!-- TABS -->
  85. <script>
  86. $(document).ready(function() {
  87. $('.tabs .tab-links a').on('click', function(e){var currentAttrValue =
  88. $(this).attr('href');// Show Tabs
  89. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  90. $(this).parent('li').addClass('active').siblings().removeClass('active');e.preventDefault();});});</script>
  91.  
  92. <!-------------------------------------------------------------------->
  93. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  94. <script type="text/javascript">
  95. $(document).ready(function(){
  96. $(".hover_body").hide();
  97. $(".hover_head").click(function(){
  98. $(this).next(".hover_body").slideToggle('fast');
  99. }); }); </script>
  100.  
  101. <!-- THIS IS FOR THE PHOTOS DO NOT TOUCH PLEASE -->
  102.  
  103. <link href='https://static.tumblr.com/7bmjmb1/eHantn10w/photoset.css' rel='stylesheet' type='text/css'>
  104. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  105. <script>
  106. $(document).ready(function() {
  107. $('.photo-slideshow').pxuPhotoset({
  108. 'ligthbox': true, // uses the default Tumblr lightbox, change to false to use your own
  109. 'rounded' : 'corners', // corners, all or false
  110. 'highRes' : true, // will use high res images
  111. 'gutter' : '3px', // spacing between the images
  112. }, function() {
  113. $(this).animate({opacity:1});
  114. });});
  115. </script>
  116.  
  117. <script>
  118. $(document).ready(function(){
  119. $('.video iframe').each(function(){
  120. var scale = $(this).parents('.video').width() / 400;
  121. $(this).attr({
  122. width: Math.floor($(this).attr('width') * scale),
  123. height: Math.floor($(this).attr('height') * scale)})
  124. ;});});
  125. </script>
  126.  
  127.  
  128.  
  129. <!-- THIS IS FOR THE PHOTOS DO NOT TOUCH PLEASE -->
  130.  
  131.  
  132. <!--POPUPS & TUTORIAL BY NEONBIKETHEMES-->
  133. <script type="text/javascript"
  134. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  135. <script>
  136. $(document).ready(function() {
  137. //
  138. $('a.poplight[href^=#]').click(function() {
  139. var popID = $(this).attr('rel'); //Get Popup Name
  140. var popURL = $(this).attr('href'); //Get Popup href to define size
  141. var query= popURL.split('?');
  142. var dim= query[1].split('&');
  143. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  144. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  145. var popMargTop = ($('#' + popID).height() + 80) / 2;
  146. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  147. //Apply Margin to Popup
  148. $('#' + popID).css({
  149. 'margin-top' : -popMargTop,
  150. 'margin-left' : -popMargLeft
  151. });
  152. $('body').append('<div id="fade"></div>');
  153. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  154. return false;
  155. });
  156. $('a.close, #fade').live('click', function() {
  157. $('#fade , .popup_block').fadeOut(function() {
  158. $('#fade, a.close').remove(); //fade them both out
  159. });
  160. return false;
  161. });
  162. });
  163. </script>
  164.  
  165. <!--TABS & TUTORIAL BY SHOWMAXTER-->
  166. <script>
  167.  
  168. $(document).ready(function(){
  169. $("ul#tabs li").click(function(e){
  170. if (!$(this).hasClass("active")) {
  171. var tabNum = $(this).index();
  172. var nthChild = tabNum+1;
  173. $("ul#tabs li.active").removeClass("active");
  174. $(this).addClass("active");
  175. $("ul#tab li.active").removeClass("active");
  176. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  177. }
  178. });
  179. });
  180. </script>
  181.  
  182. <script src=“https://static.tumblr.com/DXH5XQ2/V6GN8JU1E/TABS.JS”></script>
  183.  
  184.  
  185. <!--DROPDOWN MENU SCRIPT BY LE4F-->
  186. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  187. <script type="text/javascript">
  188. $(document).ready(function(){
  189. $(".links_body").hide();
  190. $(".links_head").click(function(){
  191. $(this).next(".links_body").slideToggle('fast');
  192. }); }); </script>
  193. <!--END DROPDOWN SCRIPT-->
  194.  
  195.  
  196.  
  197. <link href="https://fonts.googleapis.com/css?family=Just+Another+Hand" rel="stylesheet">
  198.  
  199. <style type="text/css">
  200.  
  201. /* Custom Fonts */
  202. @font-face {
  203. font-family:angelitaregular;
  204. src: url('https://dl.dropboxusercontent.com/s/sbsybc86nh89hks/Tahu%21.ttf');
  205. }
  206.  
  207. @font-face {
  208. font-family:bold;
  209. src: url('https://dl.dropboxusercontent.com/s/5gmnxk7tvunveqo/Beauty%20and%20the%20Beast%20Sample.ttf')
  210. }
  211.  
  212. /*GROW*/
  213. @-webkit-keyframes grow {
  214. from { transform: none; }
  215. 50% { transform: scale(1.2) rotate(5deg); }
  216. to { transform: none; }}
  217. }
  218.  
  219. @-moz-keyframes grow {
  220. from { transform: none; }
  221. 50% { transform: scale(1.2) rotate(5deg); }
  222. to { transform: none; }
  223. }
  224.  
  225. @-o-keyframes grow {
  226. from { transform: none; }
  227. 50% { transform: scale(1.2) rotate(5deg); }
  228. to { transform: none; }
  229. }
  230.  
  231. @keyframes grow {
  232. from { transform: none; }
  233. 50% { transform: scale(1.2) rotate(5deg); }
  234. to { transform: none; }
  235. }
  236.  
  237. /*ANTIGROW*/
  238. @-moz-keyframes antigrow {
  239. from { transform: none; }
  240. 50% { transform: scale(1.2) rotate(-5deg); }
  241. to { transform: none; }}
  242. }
  243.  
  244. @-moz-keyframes antigrow {
  245. from { transform: none; }
  246. 50% { transform: scale(1.2) rotate(-5deg); }
  247. to { transform: none; }
  248. }
  249.  
  250. @-o-keyframes antigrow {
  251. from { transform: none; }
  252. 50% { transform: scale(1.2) rotate(-5deg); }
  253. to { transform: none; }
  254. }
  255.  
  256. @keyframes antigrow {
  257. from { transform: none; }
  258. 50% { transform: scale(1.2) rotate(-5deg); }
  259. to { transform: none; }
  260. }
  261.  
  262.  
  263. /* FONTS */
  264. @import url('https://fonts.googleapis.com/css?family=Oswald|Crimson+Text:400,600i|Dancing+Script|Homemade+Apple|Montserrat|Roboto|Special+Elite|Barlow|Satisfy');
  265. @font-face {font-family:"bitxmap"; src: url("https://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  266. /* FONTS */
  267.  
  268. iframe.tmblr-iframe {
  269. z-index:99999999999999!important;
  270. top:-2px!important;
  271. right:0!important;
  272. opacity:1;
  273. padding-right:38px;
  274.  
  275. transform:scale(0.65);
  276. transform-origin:100% 0;
  277. -webkit-transform:scale(0.65);
  278. -webkit-transform-origin:100% 0;
  279. -o-transform:scale(0.65);
  280. -o-transform-origin:100% 0;
  281. -moz-transform:scale(0.65);
  282. -moz-transform-origin:100% 0;
  283. -ms-transform:scale(0.65);
  284. -ms-transform-origin:100% 0;}
  285.  
  286. iframe.tmblr-iframe:hover {
  287. opacity:0.6!important;}
  288.  
  289. .hcontrols {
  290. position:fixed;
  291. top:0;
  292. right:0;
  293. z-index:999999999;}
  294.  
  295. .hcontrols svg {
  296. width:26px;
  297. height:26px;
  298. padding:9px;}
  299.  
  300. .hcontrols svg path {
  301. fill:#fff;/* change this to change the color of the icon */}
  302.  
  303. /* POINTER */
  304.  
  305. *,body {cursor: url(https://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png), progress !important;}
  306. a:hover { cursor:url( https://68.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_okvj5qqS8G1t4i7gb_540.png ), progress !important; }
  307.  
  308. /* POINTER */
  309.  
  310.  
  311.  
  312.  
  313. /* body thingy */
  314.  
  315. body {
  316. background:#313437 url('https://cdn.discordapp.com/attachments/493259924533411852/579756081325015117/sakura_theme_bg_2.png') no-repeat fixed top left;
  317. font-family: 'Hind', sans-serif;
  318. text-align:justify;
  319. font-size: 12px;
  320. color:{color:text};
  321. line-height:1;
  322. }
  323.  
  324. /* body thingy */
  325.  
  326.  
  327. /* links and hovers */
  328.  
  329.  
  330. a {
  331. color:{color:bold};
  332. font-size:10px;
  333. font-family:bold;
  334. letter-spacing:1px;
  335. text-shadow:0px 0px 1px {color:bold};
  336. text-transform:uppercase;
  337. text-decoration:none;
  338. -webkit-transition: all 0.5s ease-in-out;
  339. -moz-transition: all 0.5s ease-in-out;
  340. -o-transition: all 0.5s ease-in-out;
  341. }
  342.  
  343. a:hover {
  344. color:{color:italic};
  345. text-shadow:0px 0px 3px {color:italic shadow};
  346.  
  347. }
  348.  
  349.  
  350.  
  351. /* links and hovers */
  352.  
  353.  
  354. /* SCROLLBAR */
  355.  
  356. ::-webkit-scrollbar-thumb{
  357. background-color: transparent;
  358. border-radius:0px;
  359. height:auto;
  360. }
  361.  
  362. ::-webkit-scrollbar {
  363. height:auto;
  364. width:4px;
  365. border: 1px transparent;
  366. border-radius:0px;
  367. }
  368.  
  369. /* SCROLLBAR */
  370.  
  371. #wrap img {
  372. background-color: transparent;
  373. margin-top:8px;
  374. padding-right:12px;
  375. padding-bottom:5px;
  376. float:left;
  377.  
  378. }
  379.  
  380. /* BOLD, ITALIC, SMALL AND OTHERS */
  381.  
  382.  
  383. b, strong, bold {
  384. font-family: bold;
  385. letter-spacing: 1px;
  386. color:{color:bold};
  387. text-transform: uppercase;
  388. font-weight: bold;
  389. text-shadow:0px 0px 1px {color:bold shadow};
  390. font-size: 13px;
  391. font-weight:600;
  392.  
  393. }
  394.  
  395. i, em, italic {
  396. color:{color:italic};
  397. text-shadow: 0px 0px 5px {color:italic shadow};
  398. font-weight:200;
  399. font-family: 'angelitaregular';
  400. text-transform: none;
  401. font-size: 25px;
  402. letter-spacing: 1px;
  403. line-height:100%;
  404.  
  405. }
  406.  
  407. i sub, i sup, i small {
  408. font-size:20px;
  409. }
  410. small, sub, sup {
  411. font-size:12px;
  412.  
  413. }
  414.  
  415. strike {
  416. font-size:9px;
  417. text-transform: uppercase;
  418. color:{color:strike};
  419. }
  420.  
  421. u {
  422. text-transform: uppercase;
  423. font-size:9px;
  424. color:{color:underline};
  425. }
  426.  
  427.  
  428. pre {
  429. padding-top:6px;
  430. padding:6px;
  431. width:auto;
  432. text-align: center;
  433. word-wrap: break-word;
  434. color:{color:text pre};
  435. background-color:{color:qb};
  436. border-left:1px solid {color:borders};
  437. border-right: 1px solid {color:borders};
  438. font-family: 'Montserrat', sans-serif;
  439. text-transform:uppercase;
  440. line-height:100%;
  441. letter-spacing:1px;
  442. font-size:7px; }
  443.  
  444. pre a {
  445. text-shadow:0px 0px 4px {color:text};
  446. color:{color:links};
  447. font-family:trebuchet ms;
  448. text-transform:uppercase;
  449. letter-spacing:1px;
  450. font-size:6px; }
  451.  
  452.  
  453.  
  454. code {
  455. font-size: 10px;
  456. font-weight: bold;
  457. color:{color:code};
  458. text-transform:uppercase;
  459. font-family: 'Crimson Text', serif;
  460. }
  461.  
  462. big {
  463. color:{color:big};
  464. font-size: 16px;
  465. text-shadow: 0px 0px 2px {color:big shadow};
  466. font-family:georgia, sans-serif;
  467. }
  468.  
  469.  
  470. h1 {
  471. font-size:20px;
  472. font-family: 'oswald', sans-serif;
  473. background:
  474. -webkit-linear-gradient(left, {color:h1}, {color:h1x}, {color:h1xx});
  475. -webkit-background-clip: text;
  476. -webkit-text-fill-color: transparent;
  477. text-align:center;
  478. text-transform:uppercase;
  479. line-height:100%;
  480. font-weight:900;
  481. letter-spacing:0px;
  482. padding-bottom:-10px;
  483. text-shadow:none;
  484. }
  485.  
  486. h2 {
  487. font-size:18px;
  488. color:{color:h2};
  489. font-weight:bold;
  490. line-height:100%;
  491. text-align: center;
  492. font-family: bold;
  493. text-shadow: 0px 1px 1px {color:h2 shadow};
  494.  
  495. }
  496.  
  497. h2 small, small h2 {
  498. font-size:11px;
  499. color:{color:big};
  500. font-weight:none;
  501. text-transform:lowercase;
  502. font-family: 'Oswald', sans-serif;
  503. text-shadow: 0px 1px 1px {color:bold shadow};
  504.  
  505. }
  506.  
  507. h3 {
  508. font-size:18px;
  509. font-family: 'georgia', sans-serif;
  510. text-shadow: 0px 1px 1px {color:bold shadow};
  511. text-align:center;
  512. text-transform:lowercase;
  513. font-style:italic;
  514. line-height:100%;
  515. letter-spacing:0px;
  516. padding-bottom:-10px;
  517. color: {color:h3};
  518. }
  519.  
  520. h4 {
  521. padding:5px;
  522. padding-left:auto;
  523. padding-right:auto;
  524. margin:5px;
  525. word-wrap: break-word;
  526. text-align:center;
  527. font-family:trebuchet ms;
  528. text-shadow:1px 1px 1px {color:shadow2},
  529. 0px 0px 5px {color:shadow2};
  530. background:{color:qb};
  531. background:url('https://i.imgur.com/uvZayiB.png');
  532. background-repeat:repeat;
  533. background-attachment:fixed;
  534. color:{color:text pre};
  535.  
  536. outline:1px solid {color:qb};
  537. outline-offset:3px;
  538. font-size:8px;
  539. text-transform:uppercase;
  540. letter-spacing:1px;
  541.  
  542. }
  543.  
  544. h4 a{
  545. padding:5px;
  546. padding-left:auto;
  547. padding-right:auto;
  548. margin:5px;
  549. word-wrap: break-word;
  550. text-align:center;
  551. font-family:trebuchet ms;
  552. text-shadow:1px 1px 1px {color:shadow2},
  553. 0px 0px 5px {color:shadow2};
  554. background:{color:qb};
  555. background:url('https://i.imgur.com/uvZayiB.png');
  556. background-repeat:repeat;
  557. background-attachment:fixed;
  558. color:{color:text pre};
  559.  
  560. font-size:8px;
  561. text-transform:uppercase;
  562. letter-spacing:1px;
  563.  
  564. }
  565.  
  566. hr {
  567. width:100%;
  568. margin-top:3px;
  569. margin-bottom:3px;
  570. height:2px;
  571. border:none;
  572. background:url('https://i.imgur.com/uvZayiB.png');
  573. background-repeat:repeat;
  574. background-attachment:fixed;
  575.  
  576. }
  577.  
  578.  
  579. /* BOLD, ITALIC, SMALL AND OTHERS */
  580.  
  581.  
  582. /* BLOCKQUOTE */
  583.  
  584. blockquote {
  585. padding:0px 5px 0px 10px;
  586. padding-top:0px;
  587. padding-bottom:0px;
  588. text-align:justify;
  589. margin-bottom:10;
  590. margin-left:0px;
  591. width:95%;
  592. border-left:1px solid {color:borders}
  593.  
  594. }
  595.  
  596. blockquote blockquote {
  597. padding:0 0 0 10px;
  598. padding-top:3px;
  599. padding-bottom:3px;
  600.  
  601. }
  602. blockquote, small {
  603. font-size:11px;
  604.  
  605. }
  606.  
  607. blockquote img {
  608. margin-top:4px;
  609.  
  610. float:right!important;
  611. margin-left:5px;
  612. margin-bottom:2px;
  613. margin-right:-12px!important;
  614. padding:5px;
  615. }
  616.  
  617.  
  618.  
  619.  
  620.  
  621.  
  622. blockquote blockquote blockquote img{
  623. float:right!important;
  624. max-width:100%;
  625. height:auto;
  626. margin-right:-30px;
  627. margin-left:10px;
  628. }
  629.  
  630.  
  631. blockquote blockquote blockquote blockquote img{
  632. float:left!important;
  633. max-width:100%;
  634. height:auto;
  635. margin-left:-30px;
  636. margin-right:10px;
  637. }
  638.  
  639.  
  640. blockquote blockquote blockquote blockquote blockquote img{
  641. float:right!important;
  642. max-width:100%;
  643. height:auto;
  644. margin-right:-30px;
  645. margin-left:10px;
  646. }
  647.  
  648.  
  649. /* BLOCKQUOTE */
  650.  
  651. /* CONTAINER AND POSTS */
  652.  
  653.  
  654. #container {
  655. background:rgba(63, 65, 68, 0.8);
  656. width: 513px;
  657. height:600px;
  658. left:497px;
  659. top:14px;
  660. font-weight:500;
  661. font-size:11px;
  662. position: fixed;
  663. text-align:justify;
  664. padding-left:2px;
  665. padding-right:5px;
  666. overflow: auto;
  667. -webkit-mask-image:
  668. -webkit-gradient(
  669. linear, center 90%, center top, from(rgba(0,0,0,20)),
  670. to(rgba(20,0,0,0)));
  671. -webkit-mask-image:
  672. -webkit-gradient(
  673. linear, center 90%, center bottom,
  674. from(rgba(0,0,0,20)), to(rgba(20,0,0,0)));
  675.  
  676. }
  677.  
  678.  
  679. #posts{
  680. width:500px;
  681. overflow-x:hidden;
  682. overflow-y:auto;
  683. text-align:justify;
  684. margin-top:30px;
  685. margin-bottom:5px;
  686. margin-left:10px;
  687. margin-right:10px;
  688. font-size:12px;
  689. line-height:115%;
  690. text-shadow:0px 1px 1px {color:shadow2};
  691. letter-spacing:0px;
  692. color:{color:text};
  693. text-transform: auto;
  694. }
  695.  
  696. #posts img {
  697. height:auto;
  698. max-width:100%;
  699. }
  700.  
  701. #photo img {
  702. width:100%;
  703. -webkit-border-radius:5px;
  704. -moz-border-radius:5px;
  705. border-radius:5px;
  706. }
  707.  
  708. #container img {
  709. height:auto;
  710. max-width:100%;
  711. }
  712.  
  713.  
  714.  
  715.  
  716. .html_photoset {
  717. -webkit-filter: grayscale(50%);
  718. -webkit-transition: all 0.9s ease-in-out;
  719. -moz-transition: all 0.9s ease-in-out;
  720. -o-transition: all 0.9s ease-in-out;
  721. -ms-transition: all 0.9s ease-in-out;
  722. transition: all 0.9s ease-in-out;}
  723.  
  724. img:hover {
  725. -webkit-filter:none;}
  726.  
  727. .html_photoset:hover {
  728. -webkit-filter: none;}
  729.  
  730.  
  731. /* CONTAINER AND POSTS */
  732.  
  733.  
  734.  
  735. /* PHOTOSETS: DO NOT TOUCH THIS BECAUSE ITS FOR THEM TO RE-SIZE WHEN YOU CHANGE THE SIZE OF THE POSTS AND CONTAINER */
  736.  
  737. #vignette,#tumblr_lightbox_caption {visibility:hidden;}
  738. #tumblr_lightbox {background:{color:Background}!important;}
  739. #tumblr_lightbox_left_image,
  740. #tumblr_lightbox_right_image {opacity:0.5!important;}
  741. #tumblr_lightbox_center_image,
  742. #tumblr_lightbox_left_image,
  743. #tumblr_lightbox_right_image {
  744. box-shadow:none!important;
  745. border-radius:0px!important;
  746. }
  747.  
  748.  
  749. .caption {
  750. width:{select:Post size}px;
  751. text-align:justify;
  752. line-height:120%;
  753. }
  754.  
  755.  
  756. /* PHOTOSETS: DO NOT TOUCH THIS BECAUSE ITS FOR THEM TO RE-SIZE WHEN YOU CHANGE THE SIZE OF THE POSTS AND CONTAINER */
  757.  
  758.  
  759.  
  760.  
  761. /* PAGINATION: PAGINATION2 IT'S FOR THE NEXT */
  762.  
  763. #pagination {
  764. position:fixed;
  765. top:433px;
  766. left:1285px;
  767.  
  768.  
  769. }
  770.  
  771.  
  772. #pagination a {
  773. text-transform:uppercase;
  774. color: #313437;
  775. position:fixed;
  776. z-index:999999;
  777. font-weight:bolder;
  778. font-size:14px;
  779. text-shadow: 2px 2px 6px #fff;
  780.  
  781. }
  782.  
  783. #pagination a:hover {
  784. opacity:1;
  785. color:#d63733;
  786. -webkit-filter:blur(.8px);
  787. filter:blur(.8px);
  788. -webkit-transition:all .7s ease-in-out;
  789. -moz-transition:all .7s ease-in-out;
  790. transition:all .7s ease-in-out;
  791. }
  792.  
  793.  
  794. #pagination2 {
  795. position:fixed;
  796. top:433px;
  797. left:1125px;
  798.  
  799. }
  800.  
  801.  
  802. #pagination2 a {
  803. text-transform:uppercase;
  804. color: #313437;
  805. position:fixed;
  806. z-index:999999;
  807. font-weight:bolder;
  808. font-size:14px;
  809. text-shadow: 2px 2px 6px #fff;
  810. }
  811.  
  812. #pagination2 a:hover {
  813. opacity:1;
  814. color:#d63733;
  815. -webkit-filter:blur(.8px);
  816. filter:blur(.8px);
  817. -webkit-transition:all .7s ease-in-out;
  818. -moz-transition:all .7s ease-in-out;
  819. transition:all .7s ease-in-out;
  820. }
  821.  
  822.  
  823.  
  824. /* PAGINATION */
  825.  
  826.  
  827.  
  828.  
  829. /* QUESTIONS AND AUDIO */
  830. .question {
  831.  
  832. padding:10px;
  833. text-align:center;
  834. padding:20px;
  835. border-radius:10px;
  836. color:{color:text};
  837. text-transform:uppercase;
  838. letter-spacing:1px;
  839. }
  840.  
  841. .question img {
  842. float:right;
  843. }
  844.  
  845. .asker {
  846. padding-top:8px;
  847. font-family:bold;
  848. font-weight:bold;
  849. letter-spacing:2px;
  850. color:{color:accent};
  851. text-transform:lowercase;
  852. font-size:22px;
  853. }
  854.  
  855. .answer {
  856. font-size:11px;
  857. }
  858.  
  859.  
  860. .assker {
  861. font-size:10px;
  862. font-family:'Montserrat', sans-serif;
  863. text-align:center;
  864. margin-top:0px;
  865. color:{color:text};
  866. border-radius: 0 0 10px 10px;
  867. border-left:5px solid {color:bold};
  868. background:{color:qb};
  869. padding:15px;
  870. z-index:999;
  871. }
  872.  
  873.  
  874.  
  875. .audio {
  876. height:60px;
  877. padding:5px;
  878. margin-bottom:0px;
  879. }
  880. .audio-album {
  881. position:absolute;
  882. width:60px;
  883. }
  884. .audio-player {
  885. opacity:0.6;
  886. filter:alpha(opacity=60);
  887. border:5px solid {color:borders};
  888. width:50px;
  889. height:50px;
  890. overflow:hidden;
  891. position:absolute;
  892. z-index:2;
  893. margin-left:0px;
  894. margin-top:0px;
  895. }
  896. .audio-info {
  897. margin-top:-0px;
  898. position:relative;
  899. margin-left:70px;
  900. padding:8px;
  901. background-color:{color:background}
  902. }
  903.  
  904.  
  905.  
  906. .note {
  907. text-transform:uppercase;
  908. font-style:normal;
  909. letter-spacing:0px;
  910. font-size: 9px;
  911. text-align:left;
  912. line-height:90%;
  913. margin-left:-40px;
  914. }
  915.  
  916.  
  917. .note li {
  918. list-style-type:none;
  919. padding:10px 25px 10px 25px;
  920. text-align:left;
  921. margin:0px;
  922. -moz-transition-duration:0.5s;
  923. -webkit-transition-duration:0.5s;
  924. -o-transition-duration:0.5s;
  925. }
  926.  
  927. /* QUESTIONS AND AUDIO */
  928.  
  929.  
  930.  
  931.  
  932. /* permalinks, info and tags */
  933.  
  934.  
  935. /*PERMALINK & TAGS*/
  936.  
  937.  
  938. #info {
  939. margin-left:-10px;
  940. margin-top:10px;
  941. padding-top:5px;
  942. width:auto;
  943. height:30px;
  944. float:center;
  945. background-image: url('https://i.imgur.com/uvZayiB.png');
  946. background-position:0px 0px;
  947. background-repeat:no-repeat;
  948. }
  949.  
  950.  
  951. #info1 {
  952. margin-left:425px;
  953. margin-top:-35px;
  954. position:absolute;
  955. font-size:16px;
  956. color:#ddd;
  957. text-decoration:none;
  958. text-shadow:0px 0px 7px #3f4145;
  959. transform: rotate(30deg);
  960. -ms-transform: rotate(30deg);
  961. -webkit-transform: rotate(30deg);
  962. -o-transform: rotate(30deg);
  963. -moz-transform: rotate(30deg);
  964. }
  965.  
  966.  
  967. #info2 {
  968. margin-left:380px;
  969. margin-top:-25px;
  970. position:absolute;
  971. font-size:16px;
  972. color:#ddd;
  973. text-decoration:none;
  974. text-shadow:0px 0px 7px #3f4145;
  975. transform: rotate(80deg);
  976. -ms-transform: rotate(80deg);
  977. -webkit-transform: rotate(80deg);
  978. -o-transform: rotate(80deg);
  979. -moz-transform: rotate(80deg);
  980. }
  981.  
  982.  
  983. #info3 {
  984. margin-left:325px;
  985. margin-top:-40px;
  986. position:absolute;
  987. font-size:16px;
  988. color:#ddd;
  989. text-decoration:none;
  990. text-shadow:0px 0px 7px #3f4145;
  991. transform: rotate(70deg);
  992. -ms-transform: rotate(70deg);
  993. -webkit-transform: rotate(70deg);
  994. -o-transform: rotate(70deg);
  995. -moz-transform: rotate(70deg);
  996. }
  997.  
  998.  
  999. #info4 {
  1000. margin-left:195px;
  1001. margin-top:-25px;
  1002. position:absolute;
  1003. font-size:16px;
  1004. color:#ddd;
  1005. text-decoration:none;
  1006. text-shadow:0px 0px 7px #3f4145;
  1007. transform: rotate(80deg);
  1008. -ms-transform: rotate(80deg);
  1009. -webkit-transform: rotate(80deg);
  1010. -o-transform: rotate(80deg);
  1011. -moz-transform: rotate(80deg);
  1012. }
  1013.  
  1014.  
  1015. #info1 a, #info2 a, #info3 a, #info4 a {
  1016. text-decoration:none;
  1017. color:#aaa;
  1018. -webkit-transition: all 0.5s ease-out;
  1019. -moz-transition: all 0.5s ease-out;
  1020. transition: all 0.5s ease-out;
  1021. }
  1022.  
  1023. #info1 a:hover, #info2 a:hover, #info3 a:hover, #info4 a:hover {
  1024. color:#ddd;
  1025. text-shadow:0px 0px 7px #3f4145;
  1026. -webkit-transition: all 0.5s ease-out;
  1027. -moz-transition: all 0.5s ease-out;
  1028. transition: all 0.5s ease-out;
  1029. }
  1030.  
  1031.  
  1032.  
  1033.  
  1034. /*TAGS*/
  1035.  
  1036. #tags {
  1037. width:auto;
  1038. height:auto;
  1039.  
  1040. padding: 5px;
  1041. word-wrap: break-word;
  1042. text-transform:uppercase;
  1043.  
  1044. letter-spacing:1px;
  1045. padding:10px;
  1046. font-weight:800;
  1047. text-align:center;
  1048. margin-top:-5px;
  1049. margin-left:20px;
  1050. margin-right:20px;
  1051. z-index:3;
  1052.  
  1053. }
  1054.  
  1055. #tags a {
  1056. font-style:trebuchet ms;
  1057. color:{color:tags text};
  1058. text-shadow:1px 1px 1px {color:shadow2};
  1059. font-size:8px;
  1060. -webkit-transition: all 0.5s ease-out;
  1061. -moz-transition: all 0.5s ease-out;
  1062. transition: all 0.5s ease-out;
  1063. }
  1064.  
  1065. #tags a:hover {
  1066. color:{color:tags hover};
  1067. text-shadow:0px 0px 3px {color:tags hover};
  1068. font-style:none;
  1069. -webkit-transition: all 0.5s ease-out;
  1070. -moz-transition: all 0.5s ease-out;
  1071. transition: all 0.5s ease-out;
  1072. }
  1073.  
  1074.  
  1075.  
  1076. /*TAGS*/
  1077.  
  1078.  
  1079. .note {
  1080. text-transform:none;
  1081. letter-spacing:0px;
  1082. font-size:9px;
  1083. text-align:left;
  1084. line-height:100%;
  1085. margin-left:5px;
  1086. }
  1087.  
  1088. .note li {
  1089. list-style-type:decimal;
  1090. padding:0px 5px 10px 25px;
  1091. text-align:left;
  1092. -webkit-transition: all 0.5s ease-in-out;
  1093. -moz-transition: all 0.5s ease-in-out;
  1094. -o-transition: all 0.5s ease-in-out;
  1095. }
  1096.  
  1097.  
  1098. /* permalinks, info and tags */
  1099.  
  1100.  
  1101. /* QUOTES AND SOURCE */
  1102.  
  1103. .quote {
  1104. text-transform:lowercase;
  1105. font-size:25px;
  1106. text-align:center;
  1107. margin-top:10px;
  1108. font-family: 'Just Another Hand', cursive;
  1109. }
  1110.  
  1111. .quotesource {
  1112. text-align:center;
  1113. margin-top:10px;
  1114. font-family:bold;
  1115. font-size:12px;
  1116. font-weight:bold;
  1117. text-transform:lowercase;
  1118. letter-spacing:2px;
  1119. color:{color:accent2};
  1120. }
  1121.  
  1122.  
  1123. /* QUOTES AND SOURCE */
  1124.  
  1125.  
  1126.  
  1127.  
  1128.  
  1129. /* SELECTION TEXT AND BG */
  1130.  
  1131.  
  1132. ::selection {
  1133. background:{color:select background};
  1134. color:{color:select text};
  1135. }
  1136.  
  1137. /* SELECTION TEXT AND BG */
  1138.  
  1139.  
  1140.  
  1141. /* CHAT */
  1142.  
  1143. .chat ol {
  1144. padding:0;
  1145. font-family: 'Roboto', sans-serif;
  1146. font-size:7px;
  1147. text-transform:uppercase;
  1148. letter-spacing:1px;
  1149. line-height:180%;
  1150. list-style:none;
  1151. }
  1152.  
  1153. .line.odd {
  1154. background:{color:chatone};
  1155. text-align:right;
  1156. padding:5px;
  1157. border-right:3px solid {color:chattwo};
  1158. }
  1159.  
  1160. .line.even {
  1161. background:{color:chattwo};
  1162. text-align:left;
  1163. padding:5px;
  1164. border-left:3px solid {color:chatone};
  1165. }
  1166.  
  1167. .label {
  1168. font-weight:none;
  1169. font-size:8px;
  1170. padding-right:1px;
  1171. letter-spacing:1px;
  1172. text-transform:uppercase;
  1173. color:{color:text};
  1174. }
  1175.  
  1176. /* CHAT */
  1177.  
  1178.  
  1179.  
  1180. /* CREDIT */
  1181.  
  1182. #credit {
  1183. position:fixed;
  1184. bottom:8px;
  1185. right:15px;
  1186. letter-spacing:0px;
  1187. z-index:99999;
  1188.  
  1189. }
  1190.  
  1191. #credit a{
  1192. color:{color:text};
  1193. font-size:20px;
  1194. font-family: 'angelitaregular';
  1195. text-transform:uppercase;
  1196. text-shadow: 0px 1px 1px #000;
  1197. display:block;
  1198. height:auto;
  1199. width:auto;
  1200. text-align:center;
  1201. -moz-transition-duration:.9s;
  1202. -webkit-transition-duration:.9s;
  1203. -o-transition-duration:.9s;
  1204.  
  1205. }
  1206.  
  1207. #credit a:hover{
  1208. color:{color:text};
  1209. text-shadow: 0px 0px 5px {color:text};
  1210. text-transform:uppercase;
  1211. -webkit-transition: all 0.8s ease-in-out;
  1212. -moz-transition: all 0.8s ease-in-out;
  1213. -o-transition: all 0.8s ease-in-out;
  1214. -ms-transition: all 0.8s ease-in-out;
  1215. transition: all 0.8s ease-in-out;
  1216.  
  1217. }
  1218.  
  1219.  
  1220. /* CREDIT */
  1221.  
  1222.  
  1223.  
  1224.  
  1225. /* SIDEBAR */
  1226.  
  1227.  
  1228. #sidebar {
  1229. background:rgba(49, 52, 55, 0.8);
  1230. font-family: 'Roboto', sans-serif;
  1231. font-size:8px;
  1232. color: {color:text};
  1233. width:200px;
  1234. height:110px;
  1235. top:450px;
  1236. left:1000px;
  1237. margin-left:126px;
  1238. padding-top:10px;
  1239. line-height:120%;
  1240. text-transform:uppercase;
  1241. text-shadow:0px 1px 1px {color:shadow2};
  1242. text-align:center;
  1243. position:fixed;
  1244. padding-left:14px;
  1245. padding-right:6px;
  1246. overflow-x: hidden;
  1247.  
  1248. }
  1249.  
  1250.  
  1251.  
  1252. /* SIDEBAR */
  1253.  
  1254.  
  1255. /* HOVER LINKS div#qTip */
  1256.  
  1257. .tooltip{
  1258. display: inline;
  1259. position: relative;
  1260.  
  1261. }
  1262.  
  1263.  
  1264. #s-m-t-tooltip {
  1265. padding:6px;
  1266. width:auto;
  1267. max-width:300px;
  1268. background:{color:qb};
  1269. background-image:url('https://i.imgur.com/uvZayiB.png');
  1270. background-repeat:repeat;
  1271. background-attachment:fixed;
  1272. text-align:center;
  1273. max-height:300px;
  1274. margin:5px 10px 5px 0px;
  1275. color:{color:text};
  1276.  
  1277. text-shadow:
  1278. 1px 1px 0px #000,
  1279. 1px -1px 0px #000,
  1280. -1px -1px 0px #000,
  1281. -1px 1px 0px #000,
  1282. 0px 1px 0px #000,
  1283. 0px -1px 0px #000,
  1284. 1px 0px 0px #000,
  1285. -1px 0px 0px #000,
  1286. 0px 0px 5px #00a68b;
  1287. border-left: double 3px {color:hover borders};
  1288. border-top: double 3px {color:hover borders};
  1289. border-right: double 3px {color:hover borders};
  1290. border-bottom: double 3px {color:hover borders};
  1291. font-weight:bold;
  1292. font-family: 'arial';
  1293. text-transform:uppercase;
  1294. box-shadow: 0px 0px 3px #000;
  1295. border-radius:5px;
  1296. font-size:8px;
  1297. letter-spacing:1px;
  1298. z-index: 9999999999999999999999999999;
  1299. transition:0.7s ease-in-out;
  1300. -o-transition:0.7s ease-in-out;
  1301. -ms-transition:0.7s ease-in-out;
  1302. -moz-transition:0.7s ease-in-out;
  1303. -webkit-transition:0.7s ease-in-out;
  1304. }
  1305.  
  1306. /* HOVER LINKS */
  1307.  
  1308. /* POP UP */
  1309. .popup_block{
  1310. display:none;
  1311. background-image:transparent;
  1312. background-repeat: no-repeat;
  1313. padding:20px;
  1314. float:left;
  1315. font-family: tahoma;
  1316. height: 10px;
  1317. position:fixed;
  1318. top:370px;
  1319. left:50%;
  1320. margin-left:-105px;
  1321. z-index: 99999;
  1322. overflow-y: scroll;
  1323. overflow-x: hidden;
  1324.  
  1325. }
  1326.  
  1327.  
  1328.  
  1329. *html #fade {position: absolute;}
  1330. *html .popup_block {position: absolute;}
  1331. #fade {
  1332. display:none;
  1333. position:fixed;
  1334. left:0px;
  1335. top:0px;
  1336. width:100%;
  1337. height:100%;
  1338. z-index:9999;
  1339. background:{color:background}; /* change to #fff for solid white #010101 */
  1340. opacity:0;
  1341. }
  1342. #muses {
  1343.  
  1344. }
  1345.  
  1346.  
  1347.  
  1348. /* muse tab style */
  1349.  
  1350. #musebox img {
  1351. max-height:80px;
  1352. max-width:80px;
  1353. transition:.7s ease all;
  1354. border:5px solid #56585c;
  1355. padding:2px;
  1356. margin:5px;
  1357. box-shadow:0px 0px 8px #000;
  1358. }
  1359. #musebox img:hover, #musebox img:hover img {
  1360. border-radius:20px;
  1361. }
  1362.  
  1363. #musetitle {
  1364. position:absolute;top:10px;left:20px;
  1365. width:500px;height:80px;padding:10px;
  1366. color:{color:musetab1};text-align:center;
  1367.  
  1368. }
  1369.  
  1370. #musebox {
  1371. position:absolute;top:80px;left:-5px;
  1372. width:500px;height:460px;padding:10px;
  1373. overflow:auto;
  1374. }
  1375.  
  1376.  
  1377. .contenido {
  1378. background-color:{color:background};
  1379. left:497px;
  1380. top:14px;
  1381. height: 600px;
  1382. width: 500px;
  1383. position: fixed;
  1384. font-size:11px;
  1385. font-family: tahoma;
  1386. text-shadow: 0px 1px 1px #000000;
  1387. overflow: auto;
  1388. padding-right:10px;
  1389. padding-left:10px;
  1390. line-height:120%;
  1391. z-index:2;
  1392.  
  1393. }
  1394.  
  1395. #headerbar{
  1396. left:50%;
  1397. top:50%;
  1398. margin-left:….px; /*– for placing –*/
  1399. margin-top:…px; /*– for placing –*/
  1400. width:…px; /*– sets width of your text –*/
  1401. text-align:justify;
  1402. overflow:hidden;
  1403. color:#eee;
  1404. font-family:calibri;
  1405. font-size:26px;
  1406. padding-bottom:18px;
  1407.  
  1408. }
  1409.  
  1410. #tabbar{
  1411. left:50%;
  1412. top:50%;
  1413. margin-left:…px; /*– for placing –*/
  1414. margin-left:…px; /*– for placing –*/
  1415. width:…px; /*– sets width of your text –*/
  1416. height:…px; /*– sets height of your text –*/
  1417. overflow: hidden;
  1418. text-align:justify;
  1419. color:#fff;
  1420. font-family: 'Hind', sans-serif;
  1421. font-size:11px;
  1422.  
  1423. }
  1424.  
  1425. ul#tabs {text-align: center;}
  1426. ul#tabs li { /*– your inactive / not viewed tabs –*/
  1427. padding:5px;
  1428. padding-left:auto;
  1429. padding-right:auto;
  1430. margin-right:6px;
  1431. margin-top:4px;
  1432. word-wrap: break-word;
  1433. text-align:center;
  1434. text-shadow:1px 1px 1px {color:shadow2},
  1435. 0px 0px 5px {color:shadow2};
  1436. background:{color:qb};
  1437. background:url('https://i.imgur.com/uvZayiB.png');
  1438. background-repeat:repeat;
  1439. background-attachment:fixed;
  1440. color:{color:text pre};
  1441.  
  1442. outline:1px solid {color:qb};
  1443. outline-offset:3px;
  1444. letter-spacing:1px;
  1445.  
  1446. display:inline-block;
  1447. padding:2px;
  1448. cursor:pointer;
  1449. text-decoration:none;
  1450. opacity:1;
  1451. color:#e2e2e2;
  1452. padding:10px 15px;
  1453. font-family: 'angelitaregular';
  1454.  
  1455.  
  1456. }
  1457.  
  1458. ul#tabs li.active { /*– your active tab –*/
  1459. background-color:#b93331;
  1460. color:#e2e2e2;
  1461. padding:10px 15px;
  1462. border:1px solid #b93331;
  1463. font-family: 'angelitaregular';
  1464. -webkit-transition:
  1465. all 0.5s ease-out;
  1466. -moz-transition: all 0.5s ease-out;
  1467. transition: all 0.5s ease-out;
  1468. }
  1469.  
  1470. ul#tab, ul#tabs{list-style-type:none;margin:0px;padding:0px;}
  1471. ul#tab li.active {display: block;}
  1472. ul#tab li {display: none;}
  1473.  
  1474.  
  1475. .pic img {
  1476. float: left;
  1477. padding: 0px;
  1478. margin-right: 10px;
  1479. width: 75px;
  1480. height: 75px;
  1481. }
  1482.  
  1483. .pic1 img {
  1484. float: left;
  1485. padding: 0px;
  1486. margin-right: 10px;
  1487. width: 75px;
  1488. height: 75px;
  1489. border-radius:100%;
  1490.  
  1491. }
  1492.  
  1493. .pic2 img {
  1494. float: right;
  1495. padding: 0px;
  1496. margin-left: 10px;
  1497. width: 75px;
  1498. height: 75px;
  1499. border-radius:100%;
  1500. }
  1501.  
  1502.  
  1503. .navega{
  1504. text-align:center;
  1505. text-transform:uppercase;
  1506. font-family:tahoma;
  1507. font-size:9px;
  1508. }
  1509.  
  1510. .navega a {
  1511. width:100px;
  1512. margin-left:4px;
  1513. margin-right:4px;
  1514. margin-top:4px;
  1515. margin-bottom:4px;
  1516. display:inline-block;
  1517. background:{color:qb};
  1518. color:{color:text};
  1519. text-shadow:0px 0px 5px {color:bold};
  1520. padding-right:4px;
  1521. padding-left:4px;
  1522. line-height:20px;
  1523. margin-top:2px;
  1524. margin-bottom:2px;
  1525. letter-spacing:1px;
  1526. transition-duration: 0.6s;
  1527. border-left:1px solid {color:qb};
  1528. border-right:1px solid {color:qb};
  1529. border-top:1px solid {color:qb};
  1530. border-bottom:1px solid {color:qb};
  1531. -webkit-transition: .9s ease-in-out;
  1532. -moz-transition: .9s ease-in-out;
  1533. -o-transition: .9s ease-in-out;
  1534. }
  1535.  
  1536. .navega a:hover {
  1537. background:{color:background};
  1538. text-shadow:0px 0px 5px {color:bold};
  1539. color:{color:bold};
  1540. -moz-transition-duration:.9s;
  1541. -webkit-transition-duration:.9s;
  1542. -o-transition-duration:.9s;
  1543. }
  1544.  
  1545.  
  1546.  
  1547. .links_list {margin:0px;padding:0px;width:100%;}
  1548. .links_head {
  1549. padding:5px;
  1550. padding-left:auto;
  1551. padding-right:auto;
  1552. margin:5px;
  1553. margin-bottom:12px;
  1554. word-wrap: break-word;
  1555. text-align:center;
  1556. font-family:trebuchet ms;
  1557. text-shadow:1px 3px 5px {color:shadow2},
  1558. 0px 0px 5px {color:shadow2};
  1559. background:{color:qb};
  1560. background:url('https://i.imgur.com/uvZayiB.png');
  1561. background-repeat:repeat;
  1562. background-attachment:fixed;
  1563. color:{color:text pre};
  1564. font-weight:800;
  1565. outline:1px solid {color:qb};
  1566. outline-offset:3px;
  1567. font-size:9px;
  1568. text-transform:uppercase;
  1569. letter-spacing:1px;
  1570.  
  1571. }
  1572. .links_body {padding:10px;text-align:justify;display:none;}
  1573. .links_body img {
  1574. padding-right: 8px;
  1575. }
  1576.  
  1577.  
  1578.  
  1579. /* POP UP */
  1580.  
  1581. /* THE LINKS */
  1582.  
  1583. .star1 {
  1584. top:55px;
  1585. left:390px;
  1586. position:fixed;
  1587. z-index: 9999999999999999999999999999;
  1588. -webkit-animation-name: grow;
  1589. -webkit-animation-duration: 6s;
  1590. -webkit-animation-iteration-count: infinite;
  1591. -webkit-animation-direction: alternate;
  1592. -webkit-animation-timing-function: linear;
  1593. -webkit-animation-fill-mode: forwards;
  1594. -webkit-animation-delay: 0.3s;
  1595.  
  1596. }
  1597.  
  1598.  
  1599.  
  1600. .star2 {
  1601. top:240px;
  1602. left:265px;
  1603. position:fixed;
  1604. z-index: 9999999999999999999999999999;
  1605. -webkit-animation-name: grow;
  1606. -webkit-animation-duration: 6s;
  1607. -webkit-animation-iteration-count: infinite;
  1608. -webkit-animation-direction: alternate;
  1609. -webkit-animation-timing-function: linear;
  1610. -webkit-animation-fill-mode: forwards;
  1611. -webkit-animation-delay: 0.3s;
  1612.  
  1613. }
  1614.  
  1615. .star3 {
  1616. top:340px;
  1617. left:360px;
  1618. position:fixed;
  1619. z-index: 9999999999999999999999999999;
  1620. -webkit-animation-name: grow;
  1621. -webkit-animation-duration: 6s;
  1622. -webkit-animation-iteration-count: infinite;
  1623. -webkit-animation-direction: alternate;
  1624. -webkit-animation-timing-function: linear;
  1625. -webkit-animation-fill-mode: forwards;
  1626. -webkit-animation-delay: 0.3s;
  1627.  
  1628. }
  1629.  
  1630.  
  1631.  
  1632.  
  1633. #links a {
  1634. -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
  1635. filter: blur(0px);
  1636. -webkit-transition:all .7s ease-in-out;
  1637. -moz-transition:all .7s ease-in-out;
  1638. transition:all .7s ease-in-out;}
  1639. #links a:hover {
  1640. -webkit-filter: blur(1.7px); /* Safari 6.0 - 9.0 */
  1641. filter: blur(1.7px);}
  1642.  
  1643.  
  1644.  
  1645. .star1 a, .star2 a, .star3 a, .star4 a, .star5 a, .star6 a, .star7 a {
  1646. color:{color:links};
  1647. font-family: 'Crimson Text', serif;
  1648.  
  1649. font-weight:900;
  1650. display:inline-block;
  1651. text-align:center!important;
  1652. width:50px;
  1653. text-shadow:
  1654. 1px 1px 0px #272827,
  1655. 1px -1px 0px #272827,
  1656. -1px -1px 0px #272827,
  1657. -1px 1px 0px #272827,
  1658. 0px 1px 0px #272827,
  1659. 0px -1px 0px #272827,
  1660. 1px 0px 0px #272827,
  1661. -1px 0px 0px #272827,
  1662. 0px 0px 5px #ddd;
  1663.  
  1664.  
  1665. }
  1666.  
  1667. .star1 a:hover, .star2 a:hover, .star3 a:hover, .star4 a:hover, .star5 a:hover, .star6 a:hover, .star7 a:hover {
  1668. color:{color:bold};
  1669. text-shadow:
  1670. 1px 1px 0px #272827,
  1671. 1px -1px 0px #272827,
  1672. -1px -1px 0px #272827,
  1673. -1px 1px 0px #272827,
  1674. 0px 1px 0px #272827,
  1675. 0px -1px 0px #272827,
  1676. 1px 0px 0px #272827,
  1677. -1px 0px 0px #272827,
  1678. 0px 0px 5px #ddd;
  1679.  
  1680. }
  1681.  
  1682. th {
  1683. font-family: 'Hind', sans-serif;
  1684. font-size: 12px;
  1685. color:{color:text};
  1686. line-height:1;
  1687. font-weight:100;
  1688. }
  1689.  
  1690.  
  1691. /* THE LINKS */
  1692.  
  1693.  
  1694. </style>
  1695. <body>
  1696.  
  1697.  
  1698.  
  1699. <!-- UPDATES -->
  1700.  
  1701. <!-- LINKS -->
  1702. <div id="links">
  1703. <div class="star1">
  1704. <a href="/" title="return to the start."><img src="https://i.imgur.com/0kF6nix.png"></a>
  1705. </div>
  1706. <div class="star2">
  1707. <a href="#?w=450" rel="askform" class="poplight" title="the fastest falcons"><img src="https://i.imgur.com/pGjlLCn.png"></a>
  1708. </div>
  1709. <div class="star3">
  1710. <a href="#?w=10" rel="01" class="poplight" title="this is my nindō"><img src="https://i.imgur.com/pGjlLCn.png"></a>
  1711. </div>
  1712. </div>
  1713. </div>
  1714.  
  1715.  
  1716. <!-- LINKS -->
  1717.  
  1718.  
  1719. <!-- UPDATES -->
  1720.  
  1721. <div id="sidebar">
  1722. <center>
  1723. <i>{Title}</i>
  1724. <pre>A private/selective Haruno Sakura <br> from Kishimoto's Naruto <br> this portrayal is headcanon-based <br> please read biography</pre>
  1725. <hr style="padding:2px">
  1726. Paige | She/Her | GMT-5
  1727.  
  1728.  
  1729. </center></center>
  1730. </div>
  1731.  
  1732.  
  1733. <!-- UPDATES -->
  1734.  
  1735.  
  1736. <!-- POP UPS -->
  1737.  
  1738.  
  1739. <!---- ASK FORM POP UP ---->
  1740. <div id="askform" class="popup_block">
  1741. <div class="contenido">
  1742. <pre> <i>MESSAGES.</i> </pre>
  1743. <iframe frameborder="0" height="240" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe>
  1744.  
  1745. </div></div>
  1746.  
  1747.  
  1748. <!---- RULES POP UP TAB ---->
  1749. <div id="01" class="popup_block">
  1750. <div class="contenido">
  1751. <br>
  1752. <div id="headerbar">
  1753. <ul id="tabs">
  1754. <li class="active">Rules</li>
  1755. <li>Dossier</li>
  1756. <li>Navigation</li>
  1757. <li>Connections</li>
  1758. </div>
  1759. </ul>
  1760. <div id="tabbar">
  1761. <ul id="tab">
  1762. <li class="active">
  1763. <h4>Disclaimer</h4>
  1764. <p>I have zero (0) connection to Masashi Kishimoto or anyone involved in the making of Naruto. Another thing to keep in mind is that this blog slightly differs from canon and my goal is to give the development and stories she deserved. (In short, this is a what-if Kishimoto actually loved Sakura blog) These changes can be seen in my dossier page, so I highly recommend reading it, especially if we are doing a mission/fight based thread.</p>
  1765. <h4>Interaction</h4>
  1766. <p>Activity on this blog can be sporadic at times. Sometimes I’ll be here firing things off at lightning speeds and other times it can take me ages to get to things. I go where the muse takes me. More often than not it’s easier to get more from myself and my muse if plotting has occurred, it doesn’t need to be much just a general idea of what we want to have happen in a thread is all I need.</p>
  1767. <h4>NOTICE ON: Interaction</h4>
  1768. <p>At times I can be overwhelmed with threads or old memes I have hoarded in my inbox. When my inbox is overflowing I will delete them after two weeks if I cannot come up with an idea for it. Unplotted threads will also be dropped, and I will at the very least post on my dash that I am dropping small unplotted threads. However, if I drop one of these things of yours it does not mean I do not want to interact. It just means I have low muse for the specific encounter (in meme or unplotted thread) and I will pop up in your IMs about plotting something out instead. If I follow you it means I want to write with you.</p>
  1769. <h4>Boruto</h4>
  1770. <p>I don&rsquo;t keep up with it. My knowledge of the anime is through gifs. I have no issue interacting with characters original from the series, but I don&rsquo;t write Sakura the way she is portrayed within the series. If our thread involves an event that happens specifically in the series, please go ahead and message me spoilers.</p>
  1771. <h4>Meme Responses</h4>
  1772. <p>I&rsquo;m completely okay with turning a meme response into a full on thread. I only have one request for you, please continue it in a new post. Reblogging with your reply attached to the ask not only clogs up the dash but it also looks messy on blogs and is confusing to read.</p>
  1773. <h4>Graphics</h4>
  1774. <p>Every icon you see in a reply has been screencapped and created by me. I take pride in the graphics that I make and it takes a lot of time to go through everything. My background and mobile banner are created by <a href="https://sagacommissions.tumblr.com/">sagacommissions</a>.</p>
  1775. <h4>Mature Topics / Smut</h4>
  1776. <p>Smut rarely happens on my blog, I&rsquo;m 21+ but there isn&rsquo;t always a lot of joy in writing it for me. Sometimes I&rsquo;m up for it, but it varies on my comfort level with my partners. Meanwhile, mature topics&nbsp;<strong>will</strong>&nbsp;appear on this blog. Violence won&rsquo;t be tagged because, given the nature of the world, there will be a lot of fighting.&nbsp;<em>They&rsquo;re ninjas for crying out loud.&nbsp;</em></p>
  1777. <p>On another note of topics I&rsquo;m willing to write, I&rsquo;m open to delving into darker themes. I have no issue with this nor do I have an issue seeing it on my dash. There have been many and recent attempts to censor what roleplayers do or do not write on their blogs, but I support writing whatever is fun for you. A lot of development can be found in those sensitive, dark themes and Naruto certainly brushes close to them in its own canon.</p>
  1778. <h4>Shipping</h4>
  1779. <p>I&rsquo;m open to shipping most pairings with a few exceptions. <strong>I do ship SasuSaku</strong>, (with development and headcanons) but I don&rsquo;t require or expect a ship with every Sasuke I write with. However, Sakura&nbsp;<strong>does</strong> have a crush on Sasuke and it&rsquo;s a canon part of her character. I do read every rule and if you note that you do not ship the pairing, please know her advances are not me forcing the ship on you.</p>
  1780. <p>The main thing I require from ship partners is communication and chemistry. I need to feel comfortable with you. I also require slow build <strong>development</strong>. There are many ships for Sakura that I enjoy, but I need development between our muses or I will burnout quickly.</p>
  1781. <p>I don&rsquo;t just want to write romantic ships, I want to explore the relationships platonic and almost family-like ones too. I rp to have a deeper dive into my muse, not just to write romantic plots.</p>
  1782.  
  1783. <h4>Exclusivity</h4>
  1784. <p>I participate in exclusivity, but I do not require it. I am very happy with having mains instead. Once in a while my muse will become strongly attached to a muse and I with that mun and that is what I require before bringing up or accepting exclusivity.</p>
  1785.  
  1786.  
  1787. </li>
  1788. <li>
  1789.  
  1790. <div class="links_list">
  1791.  
  1792.  
  1793.  
  1794.  
  1795. <img src="https://i.imgur.com/9ct6vTg.png">
  1796.  
  1797.  
  1798. <div class="musetext">
  1799. <p class="links_head">Appearance
  1800. <div class="links_body">
  1801.  
  1802. <p>HAIR: Short pale pink <br />EYES: Green doe eyes. <br />CLOTHING: Red qipao dress worn with black leggings or shorts with black high heeled sandals. <br />PHYSIQUE: Lean with slight muscle definition. <br />HEIGHT: 5'4" <br />WEIGHT: 100 lb</p>
  1803. </div>
  1804. <p class="links_head">Abilities
  1805. <div class="links_body">
  1806. <table style="width:100%">
  1807.  
  1808. <center><bold>Statistics</bold></center>
  1809. <tbody>
  1810. <tr><th>Ninjutsu: 3</th><th>Taijutsu: 3</th><th>Genjutsu: 3.5</th><th>Intelligence: 4</th></tr>
  1811. <tr><th>Strength: 3</th><th>Speed: 3</th><th>Stamina: 2.5</th><th>Hand Seals: 4</th></tr>
  1812. </tbody>
  1813. </table>
  1814. <center><bold>Chakra Natures</bold></center>
  1815. <table style="width: 90%;">
  1816. <tbody>
  1817. <div style="padding-left:120px"></div>
  1818. <tr><th>Earth Release</th><th>Water Release</th><th>Wood Release</th><th>Yin Release</th><th>Yang Release</th></tr>
  1819. </tbody>
  1820. </table>
  1821.  
  1822. </div>
  1823.  
  1824. <p class="links_head">Jutsu
  1825. <div class="links_body">
  1826. <div style="float: left;">
  1827. <p><strong>Medical Ninjutsu</strong> <br />Chakra Scalpel <br />Chakra Transfer Technique <br />Delicate Illness Extraction Technique <br />Healing Resuscitation Regeneration Technique <br />Katsuyu: Immense Network Healing <br />Mystical Palm Technique <br />Poison Mist <br />Summoning Technique (Slug) <br />Water Release: Water Mosquito <br />Wood Release: Crawling Clematis ( Sakura Jutsu )</p>
  1828. <p><strong>Various Jutsu</strong> <br />Four-Corner Sealing Barrier <br />Ninja Art Creation Rebirth &mdash; Strength of a Hundred Technique <br />Strength of a Hundred Seal <br />Yin Seal: Release <br />Combined Summoning Technique <br />Creation Rebirth <br />Wood Release: Foo Dog Heads <br />Wood Release: Four-Pillar Housel<br />Wood Sage Mode</p>
  1829.  
  1830. <p></div>
  1831. <p><strong>Offensive Ninjutsu</strong> <br />Chakra Enhanced Strength <br />Cherry Blossom Impact <br />Earth Release: Earth Flow Divide <br />Earth Release: Earth-Style Wall <br />Earth Release: Earth Wave <br />Full Bloom: Cherry Blossom Impact <br />Water Palm Blade <br />Water Release: Water Armour <br />Water Release: Water Colliding Wave <br />Wood Release: Vine Trap ( Sakura Jutsu ) <br />Wood Release: Wood Locking Wall</p><strong>Genjutsu</strong> <br />Demonic Illusion: Hell Viewing Technique <br />Demonic Illusion: Tree Binding Death <br />
  1832. Genjutsu Binding <br />Genjutsu: Flower Hill <br />Genjutsu: Flower Petal Escape</p>
  1833.  
  1834.  
  1835. </div>
  1836.  
  1837. <p class="links_head">verses
  1838. <div class="links_body">
  1839. <p class="links_head" >Main
  1840. <div class="links_body">
  1841. <h4><a href="/tagged/❀.-%C2%A0-%C2%A0-there’s-nothing-behind-these-punches-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-classic-verse" title="genin.">Empty Fists</a></h4>
  1842. <img src="https://66.media.tumblr.com/594c3751e4448d1b48405c9c391e83c3/tumblr_inline_prselwooHG1wdxxly_1280.png" style="float:left;">Sakura is young kunoichi, she shows promise but applying everything that she knows in an actual fight does not come as easily to her as her battle-ready teammates, Naruto Uzumaki and Sasuke Uchiha. This verse tackles a lot of her insecurities and her slow progression into a kunoichi in full bloom.
  1843. <div style="padding-top:30px"></div>
  1844. <h4><a href="/tagged/❀.-%C2%A0-%C2%A0-the-strength-to-fight-comes-from-within-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-shippuden-verse" title="chuunin.">Strength to Fight</a></h4>
  1845. <img src="https://66.media.tumblr.com/22edd8421fd244326578933d89951a71/tumblr_inline_prsemc8Z6H1wdxxly_1280.png" style="float:left;">There’s just three years before Sasuke is turned into a vessel of Orochimaru. Naruto is training with the sage, Jiraiya, and Sakura has made her place as Lady Tsunade, the Fifth Hokage’s, disciple in the arts medical ninjutsu all for the attempt at bringing Sasuke back home.
  1846. <br />
  1847. Also covers: Akatsuki Jinchuriki hunt and Fourth Shinobi War
  1848. <div style="padding-top:20px"></div>
  1849. <h4><a href="/tagged/❀.-%C2%A0-%C2%A0-the-damage-this-war-left-behind-and-forgot-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-blank-period-verse" title="blank period.">What the War Left Behind</a></h4>
  1850. <img src="https://66.media.tumblr.com/fbb98b457977a6fa7ce539d4114fa4e3/tumblr_inline_prsentlC7z1wdxxly_1280.png" style="float:left;">The war is over and it’s time to clean-up what remains of the Shinobi Lands. Sasuke has begun his mission of repentance, Naruto is studying up to have what it takes to become Hokage. It’s just Sakura all over again. But she has her own mission now. Children have been left abandoned or scarred by the war, but there’s no system in place for them. As a renowned medical ninja, and alongside her friend and rival, Ino, children’s hospitals are being set-up all across the Shinobi Land, taking advantage of the peaceful air between the Kages.
  1851. <div style="padding-top:5px"></div><h4><a href="/tagged/❀.-%C2%A0-%C2%A0-tiger-with-green-stripes-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0／-%C2%A0-anbu-verse" title="anbu.">Tiger with Green Stripes</a></h4>
  1852. <img src="https://66.media.tumblr.com/74934e2295387272af7ab262c5c48e93/tumblr_inline_prsf0y8LSb1wdxxly_1280.png" style="float:left;">The war has been won and the nations are at peace, but evil has still not been rid of. The Shinobi World is recovering from the damage caused by the war and this gives criminal organizations an advantage. There is also still the matter of government corruption, a subject matter that requires only the most discreet and most trustworthy of shinobi. In Tsunade’s final moments as Hokage she promotes Haruno Sakura to the rank of ANBU, as someone Tsunade trusts completely and as a much needed medic to the ANBU ranks as well as her taijutsu prowess now that she has finished establishing her Yin Seal.
  1853.  
  1854. <div style="padding-top:5px"></div><h4><a href="/tagged/❀.-%C2%A0-%C2%A0-spring-of-the-hidden-leaf-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-hokage-verse" title="hokage.">Spring of the Hidden Leaf (MAIN)</a></h4>
  1855. <img src="https://66.media.tumblr.com/6c2ca7b0f952b8778332103c48817689/tumblr_inline_prsfbjyMHY1wdxxly_1280.png" style="float:left;">After seeing Sakura’s efforts throughout the course of the Fourth Shinobi War, Lady Fifth, Tsunade, suggests Sakura for consideration of Hokage after achieving Jounin status.<br />
  1856.  
  1857. Hesitant to take the position after Tsunade and Kakashi had agreed that she was ready to take up the mantel, she sought for Naruto’s blessing, knowing she would be taking his lifelong dream away from him. <br />
  1858.  
  1859. But she succeeds as Hokage with her comrade’s approval. The village is in constant motion since the shinobi nations are in a state of peace with one another. New ideas are flowing and the technology makes leaps and bounds, but the reports from her husband, Sasuke, and Naruto about Kaguya‘s presence still lingering leaves her wondering how much longer this peace will last and if their children will be forced to take part in the fight the way they were.
  1860. <div style="padding-top:5px"></div><h4><a href="/tagged/❀.-%C2%A0-%C2%A0-no-one-taught-us-how-to-figure-our-shit-out-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-modern-verse" title="boruto.">Spring of a New Generation</a></h4>
  1861. <img src="https://66.media.tumblr.com/951856cce5209db1200894d66b324e7a/tumblr_inline_prsf27oBa81wdxxly_1280.png" style="float:left;">Mother to Uchiha Sarada, a fresh graduate from the Ninja Academy, she raises her daughter alone in her husband’s abscence, keeping potential dangerous threats away from his family. She serves as a jounin-rank protector of Konoha, staying near for her daughter to have someone to return home to. Sakura is also the top official in Konoha’s Hospital and continues to manage the Children’s Hospital she has founded.
  1862.  
  1863. </div>
  1864. <p class="links_head" >Alternate Universes
  1865. <div class="links_body">
  1866.  
  1867. <h4><a href="/tagged/" title="modern.">No One Taught Us</a></h4>
  1868. <img src="https://66.media.tumblr.com/a4ee9a4984604c3b5d4526f33eca342b/tumblr_inline_prsflcjX2a1wdxxly_1280.png" style="float:left;">
  1869. Sakura is a college student at Kyoto University with a life barely figured out for the present, much less what she wants to do with it years from now. With some convincing from her friends she became and committed to being a med students after volunteering for the university hospital.
  1870. <div style="padding-top:10px"></div>
  1871.  
  1872. </div></div>
  1873. <hr style="padding:3px;margin-top:15px;margin-bottom:15px">
  1874. <p>Sakura was a shy girl growing up, picked on for her broad forehead, and never overcame it until Yamanaka Ino provided a few sage words to help a young Sakura overcome their hurtful words. She was provided a ribbon to hold her bangs back and expose her forehead. It took several years to overcome her insecurities since they seemed to pile up once she graduated from the Academy and no longer called Ino her friend, due to both of them competing for Sasuke&rsquo;s favor and affection.</p>
  1875. <p>Her Academy scores were high, which landed her on the same team as Uchiha Sasuke, but also class clown, Uzumaki Naruto&rsquo;s. Their captain and sensei, Kakashi Hatake, had worked hard to instill the lessons and importance of them working on a team from day one. While bonds between the three were not strong, Naruto and Sasuke often put their lives in danger to protect Sakura, who often froze in fights, as well as others in the crossfire.</p>
  1876. <p>Sakura hated that she just froze when it mattered most, her insecurities growing but without any idea how to improve it. She stagnated in her training and continued to freeze until they were thrown into the Forest of Death during the second phase of the Chunin Exams. Her teammates were both unconscious and another team was on the move to attack. Sakura shed her long hair and finally put her life on the line for her teammates. In a three v. one match there wasn&rsquo;t much she could do, but fellow Leaf shinobi jumped in to fight the Hidden Sound ninja off until Sasuke woke up with a released curse mark.</p>
  1877. <p>They failed the final round of the Exams, but they had made it out alive even if they didn&rsquo;t reach the end intact. Sasuke had left to join Orochimaru and it became the remaining members of Team 7&rsquo;s goal to get stronger so they could bring him back before Orochimaru could use Sasuke&rsquo;s body as a host.</p>
  1878. <p>Naruto and Sakura trained on separate paths, Naruto with the sage ninja, Jiraiya, and Sakura with Lady Fifth, Tsunade. Three years went by learning medical-ninjutsu and how to operate as a proper medical-nin in the field. Sakura no longer wanted to be left in the back being a deadweight for her friends and that&rsquo;s what pushed her through Tsunade&rsquo;s intense training.</p>
  1879. <p>Naruto&rsquo;s return came with attacks from the elite group of rouge ninja, Akatsuki, whose goal was to capture all nine of the tailed beasts in order to revive Ten-Tails and cause destruction.</p>
  1880. <p>In order to stop the Akatsuki and to build up more strength to try and bring Sasuke home, or at least save him from becoming Orochimaru's new skin, Naruto began working with his wind chakra and Sakura asked Yamato if they could and find out if she could perform wood style jutsu.</p>
  1881. <p>Months were spent between Yamato helping both of his new comrades before unexpected results came that showed Sakura's ability to perform wood style. But the amount of chakra required for her to develop new jutsu put her at risk, given her secret development of her Yin Seal. The continuation of Sakura's development was put on hold for her health and the war that was coming on the horizon.
  1882. <p>A war ravaged the lands, uniting all the nations of shinobi to fight the revived Ten-Tails and Uchiha Madara. The final battles of the war had been won thanks to the reunion of Team 7 with Sasuke&rsquo;s Susan'o protecting them from Madara&rsquo;s Infinite Tsukuyomi and their strength to take down the resurrection of Kaguya.</p>
  1883. <p>After the war, Team 7 had disbanded yet again and left Sakura alone in the village. With idle hands, Sakura decided it was time she start her first journey alone. She left a handful of chakra-infused seeds for Kakashi and Yamato to use as a way of contacting with her. She traveled often between Konoha and the various lands of the world, and there she saw much of the aftermath and what was left behind and forgotten by the capital villages: destroyed villages, orphaned children on the street, and many injured physically but many more injured in unseeable ways. <strong>Sakura's New Mission: Heal the World</strong></p>
  1884. <p>She worked with Ino and the Yamanaka Clan to begin establishing mental hospitals and orphanages across the Land of Fire, with hopes to work with the other Lands and to continue their progress.</p>
  1885. <p>All the while, Sakura was developing her skills in Wood Style jutsu and becoming in-tune with the nature chakra of the forest, and traveling, on occassion, with <a href="uchihaheir.tumblr.com">Sasuke</a> and learning more about Konoha's dark, unwritten past and repairing their damaged relationship.
  1886. </p>
  1887. <p>By the time Sakura had settled back down in the village, having required and improved her skills in many facets of her abilities, Kakashi decided it was time for him to retire the mantle of Hokage. <a href="sageheir.tumblr.com">Naruto</a> had already since passed on the opportunity of his childhood dreams, becoming an obscure fixture in history and living on the road as the great Master and Sage, Jiraiya, had.</p>
  1888. <p>Sakura's name had been put in the list of approved, and qualified names, to take up the mantle of Hokage and she accepted but only under the condition that there would be a lot of the old being thrown out. She would not allow what happened to her friends to happen ever again.</p>
  1889.  
  1890. </div>
  1891.  
  1892.  
  1893.  
  1894.  
  1895. </div>
  1896. </li>
  1897. <li>
  1898.  
  1899.  
  1900. <div class="navega">
  1901. <h4>Out of Character</h4>
  1902. <a href="/tagged/❀.-%C2%A0-%C2%A0-give-me-chocolate-and-i%27ll-love-you-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-out-of-character">ooc</a>
  1903. <a href="/tagged/❀.-%C2%A0-%C2%A0-these-dreams-can-come-true-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-wishlist">wishlist</a>
  1904. </div>
  1905.  
  1906. <div class="navega">
  1907. <a href="/tagged/❀.-%C2%A0-%C2%A0-the-wind-is-scattered-in-pink-petals-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-meme">memes</a>
  1908. <a href="/tagged/❀.-%C2%A0-%C2%A0the-hawk-circling-up-above-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-messages">questions</a>
  1909. </div>
  1910.  
  1911.  
  1912. <h4>In Character</h4>
  1913. <div class="navega">
  1914. <a href="/tagged/❀.-%C2%A0-pretty-face-who-can-pack-a-mean-punch-%C2%A0-%C2%A0-／-%C2%A0-haruno-sakura">Gallery</a>
  1915. <a href="/tagged/❀.-%C2%A0-%C2%A0it’s-not-over-until-it’s-over-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-thread">Interactions</a>
  1916. </div>
  1917. <div class="navega">
  1918. <a href="/tagged/❀.-%C2%A0-%C2%A0things-locked-in-the-frost-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-／-%C2%A0-%C2%A0headcanon">Headcanon</a>
  1919. <a href="/tagged/❀.-%C2%A0-%C2%A0her-spirit-still-blooms-with-love-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0／-%C2%A0-%C2%A0character-study">Character Study</a>
  1920. </div>
  1921.  
  1922. </li>
  1923. <li>
  1924.  
  1925.  
  1926. <!--- START TAB 4: MUSES --->
  1927. <div id="muses" class="tab">
  1928. <div id="musebox">
  1929. <center>
  1930. <a href="https://sageheir.tumblr.com/" title="sageheir"><img src="https://i.imgur.com/zx8eTUz.png"></a>
  1931.  
  1932. <a href="https://biteheir.tumblr.com/" title="biteheir"><img src="https://i.imgur.com/uQkTnGe.png"></a>
  1933.  
  1934. <a href="https://uchihaheir.tumblr.com/" title="uchihaheir"><img src="https://i.imgur.com/8XQkWMf.png"></a>
  1935. </div>
  1936.  
  1937. <!--- END MUSE TAB --->
  1938.  
  1939. </div id="muses">
  1940.  
  1941.  
  1942.  
  1943.  
  1944.  
  1945.  
  1946.  
  1947.  
  1948.  
  1949. </font></font>
  1950. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  1951.  
  1952. <!-- CREDIT -->
  1953.  
  1954. <div id="credit">
  1955.  
  1956. <a href="https://descarriado.tumblr.com/commissions" title="theme by María."> S</a>
  1957. </div>
  1958. <!-- CREDIT -->
  1959.  
  1960. <div id="pagination">{block:Pagination}
  1961. {block:NextPage}<a href="{NextPage}" title="next page">next page</a>
  1962. {/block:NextPage}
  1963. {/block:Pagination}</div>
  1964.  
  1965. <div id="pagination2">{block:Pagination}
  1966. {block:PreviousPage}<a href="{PreviousPage}" title="previous page">previous page</a>{/block:PreviousPage}
  1967. {/block:Pagination}</div>
  1968. <!-- POST AND CONTAINER -->
  1969. <div id="container">
  1970. {block:Posts}
  1971.  
  1972. <div id="posts">
  1973. {block:Text}<center><h1>{block:Title}{Title}{/block:Title}</h1></center><div id="wrap">{Body}<div style="clear:both"></div>
  1974. </div id="wrap">{/block:Text}
  1975. {block:Photo}
  1976.  
  1977. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  1978. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1979.  
  1980. {block:Photoset}
  1981. {Photoset}{block:Caption}{Caption}{/block:Caption}
  1982. {/block:Photoset}
  1983.  
  1984. {block:Video}
  1985. <div class="video">{Video-500}{block:Caption}{Caption}{/block:Caption}</div>
  1986. {/block:Video}
  1987.  
  1988. <!-- POST AND CONTAINER -->
  1989.  
  1990. <!-- QUOTES, CHATS AND AUDIO -->
  1991.  
  1992. {block:Quote}
  1993. <div class="quote">&#8220;{Quote}&#8221;</div>
  1994. {block:Source}<div class="quotesource"> — {Source}</div>
  1995. {/block:Source}{/block:Quote}
  1996.  
  1997. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1998.  
  1999. {block:Chat}
  2000. {block:Title}
  2001. <h2 style="margin-bottom:-4px;">{Title}</h2>
  2002. {/block:Title}
  2003. <div class="chat">
  2004. <ol>{block:Lines}
  2005. <li class="line {Alt}">
  2006. {block:Label}
  2007. <span class="label">
  2008. <b>{Label}</b></span>
  2009. {/block:Label}{Line}</li>
  2010. {/block:Lines}
  2011. </ol></blockquote></div>
  2012. {/block:Chat}
  2013.  
  2014.  
  2015. {block:Audio}
  2016. <div class="audio">{block:AlbumArt}
  2017. <img class="audio-album" src="{AlbumArtURL}">
  2018. {/block:AlbumArt}
  2019. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}
  2020. {/block:AudioPlayer}</div>
  2021. <div class="audio-info">
  2022. {block:TrackName}
  2023. <b>Title:</b> {TrackName}<BR>
  2024. {/block:TrackName}
  2025. {block:Artist}
  2026. <b>Artist:</b> {Artist}<BR>
  2027. {/block:Artist}
  2028. {block:Album}
  2029. <b>Album:</b> {Album}<BR>
  2030. {/block:Album}
  2031. </div></div>
  2032. {block:Caption}<div class="caption">{Caption}</div>
  2033. {/block:Caption}
  2034. {/block:Audio}
  2035.  
  2036. <!-- QUOTES, CHATS AND AUDIO -->
  2037.  
  2038.  
  2039.  
  2040. <!-- QUESTIONS, INFO, TAGS AND POST NOTES -->
  2041.  
  2042.  
  2043. {block:Answer}
  2044. <div class="question"><img src="{AskerPortraitURL-40}">
  2045. {Question}<br><div class="asker">&mdash; {Asker}</div></div><br>
  2046. <div class="answer">
  2047. <div id="wrap">{Answer}<div style="clear:both"></div>
  2048. </div id="wrap"></div>
  2049. {/block:Answer}
  2050.  
  2051. <div id="info"></div>
  2052. <div id="info1"> <a href="{Permalink}" title="{TimeAgo} - {NoteCountwithlabel}."> <img src="https://i.imgur.com/lHunNS5.png"></a> </div>
  2053. <div id="info2"> <a href="{ReblogURL}" title="reblog?."> <img src="https://i.imgur.com/lHunNS5.png"> </a> </div>
  2054. <div id="info3"> {block:RebloggedFrom}<a title="↺ {ReblogParentName}" href="{ReblogParentURL}" ><img src="https://i.imgur.com/lHunNS5.png"></a>{/block:RebloggedFrom} </div>
  2055. <div id="info4"> {block:ContentSource}
  2056. <a title="src. {SourceTitle}" href="{SourceURL}" target="_blank" title="{SourceTitle}"> <img src="https://i.imgur.com/lHunNS5.png"> </a>
  2057. {/block:ContentSource}</div>
  2058.  
  2059.  
  2060. <div id="tags">
  2061. {block:HasTags}{block:Tags} <a href="/tagged/{Tag}" title="{Tag}">#{Tag}</a> {/block:Tags}{block:HasTags}
  2062. </div> </div>
  2063. <div class="postnote">
  2064. {block:PostNotes}{PostNotes}{/block:PostNotes}
  2065.  
  2066. </div>
  2067. {/block:Posts}
  2068. </div>
  2069. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  2070.  
  2071. <!-- QUESTIONS, INFO, TAGS AND POST NOTES -->
  2072.  
  2073.  
  2074.  
  2075. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  2076.  
  2077. </body>
  2078. </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!