Advertisement
izuemis

hina hikawa css codes

Sep 5th, 2022
997
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.82 KB | None | 0 0
  1. <head>
  2.  
  3. <link rel="preconnect" href="https://fonts.googleapis.com">
  4. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  5. <link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet">
  6.  
  7. <link rel="preconnect" href="https://fonts.googleapis.com">
  8. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  9. <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap" rel="stylesheet">
  10.  
  11. <link rel="preconnect" href="https://fonts.googleapis.com">
  12. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  13. <link href="https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@400;600&display=swap" rel="stylesheet">
  14.  
  15. </head>
  16.  
  17. <style>
  18.  
  19. @font-face {
  20. font-family:aeroblade;
  21. src:url(https://dl.dropbox.com/s/rp1c9fy6nef7l15/Aeroblade.ttf);
  22. }
  23.  
  24. @font-face {
  25. font-family: WhiskeyBite;
  26. src:url(https://dl.dropbox.com/s/vbh4xspvf80n80e/WhiskeyBite-Regular.otf);
  27. }
  28.  
  29. @font-face {
  30. font-family: hoollidday;
  31. src: url(https://dl.dropbox.com/s/yj168cmfy2psfhd/Hoollidday.ttf);
  32. }
  33.  
  34. @font-face {
  35. font-family: pixel;
  36. src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
  37. }
  38.  
  39. mark {
  40. padding-left: 9px;
  41. padding-right: 9px;
  42. border: 1px solid white;
  43. font-weight: bold;
  44. border-radius: 10px 0px 10px 0px;
  45. font-family: pixel;
  46. color: white;
  47. background: linear-gradient(90deg, rgba(216,148,158) 0%, rgba(255,255,255,255) 50%, rgba(216,148,158) 100%);
  48. box-shadow: 0px -0px 3px 0px #8F8177;
  49. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  50. }
  51.  
  52. #container01 > .wrapper {
  53. width: 50%;
  54. height: 13em;
  55. }
  56.  
  57. #container02 > .wrapper {
  58. width: 10.5em;
  59. height: 13em;
  60. }
  61.  
  62. #text01 {
  63. color: white;
  64. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
  65. }
  66.  
  67. #text03 {
  68. width:85%;
  69. position: absolute;
  70. padding-left:5px;
  71. padding-right:5px;
  72. left: 0.6em;
  73. font-family: aeroblade;
  74. z-index:500;
  75. background: linear-gradient(90deg, rgba(232,185,164) 0%, rgba(255,255,255,255) 50%, rgba(232,185,164) 100%);
  76. border-radius:150%;
  77. border: 1px solid white;
  78. box-shadow: 0px -0px 3px 0px #CF88B7;
  79. font-weight: bold;
  80. color: white;
  81. text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #FFFFFF00, 0 -1px #FFFFFF00, 0 0;
  82. }
  83.  
  84. #text04 {
  85. background: rgba(255, 255, 255, 0.8);
  86. padding: 10px;
  87. border-radius: 5px;
  88. height:76px;
  89. width:95%;
  90. index: 1;
  91. overflow-y: scroll;
  92. overflow-x: hidden;
  93. margin-top:20px;
  94. }
  95.  
  96. #text05 {
  97. text-align: left;
  98. background: rgba(255, 255, 255, 0.8);
  99. padding: 10px;
  100. margin: auto;
  101. border-radius: 10px 0px 0px 10px;
  102. height: 13.5em;
  103. width: 100%;
  104. top. 0.1em;
  105. index: 1;
  106. overflow-y: scroll;
  107. overflow-x: hidden;
  108. }
  109.  
  110. #text06 {
  111. text-align: left;
  112. background: rgba(255, 255, 255, 0.8);
  113. padding: 10px;
  114. margin: auto;
  115. border-radius: 10px;
  116. height:65px;
  117. index: 1;
  118. overflow-y: scroll;
  119. overflow-x: hidden;
  120. }
  121.  
  122. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement