API tools faq
paste
Advertisement
Daichi-Sama

Noir's Theme

Daichi-Sama
Jul 8th, 2020
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.86 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by https://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <!--pop up tabs script-->
  45. <script>
  46. $(document).ready(function(){
  47. $("ul#tabs li").click(function(e){
  48. if (!$(this).hasClass("active")) {
  49. var tabNum = $(this).index();
  50. var nthChild = tabNum+1;
  51. $("ul#tabs li.active").removeClass("active");
  52. $(this).addClass("active");
  53. $("ul#tab li.active").removeClass("active");
  54. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  55. }
  56. });
  57. });
  58. </script>
  59. <!--script end-->
  60.  
  61. <!--tooltip script end-->
  62. <!--pop up script-->
  63. <script type="text/javascript"
  64. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  65. <script>
  66. $(document).ready(function() {
  67. //
  68. $('a.poplight[href^=#]').click(function() {
  69. var popID = $(this).attr('rel'); //Get Popup Name
  70. var popURL = $(this).attr('href'); //Get Popup href to define size
  71. var query= popURL.split('?');
  72. var dim= query[1].split('&');
  73. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  74. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  75. var popMargTop = ($('#' + popID).height() + 80) / 2;
  76. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  77. //Apply Margin to Popup
  78. $('#' + popID).css({
  79. 'margin-top' : -popMargTop,
  80. 'margin-left' : -popMargLeft
  81. });
  82. $('body').append('<div id="fade"></div>');
  83. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  84. return false;
  85. });
  86. $('a.close, #fade').live('click', function() {
  87. $('#fade , .popup_block').fadeOut(function() {
  88. $('#fade, a.close').remove(); //fade them both out
  89. });
  90. return false;
  91. });
  92. });
  93. </script>
  94. <!--ask pop script end-->
  95.  
  96. <style type="text/css">
  97.  
  98. /*cursor code, change image to change cursor*/
  99. /*find more at https://pixel-soup.tumblr.com/tagged/cursors */
  100.  
  101. *, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto }
  102. a:hover { cursor:url("https://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  103.  
  104. /*these are the custom fonts, you can install more just by pasting the code here*/
  105.  
  106.  
  107. @font-face{font-family:"nightingale";src:url('https://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  108. @font-face{font-family:"bebas neue";src:url('https://static.tumblr.com/zx3ibzm/JgJovyuzq/bebasneue.otf');}
  109. @font-face{font-family:"sail";src:url('https://static.tumblr.com/it5srtk/bSzowedx5/sail-regular.otf');}
  110. @font-face{font-family:"cavier dreams";src:url('https://dl.dropboxusercontent.com/s/uubyziybvh00j4f/CaviarDreams.ttf');}
  111.  
  112. /*selection color*/
  113.  
  114. ::-moz-selection { /* Code for Firefox */
  115. color: #b9d0e5; /*text color of selected text*/
  116. background: #6585a2; /*color of selection bg*/
  117. }
  118.  
  119. ::selection {
  120. color: #b9d0e5; /*text color of selected text*/
  121. background: #6585a2; /*color of selection bg*/
  122. }
  123.  
  124. /*selection color end*/
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. background-color:transparent; /*scrollbar's slider color*/
  128. background-image:url('URL HERE'); /*optional background image*/
  129. height:0px;
  130. -moz-border-radius: 50px; /*these make bar rounded*/
  131. border-radius: 50px;
  132. }
  133.  
  134. ::-webkit-scrollbar {
  135. height:0px;
  136. width:1px; /*width of slider*/
  137. background-color:transparent; /*scrollbar's main color*/
  138. background-image:url('URL HERE'); /*optional background image*/
  139. }
  140.  
  141. /*the code here is to reduce the opacity of an image and make it more visible on hover, you can remove it if you want your image to always be at 100%*/
  142.  
  143. img, iframe {
  144.  
  145. opacity:1; /*change this to change visibility, set it to 1 if you want it completely visible*/
  146.  
  147. -moz-transition-duration: 0.5s;
  148.  
  149. -o-transition-duration: 0.5s;
  150.  
  151. -webkit-transition-duration: 0.5s;
  152.  
  153. transition-duration: 0.5s;
  154.  
  155. padding:5px;
  156. }
  157.  
  158.  
  159.  
  160. img:hover,iframe:hover {
  161.  
  162. opacity:1;
  163.  
  164. -webkit-filter:none;
  165.  
  166. -moz-transition-duration: 0.5s;
  167.  
  168. -o-transition-duration: 0.5s;
  169.  
  170. -webkit-transition-duration: 0.5s;
  171.  
  172. transition-duration: 0.5s;}
  173.  
  174. /*HOVER IMAGE CODE END*/
  175.  
  176.  
  177. body {
  178. background-color:#b9d0e5; /*set this the same color as your background image to avoid black areas on different resolutions*/
  179. background-image:url('https://static.tumblr.com/eyayucw/5NRqd39nk/noir_bg.png'); /*bg image goes here*/
  180. background-attachment: fixed;
  181. background-repeat: no-repeat;
  182. background-position: left top;
  183. color:#444; /*body font color*/
  184. text-shadow: transparent;
  185. font-family: calibri;
  186. text-align:justify;
  187. font-size: 10px;
  188. letter-spacing:2px;
  189. }
  190.  
  191. .pagi {
  192. font-size:25px;
  193. font-family:calibiri;
  194. margin-top:500px; /*change to decide position of pagination*/
  195. margin-left:550px;
  196. color: #fff; /*color of pagination but keep in mind it's also influence by the 'a' codes as it is a link*/
  197. position:fixed;
  198. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  199. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  200.  
  201. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  202. this script stylizes it*/
  203.  
  204. #s-m-t-tooltip{
  205. max-width:400px;
  206. margin:15px;
  207. padding:2px 8px;
  208. background-image: url(""); /*include image if you want a background for the tooltip text*/
  209. background: transparent;
  210. background-repeat:repeat;
  211. background-attachment:fixed;
  212. color:#fff;
  213. /*the text shadow determines the outline of the text because there's no easy way to add an outline to it, you can change all the code to another color*/
  214. text-shadow:1px 1px #090a0b,
  215. 1px -1px #090a0b,
  216. 1px 0px #090a0b,
  217. 0px 1px #090a0b,
  218. 0px -1px #090a0b,
  219. -1px 1px #090a0b,
  220. -1px 0px #090a0b,
  221. -1px -1px #090a0b;
  222. z-index:99999999999999999999;
  223. font-size:10px;
  224. letter-spacing:2px;
  225. font-style:bold;
  226. letter-spacing:2px;
  227. font-family: 'nightingale';
  228. text-transform:lowercase;
  229. box-shadow:0px 0px 0px;}
  230.  
  231. #s-m-tooltip:hover {
  232. -webkit-transition: all 0.6s ease-out;
  233. -moz-transition: all 0.6s ease-out;
  234. transition: all 0.6s ease-out;
  235. -o-transition:all 0.6s ease;
  236. -ms-transition: all 0.6s ease-in-out;}
  237.  
  238.  
  239. small,sub,sup {
  240. font-size:10px;
  241. text-shadow: transparent;
  242. }
  243.  
  244. b, bold, strong {
  245. font-size:14px;
  246. text-transform:uppercase;
  247. letter-spacing:1px;
  248. font-weight:normal;
  249. font-family: 'bebas neue';
  250. color: #083c7c;
  251. text-shadow:1px 1px 0px #ddeeff;
  252. }
  253.  
  254. i, italic, em {
  255. font-size:8px;
  256. color: #083c7c;
  257. font-family: 'nightingale';
  258. font-weight:normal;
  259. letter-spacing:1px;
  260. text-transform:lowercase;
  261. text-shadow:1px 1px 0px #ddeeff;
  262. }
  263.  
  264. h3, h4 {
  265. background-image: url('https://static.tumblr.com/eyayucw/Jh1qd3el8/noir_bg3.png');
  266. background-repeat:repeat;
  267. background-attachment:fixed;
  268. border-bottom: solid 1px #fff;
  269. border-top: solid 1px #9bb8d2;
  270. border-right: solid 1px #9bb8d2;
  271. border-left: solid 1px #9bb8d2;
  272. padding:2px;
  273. color:#eae9e9; /*text color of sidebar titles*/
  274. text-shadow:1px 1px #090a0b,
  275. 1px -1px #090a0b,
  276. 1px 0px #090a0b,
  277. 0px 1px #090a0b,
  278. 0px -1px #090a0b,
  279. -1px 1px #090a0b,
  280. -1px 0px #090a0b,
  281. -1px -1px #090a0b;
  282. /*change all the hex of the text shadow to the same code
  283. to change the outline of the text*/
  284. font-size:9px;
  285. font-family:calibri;
  286. text-transform:uppercase;
  287. letter-spacing:1px;
  288. text-align:center;}
  289.  
  290.  
  291. a,a:visited,a:active {
  292. color: #6585a2;
  293. text-decoration:none;
  294. text-shadow:1px 1px 0px #ddeeff;
  295. -moz-transition-duration: 0.6s;
  296. -o-transition-duration: 0.6s;
  297. -webkit-transition-duration: 0.6s;
  298. transition-duration: 0.6s;}
  299.  
  300. a:hover {
  301. color: #444; /*color of links on hover*/
  302. -webkit-transition: all 0.6s ease-out;
  303. -moz-transition: all 0.6s ease-out;
  304. transition: all 0.6s ease-out;
  305. -o-transition:all 0.6s ease;
  306. -ms-transition: all 0.6s ease-in-out;}
  307.  
  308. /*POST TITLE SETTINGS*/
  309.  
  310. .titulo {
  311.  
  312. font-family: 'sail';
  313. font-size: 23px; /*size of title*/
  314. text-align: center;
  315. text-transform: lowercase;
  316. color: #eae9e9; /*color of title*/
  317. text-shadow: 0px 3px 0 #576d8c,
  318. -1px 2px 0 #576d8c,
  319. 1px 2px 0 #576d8c;
  320.  
  321. }
  322.  
  323. #container {
  324. position:absolute;
  325. left:135px; /*change to position posts to your bg image*/
  326. top:37px;
  327. height:410px; /*determines height of container*/
  328. overflow-y:scroll;
  329. opacity:1;/*set this as '1' if you'd like the posts to always appear*/
  330. -webkit-transition: all 0.6s ease-out;
  331. -moz-transition: all 0.6s ease-out;
  332. transition: all 0.6s ease-out;
  333. -o-transition:all 0.6s ease;
  334. -ms-transition: all 0.6s ease-in-out;
  335. }
  336.  
  337. #entries {
  338. background-color:transparent; /*set this as background color to hide the image in the background, in the preview case the word reading 'hover' */
  339.  
  340.  
  341. }
  342.  
  343.  
  344. #entries img {
  345. max-width: 100%;
  346. height: auto;
  347.  
  348. }
  349.  
  350. #content {
  351. width:348px; /*determines size of posts*/
  352. margin-bottom:20px;
  353. padding:20px;
  354. }
  355.  
  356.  
  357. #container:hover {
  358. opacity: 1; /*this makes the posts appear on hover if you choose to keep them on '0' opacity when not on hover*/
  359. -webkit-transition: all 0.6s ease-out;
  360. -moz-transition: all 0.6s ease-out;
  361. transition: all 0.6s ease-out;
  362. -o-transition:all 0.6s ease;
  363. -ms-transition: all 0.6s ease-in-out;
  364. }
  365.  
  366. blockquote {
  367. border-left:4px solid #576d8c; /*color of blockquote*/
  368. border-top-left-radius:25px;
  369. border-bottom-left-radius:25px;
  370. padding: 2px 7px;
  371. margin: 3px 0 3px 8px;
  372. }
  373.  
  374. blockquote img {
  375. max-width:100%;
  376. height:auto;
  377. }
  378.  
  379. /*ASK*/
  380.  
  381. #asker {
  382. font-size:15px;
  383. margin-bottom:-20px;
  384. color: #6585a2; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  385. font-family: 'nightingale';
  386. text-align:center;
  387. text-decoration:none;
  388. text-shadow:1px 1px 0px #ddeeff;
  389. -webkit-transition: all 0.6s ease-out;
  390. -moz-transition: all 0.6s ease-out;
  391. transition: all 0.6s ease-out;
  392. -o-transition:all 0.6s ease;
  393. -ms-transition: all 0.6s ease-in-out;
  394.  
  395. }
  396.  
  397. #asker a:hover {
  398. -webkit-filter: blur(2px);
  399. -moz-filter: blur(2px);
  400. -o-filter: blur(2px);
  401. -ms-filter: blur(2px);
  402. filter: blur(2px);
  403. transition: all 0.6s ease-out;
  404. }
  405.  
  406. #ask {
  407. background: transparent;
  408. background: url("https://static.tumblr.com/eyayucw/Jh1qd3el8/noir_bg3.png");/*image behind the question*/
  409. background-repeat:repeat;
  410. border-top:solid 2px #9bb8d2; /*top border color of question*/
  411. border-bottom:solid 2px #9bb8d2; /*bottom border color of question*/
  412. padding: 10px 20px 10px 20px;
  413. text-align:center;
  414. border-radius:30px;
  415. text-shadow: 1px 1px #ddeeff,
  416. 1px -1px #ddeeff,
  417. 1px 0px #ddeeff,
  418. 0px 1px #ddeeff,
  419. 0px -1px #ddeeff,
  420. -1px 1px #ddeeff,
  421. -1px 0px #ddeeff,
  422. -1px -1px #ddeeff;
  423. /*change all the hex of the text shadow to the same code
  424. to change the outline of the text*/
  425. }
  426.  
  427.  
  428. #answer {
  429. padding-top:20px;
  430. }
  431. /*ASK ENDS HERE*/
  432.  
  433. /*CHAT POST BEGINS HERE*/
  434.  
  435. .convo {
  436. font-size: 11px;
  437. text-align:left;
  438. padding:0px;
  439.  
  440. }
  441.  
  442. .convo li {
  443. list-style:none;
  444. }
  445.  
  446. .convo .label {
  447. text-transform: uppercase;
  448. font-weight:bold;
  449.  
  450. }
  451.  
  452. .line_odd .label {
  453. color: #444; /* Color of odd person in the chat */
  454. background: none;
  455. }
  456.  
  457. .line_even .label {
  458. color: #444; /* Color of even person in the chat */
  459. }
  460.  
  461. .line_even {
  462. background: transparent; /*background color of even chat*/
  463. margin:12px;
  464. padding: 5px;
  465. color: #444; /*color of even text*/
  466. }
  467.  
  468. .line_odd {
  469. background: transparent; /*background color of odd chat*/
  470. margin:12px;
  471. padding: 5px;
  472. color: #444; /*color of odd text*/
  473. }
  474.  
  475.  
  476.  
  477.  
  478. /*CHAT POST ENDS HERE*/
  479.  
  480. /*QUOTE BEGINS HERE*/
  481.  
  482. /*I have the first letter stylized to be the same as the quote, but you can remove that part by simply deleting the p::first-letter*/
  483.  
  484. .quote,p::first-letter {
  485. font-family: 'sail';
  486. font-size: 23px;
  487. text-align: center;
  488. color: #0d3972; /*color of quote*/
  489. text-shadow: 0px 3px 0 #ddeeff,
  490. -1px 2px 0 #ddeeff,
  491. 1px 2px 0 #ddeeff;
  492. }
  493.  
  494.  
  495.  
  496. /*QUOTE ENDS HERE*/
  497.  
  498.  
  499. /*LINK POST BEGIN*/
  500.  
  501. #linku {
  502. text-transform:uppercase;
  503. text-align:center;
  504. letter-spacing:0px;
  505. font-weight:normal;
  506. font-family: 'bebas neue';
  507. font-size:14px;
  508. }
  509.  
  510. /*LINK POST END*/
  511.  
  512. /*SIDE BAR / DESCRIPTION BEGINS HERE*/
  513.  
  514. #boxy {
  515. position:fixed;
  516. top:442px; /*position of the box*/
  517. overflow:scroll;
  518. height:345px; /*determines height of the box - increase it if you have too much text and want to avoid scrollbar*/
  519. margin-left:127px;
  520. opacity:1;
  521. -webkit-transition: all 0.7s ease;
  522. -moz-transition: all 0.7s ease;
  523. -o-transition: all 0.7s ease;}
  524.  
  525. #boxy:hover {
  526. opacity:1;
  527. -webkit-transition: all 0.7s ease;
  528. -moz-transition: all 0.7s ease;
  529. -o-transition: all 0.7s ease;
  530. }
  531.  
  532. #despacito {
  533. margin-top:10px;
  534. width:388px; /*determines width of description*/
  535. text-align:center;
  536.  
  537. }
  538.  
  539. /*SIDE BAR / DESCRIPTION END*/
  540.  
  541. /*TAGS AND INFO BEGINS HERE*/
  542. .permalinks {
  543. text-align:center;
  544. margin-top:15px;
  545. padding-top: 5px;
  546. padding-bottom: 5px;
  547. font-size:9px;
  548. color:#444;
  549. text-transform:uppercase;
  550. border-top: solid 1px #9bb8d2; /*color of the line above permalinks*/
  551. border-bottom: solid 1px #9bb8d2; /*color of the line below permalinks*/
  552. border-radius:25px; /*increase to make border round*/
  553. -moz-transition-duration:.6s;
  554. -webkit-transition-duration:.6s;
  555. -o-transition-duration:.6s;
  556. -webkit-filter: blur(0px);
  557. background-image: url('https://static.tumblr.com/eyayucw/Jh1qd3el8/noir_bg3.png'); /*you can insert image here for the permalinks bg*/
  558.  
  559. }
  560.  
  561. .permalinks a {
  562. font-family:calibri;
  563. font-size:9px;
  564. color:#6585a2;
  565. font-weight:bold;
  566. text-shadow:1px 1px 0px #ddeeff;
  567. text-decoration:none;
  568. }
  569.  
  570.  
  571. .permalinks a:hover {
  572. color:#444;
  573. -webkit-transition: all 0.5s ease-in-out;
  574. -moz-transition: all 0.5s ease-in-out;
  575. -o-transition: all 0.5s ease-in-out;
  576. -ms-transition: all 0.5s ease-in-out;
  577. transition: all 0.5s ease-in-out;
  578. }
  579.  
  580. .tags {
  581.  
  582. padding-top:10px;
  583. text-align:center;
  584. padding-left:5px;
  585. padding-right:15px;
  586. color: #444; /*this determines the color of the small symbol (by default a hashtag but you can change it) next to the tags*/
  587. font-size:9px;
  588. text-shadow:1px 1px 0px #ddeeff;
  589. }
  590.  
  591. .tags a {
  592. color:#6585a2; /*change this for the actual color of the tags*/
  593. font-size:8px;
  594. font-weight:bold;
  595. font-family:calibri;
  596. text-transform:uppercase;
  597. text-shadow:1px 1px 0px #ddeeff;
  598. letter-spacing:0px;
  599.  
  600. }
  601.  
  602.  
  603. .tags a:hover {
  604. color: #444; /*tag color on hover*/
  605. -webkit-transition: all 0.5s ease-in-out;
  606. -moz-transition: all 0.5s ease-in-out;
  607. -o-transition: all 0.5s ease-in-out;
  608. -ms-transition: all 0.5s ease-in-out;
  609. transition: all 0.5s ease-in-out;
  610.  
  611. }
  612.  
  613.  
  614. /*POP UP CODES AND LINKS BEGIN*/
  615.  
  616.  
  617. #pops {
  618. position:fixed;
  619.  
  620. }
  621.  
  622.  
  623. #linku1 {
  624. position:fixed;
  625. font-size:16px;
  626. text-decoration:none;
  627. transform: rotate(0deg);
  628. -ms-transform: rotate(0deg);
  629. -webkit-transform: rotate(0deg);
  630. -o-transform: rotate(0deg);
  631. -moz-transform: rotate(0deg);
  632. margin-left:230px;
  633. margin-top:500px;
  634. }
  635.  
  636. #linku1:hover {
  637. -webkit-filter: blur(3px);
  638. -moz-filter: blur(3px);
  639. -o-filter: blur(3px);
  640. -ms-filter: blur(3px);
  641. filter: blur(3px);
  642. -webkit-transition: all 0.5s ease-in-out;
  643. -moz-transition: all 0.5s ease-in-out;
  644. -o-transition: all 0.5s ease-in-out;
  645. -ms-transition: all 0.5s ease-in-out;
  646. transition: all 0.5s ease-in-out;
  647. }
  648.  
  649. #linku2 {
  650. position:fixed;
  651. font-size:16px;
  652. text-decoration:none;
  653. transform: rotate(0deg);
  654. -ms-transform: rotate(0deg);
  655. -webkit-transform: rotate(0deg);
  656. -o-transform: rotate(0deg);
  657. -moz-transform: rotate(0deg);
  658. margin-left:260px;
  659. margin-top:500px;
  660. }
  661.  
  662. #linku2:hover {
  663. -webkit-filter: blur(3px);
  664. -moz-filter: blur(3px);
  665. -o-filter: blur(3px);
  666. -ms-filter: blur(3px);
  667. filter: blur(3px);
  668. -webkit-transition: all 0.5s ease-in-out;
  669. -moz-transition: all 0.5s ease-in-out;
  670. -o-transition: all 0.5s ease-in-out;
  671. -ms-transition: all 0.5s ease-in-out;
  672. transition: all 0.5s ease-in-out;
  673. }
  674.  
  675. #linku3 {
  676. position:fixed;
  677. font-size:16px;
  678. text-decoration:none;
  679. transform: rotate(0deg);
  680. -ms-transform: rotate(0deg);
  681. -webkit-transform: rotate(0deg);
  682. -o-transform: rotate(0deg);
  683. -moz-transform: rotate(0deg);
  684. margin-left:290px;
  685. margin-top:500px;
  686. }
  687.  
  688. #linku3:hover {
  689. -webkit-filter: blur(3px);
  690. -moz-filter: blur(3px);
  691. -o-filter: blur(3px);
  692. -ms-filter: blur(3px);
  693. filter: blur(3px);
  694. -webkit-transition: all 0.5s ease-in-out;
  695. -moz-transition: all 0.5s ease-in-out;
  696. -o-transition: all 0.5s ease-in-out;
  697. -ms-transition: all 0.5s ease-in-out;
  698. transition: all 0.5s ease-in-out;
  699. }
  700.  
  701. #linku4 {
  702. position:fixed;
  703. font-size:16px;
  704. text-decoration:none;
  705. transform: rotate(0deg);
  706. -ms-transform: rotate(0deg);
  707. -webkit-transform: rotate(0deg);
  708. -o-transform: rotate(0deg);
  709. -moz-transform: rotate(0deg);
  710. margin-left:320px;
  711. margin-top:500px;
  712. }
  713.  
  714. #linku4:hover {
  715. -webkit-filter: blur(3px);
  716. -moz-filter: blur(3px);
  717. -o-filter: blur(3px);
  718. -ms-filter: blur(3px);
  719. filter: blur(3px);
  720. -webkit-transition: all 0.5s ease-in-out;
  721. -moz-transition: all 0.5s ease-in-out;
  722. -o-transition: all 0.5s ease-in-out;
  723. -ms-transition: all 0.5s ease-in-out;
  724. transition: all 0.5s ease-in-out;
  725. }
  726.  
  727. #linku5 {
  728. position:fixed;
  729. font-size:16px;
  730. text-decoration:none;
  731. transform: rotate(0deg);
  732. -ms-transform: rotate(0deg);
  733. -webkit-transform: rotate(0deg);
  734. -o-transform: rotate(0deg);
  735. -moz-transform: rotate(0deg);
  736. margin-left:350px;
  737. margin-top:500px;
  738. }
  739.  
  740. #linku5:hover {
  741. -webkit-filter: blur(3px);
  742. -moz-filter: blur(3px);
  743. -o-filter: blur(3px);
  744. -ms-filter: blur(3px);
  745. filter: blur(3px);
  746. -webkit-transition: all 0.5s ease-in-out;
  747. -moz-transition: all 0.5s ease-in-out;
  748. -o-transition: all 0.5s ease-in-out;
  749. -ms-transition: all 0.5s ease-in-out;
  750. transition: all 0.5s ease-in-out;
  751. }
  752.  
  753. #linku6 {
  754. position:fixed;
  755. font-size:16px;
  756. text-decoration:none;
  757. transform: rotate(0deg);
  758. -ms-transform: rotate(0deg);
  759. -webkit-transform: rotate(0deg);
  760. -o-transform: rotate(0deg);
  761. -moz-transform: rotate(0deg);
  762. margin-left:380px;
  763. margin-top:500px;
  764.  
  765. }
  766.  
  767. #linku6:hover {
  768. -webkit-filter: blur(3px);
  769. -moz-filter: blur(3px);
  770. -o-filter: blur(3px);
  771. -ms-filter: blur(3px);
  772. filter: blur(3px);
  773. -webkit-transition: all 0.5s ease-in-out;
  774. -moz-transition: all 0.5s ease-in-out;
  775. -o-transition: all 0.5s ease-in-out;
  776. -ms-transition: all 0.5s ease-in-out;
  777. transition: all 0.5s ease-in-out;
  778. }
  779.  
  780.  
  781. #fade { /*--Transparent background layer--*/
  782. display: none; /*--hidden by default--*/
  783. background: #9bb8d2;
  784. background-image: url(''); /*if you want to add a background image to go behind your popup */
  785. position: fixed; left: 0; top: 0;
  786. width: 100%; height: 100%;
  787. opacity: .70; /* you can make it 0 if you don't want a surrounding color to the popup or set it to 1 to have the background posts and theme invisible and only the pop up showing */
  788. z-index: 9999;
  789. }
  790.  
  791. .popup_block {
  792. display:none;
  793. HEIGHT:auto;
  794. width:auto;
  795. background:transparent;
  796. padding:0px;
  797. float:left;
  798. position:fixed;
  799. margin:auto;
  800. z-index: 99999;
  801. }
  802.  
  803. .popup_boxy {
  804. background:#b9d0e5; /*color of popup background*/
  805. position:absolute;
  806. text-align:center;
  807. font-size: 10px; /*font size of the words inside the box */
  808. padding:20px;
  809. width: 500px;
  810. height:450px; /*height of pop up, I have it set to almost fit the container and be in the position of the posts but you can change it according to preference*/
  811. overflow-y:scroll;
  812. top:140px; /*position of pop up*/
  813. left:460px;
  814. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  815. }
  816.  
  817. .tabheader {
  818. position:absolute;
  819. top:114px; /*make sure to keep this less than position of box so it floats above it always*/
  820. left:800px;
  821. text-align:center;
  822. width:300px;
  823. background:transparent;
  824. color:#6585a2;
  825. overflow-y:scroll;
  826. font-family: 'nightingale';
  827. font-size:12px;
  828. font-weight:normal;
  829. letter-spacing:1px;
  830. text-transform:lowercase;
  831. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  832. text-shadow:1px 1px 0px #ddeeff;
  833. }
  834.  
  835.  
  836. /*tabbed popups begins*/
  837.  
  838. ul#tabs {
  839. list-style-type: none;
  840. padding: 0;
  841. text-align: center;
  842. }
  843.  
  844. ul#tabs li:hover { /*appearance when you hover on titles*/
  845. text-align:justify;
  846. width: 100px; /*width of your title*/
  847. box-shadow: 1px 1px 5px transparent;
  848. background-image: url('https://static.tumblr.com/eyayucw/Jh1qd3el8/noir_bg3.png'); /*background of tab title*/
  849. background-repeat:repeat;
  850. background-attachment:fixed;
  851. border: ridge 1px #9bb8d2; /*color of border of the titles of the sidebar*/
  852. padding:10px;
  853. margin:10px;
  854. color:#444; /*text color of tab titles*/
  855. text-shadow:1px 1px #ddeeff,
  856. 1px -1px #ddeeff,
  857. 1px 0px #ddeeff,
  858. 0px 1px #ddeeff,
  859. 0px -1px #ddeeff,
  860. -1px 1px #ddeeff,
  861. -1px 0px #ddeeff,
  862. -1px -1px #ddeeff;
  863. /*change all the hex of the text shadow to the same code
  864. to change the outline of the text*/
  865. font-size:11px;
  866. font-family:calibri;
  867. text-transform:uppercase;
  868. letter-spacing:1px;
  869. text-align:center;
  870. -webkit-transition: all 0.5s ease-out;
  871. -moz-transition: all 0.5s ease-out;
  872. transition: all 0.5s ease-out;
  873. }
  874.  
  875. ul#tabs li.active { /*your active tab title*/
  876. text-align:justify;
  877. width: 100px; /*width of your title*/
  878. box-shadow: 1px 1px 5px transparent;
  879. background-image: url('https://static.tumblr.com/eyayucw/Jh1qd3el8/noir_bg3.png'); /*background of tab title*/
  880. background-repeat:repeat;
  881. background-attachment:fixed;
  882. border: ridge 1px #9bb8d2; /*color of border of the titles of the sidebar*/
  883. padding:10px;
  884. margin:10px;
  885. color:#6585a2; /*text color of tab titles*/
  886. text-shadow:1px 1px #ddeeff,
  887. 1px -1px #ddeeff,
  888. 1px 0px #ddeeff,
  889. 0px 1px #ddeeff,
  890. 0px -1px #ddeeff,
  891. -1px 1px #ddeeff,
  892. -1px 0px #ddeeff,
  893. -1px -1px #ddeeff;
  894. /*change all the hex of the text shadow to the same code
  895. to change the outline of the text*/
  896. font-size:11px;
  897. font-family:calibri;
  898. text-transform:uppercase;
  899. letter-spacing:1px;
  900. text-align:center;
  901. -webkit-transition: all 0.5s ease-out;
  902. -moz-transition: all 0.5s ease-out;
  903. transition: all 0.5s ease-out;
  904. }
  905.  
  906.  
  907. ul#tabs li { /*the rest of the titles / inactive one*/
  908. display:block;
  909. width: 100px;
  910. padding: 10px;
  911. margin:10px;
  912. font-size:11px;
  913. background-color:#b9d0e5;
  914. border: solid 1px #9bb8d2;
  915. box-shadow: 1px 1px 5px transparent;
  916. color:#6585a2;
  917. font-family:calibri;
  918. text-transform:uppercase;
  919. cursor:pointer;
  920. -webkit-transition: all 0.5s ease-out;
  921. -moz-transition: all 0.5s ease-out;
  922. transition: all 0.5s ease-out;
  923. }
  924.  
  925.  
  926. ul#tab {
  927. list-style-type: none;
  928. margin: 0;
  929. padding: 0;
  930. }
  931. ul#tab li {
  932. display: none;
  933. }
  934. ul#tab li.active {
  935. display: block;
  936. }
  937.  
  938. #tabid { /*this is the navigation of your tabbed pop ups*/
  939. position:absolute;
  940. top: 180px; /*position of navigation*/
  941. left: 1015px; /*position of navigation*/
  942. text-align:center;
  943. width:auto;
  944. background:transparent;
  945. height:auto;
  946. overflow:scroll;
  947. text-align:justify;
  948. padding:10px;
  949. font-size:9px;
  950. font-family:calibri;
  951. text-transform:uppercase;
  952. letter-spacing:1px;
  953. text-align:center;
  954. z-index: 999999;
  955.  
  956. }
  957.  
  958. /*end*/
  959.  
  960. img.btn_close {
  961. float: right;
  962. margin: -5px -5px 0 0;
  963. }
  964. /*--Making IE6 Understand Fixed Positioning--*/
  965. *html #fade {
  966. position: absolute;
  967. }
  968. *html .popup_block {
  969. position: absolute;
  970. }
  971.  
  972. .navi_linksu h3 {
  973. font-size:9px;
  974. margin-bottom:-5px;
  975. border:none;
  976. color: #fff;
  977. font-family: 'nightingale';
  978. font-weight:normal;
  979. letter-spacing:1px;
  980. text-transform:lowercase;
  981. background:transparent;
  982. }
  983.  
  984. .navi_linksu {
  985. text-align:center;
  986. }
  987.  
  988. .navi_linksu a {
  989. display: inline-block;
  990. width: 80px;
  991. padding: 5px;
  992. margin:5px;
  993. font-size:11px;
  994. background-image: url('');
  995. background:#b9d0e5;
  996. background-repeat:repeat;
  997. background-attachment:fixed;
  998. border: solid 1px #9bb8d2;
  999. box-shadow: 1px 1px 5px transparent;
  1000. color:#6585a2;
  1001. font-family:calibri;
  1002. text-transform:uppercase;
  1003.  
  1004.  
  1005. }
  1006.  
  1007. .navi_linksu a:hover {
  1008. box-shadow: inset 100px 0 0 transparent;
  1009. -webkit-transition: all .5s ease-in-out;
  1010. -moz-transition: all .5s ease-in-out;
  1011. -ms-transition: all .5s ease-in-out;
  1012. -o-transition: all .5s ease-in-out;
  1013. transition: all .5s ease-in-out;
  1014. background:#b9d0e5;
  1015. border: solid 1px #9bb8d2;
  1016. color:#444;
  1017. }
  1018.  
  1019. .versu {
  1020. width:80px;
  1021. height:auto;
  1022. float:left;
  1023. padding:20px;
  1024. }
  1025.  
  1026.  
  1027. .vee {
  1028. text-align:center;
  1029. padding:10px;
  1030. margin-bottom:20px;
  1031. }
  1032.  
  1033. /*POP UP END*/
  1034.  
  1035. /*CODE FOR MAINS / EXCLUSIVES, feel free to remove if you do not wish to include*/
  1036.  
  1037. .embers {
  1038. position:fixed;
  1039. top:448px;
  1040. left:847px; /*determines the position of the icon*/
  1041. opacity:.8;
  1042. z-index:999;
  1043. -webkit-filter: blur(0px);
  1044. -webkit-transition: 0.8s ease-in;
  1045. -moz-transition: 1s ease-in;
  1046. transition: 1s ease-in;
  1047. -webkit-filter: drop-shadow(2px 2px 3px transparent); /*determines color of shadow behind image*/
  1048. filter: drop-shadow(2px 2px 3px transparent); /*determines color of shadow behind image*/
  1049. }
  1050.  
  1051. .embers a {
  1052. margin-right:0px;
  1053. -webkit-filter: blur(0px);
  1054. -webkit-transition: 0.8s ease-in;
  1055. -moz-transition: 1s ease-in;
  1056. transition: 1s ease-in;
  1057. }
  1058.  
  1059. .embers a:hover {
  1060. -webkit-filter: blur(0px);
  1061. opacity:1;
  1062. -webkit-transition: all 0.6s ease-in-out;
  1063. -moz-transition: all 0.6s ease-in-out;
  1064. -o-transition: all 0.6s ease-in-out;
  1065. -ms-transition: all 0.6s ease-in-out;
  1066. transition: all 0.6s ease-in-out;
  1067. }
  1068.  
  1069. /*MAIN / EXCLUSIVES ENTRY END*/
  1070.  
  1071.  
  1072. /* DO NOT REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */
  1073. .credit {
  1074. font-weight:bold;
  1075. border-top:solid 1px #9bb8d2;
  1076. border-right:solid 1px #9bb8d2;
  1077. border-left:solid 1px #9bb8d2;
  1078. background:transparent;
  1079. color:#9bb8d2;
  1080. padding:10px;
  1081. font-size:15px;
  1082. bottom:0px;
  1083. right:20px;
  1084. position:fixed;
  1085. font-family:'sail';
  1086. }
  1087. /*CREDIT END*/
  1088.  
  1089. </style>
  1090.  
  1091. <body>
  1092. <!--sidebar begins here-->
  1093. <div id="boxy">
  1094. <div id="despacito">
  1095. <h3>The Child Prodigy</h3>
  1096. ind <b>private & selective</b> <i>multiverse</i> dw oc.
  1097. </div>
  1098. </div>
  1099.  
  1100. <!--sidebar end-->
  1101.  
  1102. <!--this is where you edit the size and titles of the scattered links, you can edit their content way below though. The #?w= determines the width of the pop up, make sure to give your popups different box numbers-->
  1103. <div id="pops">
  1104. <div id="linku1"> <a href="/" title="HOME.">●</a></div>
  1105. <div id="linku2"> <a href="#?w=500" rel="box1" class="poplight" title="ASK.">●</a></div>
  1106. <div id="linku3"> <a href="#?w=500" rel="box2" class="poplight" title="NAVIGATION.">●</a></div>
  1107. <div id="linku4"> <a href="#?w=320" rel="box3" class="poplight" title="RULES.">●</a></div>
  1108. <div id="linku5"> <a href="#?w=320" rel="verses" class="poplight" title="VERSES.">●</a></div>
  1109. <div id="linku6"> <a href="#?w=320" rel="box5" class="poplight" title="ABOUT.">●</a></div>
  1110. </div>
  1111. </div>
  1112.  
  1113. <!--/* DO /NOT/ REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */-->
  1114. <div class="credit"><a href="https://ddkinzart.tumblr.com" title="code by ddkinzart">©</a></div>
  1115.  
  1116. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1117.  
  1118. {block:Pagination}
  1119. <div class="pagi">
  1120. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1121. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1122. </div>
  1123. {/block:Pagination}
  1124. <div id="container">
  1125. <div id="entries">
  1126. {block:Posts}
  1127. <div id="content">
  1128. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1129. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1130. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1131.  
  1132. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1133. {/block:Photoset}
  1134.  
  1135. {block:Quote}<div class="quote">{Quote}</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1136. {block:Link}
  1137. {block:Thumbnail}
  1138. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1139. {/block:Thumbnail}
  1140. <div id="linku">
  1141. <span style="font-size:20px">❝ </span> <a href="{URL}" class="link" {Target}>{Name}</a><span style="font-size:20px"> ❞</span>
  1142. </div>
  1143. {/block:Link}
  1144.  
  1145. {block:Chat}
  1146. {block:Title}
  1147. <div class="titulo">{Title}</div>{/block:Title}<br>
  1148. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1149. {Line}</li>{/block:Lines}</ul>
  1150. {/block:Chat}
  1151.  
  1152. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1153. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1154. {block:Answer}
  1155. <div id="asker" style="text-align:center;">{Asker}</div><div id="ask">{Question}</div>
  1156. <div id="answer">
  1157. {Answer}</div>
  1158. {/block:Answer}
  1159. <div class="permalinks">
  1160. {block:RebloggedFrom}
  1161. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" > ● </a>
  1162. {/block:RebloggedFrom}
  1163. <span style="letter-spacing:-0.5px">posted </span><a href="{Permalink}" title="{timeago}" style="letter-spacing:-0.1px;"> &nbsp;{timeago}</a>{block:NoteCount} with
  1164. <a href="{Permalink}" title="{NoteCount} hits."> {NoteCount}</a> hits.{/block:NoteCount}
  1165. {block:ContentSource}
  1166. <a href="{SourceURL}" title="source: {SourceTitle}"> ● </a>
  1167. {/block:ContentSource}
  1168. <a href="{ReblogURL}" title="reblog" target="_blank"> ● </a>
  1169. {/block:RebloggedFrom}
  1170. </div>
  1171. <div class="tags">
  1172. {block:HasTags}
  1173. {block:Tags}
  1174. <!--you can change symbol before tags to something else--># <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1175. {/block:Tags}
  1176. {/block:HasTags}
  1177. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1178.  
  1179. </div></div>
  1180. {/block:Posts}
  1181. </div>
  1182. </div>
  1183. </body>
  1184.  
  1185.  
  1186. <!--This is where the pop up begins, you can edit beyond this point-->
  1187.  
  1188. <div id="box1" class="popup_block" style="top:50%;left:50%">
  1189. <i style="text-align:center;">{AskLabel}</i>
  1190. <br>
  1191. <div class="queque">
  1192. {block:ShowHeaderImage}<img src="https://static.tumblr.com/eyayucw/8AFqd53wx/untitledhg.png" width="100%">{/block:ShowHeaderImage} <!-- this will automatically display your mobile header image, but you can substitute with the url of another image, try to choose image which's width matches your pop up-->
  1193. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="https://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1194. </div></div>
  1195. </div>
  1196. <div id="box2" class="popup_block" style="top:50%;left:50%">
  1197. <h3>navigation</h3>
  1198. <div class="navi_linksu">
  1199. <a href="/hc">HEADCANONS</a>
  1200. <a href="/tagged/%3B%3B「-ρяiиcє-σf-dєиg-」%7Bmusings%7D">MUSINGS</a>
  1201. <a href="/tagged/■□▢%3B-%27ink-on-rolls%27-%7Bdocuments%7D">REFERENCES</a>
  1202. <a href="/c">CREDITS</a>
  1203. <a href="https://www.rpthreadtracker.com/public/yourturn?userId=32502&currentBlog=shxntong&sortDescending=false&currentOrderBy=LastPostDate&filteredTag=#_=_">THREADS</a>
  1204. </div>
  1205. </div>
  1206. </div>
  1207.  
  1208.  
  1209. <div id="box3" class="popup_block"><div class="tabheader">Rules.</div><div class="popup_boxy">
  1210. <h2>last updated on feb 24, 2018</h2>
  1211. <br><br>
  1212. <b>DISCLAIMER;</b>
  1213. <br><br>
  1214. I mostly use free-to-use icons, at least on this blog, so I’ll either reblog the source or simply add the credit on the credit page. However, they will be edited(mainly, adding psd’s) for character traits purpose, but that doesn’t qualify claiming them as my own, so the credit goes for those who I’ll have already mentioned even for the pics and icons I edit.
  1215. <br><br>
  1216. <b>STYLE;</b>
  1217. <br><br>
  1218. <small>this is how the narrative appears.</small>
  1219. <br><br>
  1220. <small><b>❛ <small>this is how the muse’s conversation appears.</small> ❜</b>
  1221. <br><br>
  1222. <small><b>(this is how the muse’s thoughts appear(telepathy))</b></small>
  1223. <br><br>
  1224. <small>[text:name]this is how the muse’s text on phone appears.</small>
  1225. <br><br>
  1226. [this is how the mun’s talk appears].
  1227. <br><br>
  1228. <b>THE MUN;</b>
  1229. <br><br>
  1230. you can call me noir. english isn’t my first language but I try.
  1231. <br><br>
  1232. psa: don’t be afraid to approach me! i know i might seem intimidating at times, but you’ll see that you’re gonna be safe.
  1233. <br><br>
  1234. <b>RULES AND ETIQUETTE;</b>
  1235. <br><br>
  1236. <i> &nbsp; - drama</i>
  1237. <br><br>
  1238. I don’t participate nor appreciate drama
  1239. <br><br>
  1240. <i> &nbsp; - side / main / multi-muse blogs</i>
  1241. <br><br>
  1242. I’m okay with all of them
  1243. <br><br>
  1244. <i> &nbsp; - writing styles</i>
  1245. <br><br>
  1246. I’m okay with all writing styles, except the huge pictures/gifs, and something I can’t understand
  1247. <br><br>
  1248. also, I’m not that strict with amount of paragraphs you write, just don’t give me one line when I give you multiple paragraphs
  1249. <br><br>
  1250. <i> &nbsp; - availability &amp; speed</i>
  1251. <br><br>
  1252. I’m a very busy person, so expect some delay. however, you can find me often on social skype / tumblr im / discord
  1253. <br><br>
  1254. also, keep in mind that if our thread is added to the <a href="https://shxntong.tumblr.com/tracker">thread tracker</a>, I will eventually reply. I will notify you if I decide to drop the thread
  1255. <br><br>
  1256. <i> &nbsp; -ault themes</i>
  1257. <br><br>
  1258. I’m of age and okay with all types of adult themes, however, keep in mind that one of my muses is underage in her main verse + I haven’t written smut before and I think it’ll stay that way for a while
  1259. <br><br>
  1260. <i> &nbsp; -tagging &amp; triggers</i>
  1261. <br><br>
  1262. I don’t have any triggers, but i’ll write the common ones and the ones you request as trigger-name tw (e.g. blood tw)
  1263. <br><br>
  1264. <i> &nbsp; -god/info modding</i>
  1265. <br><br>
  1266. needless to say, they’re a big no
  1267. <br><br>
  1268. <i> &nbsp; -cutting posts &amp; replying to answered asks</i>
  1269. <br><br>
  1270. Unless you provide a reason for why you can’t cut your posts, we won’t be interacting any time soon
  1271. <br><br>
  1272. Also, if you wish to continue a thread based on an answered ask, move it to a new post. I will ignore it if you just reblog the answer</p><p><i> &nbsp; -shipping</i>
  1273. <br><br>
  1274. Currently, this is a multi-ship blog
  1275. <br><br>
  1276. <i> &nbsp; -other fandoms and oc’s</i>
  1277. <br><br>
  1278. This’s a multi-verse and OC friendly blog
  1279. <br><br>
  1280. <i> &nbsp; -private and selective blogs</i>
  1281. <br><br>
  1282. If you’re a mutuals-only blog and I follow you first, I will wait for a week, if there’s no follow back then i’ll take it as a no. unless the blog is on hiatus, of course
  1283. <br><br>
  1284. <i>- things to keep in mind</i></p><p>Mun does not equal Muse
  1285. <br><br>
  1286. I <b>NEVER EVER</b> <i>send anons</i>, even if it’s for positivity and stuff. I witnessed some bad experience and therefore, I decided to <b>never</b> use the anon option. So, whenever you get an anon whose style is similar to mine, be sure that it’s NOT me. IF I ever send one, <b>I will let you know through IM</b>, otherwise,<b> it’s not me</b>. This’s a<b> very important </b>point for me, so respect it and keep it in mind. That does <b>NOT</b> mean <b>YOU </b>can’t send me anons, you’re <i>always</i> welcome to send them.
  1287. <br><br>
  1288. enjoy your stay ~</p>
  1289. </div></div></div>
  1290.  
  1291. <div id="verses" class="popup_block"><div class="tabheader">Verses.</div>
  1292. <div id="tabid">
  1293. <ul id="tabs">
  1294. <li class="active">main.</li>
  1295. <li>au.</li>
  1296. <li>other.</li>
  1297. </ul></div>
  1298.  
  1299. <div class="popup_boxy">
  1300. <ul id="tab">
  1301.  
  1302. <li class="active">
  1303.  
  1304. <h3>MAIN</h3>
  1305.  
  1306. <!--start copying from here if you want more verse blocks-->
  1307.  
  1308. <div class="vee">
  1309.  
  1310. <img class="versu" src="https://78.media.tumblr.com/7fb1a8fba36b9b2694a56de827d5c8f6/tumblr_inline_p4nr0eFzTp1sfhkeg_250.png"> <!--REPLACE WITH IMAGE URL-->
  1311.  
  1312. <p><a href="VERSE TAG"><b>CHILD PRODIGY</b></a>
  1313. <br><br><b>12</b>
  1314. <br><b>5'1" ft</b>
  1315. <br><b>95 lb</b>
  1316.  
  1317. <br><br><br><br>In this verse, Cao Chong is a 12-year-old son of the great warlord Cao Cao. He is known to be favored by his father. He is kind and benevolent in the eyes of many and is known for his liking to help people. Cangshu also possesses the intellect of intelligent adults. Everyone praises on how smart this boy is, and they all bet for his future. However, unfortunately, the frail body he has had since his birth, and the sickness he has, which is getting worse with time, both stand a barrier between him and the glorious life everyone predicts for him.
  1318.  
  1319. </div>
  1320.  
  1321. <!--paste here-->
  1322. <!--start copying from here if you want more verse blocks-->
  1323.  
  1324. <div class="vee">
  1325.  
  1326. <img class="versu" src="https://78.media.tumblr.com/db02398b3a4139110cf33bfd79048bd1/tumblr_inline_p4nqzy4aXk1sfhkeg_250.png"> <!--REPLACE WITH IMAGE URL-->
  1327.  
  1328. <p><a href="VERSE TAG"><b>Too Soon to Die</b></a>
  1329. <br><br><b>23</b>
  1330. <br><b>5'7" ft</b>
  1331. <br><b>143 lb</b>
  1332.  
  1333. <br><br><br><br>Just as the name suggests, this verse presents an older version of the prodigy Cao Chong. In his older age, he appears to be calmer, wiser, and less talkative than his younger-self. He finds himself leaning to the idea of concealing most of his feelings as a way to be more useful and beneficial in times of war, therefore, he tends to be more strict than one who knew him back when he was 12 years old would guess. Yet, he still has a kid in his heart, a kid that he made sure to never get in the way when times demand a grown up duty and decisions.<br>
  1334. His health condition isn’t one to prevent him from moving forward. It gets him sometimes when he’s fighting a long and difficult battle, and sometimes even when he is just calmly gazing at the skies, but he never lets such thing stop him from realizing both his and his father’s ambition
  1335.  
  1336. </div>
  1337.  
  1338. <!--paste here-->
  1339.  
  1340. <!--start copying from here if you want more verse blocks-->
  1341.  
  1342. <div class="vee">
  1343.  
  1344. <img class="versu" src="https://78.media.tumblr.com/a173e3f6b292aa1653eb877eb6bf6598/tumblr_inline_p4nr0bqt4d1sfhkeg_250.png"> <!--REPLACE WITH IMAGE URL-->
  1345.  
  1346. <p><a href="VERSE TAG"><b>Not The Serpent King’s World but Ours(Orochi)</b></a>
  1347. <br><br><b>23/12</b>
  1348. <br><b>Depends on age</b>
  1349. <br><b>Depends on age</b>
  1350.  
  1351. <br><br><br><br>(as a 12yo) In a world where the Serpent King has decided to pay the finest warriors of humanity at the time a visit and test their might, Cao Chong is lost in this vast ugly word. He takes his time assembling shattered pieces of what is happening, and with the answers he gets from people who already figured it out, he finally realizes the messy situation he is in. The smile that usually wears on his face isn’t present as usual as before for even though he might have found himself a few new friends, he still misses his family, especially his father. He does everything in his will to find them, and just as the news of his father being killed delivers, Cangshu breaks in tears and falls on his knees, but he doesn’t grieve as he should for he believes it is a lie, let be his father who came up with it, or the enemy. Unless he sees the Hero of Chaos’s corpse with his own eyes, he wasn’t going to fall for it any longer.
  1352. <br><br>
  1353. (as a 23yo) Everything mentioned in his younger age applies here, the only differences are in his way of dealing with news concerning his father, and the way he deals with suddenly being thrown into a darker world. When he finds himself in what he thought was only a nightmare, he finds himself angrily searching for answers, and fighting his way for them. He takes some time to trust a former friend, but it takes him even more to trust, or decide to use, a former enemy or a new face. Once he receives the rumors about his father’s death, Cao Chong deals with the situation with his sword, and even march with his army for revenge. Not long enough passes, and he comes back to his senses. He refuses to believe Cao Cao is dead unless he finds his body, but he acts as if he does, thinking may be it is better this way. If it is the enemy’s plan then they would think he has fallen for it, but if it a trick of his father’s then he would not ruin it. Either way, he was yet to see the truth for himself. He takes advantage of his title as the Hero of Chao’s son to lead every Wei soldier he finds in his way against the Orochi armies.
  1354.  
  1355. </div>
  1356.  
  1357. <!--paste here-->
  1358.  
  1359. <!--start copying from here if you want more verse blocks-->
  1360.  
  1361. <div class="vee">
  1362.  
  1363. <img class="versu" src="https://78.media.tumblr.com/df8e666633c0c8b8726f77d06a1a8617/tumblr_inline_p4ns1tQcBU1sfhkeg_250.png"> <!--REPLACE WITH IMAGE URL-->
  1364.  
  1365. <p><a href="VERSE TAG"><b>Ambitious Offspring(Modern)</b></a>
  1366. <br><br><b>22</b>
  1367. <br><b>5'6" ft</b>
  1368. <br><b>138 lb</b>
  1369.  
  1370. <br><br><br><br>In this verse, Cao Chong is a student in one of the best universities. He is always under the spotlight for his intelligence and full marks, let alone being the son of a famous figure in business and power, Cao Cao. He doesn’t take advantage of that, however, unless it’s the only option he has for an urgent situation. His personality tilts a little bit from the one he used to have in his younger years. He is calmer, quieter, and less outgoing, but he is still kind and modest, he likes to help people, and he holds high mannerisms. And just like any human being, he is not complete, he has his flaws, and one of them is his health condition. Unluckily, Cao Chong suffers from an illness that his doctors are yet to discover, which limits some of his daily activities, including exercise, but not all exercise, as it never stops him from playing basketball everyday, long enough for him to enjoy it, but as short as possible so that it doesn’t trigger the symptoms of his illness. His future job is already written on the pages of his destiny. Chong would finish his education and find himself a place ready for him in his father’s company. He doesn’t hate it because it is a profession he likes, and if he was given the chance to think about an alternative, his mind would probably wander for too long until it finds a destiny. However, what worries him at times, is the underground business his father has: Weapon dealing. He is aware of its prosperous rewards, but so is of its risks and dangers.
  1371.  
  1372. </div>
  1373.  
  1374. <!--paste here-->
  1375.  
  1376. <!--start copying from here if you want more verse blocks-->
  1377.  
  1378. <div class="vee">
  1379.  
  1380. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1381.  
  1382. <p><a href="VERSE TAG"><b>Are You the Haunter? Or Are You the Hunter?</b></a>
  1383. <br><br><b>TBA</b>
  1384. <br><b>TBA</b>
  1385. <br><b>TBA</b>
  1386.  
  1387. <br><br><br><br>A spirit/Ghost!Chong. Details TBA!
  1388.  
  1389. </div>
  1390.  
  1391. <!--paste here-->
  1392.  
  1393. <!--start copying from here if you want more verse blocks-->
  1394.  
  1395. <div class="vee">
  1396.  
  1397. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1398.  
  1399. <p><a href="VERSE TAG"><b>TBA</b></a>
  1400. <br><br><b>TBA</b>
  1401. <br><b>TBA</b>
  1402. <br><b>TBA</b>
  1403.  
  1404. <br><br><br><br>SPN Verse. Details TBA!
  1405.  
  1406. </div>
  1407.  
  1408. <!--paste here-->
  1409.  
  1410. </li>
  1411.  
  1412. <li>
  1413.  
  1414. <h3>AU</h3>
  1415.  
  1416. <!--start copying from here if you want more verse blocks-->
  1417.  
  1418. <div class="vee">
  1419.  
  1420. <img class="versu" src="https://78.media.tumblr.com/b00f58faaee65cbd866b4ec39d597e4a/tumblr_inline_p4nqzrbAxN1sfhkeg_250.png"> <!--REPLACE WITH IMAGE URL-->
  1421.  
  1422. <p><a href="/"><b>Was it Right?</b></a>
  1423. <br><br><b>12-23/+23</b>
  1424. <br><b>Depends on age</b>
  1425. <br><b>Depends on age</b>
  1426.  
  1427. <br><br><br><br>This verse takes place between the Main Verse and the Older-Age Verse. It shows the transition of both Chong’s personality and strength as he gets older. At the beginning, the boy finds it hard to convince his to-be mentor to train him, and he finds it even harder to approach his father and ask for a permission to train. He thinks his health will stand between him and what he wants, and that Cao Cao would prevent him from pushing forward if it meant he might get himself damaged in the process, but he is wrong, and he admits it soon enough just as he sees through his fear. Finally, he gets what he wants, and trains under the supervision of the one he seeks as a mentor, General Yu Jin. It is tough and tiring, but he manages to get through and become a fine warrior. <br>[more to be added as the thread goes on]
  1428. </div>
  1429.  
  1430. <!--paste here-->
  1431.  
  1432. <!--start copying from here if you want more verse blocks-->
  1433.  
  1434. <div class="vee">
  1435.  
  1436. <img class="versu" src="https://78.media.tumblr.com/b00f58faaee65cbd866b4ec39d597e4a/tumblr_inline_p4nqzrbAxN1sfhkeg_250.png"> <!--REPLACE WITH IMAGE URL-->
  1437.  
  1438. <p><a href="/"><b>Flowers Blooming in the Snow</b></a>
  1439. <br><br><b>23</b>
  1440. <br><b>5'7" ft</b>
  1441. <br><b>143 lb</b>
  1442.  
  1443. <br><br><br><br>Aware of his son’s illness, Cao Cao tries many doctors to bring Chong’s health up, but all fail to accomplish any noticeable change. Cao Chong grows bored and tired of them, and he gives up hope on getting any better, or at least thinks he does. To him, he is satisfied, or more like used to his condition. He has learned how to live with it and not let it get too much in his way. He is alive, he is fighting and winning battles, contributing in uniting the land and making his father’s ambition a reality, so he is content. Later, he meets his new doctor, a woman by the name Yuehua. After mere few days, he finds himself loosely holding onto that glimpse of hope he thought he never had. At first, he doesn’t like it, but then allows his grips to tighten and follows his hunch in trusting the doctor, this time. Before he even knows it, his heart becomes a prisoner to the woman. Though he fights it at the beginning, Chong admits it in the end and even pursues it. <br>[more will be added as the thread continues]
  1444.  
  1445. </div>
  1446.  
  1447. <!--paste here-->
  1448.  
  1449. <!--start copying from here if you want more verse blocks-->
  1450.  
  1451. <div class="vee">
  1452.  
  1453. <img class="versu" src="https://78.media.tumblr.com/5d2805c6eb53bb7a5133c7dcf8688ddc/tumblr_inline_p4nqztVGYd1sfhkeg_250.png"> <!--REPLACE WITH IMAGE URL-->
  1454.  
  1455. <p><a href="/"><b>Meeting A Daughter of A Legend</b></a>
  1456. <br><br><b>23</b>
  1457. <br><b>5'7" ft</b>
  1458. <br><b>143 lb</b>
  1459.  
  1460. <br><br><br><br>(The events of this verse takes place in DW8 Wei’s hypothetical route of the battle of Fan Castle.)
  1461. <br><br>
  1462. It is dark where the prisoners are held, and Cao Chong decides to take a walk there, looking at the faces of the prisoners should he recognize one. He sees the daughter of the God of War, and he recognizes her immediately as he has already heard about her, but takes the guard’s confirmation to be sure. He approaches her, and they have a talk. With just a few words, he feels sorry for the girl, but that is not the only reason he tries his best to never let her meet execution, he also sees her strength a valuable source for Wei. Once his plan was brought to success, their bond grew stronger, and so is his trust.
  1463. <br>
  1464. [more will be added as the thread goes on]
  1465.  
  1466. </div>
  1467.  
  1468. <!--paste here-->
  1469.  
  1470. </li>
  1471.  
  1472. <li>
  1473.  
  1474. <h3>OTHER</h3>
  1475.  
  1476. <!--start copying from here if you want more verse blocks-->
  1477.  
  1478. <div class="vee">
  1479.  
  1480. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1481.  
  1482. <p><a href="/"><b>TBA</b></a>
  1483. <br><br><b>TBA</b>
  1484. <br><b>TBA</b>
  1485. <br><b>TBA</b>
  1486.  
  1487. <br><br><br><br>Empty verse!
  1488.  
  1489. </div>
  1490.  
  1491. <!--paste here-->
  1492.  
  1493.  
  1494. </li>
  1495.  
  1496. </ul> <!--important don't delete-->
  1497. </div></div></div></div></div></div></div></div></div></div></div></div>
  1498.  
  1499. </div>
  1500. </div></div>
  1501.  
  1502. <div id="box5" class="popup_block"><div class="tabheader">About.</div>
  1503. <div id="tabid">
  1504. <ul id="tabs">
  1505. <li class="active">main.</li>
  1506. <li>appearance.</li>
  1507. <li>interests.</li>
  1508. <li>personality</li>
  1509. <li>abilities.</li>
  1510. <li>biography.</li>
  1511. </ul></div>
  1512.  
  1513.  
  1514. <div class="popup_boxy">
  1515. <ul id="tab">
  1516.  
  1517. <li class="active">
  1518.  
  1519. <h3>General Information</h3>
  1520. <b>Name:</b> Cao Chong
  1521. <br><br>
  1522. <b>Courtesy Name:</b> Cangshu
  1523. <br><br>
  1524. <b>DOB:</b> 196 AD
  1525. <br><br>
  1526. <b>Age:</b> 12 yo(verse dependent)
  1527. <br><br>
  1528. <b>Height:</b> 5'1" ft
  1529. <br><br>
  1530. <b>Weight:</b> 95 lb
  1531. <br><br>
  1532. <b>Zodiac:</b> Virgo
  1533. <br><br>
  1534. <b>Personality type:</b> INTJ
  1535. </li>
  1536.  
  1537. <li>
  1538.  
  1539. <h3>Appearance</h3>
  1540. <b>Eyes:</b> Dark brown
  1541. <br><br>
  1542. <b>Hair:</b> Dark brown
  1543. <br><br>
  1544. <b>Skin:</b> Warm/golden tone
  1545. <br><br>
  1546. <b>Body:</b> Underweight
  1547. </li>
  1548.  
  1549. <li>
  1550.  
  1551. <h3>Interests</h3>
  1552. Books.
  1553. <br><br>GO.
  1554. <br><br>
  1555. Beautiful Writing.
  1556. <br><br>
  1557. Stories.
  1558. <br><br>
  1559. Learning new things.
  1560. <br><br>
  1561. Politics.
  1562. <br><br>
  1563. Night sky.
  1564. <br><br>
  1565. Space.
  1566. </li>
  1567.  
  1568. <li>
  1569.  
  1570. <h3>Personality</h3>
  1571. Though born in the time of <b>bloodshed</b> and conquer, it hasn’t <b>stained</b> the young Cao’s heart, for <b>kindness</b> and <b>compassion</b> were the residents. People could never run short of stories about his understanding and care for everyone: the commoners, the soldiers, the rich, the poor and anyone who needed it in <b>his</b> judgement. One of many incidents that could stand as a perfect proof is when Chong saved the lives of storekeepers from the <b>wrath</b> of his father’s justice. When rats had chewed up Cao Cao’s horse’s saddle under the care of these storekeepers, a severe and <b>merciless</b> punishment <b>would</b> have been sentenced had the young prodigy not advised them to delay their confession for three days, a period in which he made use of and cut off his own clothes to look like as if rodents have bitten them. Once asked by his father about it, Chong lied with a fake sadness accompanying his answer: <i>“there is a saying that a person whose clothes have been chewed by rats will encounter ill luck. now, as this has happened to me, i fear something might happen.”</i> A reply which only gained a reassuring dismiss from Cao Cao: <i>“this is just a superstition. there’s nothing to worry about.”</i> And just as the third day has finally passed, the guilty came admitting their negligence, waiting for their punishment, but all they got was a <b>laugh</b>, followed by a few words they would have never expected of the man: <i>“my son’s clothes were with him, yet they were still chewed by rats, so it is not surprising that my saddle in the store was also damaged.”</i>
  1572. <br><br>
  1573. That was not the only example of his benevolence and compassion; The young Cao showed his kindness in many other ways, including him clearing tens of cases where he reviewed them for any injustice, and persuading his father for a <b>lenient</b> punishment for <b>hardworking</b> and <b>honest</b> officials that made but <b>minor </b>mistakes.
  1574. <br><br>
  1575. However, tender-heartedness wasn’t the only trait that made vassals who knew him <b>respect </b>his person and hold <b>high expectations</b> of him; It was that combined with his <b>insightfulness</b> and <b>brainpower </b>that made even his father <b>favors</b> him among his brothers. Cao Chong obtained the intellect of an <b>adult </b>at the age of<b> five</b>. His cleverness showed clearly on an incidence where the warlord Sun Quan had sent a gift the Hero of Chaos- an elephant. Cao Cao desired to measure the animal’s weight, a wish that everyone but Cangshu failed to make a reality. The young prodigy’s words were simply put: <i>“place the elephant on a boat and mark the water level. then replace the elephant with other objects until the boat is submerged to the same level. the weight of the elephant can be found by summing up the weights of all the objects.”</i>
  1576. <br><br>
  1577. Without a question, Chong was a <b>studious</b>, <b>kindhearted</b> and <b>intelligent</b> kid whose <b>destiny</b> wasn’t as good <b>to him</b> as <b>he</b> was to the <b>people</b> around him.
  1578. </li>
  1579.  
  1580. <li>
  1581.  
  1582. <h3>Abilities</h3>
  1583. Fluent reading.
  1584. <br><br>
  1585. Beautiful handwriting.
  1586. <br><br>
  1587. Possession of a mind beyond his age.
  1588. <br><br>
  1589. Intelligence.
  1590. <br><br>
  1591. Strong will.
  1592. <br><br>
  1593. Quick wit.
  1594. </li>
  1595.  
  1596. <li>
  1597.  
  1598. <h3>Biography</h3>
  1599. One of the many sons of Cao Cao, the eighth, Cao Chong is the eldest son of the Hero of Chaos’s concubine Lady Huan. <b>A child prodigy</b> he was called for the intellect he possessed at a very young age. His <b>mannerism</b>, <b>insightfulness</b>, along with his <b>good looks</b> gained him a special place in his father’s heart, favoring him among even his brother Cao Pi, praising him most of the time and letting everyone know that he was his father’s choice for an <b>heir</b>.
  1600. <br><br>
  1601. Unfortunately for both Cao Cao and his son, Cangshu was born with a <b>frail body</b>, which lead to his severe illness at the age of 12 and unsurprisingly, his <b>death</b> at the age of 13.
  1602. <br><br>
  1603. This death stroke Mengde so violently that he <b>wept</b> every time his son’s name was mentioned, and what made it even harder for him was the ironic timing when both a funeral and a wedding were held at the same time. It was a burden that Cao Pi tried to lessen for his father with his words of condolence, a good gesture that was rewarded by harsh thoughts coming from an <b>aching</b> heart: <i>“cangshu’s death is a great misfortune to me, but you should rejoice. you are to be my true successor after all.”</i> A truth that Zihuan never denied, and even admitted once he became an emperor: <i>“if cangshu was around, i’d not have been able to obtain the empire.”</i>
  1604. <br><br>
  1605. Cao Chong was buried with a woman from the Zhen family, and posthumously granted the appointment of <i>cavalry commandant</i> by his <b>father</b>. During <b>Cao Pi’s </b>rule, Cangshu was granted the title of <i>marquis ai of deng</i> then <i>duke ai of deng</i>, and lastly, <i>prince ai of deng</i>.
  1606. </li>
  1607.  
  1608. </ul> <!--important don't delete-->
  1609. </div></div></div></div></div></div></div></div></div></div></div></div>
  1610.  
  1611.  
  1612. </div></div>
  1613.  
  1614. </div></div></div></div></div></div></div></div></div></div>
  1615.  
  1616. </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!