Advertisement
manderp

twan

Sep 25th, 2019
609
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.27 KB | None | 0 0
  1. <style>
  2.  
  3. @import url('https://fonts.googleapis.com/css?family=Bangers|Nanum+Pen+Script');
  4.  
  5. body {
  6. overflow: hidden;
  7. background-attachment: fixed;
  8. background-image: url();
  9. background-repeat: no-repeat;
  10. background: -moz-linear-gradient(top,#a9bcca 0%,#ffb7b8 100%);
  11. background: -webkit-linear-gradient(top,#a9bcca 0%,#ffb7b8 100%);
  12. background: linear-gradient(to bottom,#a9bcca 0%,#ffb7b8 100%);
  13. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9bcca',endColorstr='#ffb7b8',GradientType=1);
  14. }
  15.  
  16. ::-webkit-scrollbar {
  17. width: 1px;
  18. }
  19.  
  20. ::-webkit-scrollbar-track {
  21. background-color: transparent;
  22. }
  23.  
  24. ::-webkit-scrollbar-thumb {
  25. background-color: transparent;
  26. box-shadow: transparent;
  27. }
  28.  
  29.  
  30.  
  31.  
  32. #main {
  33. height: 700px;
  34. width: 420px;
  35. position: fixed;
  36. margin: auto;
  37. top: 100px;
  38. left: 150px;
  39. right: 0px;
  40. bottom: 0px;
  41. overflow: show;
  42. background-image: url('http://i.picpar.com/f9Bd.jpg');
  43. background-size: 100%;
  44. background-repeat: no-repeat;
  45. }
  46.  
  47. #bbox1 {
  48. height: 180px;
  49. width: 120px;
  50. position: fixed;
  51. margin: auto;
  52. top: 0px;
  53. bottom: 85px;
  54. left: 0px;
  55. right: 580px;
  56. box-shadow: 10px 10px 10px #a9bcca;
  57. transform: skew(20deg);
  58. }
  59.  
  60. #bbox2 {
  61. height: 240px;
  62. width: 120px;
  63. position: fixed;
  64. margin: auto;
  65. top: 0px;
  66. bottom: 185px;
  67. left: 0px;
  68. right: 670px;
  69. box-shadow: 10px 10px 10px #ffb7b8;
  70. transform: skew(20deg);
  71. }
  72.  
  73. #bbox3 {
  74. height: 180px;
  75. width: 320px;
  76. position: fixed;
  77. margin: auto;
  78. top: 0px;
  79. bottom: 145px;
  80. left: 0px;
  81. right: 890px;
  82. transform: skew(20deg);
  83. background: linear-gradient(to bottom right,#ffb7b8 0%,#a9bcca 100%);
  84. }
  85.  
  86. #name {
  87. width: 120px;
  88. height: 20px;
  89. position: fixed;
  90. margin: auto;
  91. top: 0px;
  92. bottom: 400px;
  93. right: 760px;
  94. left: 0px;
  95. box-shadow: 5px 10px 10px #ffb7b8;
  96. transform: skew(-20deg);
  97. font-family: bangers;
  98. text-align: right;
  99. padding-right: 20px;
  100. font-size: 50px;
  101. line-height: 25px;
  102. color: #E3E4EE;
  103. text-shadow: -2px -2px 4px #E15F62, 2px 2px 3px #AABCC9, 5px 3px 3px #AABCC9, 0px 0px #AABCC9, -5px -8px 2px #FCB7B9;
  104. letter-spacing: 3px;
  105. }
  106.  
  107. #text {
  108. height: 150px;
  109. width: 250px;
  110. padding: 5px;
  111. position: fixed;
  112. margin: auto;
  113. top: 0px;
  114. bottom: 145px;
  115. right: 880px;
  116. left: 0px;
  117. background: transparent;
  118. color: #E3E4EE;
  119. text-shadow: 0px 1px 3px #E15F62,
  120. 0px -1px #E15F62,
  121. 1px 0px #F87C9A,
  122. -1px 0px #F87C9A;
  123. font-size: 12pt;
  124. font-family: arial;
  125. font-weight: 400;
  126. overflow-x: hidden;
  127. overflow-y: scroll;
  128. }
  129.  
  130. p {
  131. text-indent: 20px;
  132. text-align: left;
  133. }
  134.  
  135. i {
  136. font-family: nanum pen script;
  137. font-size: 16pt;
  138. line-height: 10px;
  139. color: #E15F62 ;
  140. text-shadow: 0px 0px 2px #DFDAD7, 0px 1px 2px #DFDAD7, 1px 2px #E15F62;
  141. }
  142.  
  143. a, a:visited {
  144. color: #815E6D;
  145. transition: all .8s;
  146. }
  147.  
  148. a:hover {
  149. text-shadow: 0px 1px 3px #DFDBD8,
  150. 0px -1px #DFDBD8,
  151. 1px 0px #DFDBD8,
  152. -1px 0px #DFDBD8;
  153. }
  154.  
  155. b {
  156. font-weight: 900;
  157. }
  158.  
  159. #music{
  160. position: fixed;
  161. overflow:hidden;
  162. top:5;
  163. right:13;
  164. width:40;
  165. height:40;
  166. }
  167.  
  168. #player{
  169. position: fixed;
  170. overflow:hidden;
  171. top:-20;
  172. right:0;
  173. font-size: 15px;
  174. }
  175.  
  176. #tag {
  177. height: 30px;
  178. width: 30px;
  179. position: fixed;
  180. margin: auto;
  181. bottom: 340px;
  182. left: 530px;
  183. background-color: transparent;
  184. }
  185.  
  186. a.mother, a.mother:visited {
  187. color: #939dba;
  188. transition: all .7s;
  189. text-decoration: none;
  190. font-size: 20px;
  191. line-height: 40px;
  192. }
  193.  
  194. a.mother:hover {
  195. color: #ccc;
  196. }
  197.  
  198. </style>
  199.  
  200.  
  201. <div id="player"><h1 class="flashit">
  202. <img src="http://i.picpar.com/b5Cd.gif" width="75"></h1>
  203. </div>
  204.  
  205. <div id="music">
  206. <div style="opacity:0;">
  207. <audio controls>
  208. <source src="http://k007.kiwi6.com/hotlink/tn28b1yivq/joji_-_slow_dancing_in_the_dark.mp3" type="audio/mpeg"></audio>
  209. </div>
  210. </div>
  211.  
  212. <div id="main">
  213. </div>
  214.  
  215. <div id="tag">
  216. <a target="_blank" href="https://roleplay.chat/profile.php?user=mothership" target="_blank" class="mother">☮
  217. </a>
  218. </div>
  219.  
  220. <div id="bbox1">
  221. </div>
  222.  
  223. <div id="bbox2">
  224. </div>
  225.  
  226. <div id="bbox3">
  227. </div>
  228.  
  229. <div id="name">
  230. twan
  231. </div>
  232.  
  233. <div id="text">
  234.  
  235. <p>
  236.  
  237. a twenty-three year old wolf mix <i>(mostly cattle dog)</i>. college student majoring in <i>journalism</i>. currently working <i>part-time</i> as a <i>newspaper photographer</i>. picture?
  238.  
  239. </p><p>
  240.  
  241. <a target="_blank" href="https://www.f-list.net/c/Twan%20Kuyper"><i>men</i></a> are his <i>persuasion</i>; ~
  242.  
  243. </p>
  244.  
  245.  
  246. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement