Advertisement
ChaZayari

Miyamoto

Dec 22nd, 2020
515
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.79 KB | None | 0 0
  1. <style>
  2. @import url('https://www.themonster.xyz/styles/fancy-fonts.css');
  3. ::-webkit-scrollbar{width:0.5vh;height:0.1vh;}
  4. ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
  5. ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}
  6.  
  7. body{
  8. background: url(https://i.imgur.com/x9yS5KL.jpg);
  9. background-size: cover;
  10. background-position: center;
  11. }
  12.  
  13. @keyframes image{
  14. from{filter: blur(10px);opacity:0;}
  15. to{filter:blur(0px);opacity: 1;}
  16. }
  17.  
  18.  
  19. @keyframes barmove{
  20. from{left:-100vw;}
  21. to{left:0vw;}
  22. }
  23.  
  24. @keyframes infomove{
  25. from{left:-100vw;}
  26. to{left:10vw;}
  27. }
  28.  
  29. @keyframes titlemove{
  30. from{left:-100vw;}
  31. to{left:8vw;}
  32. }
  33.  
  34. @keyframes nav1{
  35. from{top:-62.5vh;}
  36. to{transform: rotate(720deg);top:29.5vh;}
  37. }
  38.  
  39. @keyframes nav2{
  40. from{top:-51.5vh;}
  41. to{transform: rotate(720deg);top:40.5vh;}
  42. }
  43.  
  44. @keyframes nav3{
  45. from{top:-40.5vh;}
  46. to{transform: rotate(720deg);top:51.5vh;}
  47. }
  48.  
  49. @keyframes nav4{
  50. from{top:-29.5vh;}
  51. to{transform: rotate(720deg);top:62.5vh;}
  52. }
  53.  
  54. #image{
  55. position: fixed;
  56. bottom: 5vh;
  57. right: 5vw;
  58. box-shadow: 0 0 2vh #000;
  59. z-index: 5;
  60. animation: image 2s 1;
  61. animation-fill-mode: both;
  62. }
  63.  
  64. #image img{
  65. height: 90vh;
  66. }
  67.  
  68. #bar{
  69. position: fixed;
  70. background: rgba(179, 52, 52, 0.7);
  71. box-shadow: 0 0 2vh #000;
  72. height: 60vh;
  73. z-index: 2;
  74. width: 100vw;
  75. bottom: 20vh;
  76. left:-100vw;
  77. animation: barmove 2s 1;
  78. animation-fill-mode: both;
  79. animation-delay: 1s;
  80. }
  81.  
  82. #box{
  83. position: fixed;
  84. background: #3c4985;
  85. box-shadow: 0 0 1vh #000;
  86. padding: 1%;
  87. z-index: 4;
  88. overflow: auto;
  89. text-align: center;
  90. height: 45vh;
  91. bottom: 26vh;
  92. width: 40vw;
  93. color: #fff;
  94. text-shadow: 0 1vh 2vh #000;
  95. font-family: 'Whitney';
  96. font-size: 2.25vh;
  97. animation: infomove 2s 1;
  98. animation-fill-mode: both;
  99. animation-delay: 1.25s;
  100. }
  101.  
  102. h1{
  103. font-family: 'Angel tears';
  104. font-size: 6vh;
  105. font-weight: lighter;
  106. }
  107.  
  108. a{
  109. text-decoration: underline;
  110. color: #fff;
  111. transition: 0.5s;
  112. }
  113. a:hover{
  114. transition: 0.5s;
  115. color: #d6b1e6;
  116. text-shadow: 0 0 1vh #d6b1e6;
  117. }
  118.  
  119. #title{
  120. position: fixed;
  121. z-index: 5;
  122. height: 20vh;
  123. width: 60vw;
  124. top: 9vh;
  125. text-align: left;
  126. font-family: 'Bantham';
  127. font-size: 17vh;
  128. color: #fff;
  129. text-shadow: 0 0 1vh #fff;
  130. animation: titlemove 2s 1;
  131. animation-fill-mode: both;
  132. animation-delay: 1.5s;
  133. }
  134.  
  135. #nav1, #nav2, #nav3, #nav4{
  136. position: fixed;
  137. z-index: 6;
  138. left: 55vw;
  139. }
  140.  
  141. #nav1{transition: 0.5s; top: 29.5vh;animation: nav1 2s 1;animation-fill-mode: both;animation-delay: 2.5s;}
  142. #nav1 img{height: 7vh;}
  143. #nav1:hover{transition: 0.5s;filter:drop-shadow(0 0 1vh #fff);}
  144.  
  145. #nav2{transition: 0.5s; top: 40.5vh;animation: nav2 2s 1;animation-fill-mode: both;animation-delay: 2.25s;}
  146. #nav2 img{height: 7vh;}
  147. #nav2:hover{transition: 0.5s;filter:drop-shadow(0 0 1vh #fff);}
  148.  
  149. #nav3{transition: 0.5s; top: 51.5vh;animation: nav3 2s 1;animation-fill-mode: both;animation-delay: 2s;}
  150. #nav3 img{height: 7vh;}
  151. #nav3:hover{transition: 0.5s;filter:drop-shadow(0 0 1vh #fff);}
  152.  
  153. #nav4{transition: 0.5s; top: 62.5vh;animation: nav4 2s 1;animation-fill-mode: both;animation-delay: 1.75s;}
  154. #nav4 img{height: 7vh;}
  155. #nav4:hover{transition: 0.5s;filter:drop-shadow(0 0 1vh #fff);}
  156.  
  157.  
  158. #img1, #img2, #img3, #img4, #imgetc{
  159. position: fixed;
  160. z-index: 3;
  161. top: 72vh;
  162. height: 7vh;
  163. width: 6vw;
  164. animation: image 2s 1;
  165. animation-fill-mode: both;
  166. }
  167.  
  168. #img1{
  169. background: url(https://i.imgur.com/b9VqoA2.png);
  170. background-size: cover;
  171. background-position: top;
  172. left: 12vw;
  173. transition: 0.5s;
  174. animation-delay: 3s;
  175. }
  176. #img1:hover{
  177. transition: 0.5s;
  178. box-shadow: 0 0 1vh #fff;
  179. height: 12vh;
  180. }
  181.  
  182. #img2{
  183. background: url(https://i.imgur.com/74WwQbT.png);
  184. background-size: cover;
  185. background-position: top;
  186. left: 20vw;
  187. transition: 0.5s;
  188. animation-delay: 3.2s;
  189. }
  190. #img2:hover{
  191. transition: 0.5s;
  192. box-shadow: 0 0 1vh #fff;
  193. height: 12vh;
  194. }
  195.  
  196. #img3{
  197. background: url(https://i.imgur.com/OaLE9ww.png);
  198. background-size: cover;
  199. background-position: top;
  200. left: 28vw;
  201. transition: 0.5s;
  202. animation-delay: 3.4s;
  203. }
  204. #img3:hover{
  205. transition: 0.5s;
  206. box-shadow: 0 0 1vh #fff;
  207. height: 12vh;
  208. }
  209.  
  210. #img4{
  211. background: url(https://i.imgur.com/QLt9ahS.png);
  212. background-size: cover;
  213. background-position: top;
  214. left: 36vw;
  215. transition: 0.5s;
  216. animation-delay: 3.6s;
  217. }
  218. #img4:hover{
  219. transition: 0.5s;
  220. box-shadow: 0 0 1vh #fff;
  221. height: 12vh;
  222. }
  223.  
  224. #imgetc{
  225. background: url(https://i.imgur.com/eVpWZTp.png);
  226. background-color: #23399e;
  227. background-size: 25%;
  228. background-repeat: no-repeat;
  229. background-position: center;
  230. left: 44vw;
  231. transition: 0.5s;
  232. animation-delay: 3.8s;
  233. }
  234. #imgetc:hover{
  235. transition: 0.5s;
  236. box-shadow: 0 0 1vh #fff;
  237. height: 12vh;
  238. }
  239.  
  240.  
  241.  
  242. </style>
  243.  
  244. <div id="nav1"><a href="#one"><img src="https://i.imgur.com/OpCmr8L.png"></a></div>
  245. <div id="nav2"><a href="#two"><img src="https://i.imgur.com/OpCmr8L.png"></a></div>
  246. <div id="nav3"><a href="#three"><img src="https://i.imgur.com/OpCmr8L.png"></a></div>
  247. <div id="nav4"><a href="#four"><img src="https://i.imgur.com/OpCmr8L.png"></a></div>
  248.  
  249.  
  250. <a target="_blank" href="https://i.imgur.com/b9VqoA2.png"><div id="img1"></div></a>
  251. <a target="_blank" href="https://i.imgur.com/74WwQbT.png"><div id="img2"></div></a>
  252. <a target="_blank" href="https://i.imgur.com/OaLE9ww.png"><div id="img3"></div></a>
  253. <a target="_blank" href="https://i.imgur.com/QLt9ahS.png"><div id="img4"></div></a>
  254. <a target="_blank" href="https://imgur.com/a/dsPtRw2"><div id="imgetc"></div></a>
  255.  
  256. <div id="image">
  257. <img src="https://i.imgur.com/UOXdTdr.png">
  258. </div>
  259. <div id="title">Miyamoto Musashi</div>
  260. <div id="bar"></div>
  261. <div id="box">
  262. <div style="height: 100%; overflow-y: hidden;">
  263.  
  264. <a name="one"></a>
  265. <div style="width:100%; height: 100%; overflow: auto; " align="center">
  266. <h1>Strongest Swordswoman of Japan</h1>
  267. <p>Saber's True Name is Miyamoto Musashi, Musashi's formal name is Shinmen Musashi no Kami Fujiwara no Harunobu ( 新免武蔵守藤原玄信しんめんむさしのかみふじわらのはるのぶ ?). A swordsman from the early Edo period, Musashi was renowned as the strongest swordsman in the history of Japan. He founded the Niten Ichi-ryū (二天一流?) school of swordsmanship; a martial art that involved the dual-wielding of a katana and wakizashi. However her circumstances are somehow different from the Musashi that left his name in history.</p>
  268.  
  269. <p>In the proper history, Musashi was born in Oohara, Sakushu (modern day Mimasaka, in the Okayama Prefecture), at 1584. His father was a practitioner of martial arts named Shinmen Munisai, who served as an instructor of martial arts to the Shinmen House of lords of the Takayama Castle, and who received the name of Shinmen from his employer’s family. Shinmen Munisai built a dojo of Jutte techniques in the Miyamoto village of the Yoshino district, and Musashi would later call himself “Miyamoto” due having this land as his hometown. He left behind many anecdotes and went through numerous battles against martial artists upon reaching adulthood - especially during the ten years of his 20s. Those famous bouts are even now seen as a staple of the entertainment industry. However, the truth behind the episodes of these ten years of battle is mostly wrapped in mystery and there are strong suspicions about them being mere fiction.</p>
  270. </div>
  271.  
  272. <a name="two"></a>
  273. <div style="width:100%; height: 100%; overflow: auto; " align="center">
  274. <h1>Stats</h1>
  275. Name: Miyamoto Musashi<br>
  276. Also Known As: Shinmen Musashi no Kami Fujiwara no Harunobu, Musashi-Chan<br>
  277. Class: Saber<br>
  278. Origin: Japanese History/Mythology<br>
  279. Race: Heroic Spirit / Servant<br>
  280. Gender: Female<br>
  281. <br>
  282. Height: 167cm<br>
  283. Weight: 56kg<br>
  284. Status: Content<br>
  285. Master: <a target="_blank" href="https://roleplay.chat/profile.php?user=Pyre">Pyre</a>
  286. <br><br><br><br><br>
  287.  
  288. </div>
  289.  
  290. <a name="three"></a>
  291. <div style="width:100%; height: 100%; overflow: auto; " align="center">
  292. <h1>Notes and Headcanons</h1>
  293. <li>As you see, the person herself has a relaxed, open attitude that never gets worked up. Having no particular interest in victory or prestige, yet sloven with alcohol, a sucker for money and weak against free food. However, all those who confronted and were beaten by her in battle said this in the end: a vibrant flower of tengen. Her sword reaches the heights of nothingness.</li>
  294. <br>
  295. <li>Cheerful and openhearted, a female swordsman that is lively yet dignified. Constantly full of pride, acting complacently, but that does not mean she is looking down on her opponent. She is merely enjoying life. Her way of expressing emotions is somewhat great. She greatly laughs and gets greatly surprised. While she has a broad-minded personality that laughs off at most things, due being “someone who masters the way of the sword” at her roots, she is very dry and severe in regards to the taking of lives.</li><br>
  296.  
  297. <li>That being said, she falls in love easily and likes to be depended on very much. She also likes to be praised very much. Weak to flattery. A banchou disposition that loves a brawl. Although she has a sense of justice, she never preaches to be righteous herself. Fundamentally a carefree wandering vagabond, but she becomes ruthless when coming across scenes such as a one-side massacre, a trampling of someone's dignity, and stealing her food when she's hungry.</li>
  298. </div>
  299.  
  300. <a name="four"></a>
  301. <div style="width:100%; height: 100%; overflow: auto; " align="center">
  302. <h1>OOC</h1>
  303. <ol>
  304. <li>Fate™ Universe.</li>
  305. <li>In-Room Approach is preferred.</li>
  306. <li>I prefer story over smut. Even if the roleplay is predominantly lewd, there must be some kind of story behind it.</li>
  307. <li>Do not approach unless you have a profile.</li>
  308. <li>I will not play anyone other than Miyamoto whilst on this profile. Please understand and accept this.</li>
  309. <li>Profile made by <a target="_blank" href="https://roleplay.chat/profile.php?user=From+Shadows+Codes">From Shadows.</a> Please do not steal or appropriate. Thank you!</li>
  310.  
  311. </ol>
  312. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement