Advertisement
ChaZayari

Huangjin

May 18th, 2020
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.55 KB | None | 0 0
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC|Zhi+Mang+Xing&display=swap');
  3. @import url('https://fonts.googleapis.com/css?family=Long+Cang|Ma+Shan+Zheng&display=swap');
  4. ::-webkit-scrollbar{width:0.5vh;height:0.1vh;}
  5. ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
  6. ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}
  7.  
  8.  
  9. #background{
  10. position: fixed;
  11. background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://i.imgur.com/DMGstPX.png);
  12. background-size: cover;
  13. background-position: center;
  14. z-index: -1;
  15. filter: blur(10px);
  16. top: -5vh;
  17. left: -5vh;
  18. height: 110vh;
  19. width: 110vw;
  20. }
  21.  
  22. #image{
  23. position: fixed;
  24. bottom: 2.5vh;
  25. left: 5vw;
  26. filter: drop-shadow(0 0 1vh #ff863b);
  27. z-index: 5;
  28. }
  29.  
  30. #image img{
  31. height: 95vh;
  32. }
  33.  
  34. #bar{
  35. position: fixed;
  36. background: rgba(255, 47, 0, 0.25);
  37. height: 50vh;
  38. width: 100vw;
  39. left: 0vw;
  40. bottom: 25vh;
  41. z-index: 1;
  42. }
  43.  
  44. #box{
  45. position: fixed;
  46. padding: 1%;
  47. background: #ffa600;
  48. height: 36vh;
  49. width: 40vw;
  50. bottom: 30vh;
  51. right: 6vw;
  52. z-index: 5;
  53. box-shadow: 0 0 2vh #ffc530;
  54. font-family: 'Noto Serif TC';
  55. overflow: auto;
  56. font-size: 2vh;
  57. color: #5e4227;
  58. text-shadow: 0 0 1vh #000;
  59. }
  60.  
  61. #title{
  62. position: fixed;
  63. height: 20vh;
  64. width: 40vw;
  65. text-align: right;
  66. right: 6vw;
  67. top: 15vh;
  68. z-index: 6;
  69. font-size: 17vh;
  70. font-family: 'Ma Shan Zheng';
  71. color: #ff7b24;
  72. text-shadow: 0 0 1vh #a85808;
  73. }
  74.  
  75. h1{
  76. font-family: 'Zhi Mang Xing';
  77. font-size: 4vh;
  78. font-weight: lighter;
  79. }
  80.  
  81. </style>
  82. <div id="background"></div>
  83. <div id="bar"></div>
  84. <a target="_blank" href="https://imgur.com/a/T9lDT3o"><div id="image"><img src="https://i.imgur.com/C8u0Dju.png"></div></a>
  85. <div id="title">黄金水域</div>
  86. <div id="box"><br>
  87. <h1>The Legend of the Eastern Dragon</h1>
  88. Huángjīn shuǐyù, literally 'Golden Waters', is an oriental dragon said to bestow good fortune upon sailors and fishermen. She also had a fondness for rivers, as they represented how everything is connected through one source, as rivers branched off from one another, and all connected to the ocean in one way or another.<br><br>
  89. But being a dragon, she also has the ability to change her appearance into whatever creature she likes. And of course, what better way to utilize this power than to change herself into a human? Well, a human-like figure. She kept her horns, scales and her...insanely long tail, which just floats around behind her. She doesn't let it drag around behind her.
  90. She also has heels, because y'know....she's classy. Even though she never wears clothes.</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement