Advertisement
Chibi-Elle

QIANG

Dec 21st, 2020
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.02 KB | None | 0 0
  1. <style type="text/css">
  2. @import url('https://fonts.googleapis.com/css?family=Indie+Flower|Oleo+Script|Allura|Aladin|Pompiere');
  3.  
  4. body {
  5. background-color: #;
  6. background-image: linear-gradient(to top, #AB7FCE, #CF9AF2, #D7A7FD, #D0AFFF, #CDB1FE, #CCAFFF, #C5A4FD, #C09BFA, #BE94FA, #B88AF6, #AB79EC);
  7. background-position: center;
  8. background-size: 100%;
  9. background-repeat:no-repeat;
  10. }
  11.  
  12. #whole {
  13. position: fixed;
  14. left: 0px;
  15. right: 0px;
  16. top: 0px;
  17. bottom: 0px;
  18. }
  19.  
  20. ::-webkit-scrollbar-track {
  21. background-color: #CDB1FE;
  22. }
  23.  
  24. ::-webkit-scrollbar-thumb {
  25. background-color: #AB7FCE;
  26. }
  27.  
  28. ::-webkit-scrollbar {
  29. width:2px;
  30. height:3px;
  31. }
  32.  
  33. #container {
  34. position: absolute;
  35. opacity: 1;
  36. left: 31%;
  37. bottom: 7%;
  38. height: 488px;
  39. width: 560px;
  40. background: #000;
  41. background: linear-gradient(to top, #AB7FCE, #CF9AF2, #D7A7FD, #D0AFFF, #CDB1FE, #CCAFFF, #C5A4FD, #C09BFA, #BE94FA, #B88AF6, #AB79EC);
  42. box-shadow: 0px 0px 10px 10px #8D51DB;
  43. background-image: url('https://img1.picmix.com/output/stamp/normal/8/9/1/4/264198_d6166.gif');
  44. background-repeat: repeat;
  45. background-size: 23%;
  46. }
  47.  
  48. #qimage {
  49. position: absolute;
  50. z-index: 3;
  51. opacity: 0.3;
  52. left: 0px;
  53. bottom: 0px;
  54. height: 75vh;
  55. width: 26vw;
  56. background-image: url('http://i.picpar.com/Rshf.jpg');
  57. background-size: 100%;
  58. background-repeat: no-repeat;
  59. }
  60.  
  61. #icon {
  62. position: absolute;
  63. z-index: 3;
  64. right: 15px;
  65. bottom: 356px;
  66. height: 115px;
  67. width: 207px;
  68. background: #000;
  69. box-shadow: 0px 0px 2px 2px #8D51DB;
  70. background-image: url('https://d.wattpad.com/story_parts/587214773/images/1536cf3f1135bf2c702824909100.gif');
  71. background-size: 105%;
  72. background-repeat: no-repeat;
  73. opacity: 0.9;
  74. }
  75.  
  76. #info {
  77. position: absolute;
  78. z-index: 3;
  79. right: 15px;
  80. bottom: 55px;
  81. width: 197px;
  82. height: 276px;
  83. background: #fff;
  84. padding: 5px;
  85. box-shadow: 0px 0px 2px 2px #8D51DB;
  86. font-family: 'Pompiere';
  87. color: #666;
  88. font-size: 12.5px;
  89. line-height: 17px;
  90. overflow-y: auto;
  91. }
  92.  
  93. #icon:hover {
  94. background-image: url('https://terminal-k.com/dreamcatcher/images/handong/rep.gif');
  95. opacity: 0.8;
  96. }
  97.  
  98. #title {
  99. position: absolute;
  100. z-index: 3;
  101. top: -70px;
  102. left: 0px;
  103. height: 140px;
  104. width: 350px;
  105. background-color: transparent;
  106. background-image: url('http://i.picpar.com/Ushf.png');
  107. background-repeat: no-repeat;
  108. background-size: 90%;
  109. transform: rotate(0deg);
  110. }
  111.  
  112. #tab1 {
  113. position: absolute;
  114. z-index: 4;
  115. bottom: 0px;
  116. right: 173px;
  117. height: 50px;
  118. width: 50px;
  119. background-color: transparent;
  120. background-image: url('https://i.gifer.com/5DYJ.gif');
  121. background-repeat: no-repeat;
  122. background-size: 95%;
  123. opacity: 1;
  124. }
  125.  
  126. #tab2 {
  127. position: absolute;
  128. z-index: 4;
  129. bottom: 0px;
  130. right: 120px;
  131. height: 50px;
  132. width: 50px;
  133. background-color: transparent;
  134. background-image: url('https://i.gifer.com/5DYJ.gif');
  135. background-repeat: no-repeat;
  136. background-size: 95%;
  137. opacity: 1;
  138. }
  139.  
  140. #tab3 {
  141. position: absolute;
  142. z-index: 4;
  143. bottom: 0px;
  144. right: 68px;
  145. height: 50px;
  146. width: 50px;
  147. background-color: transparent;
  148. background-image: url('https://i.gifer.com/5DYJ.gif');
  149. background-repeat: no-repeat;
  150. background-size: 95%;
  151. opacity: 1;
  152. }
  153.  
  154. #tab4 {
  155. position: absolute;
  156. z-index: 4;
  157. bottom: 0px;
  158. right: 15px;
  159. height: 50px;
  160. width: 50px;
  161. background-color: transparent;
  162. background-image: url('https://i.gifer.com/5DYJ.gif');
  163. background-repeat: no-repeat;
  164. background-size: 95%;
  165. opacity: 1;
  166. }
  167.  
  168. b {
  169. font-family: 'Aladin';
  170. font-size: 12px;
  171. background: -webkit-linear-gradient(#F1AED9, #E1A3E9, #D29FF5);
  172. -webkit-background-clip: text;
  173. -webkit-text-fill-color: transparent;
  174. }
  175.  
  176. h1 {
  177. font-family: 'Allura';
  178. font-size: 19px;
  179. text-align: right;
  180. background: linear-gradient(to left, #F1AED9, #E1A3E9, #D29FF5, #C6A6FB, #BDB8FC, #B7CAFC);
  181. line-height: 10px;
  182. margin-top: 1px;
  183. margin-bottom: 4px;
  184. color: #fff;
  185. }
  186.  
  187. .glow {
  188. font-size: 19px;
  189. color: #fff;
  190. text-align: right;
  191. -webkit-animation: glow 1s ease-in-out infinite alternate;
  192. -moz-animation: glow 1s ease-in-out infinite alternate;
  193. animation: glow 1s ease-in-out infinite alternate;
  194. }
  195.  
  196. @-webkit-keyframes glow {
  197. from {
  198. text-shadow: 0 0 1px #fff, 0 0 2px #F1AED9, 0 0 4px #E1A3E9, 0 0 6px #D29FF5, 0 0 8px #D29FF5, 0 0 10px #D29FF5, 0 0 13px #D29FF5;
  199. }
  200.  
  201. to {
  202. text-shadow: 0 0 2px #fff, 0 0 4px #C6A6FB, 0 0 6px #C6A6FB, 0 0 8px #C6A6FB, 0 0 10px #C6A6FB, 0 0 13px #C6A6FB, 0 0 16px #C6A6FB;
  203. }
  204. }
  205.  
  206.  
  207. </style>
  208.  
  209. <div id="whole" oncontextmenu="return false;">
  210. <div id="container">
  211. <div id="qimage"></div>
  212. <div id="icon"></div>
  213. <div id="title"></div>
  214. <a href="#2"><div id="tab1"></div></a>
  215. <a href="#3"><div id="tab2"></div></a>
  216. <a href="#4"><div id="tab3"></div></a>
  217. <a href="#1"><div id="tab4"></div></a>
  218. <div id="info">
  219. <h1 class="glow">Statistics</h1>
  220. <B>Name:</B><font style=float:right>Liu Qiang.</font><br>
  221. <B>Script:</B> <font style=float:right>刘玫瑰.</font><br>
  222. <B>Alias:</b> <font style=float:right>Rosie Liu.</font><br>
  223. <B>Gender:</B> <font style=float:right>Female.</font><br>
  224. <B>D.o.B.:</B> <font style=float:right>04/05/1997.</font><br>
  225. <B>Zodiac:</B> <font style=float:right>Aries.</font><br>
  226. <B>Species:</B> <font style=float:right>Human.</font><br>
  227. <B>Blood Status:</B> <font style=float:right>Half.</font><br>
  228. <B>Birthplace:</B> <font style=float:right>Wuhan, China.</font><br>
  229. <B>Ethnicity:</B> <font style=float:right>Chinese.</font><br>
  230. <B>Nationality:</B> <font style=float:right>Chinese.</font><br>
  231. <B>Orientation:</b> <font style=float:right>Bisexual.</font><br>
  232. <B>Marital:</b> <font style=float:right>Single.</font><br>
  233. <B>Alignment:</B> <font style=float:right>Neutral.</font><br>
  234. <B>Affiliation:</B> <font style=float:right>Chinese Ministry.</font><br>
  235. <B>Hair Color:</b> <font style=float:right>Black (Dyes).</font><br>
  236. <B>Eye Color:</b> <font style=float:right>Brown (Contacts).</font><br>
  237. <B>Height:</b> <font style=float:right>5'6".</font><br>
  238. <B>Weight:</b> <font style=float:right>120 lbs.</font><br>
  239. <B>Build:</b> <font style=float:right>Ectomorph.</font><br>
  240. <B>Scent:</b> <font style=float:right>Roses, Oranges.</font><br>
  241. <B>Blood Type:</b> <font style=float:right>O+.</font>
  242. </div>
  243. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement