API tools faq
paste
Advertisement
Guest User

Ichi's theme because he's a thot

a guest
Mar 19th, 2019
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. WINTER'S LADY THEMES
  7. ♛ this code was made by AGIRLINGREY@TUMBLR.
  8. ♛ do not remove credit or claim as your own.
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15.  
  16.  
  17.  
  18. <!--
  19. POP UP SCRIPT
  20. -->
  21.  
  22.  
  23. <script type="text/javascript"
  24. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25. <script>
  26. $(document).ready(function() {
  27. //
  28. $('a.poplight[href^=#]').click(function() {
  29. var popID = $(this).attr('rel'); //Get Popup Name
  30. var popURL = $(this).attr('href'); //Get Popup href to define size
  31. var query= popURL.split('?');
  32. var dim= query[1].split('&');
  33. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  35. var popMargTop = ($('#' + popID).height() + 80) / 2;
  36. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  37. //Apply Margin to Popup
  38. $('#' + popID).css({
  39. 'margin-top' : -popMargTop,
  40. 'margin-left' : -popMargLeft
  41. });
  42. $('body').append('<div id="fade"></div>');
  43. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  44. return false;
  45. });
  46. $('a.close, #fade').live('click', function() {
  47. $('#fade , .popup_block').fadeOut(function() {
  48. $('#fade, a.close').remove(); //fade them both out
  49. });
  50. return false;
  51. });
  52. });
  53. </script>
  54.  
  55.  
  56.  
  57. <!--
  58. VERSE TABS SCRIPT
  59. -->
  60.  
  61.  
  62. <script>
  63.  
  64. $(document).ready(function(){
  65. $("ul#tabs li").click(function(e){
  66. if (!$(this).hasClass("active")) {
  67. var tabNum = $(this).index();
  68. var nthChild = tabNum+1;
  69. $("ul#tabs li.active").removeClass("active");
  70. $(this).addClass("active");
  71. $("ul#tab li.active").removeClass("active");
  72. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  73. }
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79.  
  80. <!--
  81. TOOLTIP STYLING SCRIPT
  82. -->
  83.  
  84.  
  85. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  86. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  87. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  88. <script>
  89. (function($){
  90. $(document).ready(function(){
  91. $("[title]").style_my_tooltips({
  92. tip_follows_cursor:true,
  93. tip_delay_time:200,
  94. tip_fade_speed:500
  95. });
  96. });
  97. })(jQuery);
  98. </script>
  99.  
  100.  
  101.  
  102.  
  103. <title>{Title}</title>
  104. <link rel="shortcut icon" href="{Favicon}">
  105. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  106. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  107.  
  108.  
  109.  
  110. <!--
  111. CUSTOM FONTS
  112. -->
  113.  
  114.  
  115. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  116.  
  117. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  118.  
  119.  
  120. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  121.  
  122.  
  123.  
  124. <style type="text/css">
  125.  
  126. @font-face {font-family: "type_writer";src: url('https://dl.dropboxusercontent.com/s/2wepreuo8uuwtp7/type_writer-webfont.ttf?dl=0'); format("truetype");}
  127.  
  128. /* THE CUSTOM SIDEBAR THING */
  129.  
  130.  
  131.  
  132. #bite
  133. #bite a{
  134. display:block
  135. }
  136. #bite .death {
  137. margin-top:0px;filter: alpha(opacity = 1.0);
  138. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  139. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  140. }
  141.  
  142. #bite:hover .death {
  143. margin-top:0px;
  144. -webkit-transition: all 0.8s ease-out;
  145. -moz-transition: all 0.8s ease-out;
  146. transition: all 0.8s ease-out;
  147. filter: alpha(opacity = 100);
  148. filter: alpha(opacity = 100);
  149. opacity:100;
  150. }
  151.  
  152.  
  153.  
  154. /* SELECTION FONT AND BACKGROUND */
  155.  
  156.  
  157. ::selection {
  158. background: #c2c2c2;
  159. color:#fff; }
  160.  
  161.  
  162. ::-moz-selection {
  163. background: #c2c2c2;
  164. color:#fff; }
  165.  
  166.  
  167.  
  168. /* SCROLLBAR DETAILS */
  169.  
  170.  
  171.  
  172. ::-webkit-scrollbar {
  173. height: 0px;
  174. width: 2px;
  175. background:transparent;
  176. border-left:0px solid transparent;
  177. border-right:0px solid transparent;}
  178.  
  179.  
  180. ::-webkit-scrollbar-thumb {
  181. background:transparent;}
  182.  
  183.  
  184.  
  185.  
  186. /* THE CURSOR */
  187.  
  188.  
  189. {block:iftinycursor}
  190. body, a, a:hover{
  191. cursor: url('https://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  192. {/block:iftinycursor}
  193.  
  194. iframe#tumblr_controls {
  195. right:3px !important;
  196. position: fixed !important;
  197. -webkit-transition: opacity 0.7s
  198. linear;opacity: 0.2;
  199. -webkit-transition: all 0.8s ease-out;
  200. -moz-transition: all 0.8s ease-out;
  201. transition: all 0.8s ease-out;}
  202.  
  203. iframe#tumblr_controls:hover{
  204. -webkit-transition: opacity 0.7s linear;
  205. opacity: 1;
  206. -webkit-transition: all 0.4s ease-out;
  207. -moz-transition: all 0.4s ease-out;
  208. transition: all 0.4s ease-out;}
  209.  
  210.  
  211.  
  212. /* GENERAL LOOK AND BACKGROUND */
  213.  
  214.  
  215. body {
  216. background:#000;
  217. background-image:url('https://i.postimg.cc/mRqd7jSg/ichimatch2.png');
  218. background-attachment: fixed;
  219. background-repeat: no-repeat;
  220. background-position: left top;
  221. color:#8f8f8f;
  222. font-family: calibri;
  223. text-align:justify;
  224. font-size: 15px;
  225. letter-spacing:1px;
  226. line-height:135%;
  227. }
  228.  
  229.  
  230.  
  231. /* THE VERSES TABS */
  232.  
  233.  
  234. ul#tabs {
  235. list-style-type: none;
  236. padding: 0;
  237. text-align: center;
  238. font-size:10px;
  239. letter-spacing:1px;
  240. text-shadow:1px 1px 0px #4c4c4c,
  241. 1px -1px 0px #4c4c4c,
  242. -1px -1px 0px #4c4c4c,
  243. -1px 1px 0px #4c4c4c,
  244. 0px 1px 0px #4c4c4c,
  245. 0px -1px 0px #4c4c4c,
  246. 1px 0px 0px #4c4c4c,
  247. -1px 0px 0px #4c4c4c;
  248.  
  249. }
  250.  
  251.  
  252.  
  253. ul#tabs li {
  254. background-image: url('https://i.postimg.cc/GhKsLrPQ/ichitab.gif');
  255. background-repeat:repeat;
  256. background-attachment:fixed;
  257. border-left: double 3px #000;
  258. border-top: double 3px #000;
  259. border-right: double 3px #000;
  260. border-bottom: double 3px #000;
  261. color:#e6e6e6;
  262. text-shadow:1px 1px 0px #000,
  263. 1px -1px 0px #000,
  264. -1px -1px 0px #000,
  265. -1px 1px 0px #000,
  266. 0px 1px 0px #000,
  267. 0px -1px 0px #000,
  268. 1px 0px 0px #000,
  269. -1px 0px 0px #000;
  270. display: inline-block;
  271. padding: 4px 10px;
  272. margin-bottom: 4px;
  273. cursor: pointer;
  274. }
  275.  
  276.  
  277.  
  278. ul#tabs li:hover {
  279. background-color: transparent;
  280. color: #eaeaea;
  281. }
  282.  
  283. ul#tabs li.active {
  284. background-image: url('');
  285. background:#151515;
  286. background-repeat:repeat;
  287. background-attachment:fixed;
  288. border-left: double 3px #000;
  289. border-top: double 3px #000;
  290. border-right: double 3px #000;
  291. border-bottom: double 3px #000;
  292. color:#e6e6e6;
  293. text-shadow:1px 1px 0px #000,
  294. 1px -1px 0px #000,
  295. -1px -1px 0px #000,
  296. -1px 1px 0px #000,
  297. 0px 1px 0px #000,
  298. 0px -1px 0px #000,
  299. 1px 0px 0px #000,
  300. -1px 0px 0px #000;
  301. display: inline-block;
  302. padding: 4px 10px;
  303. margin-bottom: 4px;
  304. cursor: pointer;
  305. }
  306.  
  307.  
  308.  
  309. ul#tab {
  310. list-style-type: none;
  311. margin: 0;
  312. padding: 0;
  313. }
  314.  
  315. ul#tab li {
  316. display: none;
  317. }
  318.  
  319. ul#tab li.active {
  320. display: block;
  321. }
  322.  
  323.  
  324.  
  325.  
  326. /* LINKS */
  327.  
  328.  
  329. a:link, a:active, a:visited {
  330. text-decoration: none;
  331. color: #c961e8;
  332. -moz-transition-duration:.6s;
  333. -webkit-transition-duration:.6s;
  334. -o-transition-duration:.6s;
  335. -webkit-filter: blur(0px);}
  336.  
  337. a:hover {
  338. color: #8f8f8f;
  339. -moz-transition-duration:.6s;
  340. -webkit-transition-duration:.6s;
  341. -o-transition-duration:.6s;
  342. -webkit-filter: blur(1px);}
  343.  
  344.  
  345.  
  346. #links a {
  347. padding:5px;
  348. margin-right:0px;
  349. text-shadow: 1px 0px 1px #fff;
  350. }
  351.  
  352.  
  353. #links a:hover {
  354. padding:5px;
  355. margin-right:0px;
  356. text-shadow: 2px 0px 10px #7a7a7a;
  357. -moz-transition-duration:0.6s;
  358. -webkit-transition-duration:0.6s;
  359. -o-transition-duration:0.6s;
  360. }
  361.  
  362.  
  363.  
  364.  
  365. /* OTHER TEXT STUFF */
  366.  
  367.  
  368.  
  369. h1 {
  370. background-color: transparent;
  371. font-family: 'Josefin Sans', sans-serif;
  372. font-size: 16px;
  373. line-height: 20px;
  374. letter-spacing: 2px;
  375. text-align: center;
  376. text-transform:uppercase;
  377. color: #9B59B6;
  378. }
  379.  
  380.  
  381. h2 {
  382. background-color: transparent;
  383. font-family: 'Josefin Sans', sans-serif;
  384. font-size: 15px;
  385. line-height: 16px;
  386. letter-spacing: 2px;
  387. text-align: left;
  388. text-transform:uppercase;
  389. color: #9B59B6;
  390. }
  391.  
  392.  
  393.  
  394. h3 {
  395. background-image:url('https://i.postimg.cc/GhKsLrPQ/ichitab.gif');
  396. background-repeat:repeat;
  397. background-attachment:fixed;
  398. border:1px double #864799;
  399. outline:1px dotted #864799;
  400. outline-offset: 4px;
  401. border-radius:0px 0px 0px 0px;
  402. padding:6px;
  403. color:#e6e6e6;
  404. text-shadow:1px 1px 0px #1A1A1A,
  405. 1px -1px 0px #1A1A1A,
  406. -1px -1px 0px #1A1A1A,
  407. -1px 1px 0px #1A1A1A,
  408. 0px 1px 0px #1A1A1A,
  409. 0px -1px 0px #1A1A1A,
  410. 1px 0px 0px #1A1A1A,
  411. -1px 0px 0px #1A1A1A;
  412. font-size:12px;
  413. font-family:calibri;
  414. text-transform:uppercase;
  415. letter-spacing:5px;
  416. text-align:center;
  417. line-height:17px;
  418. margin-left:5px;
  419. margin-top:15px;
  420. margin-bottom:15px;
  421. }
  422.  
  423.  
  424.  
  425.  
  426. h4 {
  427. background-image:url('https://i.postimg.cc/GhKsLrPQ/ichitab.gif');
  428. background-repeat:repeat;
  429. background-attachment:fixed;
  430. border:1px double #864799;
  431. outline:1px dotted #864799;
  432. outline-offset: 4px;
  433. border-radius:0px 0px 0px 0px;
  434. padding:6px;
  435. color:#e6e6e6;
  436. text-shadow:1px 1px 0px #1A1A1A,
  437. 1px -1px 0px #1A1A1A,
  438. -1px -1px 0px #1A1A1A,
  439. -1px 1px 0px #1A1A1A,
  440. 0px 1px 0px #1A1A1A,
  441. 0px -1px 0px #1A1A1A,
  442. 1px 0px 0px #1A1A1A,
  443. -1px 0px 0px #1A1A1A;
  444. font-size:16px;
  445. font-family:calibri;
  446. text-transform:uppercase;
  447. letter-spacing:10px;
  448. text-align:center;
  449. line-height:17px;
  450. margin-left:5px;
  451. margin-top:15px;
  452. margin-bottom:15px;
  453. }
  454.  
  455.  
  456.  
  457.  
  458. hr {
  459. color:#9B59B6;
  460. display: block;
  461. margin-top: 0.5em;
  462. margin-bottom: 0.5em;
  463. margin-left: auto;
  464. margin-right: auto;
  465. border-style: inset;
  466. border-width: 1px;
  467. }
  468.  
  469.  
  470.  
  471.  
  472. quotetext {
  473. background-color: transparent;
  474. font-family: times;
  475. font-size: 16px;
  476. line-height: 20px;
  477. letter-spacing: 2px;
  478. text-align: center;
  479. text-transform:uppercase;
  480. color: #91a3ac;
  481. }
  482.  
  483.  
  484.  
  485. blockquote {
  486. word-wrap: break-word;
  487. padding:2px 7px;
  488. margin:3px 0 3px 10px;
  489. border-left:1px dashed #864799;
  490. -webkit-border-radius: 10px;
  491. -moz-border-radius: 10px;
  492. border-radius: 10px;
  493. background-color:transparent;}
  494. }
  495.  
  496.  
  497. blockquote img{
  498. max-width:100%;
  499. height:auto;
  500. }
  501.  
  502. blockquote blockquote img{
  503. max-width:100%;
  504. height:auto;
  505. }
  506.  
  507.  
  508.  
  509.  
  510. b, bold {
  511. font-size:12px;
  512. text-transform:uppercase;
  513. letter-spacing:1px;
  514. font-family: 'Josefin Sans', sans-serif;
  515. color: #9B59B6;
  516. text-shadow:1px 1px 0 #000;
  517. }
  518.  
  519.  
  520.  
  521. i, italic {
  522. font-size:13px;
  523. color: #C39BD3;
  524. font-family: 'Bad Script', cursive;
  525. text-shadow: 0px 0px 2px #5a5a5a;
  526. letter-spacing:1px;
  527. text-transform:lowercase;
  528. }
  529.  
  530.  
  531.  
  532.  
  533. p {
  534. margin-top:5px;
  535. margin-bottom:5px;}
  536.  
  537.  
  538. ol {
  539. list-style:normal;}
  540.  
  541.  
  542. ul {
  543. list-style:square;}
  544.  
  545.  
  546. small {
  547. font-size: 15px;}
  548.  
  549.  
  550. sup,sub {
  551. font-size: 15px;}
  552.  
  553.  
  554. pre {
  555. font-size: 10px;
  556. letter-spacing:3px;
  557. color: #9B59B6;
  558. text-shadow:1px 1px 0px #9B59B6, -1px -1px 0px #9B59B6, 1px -1px 0px #9B59B6, -1px 1.5px #9B59B6, 1px 0px 0px #9B59B6, -1px 0px 0px#9B59B6;
  559. font-family: 'Raleway', sans-serif;
  560. font-style: none;
  561. text-align:center;
  562. white-space: pre-wrap; /* css-3 */
  563. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  564. white-space: -pre-wrap; /* Opera 4-6 */
  565. white-space: -o-pre-wrap; /* Opera 7 */
  566. word-wrap: break-word; /* Internet Explorer 5.5+ */ }
  567.  
  568.  
  569.  
  570. big {
  571. font-size:25px;
  572. text-transform:uppercase;
  573. letter-spacing:2px;
  574. font-family: 'Raleway', sans-serif;
  575. color:#8f8f8f;
  576. text-shadow:1px 1px 0px #9B59B6, -1px -1px 0px #9B59B6, 1px -1px 0px #9B59B6, -1px 1.5px #9B59B6, 1px 0px 0px #9B59B6, -1px 0px 0px#9B59B6;
  577.  
  578. }
  579.  
  580.  
  581.  
  582. /* IMAGES, PHOTOSETS AND WHATNOT */
  583.  
  584.  
  585.  
  586. {block:IfGreyscale}
  587.  
  588. img {
  589. -webkit-filter:grayscale(100%);
  590. -webkit-transition: all 0.9s ease-in-out;
  591. -moz-transition: all 0.9s ease-in-out;
  592. -o-transition: all 0.9s ease-in-out;
  593. -ms-transition: all 0.9s ease-in-out;
  594. transition: all 0.9s ease-in-out;}
  595.  
  596. img:hover {
  597. -webkit-filter:none;}
  598.  
  599. .html_photoset {
  600. -webkit-filter: grayscale(100%);
  601. -webkit-transition: all 0.9s ease-in-out;
  602. -moz-transition: all 0.9s ease-in-out;
  603. -o-transition: all 0.9s ease-in-out;
  604. -ms-transition: all 0.9s ease-in-out;
  605. transition: all 0.9s ease-in-out;}
  606.  
  607. .html_photoset:hover {
  608. -webkit-filter: none;}
  609.  
  610. {/block:IfGreyscale}
  611.  
  612.  
  613.  
  614. /* CONTAINER AND POSTS */
  615.  
  616.  
  617.  
  618. #container {
  619. background-color:transparent;
  620. width:470px;
  621. height:650px;
  622. padding: 20px;
  623. top:235px;
  624. left: 700px;
  625. position:relative;
  626. overflow-y:scroll;
  627. overflow-x:hidden;
  628. border:1px solid transparent;
  629. -webkit-mask-image: -webkit-gradient(
  630. linear, center 75%, center bottom,
  631. from(rgba(0,0,0,20)),
  632. to(rgba(20,0,0,0)));
  633. }
  634.  
  635.  
  636. #container img {
  637. height:auto;
  638. max-width:100%;
  639. }
  640.  
  641. #content {
  642. margin-left:62px;
  643. width:310px;
  644. margin-top: -100px;
  645. }
  646.  
  647. #posts {
  648. width:470px;
  649. padding:10px;
  650. margin-top: 70px;
  651. margin-left:-72px;
  652. padding-bottom:0px;
  653. overflow-y:scroll;
  654. overflow-x:hidden;
  655. }
  656.  
  657.  
  658. #description {
  659. margin-left: 0px;
  660. margin-top: -50px;
  661. width:180px;
  662. color:transparent;}
  663.  
  664.  
  665.  
  666.  
  667. /* CUSTOM SIDEBAR SETTINGS */
  668.  
  669.  
  670. #actualnews {
  671. font-family: calibri;
  672. font-size:12px;
  673. background:transparent;
  674. color: #8f8f8f;
  675. width:205px;
  676. height:400px;
  677. padding-top:3px;
  678. border:0px solid #131313;
  679. left: 1365px;
  680. line-height:25px;
  681. top: 200px;
  682. text-align:center;
  683. position:fixed;
  684. -webkit-filter: blur(0px);
  685. -webkit-transition: 0.8s ease-in;
  686. -moz-transition: 1s ease-in;
  687. transition: 1s ease-in;
  688. -webkit-transition: all 0.6s ease-in-out;
  689. -moz-transition: all 0.6s ease-in-out;
  690. -o-transition: all 0.6s ease-in-out;
  691. -ms-transition: all 0.6s ease-in-out;
  692. transition: all 0.6s ease-in-out;
  693. }
  694.  
  695.  
  696.  
  697.  
  698.  
  699. #thekey {
  700. position:fixed;
  701. color:#7c7470;
  702. text-shadow: 0px 0px 2px #fff;
  703. margin-top:175px;
  704. margin-left:55px;
  705. width:710px;
  706. padding:9px;
  707. letter-spacing:2px;
  708. word-spacing:5px; /*this defines the separation of each word of the links*/
  709. font-family: helvetica;
  710. font-size:12px;
  711. text-align:center;
  712. background:transparent;
  713. text-transform:uppercase;
  714. -webkit-transform: rotate(-90deg);
  715. -moz-transform: rotate(-90deg);
  716. -o-transform: rotate(-90deg);
  717. }
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724. #thekey {
  725. position:fixed;
  726. color:#7c7470;
  727. text-shadow: 0px 0px 2px #fff;
  728. margin-top:175px;
  729. margin-left:55px;
  730. width:710px;
  731. padding:9px;
  732. letter-spacing:2px;
  733. word-spacing:5px; /*this defines the separation of each word of the links*/
  734. font-family: helvetica;
  735. font-size:12px;
  736. text-align:center;
  737. background:transparent;
  738. text-transform:uppercase;
  739. -webkit-transform: rotate(-90deg);
  740. -moz-transform: rotate(-90deg);
  741. -o-transform: rotate(-90deg);
  742. }
  743.  
  744.  
  745.  
  746.  
  747. /* JUMBLED LINKS */
  748.  
  749.  
  750.  
  751. .alinks {
  752. position:fixed;
  753. text-shadow: 0px 0px 0px #000;
  754. left:940px;
  755. top:50px;
  756. transform: rotate(0deg);
  757. text-align: right;
  758. line-height:20px;
  759. font-family: 'Josefin Sans', sans-serif;
  760. font-size: 27px;}
  761.  
  762.  
  763. .alinks a {
  764. padding:10px;
  765. color:#fff;
  766. margin-right:0px;
  767. -webkit-filter: blur(0px);
  768. -webkit-transition: 0.8s ease-in;
  769. -moz-transition: 1s ease-in;
  770. transition: 1s ease-in;
  771. }
  772.  
  773. .alinks a:hover {
  774. -webkit-filter: blur(1px);
  775. -webkit-transition: all 0.6s ease-in-out;
  776. -moz-transition: all 0.6s ease-in-out;
  777. -o-transition: all 0.6s ease-in-out;
  778. -ms-transition: all 0.6s ease-in-out;
  779. transition: all 0.6s ease-in-out;
  780. color: #7f7f7f;
  781. text-shadow: 7px 7px 3px #000000;
  782. }
  783.  
  784.  
  785.  
  786. .blinks {
  787. position:fixed;
  788. text-shadow: 0px 0px 11px #7C6868;
  789. left:1250px;
  790. top:600px;
  791. text-align: center;
  792. font-family: 'Josefin Sans', sans-serif;
  793. line-height:20px;
  794. font-size: 19px;
  795. animation: float 6s ease-in-out infinite;
  796.  
  797. }
  798.  
  799.  
  800. .blinks a {
  801. padding:10px;
  802. color:#fff;
  803. margin-right:0px;
  804. -webkit-filter: blur(0px);
  805. -webkit-transition: 0.8s ease-in;
  806. -moz-transition: 1s ease-in;
  807. transition: 1s ease-in;
  808. }
  809.  
  810. .blinks a:hover {
  811. -webkit-transition: all 0.6s ease-in-out;
  812. -moz-transition: all 0.6s ease-in-out;
  813. -o-transition: all 0.6s ease-in-out;
  814. -ms-transition: all 0.6s ease-in-out;
  815. transition: all 0.6s ease-in-out;
  816. color: #7f7f7f;
  817. text-shadow: 7px 7px 3px #000000;
  818. }
  819.  
  820.  
  821.  
  822.  
  823. .clinks {
  824. position:fixed;
  825. font-size:75px;
  826. text-decoration:none;
  827. margin-left:50px;
  828. margin-top:170px;
  829. animation: float 6s ease-in-out infinite;
  830.  
  831. }
  832.  
  833. .clinks a {
  834. text-shadow:0px 0px 7px #7f7f7f;
  835. text-decoration:none;
  836. color:#fff;
  837. -webkit-transition: all 0.5s ease-out;
  838. -moz-transition: all 0.5s ease-out;
  839. transition: all 0.5s ease-out;
  840. }
  841.  
  842. .clinks:hover {
  843. -webkit-filter: blur(3px);
  844. -moz-filter: blur(3px);
  845. -o-filter: blur(3px);
  846. -ms-filter: blur(3px);
  847. filter: blur(3px);
  848. -webkit-transition: all 0.5s ease-in-out;
  849. -moz-transition: all 0.5s ease-in-out;
  850. -o-transition: all 0.5s ease-in-out;
  851. -ms-transition: all 0.5s ease-in-out;
  852. transition: all 0.5s ease-in-out;
  853.  
  854. }
  855.  
  856.  
  857.  
  858. .dlinks {
  859. position:fixed;
  860. font-size:30px;
  861. text-decoration:none;
  862. animation: float 6s ease-in-out infinite;
  863. margin-left:-30px;
  864. margin-top:200px;
  865. }
  866.  
  867. .dlinks a {
  868. text-shadow:0px 0px 7px #7f7f7f;
  869. text-decoration:none;
  870. color:#fff;
  871. -webkit-transition: all 0.5s ease-out;
  872. -moz-transition: all 0.5s ease-out;
  873. transition: all 0.5s ease-out;
  874. }
  875.  
  876. .dlinks:hover {
  877. -webkit-filter: blur(3px);
  878. -moz-filter: blur(3px);
  879. -o-filter: blur(3px);
  880. -ms-filter: blur(3px);
  881. filter: blur(3px);
  882. -webkit-transition: all 0.5s ease-in-out;
  883. -moz-transition: all 0.5s ease-in-out;
  884. -o-transition: all 0.5s ease-in-out;
  885. -ms-transition: all 0.5s ease-in-out;
  886. transition: all 0.5s ease-in-out;
  887.  
  888. }
  889.  
  890.  
  891.  
  892. .elinks {
  893. position:fixed;
  894. font-size:25px;
  895. text-decoration:none;
  896. animation: float 6s ease-in-out infinite;
  897. margin-left:-75px;
  898. margin-top:260px;
  899. }
  900.  
  901. .elinks a {
  902. text-shadow:0px 0px 7px #7f7f7f;
  903. text-decoration:none;
  904. color:#fff;
  905. -webkit-transition: all 0.5s ease-out;
  906. -moz-transition: all 0.5s ease-out;
  907. transition: all 0.5s ease-out;
  908. }
  909.  
  910. .elinks:hover {
  911. -webkit-filter: blur(3px);
  912. -moz-filter: blur(3px);
  913. -o-filter: blur(3px);
  914. -ms-filter: blur(3px);
  915. filter: blur(3px);
  916. -webkit-transition: all 0.5s ease-in-out;
  917. -moz-transition: all 0.5s ease-in-out;
  918. -o-transition: all 0.5s ease-in-out;
  919. -ms-transition: all 0.5s ease-in-out;
  920. transition: all 0.5s ease-in-out;
  921.  
  922. }
  923.  
  924.  
  925.  
  926.  
  927.  
  928. .flinks {
  929. position:fixed;
  930. font-size:15px;
  931. text-decoration:none;
  932. animation: float 6s ease-in-out infinite;
  933. margin-left:-65px;
  934. margin-top:355px;
  935. }
  936.  
  937. .flinks a {
  938. text-shadow:0px 0px 7px #7f7f7f;
  939. text-decoration:none;
  940. color:#fff;
  941. -webkit-transition: all 0.5s ease-out;
  942. -moz-transition: all 0.5s ease-out;
  943. transition: all 0.5s ease-out;
  944. }
  945.  
  946. .flinks:hover {
  947. -webkit-filter: blur(3px);
  948. -moz-filter: blur(3px);
  949. -o-filter: blur(3px);
  950. -ms-filter: blur(3px);
  951. filter: blur(3px);
  952. -webkit-transition: all 0.5s ease-in-out;
  953. -moz-transition: all 0.5s ease-in-out;
  954. -o-transition: all 0.5s ease-in-out;
  955. -ms-transition: all 0.5s ease-in-out;
  956. transition: all 0.5s ease-in-out;
  957.  
  958. }
  959.  
  960.  
  961.  
  962. .credit {
  963. position:fixed;
  964. text-shadow: 0px 0px 11px #7C6868;
  965. right:15px;
  966. bottom:15px;
  967. transform: rotate(0deg);
  968. font-family: 'Josefin Sans', sans-serif;
  969. font-size: 17px; }
  970.  
  971.  
  972. .credit a {
  973. padding:10px;
  974. color:#6e6e6e;
  975. margin-right:0px;
  976. -webkit-filter: blur(1px);
  977. -webkit-transition: 0.8s ease-in;
  978. -moz-transition: 1s ease-in;
  979. transition: 1s ease-in;
  980. }
  981.  
  982. .credit a:hover {
  983. -webkit-transition: all 0.6s ease-in-out;
  984. -moz-transition: all 0.6s ease-in-out;
  985. -o-transition: all 0.6s ease-in-out;
  986. -ms-transition: all 0.6s ease-in-out;
  987. transition: all 0.6s ease-in-out;
  988. color: #000000;
  989. text-shadow: 7px 7px 3px #000000;
  990. }
  991.  
  992.  
  993.  
  994.  
  995. /* PAGINATION */
  996.  
  997.  
  998.  
  999.  
  1000. #pagination {
  1001. position:fixed;
  1002. font-family: 'Josefin Sans', sans-serif;
  1003. width:300px;
  1004. font-size:35px;
  1005. top:170px;
  1006. left:550px;
  1007. letter-spacing:3px;
  1008. text-align:center;
  1009. z-index:999999999999;
  1010. }
  1011.  
  1012. #pagination a {
  1013. text-transform:uppercase;
  1014. color:#b3b3b3;
  1015. -webkit-filter: blur(0px);
  1016. -webkit-transition: 0.8s ease-in;
  1017. -moz-transition: 1s ease-in;
  1018. transition: 1s ease-in;
  1019. z-index:999999999999;
  1020. }
  1021.  
  1022. #pagination a:hover {
  1023. color:#fff;
  1024. -webkit-filter: blur(1px);
  1025. -webkit-transition: 0.2s ease-in;
  1026. -moz-transition: 1s ease-in;
  1027. transition: 1s ease-in;
  1028. }
  1029.  
  1030.  
  1031.  
  1032.  
  1033. /* MISC */
  1034.  
  1035.  
  1036.  
  1037. .audio {
  1038. width:300px;
  1039. padding-bottom:10px;
  1040. background-color:{color:#0b0b0b};}
  1041.  
  1042. .albumart {
  1043. float:left;
  1044. padding:0px 10px 10px 0px;}
  1045.  
  1046. .albumart img {
  1047. width:65px;
  1048. height:65px;}
  1049.  
  1050. .playercontainer {
  1051. text-align:left;
  1052. padding:10px;
  1053. background-color:#0b0b0b;
  1054. width:300px;}
  1055.  
  1056. .audioinfo {
  1057. padding:10px;
  1058. color:#a1a0a0;}
  1059.  
  1060.  
  1061.  
  1062.  
  1063. /* QUESTIONS & ANSWERS DETAILS */
  1064.  
  1065.  
  1066. #asker {
  1067. font-family: 'Raleway', sans-serif;
  1068. text-align:center;
  1069. padding-top: 20px;
  1070. margin-left:0px;
  1071. text-transform:uppercase;
  1072. color: #91a3ac;
  1073. font-size:35px;
  1074. padding:5px;
  1075. letter-spacing:0px;
  1076. text-shadow:0 0 2px #aeaeae;
  1077. }
  1078.  
  1079.  
  1080. #asker a{
  1081. font-family: 'Raleway', sans-serif;
  1082. text-transform:uppercase;
  1083. letter-spacing: 0px;
  1084. font-size:35px;
  1085. text-shadow: none;
  1086. color: #91a3ac;
  1087. text-shadow:0 0 2px #1a1a1a;
  1088. -webkit-filter: blur(0.5px);
  1089. }
  1090.  
  1091.  
  1092. #asker a:hover {
  1093. color: #656565;
  1094. letter-spacing: 2px;
  1095. text-shadow:0 0 2px #000;
  1096. -webkit-filter: blur(1px);
  1097. -webkit-transition:all .5s ease-in-out;
  1098. -moz-transition:all .5s ease-in-out;
  1099. transition:all .5s ease-in-out;
  1100. }
  1101.  
  1102.  
  1103.  
  1104. #asker a:hover {
  1105. color: #656565;
  1106. letter-spacing: 2px;
  1107. text-shadow:0 0 2px #000;
  1108. -webkit-filter: blur(1px);
  1109. -webkit-transition:all .5s ease-in-out;
  1110. -moz-transition:all .5s ease-in-out;
  1111. transition:all .5s ease-in-out;
  1112. }
  1113.  
  1114.  
  1115.  
  1116. #ask {
  1117. padding:2px;
  1118. font-family:calibri;
  1119. color:#e6e6e6;
  1120. text-shadow:1px 1px 0px #000,
  1121. 1px -1px 0px #000,
  1122. -1px -1px 0px #000,
  1123. -1px 1px 0px #000,
  1124. 0px 1px 0px #000,
  1125. 0px -1px 0px #000,
  1126. 1px 0px 0px #000,
  1127. -1px 0px 0px #000;
  1128. font-size:18px;
  1129. text-align:center;
  1130. padding-top: 5px;
  1131. margin-left:7px;
  1132. text-transform:auto;
  1133. letter-spacing:3px
  1134. margin-top:-10px;
  1135. width:440px;
  1136. padding:5px;
  1137. background: #000;
  1138. background-image:url('https://i.postimg.cc/GhKsLrPQ/ichitab.gif');
  1139. background-repeat:repeat;
  1140. padding:2px;
  1141. color:#cacaca;
  1142. text-transform: uppercase;
  1143. padding:10px;
  1144. letter-spacing:2px;
  1145. border-top:3.5px solid #cb5aed;
  1146. border-bottom:1px dashed #864799;
  1147. -webkit-border-radius: 8px;
  1148. -moz-border-radius: 8px;
  1149. }
  1150.  
  1151.  
  1152.  
  1153. .ans {
  1154. text-align:center;
  1155. padding:10px;
  1156. }
  1157.  
  1158.  
  1159.  
  1160. /* POST INFO DETAILS */
  1161.  
  1162.  
  1163. #info {
  1164. font-size:200px;
  1165. height:auto;
  1166. text-transform:uppercase;
  1167. letter-spacing:10px;
  1168. margin-top:20px;
  1169. margin-left:7px;
  1170. margin-bottom:20px;
  1171. justify-content: center;
  1172. text-align:center;
  1173. text-shadow: 5px 5px 5px #000000;
  1174. background-image: url('https://i.postimg.cc/GhKsLrPQ/ichitab.gif');
  1175. background-repeat:repeat;
  1176. background-position: top center;
  1177. padding-top:10px;
  1178. padding-bottom:5px;
  1179. -webkit-transition: all 0.8s ease;
  1180. -moz-transition: all 0.8s ease;
  1181. transition: all 0.8s ease;
  1182. border-top:3.5px solid #864799;
  1183. border-bottom:1px dashed #864799;
  1184. -webkit-border-radius: 8px;
  1185. -moz-border-radius: 8px;
  1186. border-radius: 8px;
  1187. }
  1188.  
  1189.  
  1190.  
  1191. #info a {
  1192. font-family: 'caviardreams';
  1193. font-size:50px;
  1194. color:#9cb4c0;
  1195. text-shadow: 0px 0px 3px #7c1f1f;
  1196. padding:5px;
  1197. font-style:normal;}
  1198.  
  1199.  
  1200. #info a:hover {
  1201. color:#eee;
  1202. -webkit-filter: blur(0px);
  1203. -moz-transition-duration:0.2s;
  1204. -webkit-transition-duration:0.2s;
  1205. -o-transition-duration:0.2s;}
  1206.  
  1207.  
  1208. #tags {
  1209. color:#9cb4c0;
  1210. margin-top:5px;
  1211. padding-left:15px;
  1212. text-align:center;
  1213. line-height:15px;
  1214. letter-spacing:0px;
  1215. text-transform:uppercase;
  1216. font-size:18px;
  1217. padding-right:10px;
  1218. text-shadow:1px 1px 0px #000,
  1219. 1px -1px 0px #000,
  1220. -1px -1px 0px #000,
  1221. -1px 1px 0px #000,
  1222. 0px 1px 0px #000,
  1223. 0px -1px 0px #000,
  1224. 1px 0px 0px #000,
  1225. -1px 0px 0px #000;
  1226. }
  1227.  
  1228. #tags a {
  1229. font-family:calibri;
  1230. color:#9cb4c0;
  1231. font-size:15px;
  1232. text-shadow:1px 1px 0px #000,
  1233. 1px -1px 0px #000,
  1234. -1px -1px 0px #000,
  1235. -1px 1px 0px #000,
  1236. 0px 1px 0px #000,
  1237. 0px -1px 0px #000,
  1238. 1px 0px 0px #000,
  1239. -1px 0px 0px #000;
  1240. }
  1241.  
  1242. #tags a:hover {
  1243. color:#eee;}
  1244.  
  1245.  
  1246. /* MISC 02. */
  1247.  
  1248.  
  1249.  
  1250. .note {
  1251. text-transform:uppercase;
  1252. font-style:normal;
  1253. letter-spacing:0px;
  1254. font-size: 10px;
  1255. text-align:left;
  1256. line-height:90%;
  1257. margin-left:-40px;}
  1258.  
  1259. .note li {
  1260. list-style-type:none;
  1261. border-bottom:0px solid {color:border};
  1262. padding:10px 25px 10px 25px;
  1263. text-align:left;
  1264. margin:0px;
  1265. -moz-transition-duration:0.5s;
  1266. -webkit-transition-duration:0.5s;
  1267. -o-transition-duration:0.5s;}
  1268.  
  1269. .note img.avatar {
  1270. margin-right: 10px;
  1271. width: 16px;
  1272. height: 16px;}
  1273.  
  1274.  
  1275.  
  1276.  
  1277. /* BASIC POP-UP DETAILS */
  1278.  
  1279.  
  1280.  
  1281. .popup_block{
  1282. display:none;
  1283. background:#05030d;
  1284. padding:20px;
  1285. border:0px solid #eee; /* if you want a solid white pop-up, delete this */
  1286. float:left;
  1287. width:450px;
  1288. height:710px;
  1289. padding: 20px;
  1290. top:490px;
  1291. left: 1045px;
  1292. position:fixed;
  1293. z-index: 99999;
  1294. -webkit-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1295. -moz-box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1296. box-shadow: 0px 0px 0px #818081; /* delete for solid white */
  1297. border:1px double #864799;
  1298. }
  1299.  
  1300.  
  1301. *html #fade {position: absolute;}
  1302. *html .popup_block {position: absolute;}
  1303. #fade {
  1304. display:none;
  1305. position:fixed;
  1306. left:0px;
  1307. top:0px;
  1308. width:100%;
  1309. height:100%;
  1310. z-index:9999;
  1311. background:#000; /* change to #fff for solid white */
  1312. opacity:0.5; /* change to opacity:1; */
  1313. }
  1314.  
  1315.  
  1316.  
  1317. .popupnavlinks {
  1318. padding-top:5px;
  1319. text-align:center; }
  1320.  
  1321.  
  1322. .popupnavlinks a {
  1323. display:inline-block;
  1324. width:90px; height:4px;
  1325. margin:2px; padding:3px 6px 10px;
  1326. text-align:center;
  1327. background-image: url('');
  1328. background:#0d0d0d;
  1329. background-repeat:repeat;
  1330. background-attachment:fixed;
  1331. border-left: double 3px #000;
  1332. border-top: double 3px #000;
  1333. border-right: double 3px #000;
  1334. border-bottom: double 3px #000;
  1335. color:#e6e6e6;
  1336. font-size:9px;
  1337. font-family:calibri;
  1338. text-shadow:1px 1px 0px #000,
  1339. 1px -1px 0px #000,
  1340. -1px -1px 0px #000,
  1341. -1px 1px 0px #000,
  1342. 0px 1px 0px #000,
  1343. 0px -1px 0px #000,
  1344. 1px 0px 0px #000,
  1345. -1px 0px 0px #000;
  1346. display: inline-block;
  1347. cursor: pointer;
  1348. }
  1349.  
  1350.  
  1351.  
  1352. .popupnavlinks a:hover {
  1353. display:inline-block;
  1354. letter-spacing:2px; }
  1355.  
  1356.  
  1357.  
  1358. .popupclose {
  1359. float:right; top:0px; right:0px;
  1360. margin-top:-10px; margin-right:-10px;
  1361. font-family:'Scada', sans serif;
  1362. font-size:10px;
  1363. font-weight:bold }
  1364.  
  1365. .popupclose a {
  1366. color:#aaa }
  1367.  
  1368.  
  1369.  
  1370. /* TOOLTIP DETAILS */
  1371.  
  1372.  
  1373.  
  1374. #s-m-t-tooltip{
  1375. max-width:400px;
  1376. padding: 4px 10px;
  1377. margin-bottom: 4px;
  1378. background: #0b0b0b;
  1379. background-image:url('https://i.postimg.cc/GhKsLrPQ/ichitab.gif');
  1380. background-repeat:repeat;
  1381. background-attachment:fixed;
  1382. border:1px double #864799;
  1383. outline:1px dotted #864799;
  1384. color:#e6e6e6;
  1385. outline-offset:2px;
  1386. outline:1px #864799 dotted;
  1387. text-shadow:1px 1px 0px #231480,
  1388. 1px -1px 0px #000,
  1389. -1px -1px 0px #000,
  1390. -1px 1px 0px #000,
  1391. 0px 1px 0px #000,
  1392. 0px -1px 0px #000,
  1393. 1px 0px 0px #000,
  1394. -1px 0px 0px #000;
  1395. z-index:99999999999999999999;
  1396. font-size:15px;
  1397. letter-spacing:2px;
  1398. font-style:bold;
  1399. letter-spacing:2px;
  1400. font-family:calibri;
  1401. text-transform:uppercase;
  1402. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  1403.  
  1404.  
  1405.  
  1406. @keyframes float {
  1407. 0% {
  1408. box-shadow: 0 0px 0px 0px rgba(0,0,0,0.6);
  1409. transform: translatey(0px);
  1410. }
  1411. 50% {
  1412. box-shadow: 0 0px 0px 0px rgba(0,0,0,0.2);
  1413. transform: translatey(-20px);
  1414. }
  1415. 100% {
  1416. box-shadow: 0 0px 0px 0px rgba(0,0,0,0.6);
  1417. transform: translatey(0px);
  1418. }
  1419.  
  1420.  
  1421.  
  1422.  
  1423. </style>
  1424.  
  1425. <script type="text/javascript">
  1426. // <![CDATA[
  1427. var colour="#fff"; // what colour are the blobs
  1428. var speed=46; // speed of animation, lower is faster
  1429. var blobs=20; // how many blobs are in the jar
  1430. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  1431.  
  1432. /***************************\
  1433. * Blobs in a Jar Effect *
  1434. *(c)2012-13 mf2fm web-design*
  1435. * https://www.mf2fm.com/rv *
  1436. * DON'T EDIT BELOW THIS BOX *
  1437. \***************************/
  1438.  
  1439. var div;
  1440. var xpos=new Array();
  1441. var ypos=new Array();
  1442. var zpos=new Array();
  1443. var dx=new Array();
  1444. var dy=new Array();
  1445. var dz=new Array();
  1446. var blob=new Array();
  1447. var swide=800;
  1448. var shigh=600;
  1449. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  1450.  
  1451. function addLoadEvent(funky) {
  1452. var oldonload=window.onload;
  1453. if (typeof(oldonload)!='function') window.onload=funky;
  1454. else window.onload=function() {
  1455. if (oldonload) oldonload();
  1456. funky();
  1457. }
  1458. }
  1459.  
  1460. addLoadEvent(fill_the_jar);
  1461.  
  1462. function fill_the_jar() {
  1463. var i, dvs;
  1464. div=document.createElement('div');
  1465. dvs=div.style;
  1466. dvs.position='fixed';
  1467. dvs.left='0px';
  1468. dvs.top='0px';
  1469. dvs.width='1px';
  1470. dvs.height='1px';
  1471. document.body.appendChild(div);
  1472. set_width();
  1473. for (i=0; i<blobs; i++) {
  1474. add_blob(i);
  1475. jamjar(i);
  1476. }
  1477. }
  1478.  
  1479. function add_blob(ref) {
  1480. var dv, sy;
  1481. dv=document.createElement('div');
  1482. sy=dv.style;
  1483. sy.position='absolute';
  1484. sy.textAlign='center';
  1485. if (ie_version && ie_version<10) {
  1486. sy.fontSize="10px";
  1487. sy.width="100px";
  1488. sy.height="100px";
  1489. sy.paddingTop="40px";
  1490. sy.color=colour;
  1491. dv.appendChild(document.createTextNode(charc));
  1492. }
  1493. else if (ie_version) {
  1494. sy.fontSize="1px";
  1495. sy.width="0px";
  1496. sy.height="0px";
  1497. }
  1498. else {
  1499. dv.appendChild(document.createTextNode(charc));
  1500. sy.color='rgba(0,0,0,0)';
  1501. }
  1502. ypos[ref]=Math.floor(shigh*Math.random());
  1503. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  1504. xpos[ref]=Math.floor(swide*Math.random());
  1505. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  1506. zpos[ref]=Math.random()*20;
  1507. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  1508. blob[ref]=dv;
  1509. div.appendChild(blob[ref]);
  1510. set_blob(ref);
  1511. }
  1512.  
  1513. function rejig(ref, xy) {
  1514. if (xy=='y') {
  1515. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  1516. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  1517. }
  1518. else {
  1519. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  1520. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  1521. }
  1522. }
  1523.  
  1524. function sign(a) {
  1525. if (a<0) return (-2);
  1526. else if (a>0) return (2);
  1527. else return (0);
  1528. }
  1529.  
  1530. function set_blob(ref) {
  1531. var sy;
  1532. sy=blob[ref].style;
  1533. sy.top=ypos[ref]+'px';
  1534. sy.left=xpos[ref]+'px';
  1535. if (ie_version && ie_version<10) {
  1536. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  1537. sy.fontSize=10-zpos[ref]+"px";
  1538. }
  1539. else if (ie_version) {
  1540. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  1541. }
  1542. else {
  1543. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  1544. sy.fontSize=10+zpos[ref]+'px';
  1545. }
  1546. }
  1547.  
  1548. function jamjar(ref) {
  1549. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  1550. ypos[ref]+=dy[ref];
  1551. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  1552. xpos[ref]+=dx[ref];
  1553. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  1554. zpos[ref]+=dz[ref];
  1555. set_blob(ref);
  1556. setTimeout("jamjar("+ref+")", speed);
  1557. }
  1558.  
  1559. window.onresize=set_width;
  1560. function set_width() {
  1561. var sw_min=999999;
  1562. var sh_min=999999;
  1563. if (document.documentElement && document.documentElement.clientWidth) {
  1564. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  1565. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  1566. }
  1567. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  1568. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  1569. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  1570. }
  1571. if (document.body.clientWidth) {
  1572. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  1573. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  1574. }
  1575. if (sw_min==999999 || sh_min==999999) {
  1576. sw_min=800;
  1577. sh_min=600;
  1578. }
  1579. swide=sw_min;
  1580. shigh=sh_min;
  1581. }
  1582. // ]]>
  1583. </script>
  1584.  
  1585. </head>
  1586.  
  1587. <body>
  1588.  
  1589.  
  1590.  
  1591. <!--
  1592. ♛ The part below is basically the 'skeleton' of the theme, if that makes sense? I wouldn't recommend editing these parts ( EXCEPT THE CUSTOM LINKS AND POP UPS !!! ) unless you know what you're doing. If you spot a glitch in this part of the code, please let me know.
  1593. -->
  1594.  
  1595.  
  1596. <div id="content">
  1597.  
  1598. <div id="sidebar">
  1599.  
  1600. <img src="{image:Sidebar}" />
  1601.  
  1602. <div id="description">{description}</div>
  1603.  
  1604. </div>
  1605.  
  1606. <div id="pagination">
  1607. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  1608. </div>
  1609.  
  1610.  
  1611. <!--
  1612. ♛ CUSTOM LINKS
  1613. -->
  1614.  
  1615.  
  1616.  
  1617. <div id="links">
  1618.  
  1619.  
  1620. <div class="alinks">
  1621. THE FOURTH BROTHER.
  1622. <a href="/" title="HOME.">
  1623.  
  1624. </a>
  1625. </div>
  1626.  
  1627.  
  1628. <div class="blinks">
  1629. <a href="#?w=450" rel="box1" class="poplight" title="messages.">
  1630. <img src="https://i.imgur.com/1sIBqwi.png">
  1631.  
  1632. </a>
  1633. </div>
  1634.  
  1635.  
  1636. <div class="clinks">
  1637. <a href="#?w=450" rel="box2" class="poplight" title="laws."> <img src="https://i.imgur.com/a0i5dT4.png"> </a>
  1638. </div>
  1639.  
  1640.  
  1641. <div class="dlinks">
  1642. <a href="#?w=450" rel="box3" class="poplight" title="MUSES."> <img src="https://i.imgur.com/PRF8tDA.png"> </a>
  1643. </div>
  1644.  
  1645.  
  1646. <div class="elinks">
  1647. <a href="#?w=450" rel="box4" class="poplight" title="CAMPAIGN."> <img src="https://i.imgur.com/YA1yBCG.png"> </a>
  1648. </div>
  1649.  
  1650.  
  1651. <div class="flinks">
  1652. <a href="#?w=450" rel="box5" class="poplight" title="WORLD."> <img src="https://i.imgur.com/3iRxnqz.png"> </a>
  1653. </div>
  1654.  
  1655.  
  1656. <div class="credit">
  1657. <a href="https://agirlingrey.tumblr.com/" title="theme by agirlingrey.">A.</a>
  1658. </div>
  1659.  
  1660.  
  1661. </div>
  1662.  
  1663.  
  1664. <!--
  1665. ♛ CUSTOM LINKS ENDS
  1666. -->
  1667.  
  1668.  
  1669.  
  1670. <div id="container">
  1671.  
  1672. <div id="content"><div id="posts">
  1673. {block:Posts}
  1674.  
  1675.  
  1676. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1677. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1678. {block:Text}{Body}{/block:Text}
  1679.  
  1680. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1681.  
  1682. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1683.  
  1684. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1685. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1686.  
  1687. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1688.  
  1689. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1690.  
  1691.  
  1692. {block:Answer}<div id="asker" style="margin-left:-5px;width:470px; color:#91a3ac; text-shadow:0 0 2px #000; ">{Asker} <div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family: 'calibri';font-size:10px; marging-left:0px;">{Answer}</span>{/block:Answer}
  1693.  
  1694.  
  1695. {block:Audio}<div class="audio">
  1696.  
  1697. {block:AlbumArt}
  1698. {/block:AlbumArt}
  1699.  
  1700.  
  1701. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1702. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1703. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1704. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1705.  
  1706.  
  1707. <!--
  1708. ♛ INFO AND SYMBOLS
  1709. -->
  1710.  
  1711. <div id="info">
  1712. {block:Date}
  1713. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} - {TimeAgo}" style="position:absolute; font-size:25px; margin-left:-200px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> <img src="https://i.postimg.cc/NjcsDjn7/espkittybutton.png"> </a> {/block:Date}
  1714.  
  1715. {block:RebloggedFrom}
  1716. <a title="via. {ReblogParentName}" href="{ReblogParentURL}" style="position:absolute; font-size:25px; margin-left:-115px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> <img src="https://i.postimg.cc/NjcsDjn7/espkittybutton.png"> </a>
  1717. {/block:RebloggedFrom}
  1718.  
  1719. {block:ContentSource}
  1720. <a title="src. {SourceTitle}" href="{SourceURL}" style="position:absolute; font-size:25px; margin-left:-25px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> <img src="https://i.postimg.cc/NjcsDjn7/espkittybutton.png"> </a>
  1721. {/block:ContentSource}
  1722.  
  1723. {block:NoteCount}
  1724. <a href="{Permalink}" title="{NoteCount} notes" style="position:absolute; font-size:25px; margin-left:65px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> <img src="https://i.postimg.cc/NjcsDjn7/espkittybutton.png"> </a>
  1725. {/block:NoteCount}
  1726.  
  1727. <a href="{ReblogURL}"target="_blank" title="reblog" style="position:absolute; font-size:25px; margin-left:150px; margin-top:-5px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;"> <img src="https://i.postimg.cc/NjcsDjn7/espkittybutton.png"> </a></br>
  1728. {/block:RebloggedFrom}
  1729.  
  1730.  
  1731. <br>
  1732.  
  1733.  
  1734. <!--
  1735. ♛ INFO AND SYMBOLS ENDS
  1736. -->
  1737.  
  1738.  
  1739. <div id="tags" style="margin-bottom:10px">{block:HasTags}{block:Tags} • <a href="{TagURL}" title="{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  1740.  
  1741. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1742. {/block:Posts}
  1743. </div>
  1744. </div>
  1745. </div>
  1746.  
  1747.  
  1748.  
  1749. </body>
  1750.  
  1751.  
  1752.  
  1753. <!--
  1754. ♛ POP UP PAGES !!!
  1755. -->
  1756.  
  1757.  
  1758.  
  1759. <div id="box1" class="popup_block">
  1760.  
  1761. <h3>
  1762. I REALLY DON'T NEED ANY FRIENDS.
  1763. </h3>
  1764.  
  1765. <center>
  1766.  
  1767.  
  1768. <br>
  1769.  
  1770. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/pxssymxstu.tumblr.com" width="100%"></iframe></p>
  1771.  
  1772. </div>
  1773.  
  1774. </center>
  1775.  
  1776. <!--
  1777. RULES START!
  1778. -->
  1779.  
  1780.  
  1781.  
  1782. <div id="box2" class="popup_block">
  1783.  
  1784. <div style="width:220;height:670px;overflow:scroll;padding:10px;">
  1785.  
  1786.  
  1787. <h3>ABOUT.</h3>
  1788.  
  1789. ✔ This blog is: independent, <i>selective</i>, private, and <b>semi-active</b> <i>Matsuno Ichimatsu</i> from <b>Osomatsu-san</b> series roleplay blog.</p>
  1790.  
  1791. ✔ Multiple ship friendly, multiple verses friendly, AUs friendly, Crossover friendly, Original Characters friendly, and Doubles/Dupes friendly! Even plotting friendly and wing-it friendly! Will roleplay with roleplayers with AND without icons!</p>
  1792.  
  1793. ✔ This blog is based off on canon materials and headcanons. This includes the anime, games, comics, and etc as canon materials and will be referenced in this portrayal of <i>Matsuno Ichimatsu</i> along with headcanons and personal quirks.</p>
  1794.  
  1795. ✔ I track the tag of <i>pxssymxtsu</i>! Please use the tag or/and the @ function to alert me! Thank you!</p>
  1796.  
  1797. ✔ This blog is a very <b>safe place</b> for anyone of any ages ( DESPITE THE THEMES OF THIS BLOG ), of any sexuality, of any gender identity, and of ANYTHING. The mun here will not judge anyone upon anything other than their own conduct & actions towards the mun themselves. This is even a <b>drama-free</b> unless it's ic. Please respect each other & have fun!</p>
  1798.  
  1799. ✔ This blog does contain triggering events and elements. However, the triggers will be tagged in the tags of the roleplay replies & headcanon posts but read the about page and any applications on here at your own risk! Please read more in the section about NSFW & TRIGGERS!</p>
  1800.  
  1801.  
  1802. <h3>GENERAL STUFF.</h3>
  1803.  
  1804. ★ No godmodding, metagaming, or doing anything <i>major</i> to my muse without my permission <b><i>(</i></b> ex. killing them <b><i>)</i></b>. Basic roleplay respect so no anon hates will be tolerated here as well! Also, mun =/= muse, please respect that!</p>
  1805.  
  1806. ★ I am <b>selective</b> on any ships that occurs on this blog and will only ship based on chemistry and mutual agreement among the partners. But I am open to making a ship exclusive if there has been a line of communication between me and the partner. But I am open to any types of relationships / bonds. However, if you're a <i>SINGLE-SHIP</i> blog, I will respectfully make our ship <b>exclusive</b>.</p>
  1807.  
  1808. ★ While this blog is a multiple ship, I prefer to keep one ship PER verse for simplicy on my end.</p>
  1809.  
  1810. ★ <b>For CROSSOVERS:</b> I am familiar with many fandoms & series. I tend to do a bit of review or research on your choice of character's series to understand what I'm agreeing to when I follow/write with you. If it's an <i>ORIGINAL CHARACTER</i>, I will respectfully ask you and/or review your about page to get a feel of WHAT TYPE/GENRE your original story/world is from!</p>
  1811.  
  1812. ★ I will match your replies by the length as best as I can every single time and I do not expect you to match mine. For longer replies, it may take me a bit of time to get to them so patience would be appreciated! I do novella, multi-paragraphs, single paragraphs, or/and one liners.</p>
  1813.  
  1814. ★ I tend to unfollow people if they have been inactive over two to three months without a hiatus notice OR broken a rule of mine OR brought drama to me OR problematic OR because I simply don't see our muses interacting anymore OR we're not mutuals anymore.</p>
  1815.  
  1816. ★ If you need me to change my formatting for your eyes in the replies with you, please notify me! If you need me to do something different in my formatting or replies for your viewing, please let me know!</p>
  1817.  
  1818. ★ If you're a sideblog, please include your URL when you send in asks and reblog / comment on the starter calls when you attempt to interact with me so I KNOW who you are! Thank you!</p>
  1819.  
  1820. ★ If you're a multiple muses blog, please include your MUSE of choice in the asks when sending in the asks and COMMENT the name of muse on starter calls unless you do not mind me randomly picking the muses. Thank you!</p>
  1821.  
  1822. ★ I will read your rules upon following and if you have a rules password, I will send it in! If you do not, I'll try drop off a notice if I can. Please remind me if I accidently break your rules!</p>
  1823.  
  1824. ★ I am open to being a main partner or exclusive partner upon request or discussion [ <a href="http://pxssymxtsu.tumblr.com/post/182333596207/mains-exclusive-call-info">For More Information</a> ]. I am also open to making customized verses for my partners if an idea mushes that does not reflect any AUs, Group verses, or a simple crossover verse [ <a href="http://pxssymxtsu.tumblr.com/post/182333709512/customized-verses-info">For More Information</a> ].</p>
  1825.  
  1826. <h3>NSFW & TRIGGERS.</h3>
  1827.  
  1828. ❥ There <b>WILL</b> be not safe for work themes appearing on this blog but not in large qualities. These NSFW themes includes: depression, anxiety issues, sex, abuse, occult, horror, and many more. It will be tagged generally under <i>nsfw/</i>. However, I will not roleplay rape at all unless it's related to a plot that's agreed upon.</p>
  1829.  
  1830. ❥ Any triggers when they appear on this blog <b><i>(</i></b> ex. rape, gore, blood, etc <b><i>)</i></b> will be tagged by the subject matter names with / behind as seen here for example: blood/, gore/, etc. If I miss a trigger or something, please inform me and I will tag accordingly!</p>
  1831.  
  1832. ❥ I will <i>NOT</i> roleplay smut or any heavy NSFW themes with <i>minors</i> so please be honest about your age if I ask. It is illegal and I do not wish to go to prison for such conduct.</p>
  1833.  
  1834. ❥ For any touchy subjects in regards of NC-17 such as rape, mental illness, and so forth; I perfer to have dicussed it with my partner in how we'll apply it in our roleplays. Research will be involved on my end.</p>
  1835.  
  1836. <h3>CREDITS.</h3>
  1837. © Any art works reposted or used in the icons are either from the screencaps of the show, free to use icons posts, or fanworks. If you see me using an art piece of yours that you do not want me to use, notify me in the IMs / Asks, please!</p>
  1838.  
  1839. © Theme and Mun Icon psd was made as a gift by a friend of mine, Stella <b><i>(</i></b> <a href="https://instrumentsofcyanide.tumblr.com/">instrumentsofcyanide</a> <b><i>)</i></b>.</p>
  1840.  
  1841. © PSD for my roleplay icons were made as a gift by a friend of mine, Pocket, <b><i>(</i></b> <a href="https://krakenhero.tumblr.com/">krakenhero</a> <b><i>)</i></b>.</p>
  1842.  
  1843. © Mobile Banner psd was made by <a href="http://lulusps.tumblr.com/post/172913556552/header-template-psd-a-very-simple-template-made">lulusps</a>.</p>
  1844.  
  1845. © Banners for Headcanons, Online/Offline, Hiatus, & Starter Call psd was maded by <a href="https://concinnitytm.tumblr.com/post/174490845041/quick-fix-a-banner-template-by-concinnitytm">concinnitytm</a>.</p>
  1846.  
  1847. <h3>MUN BEHIND THE MUSE.</h3>
  1848. ☣ My name is Judd but my main nickname is Striker & my other nicknames are: Cas, JD, or FBI. I'm currently 27 and a part time college student & work a part time job. I am a female but I rather you feel comfortable calling me by these pronouns: she/he/they. I reside in California. I even have other hobbies such as videogames and drawing and reading. My discord, twitter, and other personal means of contact are upon request <i>BY MUTUALS ONLY</i>.</p>
  1849.  
  1850. ☣ I am open to communication upon any issues or attempts for friendship even if I am delayed in answering at times. So please feel free to communicate with me regarding anything & I'll give you my most honest answer! My IMS and ASK BOX is open for communication both to mutuals and non-mutuals.</p>
  1851.  
  1852. <center>
  1853. <b>Work Hours:</b> M & W 10:00am-4:00pm</br>
  1854. <b>School Hours:</b> T & TH 8:00am-9:30am; 7:00pm-10:00pm</br>
  1855. <b>Current Number of RP Blogs:</b> 1 </br>
  1856. </center></p>
  1857.  
  1858. <h3>Thank you for reading the rules!</h3>
  1859.  
  1860.  
  1861.  
  1862. </div>
  1863. </div>
  1864.  
  1865.  
  1866. <!--
  1867. MUSES START!
  1868. -->
  1869.  
  1870.  
  1871. <div id="box3" class="popup_block">
  1872.  
  1873. <div style="width:220;height:670px;overflow:scroll;padding:10px;">
  1874.  
  1875.  
  1876.  
  1877. <center>
  1878.  
  1879. <span style="line-height:5px">
  1880.  
  1881. "I am <i>unburnable</i> trash who has no will to live. But at least I can admit what I <b>really</b> am."
  1882.  
  1883. <br><br>
  1884.  
  1885. </center>
  1886.  
  1887. <h3>BASICS.</h3>
  1888.  
  1889. <b>NAME:</b> Matsuno, Ichimatsu 松野一松<br>
  1890. <b>GENDER:</b> Male<br>
  1891. <b>HEIGHT:</b> 5'7"<br>
  1892. <b>BLOOD TYPE:</b> A</br>
  1893. <b>AGE:</b> 20 <i><b>(</b></i> May 24 <i><b>)</b></i><br>
  1894. <b>SEXUALITY:</b> Demisexual <br>
  1895. <b>WEIGHT:</b> 101 lbs <i><b>(</b></i> 46 kg <i><b>)</b></i><br>
  1896. <b>FOOT SIZE:</b> 8.6 in <i><b>(</b></i> 22 cm <i><b>)</b></i><br>
  1897. <b>FOOT LENGTH:</b> 23.6 in <i><b>(</b></i> 60 cm <i><b>)</b></i><br>
  1898. <b>VISUAL ACUITY:</b> 2.0 <br>
  1899. <b>NICKNAME:</b> The Pitch-Black Idiot<br>
  1900.  
  1901. As a <i>CHILD</i>, Ichimatsu's appearance differed from his brothers very little if any at all. He would wear the same clothing as his siblings but for a period of time, he started to wear orange shirt as his uniform shirt.</p>
  1902.  
  1903. As a <i>NEET ADULT</i>, Ichimatsu still had shared a similar appearance but the difference was clear between him and his brothers. He has half droopy eyes, slightly ruffled hair, hunched back, and two cowlicks. He tends to wear a purple hoodie with simple blue sweatpants with white stripes down the side and sandals for causal wear. In his other outfits, the color purple would be dominate in them to differentiate himself from his brothers.</p>
  1904.  
  1905. As a <i>NON-NEET ADULT</i>, Ichimatsu has shaped up to point that he still harbors a similar appearance as himself during his NEET days but there's differences noticed as well. His hair is messy rather than ruffled in laziness. His posture is not as hunched back but more slacked posture. His color of choice is still purple but there's hints of orange in his clothing. He tends to wear more causal clothes in various styles that suits his interests.</p>
  1906.  
  1907. <br><br>
  1908.  
  1909. <h3>PERSONALITY.</h3>
  1910.  
  1911. As a <i>CHILD</i>, Ichimatsu was the most serious and strong willed one of his brothers. He was known to be very intelligent despite being as poor as his brothers at studies and education in general. He does have a flip in his personality where he can act as an older brother-type towards younger children and show this kind and caring demeanor <b>AND</b> switch to his merciless and violent demeanor around his brothers. However, his practical nature allows him to have most common sense stacked up along with money. He even have proven to have a greater endurance than his own brothers.</p>
  1912.  
  1913. As a <i>NEET ADULT</i>, Ichimatsu became a lone wolf in his band of brothers and developed an affinity to cats. Due to his willful choice of spending more time with cats over people, his brothers had viewed him as incapable of friendship when in reality, it was due to Ichimatsu's lack of self-confidence in befriending others. He also slowly became horrible at expressing himself which gives himself and his brothers a hard time connecting at times. He is very sensitive and acts cold for his own protection <i><b>(</b></i> a tsundere <i><b>)</b></i>. He also seemed to lack motivation for himself and for things in general outside of what his brothers wanted to do.</p>
  1914.  
  1915. As a <i>NON-NEET ADULT</i>, Ichimatsu has finally found his path and became more confident with himself despite his daily struggles with his personal problems. Ichimatsu balanced himself in a way by being able to maintain his previous kind and caring side while still being a lone wolf and spending more time with cats and other animals. Ichimatsu still has a hard time expressing himself at times but he grown better with it over time. He does still prefer animals over people but can socialize to a degree within his limits.</p>
  1916.  
  1917. <br><br>
  1918.  
  1919. <h3>HISTORY.</h3>
  1920.  
  1921. Ichimatsu is part of the sextuplets that are known for being entirely identical in their appearances but different by their personalities. In the fishing town of Akatsuka, Ichimatsu and his brothers share a love for mischief and long for attention of a neighborhood girl <i><b>(</b></i> Totoko <i><b>)</b></i>. His parents are Matsuyo and Matsuzo who have been trying to get him and his brothers to graudate from being NEETS. They were still NEETS because they have not grown up at all mentally when they still were living together. Due to some situations such as their father, Matsuzo, landing in a hospital, Ichimatsu and his brothers <i>had</i> to grow up. Thus this is him trying to find his path and walk on his own.</p>
  1922.  
  1923.  
  1924.  
  1925.  
  1926. </div>
  1927. </div>
  1928.  
  1929.  
  1930. <!--
  1931. VERSES START!
  1932. -->
  1933.  
  1934.  
  1935.  
  1936. <div id="box4" class="popup_block">
  1937.  
  1938. <h3>VERSES</h3>
  1939.  
  1940. <ul id="tabs">
  1941. <li class="active">MAIN.</li>
  1942. &nbsp;
  1943. <li>AU.</li>
  1944. &nbsp;
  1945. <li>CUSTOMIZED.</li>
  1946. </ul>
  1947.  
  1948.  
  1949. <div style="width:220;height:550px;overflow:scroll;padding:10px;">
  1950.  
  1951.  
  1952.  
  1953.  
  1954. <ul id="tab">
  1955. <li class="active">
  1956.  
  1957.  
  1958. <img src="https://i.imgur.com/ntTFmLh.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1959. <big><a href="/tagged/➥◣verse◥-osomatsu-kun-%28childhood%29">CHILDHOOD.</a></big>
  1960.  
  1961. <br><br>
  1962.  
  1963. Back in the good old days where Ichimatsu did <i>not</i> worry about his <b>future</b>, Ichimatsu is the more mature one of his siblings. He's the one who wishes for everyone to have <b>FUN</b> and enjoy life as it comes. It was hard for anyone to tell the difference between him and his brothers due to very similar appearances. This was the prime time for Ichimatsu and his brothers get into <i>various</i> mischief.
  1964.  
  1965. <br><br><br>
  1966.  
  1967. <img src="https://i.imgur.com/9gkUHC1.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1968. <big><a href="/tagged/➥◣verse◥-happy-years-%28high-school%29">HIGH SCHOOL.</a></big>
  1969.  
  1970. <br><br>
  1971.  
  1972. More Information on this will occur when the movie is released! But the concept is Ichimatsu seems <i>confident and happier</i> than his adult counterpart.
  1973.  
  1974. <br><br><br>
  1975.  
  1976. <img src="https://i.imgur.com/3tGYPsn.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1977. <big><a href="/tagged/➥◣verse◥-osomatsu-san-%28main%29">MAIN.</a></big>
  1978.  
  1979. <br><br>
  1980.  
  1981. As his <b>adventures</b> continues into his twenties, Ichimatsu had taken a <i>turn</i> in his personality as <b>adulthood</b> struck him and his brothers. Having some <i>personal</i> issues of his own, Ichimatsu became a more "<i>darker</i>" to his brothers and people he interacts with while still showing his <b>TRUE COLORS</b>. Ichimatsu is a NEET and someone who needs to find his own path once again. A lover to the town's cats, he declares himself the care taker of the cats.
  1982.  
  1983. <br><br><br>
  1984.  
  1985. <img src="https://i.imgur.com/HmTXFX5.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1986. <big><a href="/tagged/➥◣verse◥-post-osomatsu-san-%28future%29">FUTURE.</a></big>
  1987. <br><br>
  1988.  
  1989. As decisions and options came <i>flooding</i> in for Ichimatsu, he was unable to decide on which path he wanted for a while. Finally, the path he chose to graudate from being a NEET was to become an CEO of a pet grooming company. He even attended veterinary trade program in order to gather as much knowledge about animals so he could be <b>successful</b>. This decision came after his brief time as a <i>homeless</i> NEET and he found he wanted to do <b>MORE</b>.
  1990.  
  1991. <br><br><br>
  1992.  
  1993. <img src="https://i.imgur.com/Gy6Sd0Y.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  1994. <big><a href="/tagged/➥◣verse◥-all-over-the-place-%28crack%29">CRACK.</a></big>
  1995.  
  1996. <br><br>
  1997.  
  1998. Crack threads. Not to be taken seriously! Funny and sometimes out of character jokes will be made in this tag!
  1999.  
  2000. <br><br><br>
  2001.  
  2002. <img src="https://i.imgur.com/fZ8aSKu.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2003. <big><a href="/tagged/➥◣verse◥-dash-commentary-%28ic%29">DASH COMMENTARY.</a></big>
  2004.  
  2005. <br><br>
  2006.  
  2007. Dash Commentaries that are made by Ichimatsu regarding the dash or threads!
  2008.  
  2009. <br><br><br>
  2010.  
  2011.  
  2012. </li>
  2013. <li>
  2014.  
  2015.  
  2016.  
  2017. <img src="https://i.imgur.com/cCqBxfw.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2018. <big><a href="/tagged/➥◣verse◥-all-these-worlds-%28crossovers%29">GENERAL CROSSOVERS.</a></big>
  2019.  
  2020. <br><br>
  2021.  
  2022. In lack of a proper AU or customized verse with other fandoms/series, this is an overview of interactions with Ichimatsu Matsuno and the other characters in the various worlds. He is <i>STILL</i> a <b>NEET</b> discovering his new found paths.
  2023.  
  2024.  
  2025. <br><br><br>
  2026.  
  2027. <img src="https://i.imgur.com/1qIwtHT.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2028. <big><a href="/tagged/➥◣verse◥-different-versions-%28hesokuri-wars%29">HESOKURI WARS.</a></big>
  2029. <br><br>
  2030.  
  2031. Many different versions of Ichimatsu could be found in the realm of <i>Hesokuri Wars</i>. There may be a list compiled of all the versions in Hesokuri Wars that could be requested for interactions.
  2032.  
  2033. <br><br><br>
  2034.  
  2035. <img src="https://i.imgur.com/fZ8aSKu.png" align="left" style="height:85px;width:85px;padding-right:5px;padding-bottom:0px;">
  2036. <big><a href="/tagged/➥◣verse◥-a-mage-of-alliance-%28wow%29">WORLD OF WARCRAFT.</a></big>
  2037.  
  2038. <br><br>
  2039.  
  2040. In <i>World of Warcraft</i>, Ichimatsu Matsuno is born to a family of humans who decided to pick up various classes to become <b>CHAMPIONS</b> or heroes to the world. Ichimatsu is the fourth brother who decided he was more fit as a Mage. His primary spec is Fire but he may alternate between Frost and Arcana.
  2041.  
  2042. <br><br><br>
  2043.  
  2044. </li>
  2045. </ul>
  2046.  
  2047.  
  2048. </div>
  2049. </div>
  2050.  
  2051.  
  2052.  
  2053.  
  2054. <div id="box5" class="popup_block">
  2055.  
  2056. <div style="width:220;height:670px;overflow:scroll;padding:10px;">
  2057.  
  2058. <h3>NAVIGATION</h3>
  2059.  
  2060.  
  2061. <div class="popupnavlinks">
  2062.  
  2063. <h3>REGARDING ICHIMATSU.</h3>
  2064.  
  2065. <a href="/tagged/✘◣aesthetics◥-interests-%26-designs">aesthetics.</a>
  2066. <a href="/tagged/✘◣musings◥-into-the-mind">musings.</a>
  2067. <br>
  2068. <a href="/tagged/✘◣headcanons◥-ichimatsu-matsuno">headcanons.</a>
  2069. <a href="/tagged/✘◣ichimatsu◥-that-purple-trash-brother">self.</a>
  2070. <br>
  2071. <a href="/bonds">bonds.</a>
  2072. <br>
  2073.  
  2074. <h3>PHOTOS OF TOWN.</h3>
  2075.  
  2076. <a href="/tagged/❥◣osomatsu◥-that-red-idiot-brother">osomatsu.</a>
  2077. <a href="/tagged/❥◣choromatsu◥-that-green-nerdy-brother">choromatsu.</a>
  2078. <br>
  2079. <a href="/tagged/❥◣karamatsu◥-that-painful-blue-brother">karamatsu.</a>
  2080. <a href="/tagged/❥◣jyushimatsu◥-that-hyper-yellow-brother">jyushimatsu.</a>
  2081. <br>
  2082. <a href="/tagged/❥◣todomatsu◥-that-pink-sneaky-brother">todomatsu.</a>
  2083. <a href="/tagged/❥◣mom-%26-dad◥-the-lovely-parents">family.</a>
  2084. <br>
  2085. <a href="/tagged/❥◣residents◥-idiots-of-akatsuka">residents.</a>
  2086. <br>
  2087.  
  2088. <h3>AROUND BLOG.</h3>
  2089.  
  2090. <a href="/tagged/☣◣ooc◥-the-striking-fbi">ooc.</a>
  2091. <a href="/tagged/☣◣ooc◥-dash-commentary">ooc dash</a>
  2092. <br>
  2093. <a href="/tagged/‽-◣promo◥-add-sugar-to-coffee">promos.</a>
  2094. <a href="/tagged/‽-◣memes◥-beam-me-up-scotty">memes.</a>
  2095. <br>
  2096. <a href="/tagged/‽-◣queued◥-good-things-comes-to-those-who-wait">queued.</a>
  2097. <a href="/tagged/‽-◣psa◥-important-notice">psa.</a>
  2098. <br>
  2099. <a href="/tagged/‽-◣wishlist◥-ideas-that-float-around">wishlist</a>
  2100. <a href="/tagged/‽-◣open◥-dive-right-in-starters">open.</a>
  2101. <br>
  2102. <a href="/tagged/‽-◣save◥-into-the-memory-book">saved</a>
  2103. <a href="https://www.rpthreadtracker.com/public/SketchStriker/pxssymatsu">tracker.</a>
  2104. <br>
  2105. <a href="http://pxssymxtsu.tumblr.com/post/182333709512/customized-verses-info">customized v.</a>
  2106. <a href="/mains">mains.</a>
  2107. <br>
  2108. <a href="/grouppromos">group promos.</a>
  2109. <br>
  2110.  
  2111. <br><br><br>
  2112.  
  2113.  
  2114. </div>
  2115. </div>
  2116. </div>
  2117.  
  2118.  
  2119.  
  2120. <!--
  2121. ♛ CUSTOM SIDEBAR TEXT
  2122. -->
  2123.  
  2124.  
  2125.  
  2126. <div id="bite">
  2127. <div id="thekey"></div>
  2128. <div class="death">
  2129. <div id="actualnews">
  2130.  
  2131. <center>
  2132.  
  2133. <div style="width:auto;height:400px;overflow:scroll;padding:5px;">
  2134.  
  2135. <h3><marquee scrollamount="3">Ichimatsu likes fingers in his ass</marquee></h3>
  2136. Independent & Selective & Private <b>Matsuno Ichimatsu</b> from <i>Osomatsu-san</i></br>
  2137. <h3><marquee scrollamount="3">Unburnable Trash member of Doki Doki Meme Club!</marquee></h3>
  2138. Manga, Anime, & Game canon & headcanons.
  2139. Not spoiler-free!
  2140. OC, Crossover & AU friendly. Multiverse & Multiship.
  2141. <h3><marquee scrollamount="3">Catted by Striker</marquee></h3>
  2142. EST. <i>07.06.16</i> & RE-EST. <b>15.11.18</b></br>
  2143. tracking: <a href="https://www.tumblr.com/tagged/pxssymxtsu">pxssymxtsu</a>
  2144.  
  2145. <center><img src = "https://i.postimg.cc/Fzn449Fz/potato.png"/>
  2146. </center>
  2147.  
  2148.  
  2149.  
  2150. </center>
  2151.  
  2152.  
  2153. </div>
  2154. </div></div>
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!