Advertisement
Chibi-Elle

ILARION [GIFT]

Jan 12th, 2021
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.06 KB | None | 0 0
  1. <style type="text/css">
  2. @import url(//fonts.googleapis.com/css?family=Charm|Redressed|Rochester|Forum|Cookie);
  3.  
  4. body{
  5. background-color: #fff;
  6. background-image: linear-gradient(45deg, #000 35%, #09040F, #091022, #0F1A3A, #19306D, #1B398C);
  7. background-position: bottom;
  8. background-size: 110%;
  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:;
  22. }
  23.  
  24. ::-webkit-scrollbar-thumb {
  25. background-color:;
  26. }
  27.  
  28. ::-webkit-scrollbar {
  29. width:2px;
  30. height:5px;
  31. }
  32.  
  33. #container {
  34. position: absolute;
  35. left: 15%;
  36. top: 15%;
  37. height: 470px;
  38. width: 950px;
  39. border-top: 3px solid #1B398C;
  40. border-left: 3px solid #1B398C;
  41. border-right: 3px solid #000;
  42. border-bottom: 3px solid #000;
  43. background-color: #0F1A3A;
  44. box-shadow: 0px 0px 10px 10px #19306D;
  45. background-image: url('https://i.ibb.co/xsdy7Cp/planet.png');
  46. background-size: 15%;
  47. background-repeat: repeat;
  48. }
  49.  
  50. #img {
  51. position: absolute;
  52. z-index: 1;
  53. opacity: 1;
  54. top: -60px;
  55. left: 250px;
  56. height: 170px;
  57. width: 170px;
  58. background-color: transparent;
  59. border-radius: 50%;
  60. background-image: url('https://media1.tenor.com/images/6667a60f39f8b66e6c92fb44af1d7e4c/tenor.gif?itemid=5528291');
  61. background-size: 100%;
  62. background-repeat: no-repeat;
  63. border: 5px solid #1B398C;
  64. box-shadow: 0px 0px 8px 8px #19306D;
  65. }
  66.  
  67. #img:hover {
  68. background-image: url('https://thumbs.gfycat.com/FakeSmallAndeancondor-max-1mb.gif');
  69. background-size: 120%;
  70. }
  71.  
  72. #raven1 {
  73. position: absolute;
  74. z-index: 1;
  75. right: -61px;
  76. top: -61px;
  77. height: 100px;
  78. width: 100px;
  79. background-color: transparent;
  80. background-image: url('https://pngimage.net/wp-content/uploads/2018/06/raven-silhouette-png-5.png');
  81. background-size: 100%;
  82. background-repeat: no-repeat;
  83. }
  84.  
  85. #first {
  86. position: absolute;
  87. z-index: 1;
  88. left: -5px;
  89. top: -60px;
  90. height: 180px;
  91. width: 260px;
  92. background-image: url('https://i.ibb.co/RztQG1K/ilarion.png');
  93. background-size: 100%;
  94. background-repeat: no-repeat;
  95. }
  96.  
  97. #last {
  98. position: absolute;
  99. z-index: 1;
  100. right: -5px;
  101. bottom: -220px;
  102. height: 210px;
  103. width: 300px;
  104. background-image: url('https://i.ibb.co/mbgMHbf/Serpionov.png');
  105. background-size: 100%;
  106. background-repeat: no-repeat;
  107. }
  108.  
  109. #leftbot {
  110. position: absolute;
  111. z-index: 1;
  112. bottom: 10px;
  113. left: 10px;
  114. height: 170px;
  115. width: 300px;
  116. border: 2px solid #1B398C;
  117. box-shadow: 0px 0px 3px 3px #19306D;
  118. padding: 5px;
  119. overflow-y: auto;
  120. background-color: #000;
  121. color: #fff;
  122. font-family: 'Forum';
  123. font-size: 11px;
  124. line-height: 16px;
  125. }
  126.  
  127. #rightbot {
  128. position: absolute;
  129. z-index: 1;
  130. bottom: 10px;
  131. right: 290px;
  132. height: 170px;
  133. width: 300px;
  134. border: 2px solid #1B398C;
  135. box-shadow: 0px 0px 3px 3px #19306D;
  136. padding: 5px;
  137. overflow-y: auto;
  138. background-color: #000;
  139. color: #fff;
  140. font-family: 'Forum';
  141. font-size: 11px;
  142. line-height: 16px;
  143. }
  144.  
  145. #nickname {
  146. position: absolute;
  147. z-index: 1;
  148. top: 178px;
  149. height: 150px;
  150. left: 180px;
  151. width: 400px;
  152. background-image: url('https://i.ibb.co/2yqPMMg/ILYA.png');
  153. background-size: 80%;
  154. background-repeat: no-repeat;
  155. }
  156.  
  157. #topright {
  158. position: absolute;
  159. z-index: 1;
  160. top: 10px;
  161. right: 290px;
  162. height: 235px;
  163. width: 138px;
  164. border: 2px solid #1B398C;
  165. box-shadow: 0px 0px 3px 3px #19306D;
  166. padding: 5px;
  167. overflow-y: auto;
  168. background-color: #000;
  169. color: #fff;
  170. font-family: 'Forum';
  171. font-size: 11px;
  172. line-height: 16px;
  173. }
  174.  
  175. #topleft {
  176. position: absolute;
  177. z-index: 1;
  178. top: 10px;
  179. left: 10px;
  180. height: 235px;
  181. width: 138px;
  182. border: 2px solid #1B398C;
  183. box-shadow: 0px 0px 3px 3px #19306D;
  184. padding: 5px;
  185. overflow-y: auto;
  186. background-color: #000;
  187. color: #fff;
  188. font-family: 'Forum';
  189. font-size: 11px;
  190. line-height: 16px;
  191. }
  192.  
  193. p::first-letter {
  194. font-size: 190%;
  195. font-family: 'Rochester';
  196. color: #1B398C;
  197. margin-right: 3px;
  198. float: left;
  199. margin-top: 0px;
  200. }
  201.  
  202. h1 {
  203. font-family: 'Cookie';
  204. font-size: 20px;
  205. background-color: #040069;
  206. background-image: url('https://img1.picmix.com/output/stamp/thumb/9/6/4/6/1606469_f1f53.gif');
  207. line-height: 20px;
  208. background-size: 16%;
  209. background-repeat: repeat;
  210. color: #fff;
  211. text-align: center;
  212. margin-top: 3px;
  213. letter-spacing: 2px;
  214. margin-bottom: 4px;
  215. }
  216.  
  217. b {
  218. font-family: 'Redressed';
  219. color: #B9C9DB;
  220. }
  221.  
  222. a {
  223. font-family: 'Cookie';
  224. color: #FFFBAB;
  225. text-decoration: none;
  226. font-size: 12px;
  227. }
  228.  
  229. a:hover {
  230. color: #606D7B;
  231. text-decoration: underline;
  232. }
  233.  
  234. i {
  235. font-family: 'Charm';
  236. color: #5BACFF;
  237. }
  238.  
  239. </style>
  240. <div id="whole" oncontextmenu="return false;">
  241. <div id="container">
  242. <div id="img"></div>
  243. <div id="raven1"></div>
  244. <div id="first"></div>
  245. <div id="last"></div>
  246. <div id="nickname"></div>
  247. <div id="leftbot"><h1>Out of Character</h1>
  248. <B>00.</B> This profile was coded by <a href="//roleplay.chat/profile.php?user=Sailor+Chuu" target="_blank">Chuu</a> for Ilarion. No touchy!</div>
  249. <div id="rightbot"><h1>School Dossier</h1></div>
  250. <div id="topleft"><h1>Personality</h1><p>Pain and suffering are always inevitable for a large intelligence and a deep heart. The really great men must, I think, have great sadness on earth.</p></div>
  251. <div id="topright"><h1>Statistics</div>
  252. </div>
  253.  
  254.  
  255.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement